@charset "UTF-8";
 @keyframes slideIn {
from {
transform: translateX(6px);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
} *,
::after,
::before {
box-sizing: border-box;
}
html {
line-sizing: normal;
background-color: #fff;
}
body {
margin: 0;
}
[hidden] {
display: none;
}
pre {
white-space: pre-wrap;
}
hr {
border-style: solid;
border-width: 1px 0 0;
color: inherit;
height: 0;
overflow: visible;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
display: block;
vertical-align: middle;
max-width: 100%;
}
audio:not([controls]) {
display: none;
}
source {
display: none;
}
canvas,
img,
svg,
video {
height: auto;
}
audio {
width: 100%;
}
img {
border-style: none;
}
svg {
overflow: hidden;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block;
}
[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
font-weight: normal;
}
dl, dt, dd, figure {
padding: 0;
margin: 0;
}
input,
button,
select,
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: none;
border-radius: 0;
font: inherit;
outline: none;
}
textarea {
resize: vertical;
}
input[type=checkbox],
input[type=radio] {
display: none;
}
input[type=submit],
input[type=button],
label,
button,
select {
cursor: pointer;
}
select::-ms-expand {
display: none;
}
a {
text-decoration: none;
}
.ol-wrapper a:not([class]) {
display: inline-block;
text-decoration: underline;
text-underline-offset: 5px;
text-decoration-thickness: 1px;
transition: opacity 0.24s ease-Out;
will-change: opacity;
}
ul,
ol {
list-style-type: none;
padding: 0;
margin: 0;
}
p {
line-height: 2.4;
letter-spacing: 0.12rem;
margin-top: clamp(24px, 3.3vw, 30px);
margin-bottom: clamp(24px, 3.3vw, 30px);
}
@media (min-width: 1729px) {
p {
margin-top: clamp(30px, 2.25vw, 60px);
margin-bottom: clamp(30px, 2.25vw, 60px);
}
}
@media (max-width: 640px) {
p {
line-height: 2.15;
}
}
img {
width: 100%;
}
time {
font-feature-settings: "palt";
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 300;
line-height: 0;
letter-spacing: 0.18rem;
}
@media (min-width: 1729px) {
time {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
body {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
font-size: clamp(0.96875rem, 0.96875rem + 0vw, 0.96875rem);
font-weight: 300;
line-height: 2.4;
letter-spacing: 0.12rem;
}
@media (min-width: 1729px) {
body {
font-size: clamp(0.96875rem, -0.7562435633rem + 1.596292482vw, 1.9375rem);
}
}
@media (max-width: 640px) {
body {
line-height: 1.95;
}
}
section {
scroll-margin-top: 60px;
}
html,
body,
.ol-wrapper {
-webkit-overflow-scrolling: touch;
}
@media (max-width: 640px) {
.ol-pc {
display: none !important;
}
}
@media (min-width: 641px) {
.ol-sp {
display: none !important;
}
}
@media (min-width: 641px) {
.ol-br-sp br {
display: none !important;
}
}
.ol-help {
color: #db4d4d;
text-align: center;
font-size: clamp(0.6875rem, 0.6628469686rem + 0.1095690285vw, 0.78125rem);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.09rem;
}
@media (min-width: 1729px) {
.ol-help {
font-size: clamp(0.78125rem, -0.1647142122rem + 0.8753861998vw, 1.3125rem);
}
}
.ol-radius-regular {
border-radius: 0px;
}
.ol-separator::before {
content: "";
display: block;
width: 1px;
height: 100%;
}
.ol-separator-horizon {
display: block;
width: 100%;
}
.ol-separator-horizon::before {
display: block;
content: "";
width: 100%;
height: 1px;
}
.ol-time {
position: relative;
}
.ol-time::after {
content: "";
display: inline-block;
position: absolute;
width: 1px;
height: clamp(11px, 1.1vw, 13px);
right: -16px;
top: 50%;
transform: translateY(-50%);
}
.ol-max-frame {
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 0 clamp(42px, 6vw, 66px);
}
@media (min-width: 1729px) {
.ol-max-frame {
padding: 0 clamp(60px, 4vw, 105px);
}
}
@media (max-width: 640px) {
.ol-max-frame {
padding: 0 clamp(27px, 6vw, 36px);
}
}
.ol-content-frame {
max-width: 1180px;
margin-left: auto;
margin-right: auto;
box-sizing: content-box;
padding: 0 clamp(42px, 6vw, 66px);
}
@media (min-width: 1729px) {
.ol-content-frame {
padding: 0 clamp(60px, 4vw, 105px);
}
}
@media (max-width: 640px) {
.ol-content-frame {
padding: 0 clamp(27px, 6vw, 36px);
}
}
@media (min-width: 1729px) {
.ol-content-frame {
max-width: 100%;
}
}
.ol-fullwidth {
position: relative;
width: 100%;
padding: 0.01% 0;
}
.ol-fullwidth::before {
content: "";
position: absolute;
pointer-events: none;
z-index: 0;
width: 100vw;
height: 100%;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.ol-section {
margin-top: clamp(105px, 24vw, 225px);
margin-bottom: clamp(105px, 24vw, 225px);
}
@media (min-width: 1729px) {
.ol-section {
margin-top: clamp(225px, 12vw, 371.25px);
margin-bottom: clamp(225px, 12vw, 371.25px);
}
}
.ol-section-small {
margin-top: clamp(63px, 6vw, 84px);
margin-bottom: clamp(63px, 6vw, 84px);
}
@media (min-width: 1729px) {
.ol-section-small {
margin-top: clamp(84px, 6vw, 168px);
margin-bottom: clamp(84px, 6vw, 168px);
}
}
.ol-frame-deco {
position: absolute;
height: 1px;
width: 15px;
border-top-width: 1px;
border-top-style: solid;
}
.ol-frame-deco.p-1 {
top: 0;
left: 0;
}
.ol-frame-deco.p-2 {
bottom: 0;
left: 0;
}
.ol-frame-deco.p-3 {
top: 0;
right: 0;
}
.ol-frame-deco.p-4 {
bottom: 0;
right: 0;
}
.ol-heading-wrapper {
display: flex;
flex-direction: row-reverse;
justify-content: left;
align-items: center;
row-gap: clamp(6px, 1vw, 12px);
column-gap: clamp(30px, 3.6vw, 48px);
margin-bottom: clamp(48px, 4.5vw, 63px);
}
@media (min-width: 1729px) {
.ol-heading-wrapper {
row-gap: clamp(12px, 0.75vw, 24px);
}
}
@media (min-width: 1729px) {
.ol-heading-wrapper {
column-gap: clamp(48px, 3vw, 96px);
}
}
@media (min-width: 1729px) {
.ol-heading-wrapper {
margin-bottom: clamp(63px, 4.5vw, 126px);
}
}
@media (max-width: 640px) {
.ol-heading-wrapper {
flex-wrap: wrap;
flex-direction: column;
align-items: flex-start;
margin-bottom: clamp(30px, 3.6vw, 48px);
}
}
@media (max-width: 640px) and (min-width: 1729px) {
.ol-heading-wrapper {
margin-bottom: clamp(48px, 3vw, 96px);
}
}
.ol-heading-custom-large .ol-heading {
font-size: clamp(3.1875rem, 2.9902757487rem + 0.8765522279vw, 3.9375rem);
font-weight: 400;
line-height: 1.65;
letter-spacing: 0.18rem;
}
@media (min-width: 1729px) {
.ol-heading-custom-large .ol-heading {
font-size: clamp(3.9375rem, -1.7382852729rem + 5.2523171988vw, 7.125rem);
}
}
@media (max-width: 640px) {
.ol-heading-custom-large .ol-heading {
font-size: 33px;
letter-spacing: 0.18rem;
}
}
.ol-heading-custom-large .ol-heading-sub {
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.09rem;
}
@media (min-width: 1729px) {
.ol-heading-custom-large .ol-heading-sub {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
.ol-heading-custom-medium .ol-heading {
font-size: clamp(2.8125rem, 2.7138878744rem + 0.438276114vw, 3.1875rem);
font-weight: 400;
line-height: 1.65;
letter-spacing: 0.18rem;
}
@media (min-width: 1729px) {
.ol-heading-custom-medium .ol-heading {
font-size: clamp(3.1875rem, -2.4882852729rem + 5.2523171988vw, 6.375rem);
}
}
@media (max-width: 640px) {
.ol-heading-custom-medium .ol-heading {
font-size: 27px;
letter-spacing: 0.18rem;
}
}
.ol-heading-custom-medium .ol-heading-sub {
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.09rem;
}
@media (min-width: 1729px) {
.ol-heading-custom-medium .ol-heading-sub {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
.ol-heading-custom-small .ol-heading {
font-size: clamp(2.4375rem, 2.3388878744rem + 0.438276114vw, 2.8125rem);
font-weight: 400;
line-height: 1.65;
letter-spacing: 0.18rem;
font-feature-settings: "palt";
}
@media (min-width: 1729px) {
.ol-heading-custom-small .ol-heading {
font-size: clamp(2.8125rem, -2.195545829rem + 4.6343975283vw, 5.625rem);
}
}
@media (max-width: 640px) {
.ol-heading-custom-small .ol-heading {
font-size: 24px;
letter-spacing: 0.18rem;
}
}
.ol-heading-custom-small .ol-heading-sub {
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.09rem;
}
@media (min-width: 1729px) {
.ol-heading-custom-small .ol-heading-sub {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
.ol-heading-small {
font-size: clamp(1.3125rem, 1.2138878744rem + 0.438276114vw, 1.6875rem);
font-weight: 300;
line-height: 1.5;
letter-spacing: 0.18rem;
}
@media (min-width: 1729px) {
.ol-heading-small {
font-size: clamp(1.6875rem, -0.9834577755rem + 2.4716786818vw, 3.1875rem);
}
}
.ol-heading-sub-small {
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.09rem;
}
@media (min-width: 1729px) {
.ol-heading-sub-small {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
@media (max-width: 640px) {
.ol-heading-sub-small {
font-size: clamp(0.6875rem, 0.6628469686rem + 0.1095690285vw, 0.78125rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.09rem;
margin-bottom: clamp(6px, 1vw, 12px);
}
}
@media (max-width: 640px) and (min-width: 1729px) {
.ol-heading-sub-small {
font-size: clamp(0.78125rem, -0.1647142122rem + 0.8753861998vw, 1.3125rem);
}
}
@media (max-width: 640px) and (min-width: 1729px) {
.ol-heading-sub-small {
margin-bottom: clamp(12px, 0.75vw, 24px);
}
}
.ol-heading-desc {
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 300;
line-height: 1.95;
letter-spacing: 0.09rem;
margin-bottom: clamp(24px, 3.3vw, 30px);
margin-top: -36px;
}
@media (min-width: 1729px) {
.ol-heading-desc {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
@media (min-width: 1729px) {
.ol-heading-desc {
margin-bottom: clamp(30px, 2.25vw, 60px);
}
}
@media (min-width: 1729px) {
.ol-heading-desc {
margin-top: calc(-1 * clamp(36px, 3.5vw, 90px));
}
}
@media (max-width: 640px) {
.ol-heading-desc {
margin-top: -6px;
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 300;
line-height: 1.95;
letter-spacing: 0.09rem;
}
}
@media (max-width: 640px) and (min-width: 1729px) {
.ol-heading-desc {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
.ol-heading-desc-small {
margin-top: clamp(24px, 3.3vw, 30px);
margin-bottom: clamp(48px, 3.6vw, 48px);
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.09rem;
}
@media (min-width: 1729px) {
.ol-heading-desc-small {
margin-top: clamp(30px, 2.25vw, 60px);
}
}
@media (min-width: 1729px) {
.ol-heading-desc-small {
margin-bottom: clamp(48px, 3vw, 96px);
}
}
@media (min-width: 1729px) {
.ol-heading-desc-small {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
@media (max-width: 640px) {
.ol-heading-desc-small {
font-size: 12.5px;
line-height: 1.95;
}
}
.ol-heading-subtitle {
font-size: clamp(2.8125rem, 2.8125rem + 0vw, 2.8125rem);
font-weight: 100;
line-height: 1.65;
letter-spacing: 0.27rem;
font-feature-settings: "palt";
padding-right: clamp(24px, 3.3vw, 30px);
}
@media (min-width: 1729px) {
.ol-heading-subtitle {
font-size: clamp(2.8125rem, -2.195545829rem + 4.6343975283vw, 5.625rem);
}
}
@media (min-width: 1729px) {
.ol-heading-subtitle {
padding-right: clamp(30px, 2.25vw, 60px);
}
}
@media (max-width: 640px) {
.ol-heading-subtitle {
font-weight: 100;
letter-spacing: 0.18rem;
}
}
.ol-list-subtitle {
display: inline-block;
font-size: clamp(0.6875rem, 0.6628469686rem + 0.1095690285vw, 0.78125rem);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
margin-bottom: 3px;
}
@media (min-width: 1729px) {
.ol-list-subtitle {
font-size: clamp(0.78125rem, -0.1647142122rem + 0.8753861998vw, 1.3125rem);
}
}
@media (max-width: 640px) {
.ol-list-subtitle {
font-weight: 500;
}
}
.ol-list-title {
display: inline-block;
font-size: clamp(1.25rem, 1.2335646457rem + 0.073046019vw, 1.3125rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.12rem;
}
@media (min-width: 1729px) {
.ol-list-title {
font-size: clamp(1.3125rem, -0.8020082389rem + 1.9567456231vw, 2.5rem);
}
}
.ol-list-title-small {
font-size: clamp(0.96875rem, 0.96875rem + 0vw, 0.96875rem);
font-weight: 500;
line-height: 2.4;
letter-spacing: 0.12rem;
}
@media (min-width: 1729px) {
.ol-list-title-small {
font-size: clamp(0.96875rem, -0.7562435633rem + 1.596292482vw, 1.9375rem);
}
}
@media (max-width: 640px) {
.ol-list-title-small {
font-weight: 600;
}
}
.ol-text {
margin-top: 0;
margin-bottom: 0;
font-size: clamp(0.96875rem, 0.96875rem + 0vw, 0.96875rem);
font-weight: 300;
line-height: 2.4;
letter-spacing: 0.12rem;
}
@media (min-width: 1729px) {
.ol-text {
font-size: clamp(0.96875rem, -0.7562435633rem + 1.596292482vw, 1.9375rem);
}
}
@media (max-width: 640px) {
.ol-text {
line-height: 1.95;
}
}
.ol-list-text {
font-size: clamp(0.96875rem, 0.96875rem + 0vw, 0.96875rem);
font-weight: 300;
line-height: 2.15;
letter-spacing: 0.12rem;
}
@media (min-width: 1729px) {
.ol-list-text {
font-size: clamp(0.96875rem, -0.7562435633rem + 1.596292482vw, 1.9375rem);
}
}
@media (max-width: 640px) {
.ol-list-text {
line-height: 1.95;
}
}
.ol-list-text-s {
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 300;
line-height: 1.95;
letter-spacing: 0.09rem;
}
@media (min-width: 1729px) {
.ol-list-text-s {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
.ol-text-s {
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 300;
line-height: 2.15;
letter-spacing: 0.09rem;
}
@media (min-width: 1729px) {
.ol-text-s {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
.ol-shadow-s {
box-shadow: 0px 0px 12px 3px rgba(0, 0, 0, 0.12), 1px 1px 6px 0px rgba(0, 0, 0, 0.075);
}
.ol-shadow-m {
box-shadow: 2px 2px 30px 1px rgba(0, 0, 0, 0.09), 2px 2px 12px 0px rgba(0, 0, 0, 0.06);
}
.ol-shadow-m-strong {
box-shadow: 2px 2px 30px 1px rgba(0, 0, 0, 0.15), 2px 2px 12px 0px rgba(0, 0, 0, 0.09);
}
.ol-list-border {
border-bottom-width: 0.5px;
border-bottom-style: solid;
padding-bottom: clamp(30px, 3.6vw, 48px);
padding-top: clamp(12px, 1.8vw, 18px);
}
@media (min-width: 1729px) {
.ol-list-border {
padding-bottom: clamp(48px, 3vw, 96px);
}
}
@media (min-width: 1729px) {
.ol-list-border {
padding-top: clamp(18px, 0.9vw, 36px);
}
}
.ol-btn-menu,
.ol-btn-info,
.ol-btn-icon,
.ol-btn-small,
.ol-btn-regular,
.ol-btn-text,
.ol-news-link {
position: relative;
}
.ol-btn-menu .ol-button-deco-wrapper,
.ol-btn-info .ol-button-deco-wrapper,
.ol-btn-icon .ol-button-deco-wrapper,
.ol-btn-small .ol-button-deco-wrapper,
.ol-btn-regular .ol-button-deco-wrapper,
.ol-btn-text .ol-button-deco-wrapper,
.ol-news-link .ol-button-deco-wrapper {
display: flex;
align-items: center;
justify-content: flex-end;
overflow: hidden;
width: 1.74em;
height: 1.74em;
border-radius: 100px;
column-gap: 0.54em;
padding-right: 0.48em;
margin-left: clamp(15px, 1.8vw, 18px);
}
@media (min-width: 1729px) {
.ol-btn-menu .ol-button-deco-wrapper,
.ol-btn-info .ol-button-deco-wrapper,
.ol-btn-icon .ol-button-deco-wrapper,
.ol-btn-small .ol-button-deco-wrapper,
.ol-btn-regular .ol-button-deco-wrapper,
.ol-btn-text .ol-button-deco-wrapper,
.ol-news-link .ol-button-deco-wrapper {
margin-left: clamp(18px, 0.9vw, 36px);
}
}
.ol-btn-menu .ol-button-deco-wrapper::before, .ol-btn-menu .ol-button-deco-wrapper::after,
.ol-btn-info .ol-button-deco-wrapper::before,
.ol-btn-info .ol-button-deco-wrapper::after,
.ol-btn-icon .ol-button-deco-wrapper::before,
.ol-btn-icon .ol-button-deco-wrapper::after,
.ol-btn-small .ol-button-deco-wrapper::before,
.ol-btn-small .ol-button-deco-wrapper::after,
.ol-btn-regular .ol-button-deco-wrapper::before,
.ol-btn-regular .ol-button-deco-wrapper::after,
.ol-btn-text .ol-button-deco-wrapper::before,
.ol-btn-text .ol-button-deco-wrapper::after,
.ol-news-link .ol-button-deco-wrapper::before,
.ol-news-link .ol-button-deco-wrapper::after {
content: "";
width: 0.75em;
height: 0.75em;
clip-path: polygon(45% 8%, 58% 8%, 100% 50%, 58% 92%, 45% 92%, 84% 54%, 0 54%, 0 46%, 84% 46%);
flex-shrink: 0;
}
.ol-btn-menu .ol-button-deco-wrapper {
width: 1.35em;
height: 1.35em;
column-gap: 0.54em;
padding-right: 0.33em;
margin-left: clamp(30px, 3.6vw, 48px);
}
@media (min-width: 1729px) {
.ol-btn-menu .ol-button-deco-wrapper {
margin-left: clamp(48px, 3vw, 96px);
}
}
.ol-btn-menu .ol-button-deco-wrapper::before, .ol-btn-menu .ol-button-deco-wrapper::after {
content: "";
width: 0.75em;
height: 0.75em;
clip-path: polygon(45% 8%, 58% 8%, 100% 50%, 58% 92%, 45% 92%, 84% 54%, 12% 54%, 12% 46%, 84% 46%);
flex-shrink: 0;
}
.ol-btn-small {
display: inline-flex;
justify-content: center;
align-items: center;
position: relative;
padding: 0.6em 0.75em 0.6em 1.5em;
border-radius: 100px;
text-decoration: none !important;
box-sizing: border-box;
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.09rem;
}
@media (min-width: 1729px) {
.ol-btn-small {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
.ol-btn-small .ol-btn-regular-icon {
display: inline-block;
padding-top: 1px;
}
.ol-btn-small .ol-btn-regular-text {
flex-grow: 1;
}
.ol-btn-small i {
margin-right: 6px;
}
.ol-btn-icon,
.ol-btn-regular {
display: inline-flex;
justify-content: center;
align-items: center;
position: relative;
padding: 0.9em 0.9em 0.9em 2.25em;
border-radius: 100px;
text-decoration: none !important;
box-sizing: border-box;
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.09rem;
}
@media (min-width: 1729px) {
.ol-btn-icon,
.ol-btn-regular {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
.ol-btn-icon .ol-button-deco-wrapper,
.ol-btn-regular .ol-button-deco-wrapper {
width: 2.1em;
height: 2.1em;
padding-right: 0.66em;
column-gap: 0.9em;
margin-left: clamp(18px, 1.8vw, 18px);
}
@media (min-width: 1729px) {
.ol-btn-icon .ol-button-deco-wrapper,
.ol-btn-regular .ol-button-deco-wrapper {
margin-left: clamp(18px, 0.9vw, 36px);
}
}
.ol-btn-icon .ol-btn-regular-icon,
.ol-btn-regular .ol-btn-regular-icon {
display: inline-block;
padding-top: 1px;
}
.ol-btn-icon .ol-btn-regular-text,
.ol-btn-regular .ol-btn-regular-text {
flex-grow: 1;
}
.ol-btn-icon i,
.ol-btn-regular i {
margin-right: 6px;
}
.ol-btn-medium,
.ol-btn-medium-2 {
padding: 18px clamp(39px, 3.9vw, 42px);
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
border-radius: 100px;
text-decoration: none !important;
box-sizing: border-box;
}
@media (min-width: 1729px) {
.ol-btn-medium,
.ol-btn-medium-2 {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
@media (min-width: 1729px) {
.ol-btn-medium,
.ol-btn-medium-2 {
padding: clamp(18px, 3vw, 36px) clamp(42px, 3.9vw, 75px);
}
}
@media (max-width: 640px) {
.ol-btn-medium,
.ol-btn-medium-2 {
width: 100%;
padding: 19px 39px;
}
}
.ol-btn-large,
.ol-btn-large-2 {
min-width: 60%;
padding: 27px clamp(45px, 7.2vw, 81px);
font-size: clamp(0.96875rem, 0.96875rem + 0vw, 0.96875rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.12rem;
border-radius: 100px;
text-decoration: none !important;
box-sizing: border-box;
}
@media (min-width: 1729px) {
.ol-btn-large,
.ol-btn-large-2 {
font-size: clamp(0.96875rem, -0.7562435633rem + 1.596292482vw, 1.9375rem);
}
}
@media (min-width: 1729px) {
.ol-btn-large,
.ol-btn-large-2 {
padding: clamp(27px, 3vw, 45px) clamp(42px, 3.9vw, 75px);
}
}
@media (max-width: 640px) {
.ol-btn-large,
.ol-btn-large-2 {
width: 100%;
padding: 25px 36px;
}
}
.ol-btn-medium,
.ol-btn-large {
border-style: solid;
border-width: 1px;
}
.ol-btn-medium-2,
.ol-btn-large-2 {
border-style: solid;
border-width: 1px;
}
.ol-btn-text {
position: relative;
text-decoration: none !important;
font-size: clamp(0.96875rem, 0.96875rem + 0vw, 0.96875rem);
font-weight: 500;
line-height: 0.6;
letter-spacing: 0.12rem;
padding: 6px 27px 6px 3px;
box-sizing: border-box;
}
@media (min-width: 1729px) {
.ol-btn-text {
font-size: clamp(0.96875rem, -0.7562435633rem + 1.596292482vw, 1.9375rem);
}
}
@media (min-width: 1729px) {
.ol-btn-text {
padding: 9px clamp(27px, 2.1vw, 48px) 9px 6px;
}
}
@media (max-width: 640px) {
.ol-btn-text {
padding: 6px 24px 6px 3px;
}
}
.ol-btn-custom {
margin-top: clamp(48px, 4.5vw, 63px);
}
@media (min-width: 1729px) {
.ol-btn-custom {
margin-top: clamp(63px, 4.5vw, 126px);
}
}
.ol-btn-admin {
font-size: clamp(0.6875rem, 0.6628469686rem + 0.1095690285vw, 0.78125rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.09rem;
width: 100%;
padding: 18px;
text-align: center;
margin: 24px 0;
display: block;
background: repeating-linear-gradient(-45deg, #e9e9e9, #e9e9e9 1px, #fff 0, #fff 6px);
text-decoration: none !important;
}
@media (min-width: 1729px) {
.ol-btn-admin {
font-size: clamp(0.78125rem, -0.1647142122rem + 0.8753861998vw, 1.3125rem);
}
}
.ol-btn-admin .ol-btn-admin-text {
display: block;
text-decoration: underline;
text-underline-offset: 5px;
padding: 0 12px;
padding-bottom: 21px;
background-color: #fff;
color: #666666;
}
.ol-btn-admin .ol-btn-admin-help {
font-size: clamp(0.6875rem, 0.6875rem + 0vw, 0.6875rem);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.09rem;
display: block;
color: #b7b7b7;
text-decoration: none !important;
padding: 12px;
background-color: #fff;
}
@media (min-width: 1729px) {
.ol-btn-admin .ol-btn-admin-help {
font-size: clamp(0.6875rem, -0.0915293512rem + 0.7209062822vw, 1.125rem);
}
}
.ol-contact__mail {
display: flex;
align-items: center;
flex-basis: 60px;
flex-shrink: 0;
flex-grow: 0;
}
.ol-contact__mail .ol-btn-icon {
padding: 0;
}
.ol-contact__mail .ol-button-deco-wrapper {
margin: 0;
width: 4.5em;
height: 4.5em;
padding-right: 1.2em;
column-gap: 0.6em;
background-color: #fff;
padding-right: 0.06em;
}
.ol-contact__mail .ol-button-deco-wrapper::before, .ol-contact__mail .ol-button-deco-wrapper::after {
display: none;
}
.ol-contact__mail .ol-button-deco-wrapper .ol-button-deco-before,
.ol-contact__mail .ol-button-deco-wrapper .ol-button-deco-after {
display: block;
flex-shrink: 0;
width: 1.95em;
height: 1.95em;
}
.ol-contact__mail .ol-button-deco-wrapper .ol-button-deco-before {
clip-path: polygon(49% 8%, 54% 8%, 100% 50%, 54% 92%, 49% 92%, 91% 52%, 0 52%, 0 48%, 91% 48%);
}
.ol-contact__mail .ol-button-deco-wrapper .ol-button-deco-after {
text-align: center;
clip-path: none;
background-color: transparent !important;
font-size: 1.95em;
line-height: 2.1;
}
.is-open .ol-header__nav-anchor::after {
right: 6px;
}
.ol-category-list {
display: flex;
align-items: center;
column-gap: clamp(12px, 1.5vw, 15px);
row-gap: clamp(9px, 1.5vw, 15px);
flex-wrap: wrap;
flex-direction: row !important;
}
@media (min-width: 1729px) {
.ol-category-list {
column-gap: clamp(15px, 1.5vw, 36px);
}
}
@media (max-width: 840px) {
.ol-category-list {
overflow-x: scroll;
overflow-y: hidden;
flex-wrap: nowrap;
padding: 12px 0;
}
}
.ol-category__item {
flex-shrink: 0;
line-height: 0;
}
.ol-category__item-anchor {
display: inline-block;
border-radius: 60px;
padding: 5px 18px;
font-size: clamp(0.6875rem, 0.6875rem + 0vw, 0.6875rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.09rem;
}
@media (min-width: 1729px) {
.ol-category__item-anchor {
font-size: clamp(0.6875rem, -0.0915293512rem + 0.7209062822vw, 1.125rem);
}
}
@media (min-width: 1729px) {
.ol-category__item-anchor {
padding: clamp(5px, 0.5vw, 10px) clamp(15px, 1.5vw, 27px);
}
}
.ol-card-list {
display: flex;
flex-wrap: wrap;
column-gap: clamp(30px, 3.6vw, 48px);
row-gap: clamp(48px, 4.5vw, 63px);
}
@media (min-width: 1729px) {
.ol-card-list {
column-gap: clamp(48px, 3vw, 96px);
}
}
@media (min-width: 1729px) {
.ol-card-list {
row-gap: clamp(63px, 4.5vw, 126px);
}
}
.ol-card-item {
display: flex;
width: calc((100% - clamp(30px, 3.6vw, 48px) * 2) / 3);
}
@media (min-width: 1729px) {
.ol-card-item {
width: calc((100% - clamp(48px, 3.6vw, 96px) * 2) / 3);
}
}
@media (max-width: 840px) {
.ol-card-item {
width: calc((100% - clamp(30px, 3.6vw, 48px)) / 2);
}
}
@media (max-width: 640px) {
.ol-card-item {
width: 100%;
}
}
@keyframes img-loading {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.ol-card-item:nth-child(1) {
opacity: 0;
animation: img-loading 0.9s ease-in 0.36s 1 alternate forwards;
}
.ol-card-item:nth-child(2) {
opacity: 0;
animation: img-loading 0.9s ease-in 0.72s 1 alternate forwards;
}
.ol-card-item:nth-child(3) {
opacity: 0;
animation: img-loading 0.9s ease-in 1.08s 1 alternate forwards;
}
.ol-card-item:nth-child(4) {
opacity: 0;
animation: img-loading 0.9s ease-in 1.44s 1 alternate forwards;
}
.ol-card-item:nth-child(5) {
opacity: 0;
animation: img-loading 0.9s ease-in 1.8s 1 alternate forwards;
}
.ol-card-item:nth-child(6) {
opacity: 0;
animation: img-loading 0.9s ease-in 2.16s 1 alternate forwards;
}
.ol-card-item:nth-child(7) {
opacity: 0;
animation: img-loading 0.9s ease-in 2.52s 1 alternate forwards;
}
.ol-card-item:nth-child(8) {
opacity: 0;
animation: img-loading 0.9s ease-in 2.88s 1 alternate forwards;
}
.ol-card-item:nth-child(9) {
opacity: 0;
animation: img-loading 0.9s ease-in 3.24s 1 alternate forwards;
}
.ol-card-item:nth-child(10) {
opacity: 0;
animation: img-loading 0.9s ease-in 3.6s 1 alternate forwards;
}
.ol-card-item:nth-child(11) {
opacity: 0;
animation: img-loading 0.9s ease-in 3.96s 1 alternate forwards;
}
.ol-card-item:nth-child(12) {
opacity: 0;
animation: img-loading 0.9s ease-in 4.32s 1 alternate forwards;
}
.ol-card-item:nth-child(13) {
opacity: 0;
animation: img-loading 0.9s ease-in 4.68s 1 alternate forwards;
}
.ol-card-item:nth-child(14) {
opacity: 0;
animation: img-loading 0.9s ease-in 5.04s 1 alternate forwards;
}
.ol-card-item:nth-child(15) {
opacity: 0;
animation: img-loading 0.9s ease-in 5.4s 1 alternate forwards;
}
.ol-card-item:nth-child(16) {
opacity: 0;
animation: img-loading 0.9s ease-in 5.76s 1 alternate forwards;
}
.ol-card-item:nth-child(17) {
opacity: 0;
animation: img-loading 0.9s ease-in 6.12s 1 alternate forwards;
}
.ol-card-item:nth-child(18) {
opacity: 0;
animation: img-loading 0.9s ease-in 6.48s 1 alternate forwards;
}
.ol-card-item:nth-child(19) {
opacity: 0;
animation: img-loading 0.9s ease-in 6.84s 1 alternate forwards;
}
.ol-card-item:nth-child(20) {
opacity: 0;
animation: img-loading 0.9s ease-in 7.2s 1 alternate forwards;
}
.ol-card-item-link {
display: flex;
flex-wrap: wrap;
flex-direction: column;
flex-grow: 1;
row-gap: clamp(18px, 1.8vw, 21px);
text-decoration: none !important;
color: inherit !important;
}
@media (min-width: 1729px) {
.ol-card-item-link {
row-gap: clamp(21px, 1.8vw, 42px);
}
}
.ol-card-item-image,
.ol-card-item-info,
.ol-card-item-title {
width: 100%;
}
.ol-card-item-title {
font-weight: 500;
}
.ol-card-item-info {
display: flex;
align-items: center;
font-size: clamp(0.6875rem, 0.6628469686rem + 0.1095690285vw, 0.78125rem);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.09rem;
}
@media (min-width: 1729px) {
.ol-card-item-info {
font-size: clamp(0.78125rem, -0.1647142122rem + 0.8753861998vw, 1.3125rem);
}
}
.ol-meta-center {
text-align: center;
justify-content: center;
}
.ol-blog-meta {
display: flex;
align-items: center;
column-gap: clamp(24px, 1.8vw, 18px);
}
@media (min-width: 1729px) {
.ol-blog-meta {
column-gap: clamp(18px, 0.9vw, 36px);
}
}
.ol-card-item-image {
border-bottom-right-radius: clamp(45px, 3vw, 90px);
margin-bottom: clamp(6px, 1vw, 12px);
}
@media (min-width: 1729px) {
.ol-card-item-image {
margin-bottom: clamp(12px, 0.75vw, 24px);
}
}
.ol-card-item-image:not(.ol-thumbnail-original) {
aspect-ratio: 16/9;
}
.ol-card-item-image img {
border-bottom-right-radius: clamp(45px, 3vw, 90px);
}
.ol-blog-category {
text-decoration: none !important;
font-size: clamp(0.6875rem, 0.6875rem + 0vw, 0.6875rem);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.09rem;
border-radius: 100px;
padding: 5px 18px;
}
@media (min-width: 1729px) {
.ol-blog-category {
font-size: clamp(0.6875rem, -0.0915293512rem + 0.7209062822vw, 1.125rem);
}
}
@media (min-width: 1729px) {
.ol-blog-category {
padding: clamp(5px, 0.5vw, 10px) clamp(15px, 1.5vw, 27px);
}
}
.ol-icon-base {
font-size: 0.95em;
}
.ol-sns-list {
display: flex;
align-items: center;
font-size: clamp(1.25rem, 1.2335646457rem + 0.073046019vw, 1.3125rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.12rem;
}
@media (min-width: 1729px) {
.ol-sns-list {
font-size: clamp(1.3125rem, -0.8020082389rem + 1.9567456231vw, 2.5rem);
}
}
@media (max-width: 640px) {
.ol-sns-list {
font-size: 17px;
}
}
.ol-header .ol-sns-list {
column-gap: clamp(12px, 1.8vw, 18px);
}
@media (min-width: 1729px) {
.ol-header .ol-sns-list {
column-gap: clamp(18px, 0.9vw, 36px);
}
}
.ol-header .ol-sns-under2 .ol-sns-anchor {
display: flex;
align-items: center;
}
.ol-header .ol-sns-under2 .ol-sns-anchor .ol-sns-brandname {
display: none;
}
.ol-header .is-open .ol-sns-under2 .ol-sns-anchor {
display: flex;
align-items: center;
}
.ol-header .is-open .ol-sns-under2 .ol-sns-anchor .ol-sns-brandname {
display: inline-block;
}
.ol-access__section .ol-sns-list {
column-gap: clamp(12px, 1.8vw, 18px);
}
@media (min-width: 1729px) {
.ol-access__section .ol-sns-list {
column-gap: clamp(18px, 0.9vw, 36px);
}
}
@media (max-width: 640px) {
.ol-access__section .ol-sns-list {
column-gap: clamp(12px, 1.8vw, 18px);
}
}
@media (max-width: 640px) and (min-width: 1729px) {
.ol-access__section .ol-sns-list {
column-gap: clamp(18px, 0.9vw, 36px);
}
}
.ol-access__section .ol-sns-under2 {
column-gap: clamp(24px, 3.3vw, 30px);
}
@media (min-width: 1729px) {
.ol-access__section .ol-sns-under2 {
column-gap: clamp(30px, 2.25vw, 60px);
}
}
.ol-access__section .ol-sns-under2 .ol-sns-anchor {
display: flex;
align-items: center;
column-gap: clamp(6px, 0.6vw, 9px);
}
.ol-access__section .ol-sns-under2 .ol-sns-anchor span {
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 500;
line-height: 0;
letter-spacing: 0.12rem;
}
@media (min-width: 1729px) {
.ol-access__section .ol-sns-under2 .ol-sns-anchor span {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
@media (max-width: 640px) {
.ol-access__section .ol-sns-under2 .ol-sns-anchor span {
font-size: clamp(0.6875rem, 0.6628469686rem + 0.1095690285vw, 0.78125rem);
font-weight: 500;
line-height: 0;
letter-spacing: 0.09rem;
}
}
@media (max-width: 640px) and (min-width: 1729px) {
.ol-access__section .ol-sns-under2 .ol-sns-anchor span {
font-size: clamp(0.78125rem, -0.1647142122rem + 0.8753861998vw, 1.3125rem);
}
}
@media (any-hover: hover) {
.ol-wrapper a:not([class]):hover {
opacity: 0.69;
}
.ol-header__nav-anchor {
position: relative;
transition: color 0.21s cubic-bezier(0.645, 0.045, 0.355, 1);
will-change: color; }
.ol-header__nav-anchor::before {
position: absolute;
left: 0;
content: "";
width: 100%;
height: 1px;
bottom: -1px;
transform: scale(0, 1);
transform-origin: right top;
transition: transform 0.24s cubic-bezier(0.645, 0.045, 0.355, 1);
will-change: transform;
}
.ol-header__nav-anchor:hover::before {
transform: scale(1, 1);
transform-origin: left top;
}
.ol-image-hover {
display: inline-block;
transform-origin: center;
transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: transform, box-shadow;
}
.ol-image-hover:hover {
transform: translateY(-5px) scale(1.003);
box-shadow: 1px 3px 33px 1px rgba(0, 0, 0, 0.12), 0px 1px 18px 0px rgba(0, 0, 0, 0.06);
}
.ol-card-item-link .ol-card-item-image {
display: inline-block;
transform-origin: center;
transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: transform, box-shadow;
}
.ol-card-item-link:hover .ol-card-item-image {
transform: translateY(-5px) scale(1.003);
box-shadow: 1px 3px 33px 1px rgba(0, 0, 0, 0.12), 0px 1px 18px 0px rgba(0, 0, 0, 0.06);
}
.ol-anchor-style1 {
padding: 6px 0;
position: relative;
transition: color 0.21s cubic-bezier(0.645, 0.045, 0.355, 1);
will-change: color; }
.ol-anchor-style1::before {
position: absolute;
left: 0;
content: "";
width: 100%;
height: 1px;
bottom: -1px;
transform: scale(0, 1);
transform-origin: right top;
transition: transform 0.24s cubic-bezier(0.645, 0.045, 0.355, 1);
will-change: transform;
}
.ol-anchor-style1:hover::before {
transform: scale(1, 1);
transform-origin: left top;
}
.ol-btn-text {
transition: transform 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: transform;
}
.ol-btn-small .ol-button-deco-wrapper {
transition: background-color 0.24s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: background-color;
}
.ol-btn-small .ol-button-deco-wrapper::before, .ol-btn-small .ol-button-deco-wrapper::after {
transition: transform 0.24s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: transform;
transform-origin: center center;
}
.ol-btn-small:hover .ol-button-deco-wrapper::before, .ol-btn-small:hover .ol-button-deco-wrapper::after {
transform: translateX(1.315em);
}
.ol-btn-icon .ol-button-deco-wrapper,
.ol-btn-regular .ol-button-deco-wrapper,
.ol-news-link .ol-button-deco-wrapper,
.ol-service__item-link .ol-button-deco-wrapper {
transition: background-color 0.24s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: background-color;
}
.ol-btn-icon .ol-button-deco-wrapper::before, .ol-btn-icon .ol-button-deco-wrapper::after,
.ol-btn-regular .ol-button-deco-wrapper::before,
.ol-btn-regular .ol-button-deco-wrapper::after,
.ol-news-link .ol-button-deco-wrapper::before,
.ol-news-link .ol-button-deco-wrapper::after,
.ol-service__item-link .ol-button-deco-wrapper::before,
.ol-service__item-link .ol-button-deco-wrapper::after {
transition: transform 0.24s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: transform;
transform-origin: center center;
}
.ol-btn-icon:hover .ol-button-deco-wrapper::before, .ol-btn-icon:hover .ol-button-deco-wrapper::after,
.ol-btn-regular:hover .ol-button-deco-wrapper::before,
.ol-btn-regular:hover .ol-button-deco-wrapper::after,
.ol-news-link:hover .ol-button-deco-wrapper::before,
.ol-news-link:hover .ol-button-deco-wrapper::after,
.ol-service__item-link:hover .ol-button-deco-wrapper::before,
.ol-service__item-link:hover .ol-button-deco-wrapper::after {
transform: translateX(1.6675em);
}
.ol-contact__mail .ol-btn-icon .ol-button-deco-wrapper .ol-button-deco-before,
.ol-contact__mail .ol-btn-icon .ol-button-deco-wrapper .ol-button-deco-after {
transition: transform 0.24s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: transform;
}
.ol-contact__mail .ol-btn-icon:hover .ol-button-deco-wrapper .ol-button-deco-before,
.ol-contact__mail .ol-btn-icon:hover .ol-button-deco-wrapper .ol-button-deco-after {
transform: translateX(3.3em);
}
.ol-firstview__info-link .ol-btn-info .ol-button-deco-wrapper {
transition: background-color 0.24s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: background-color;
}
.ol-firstview__info-link .ol-btn-info .ol-button-deco-wrapper::before, .ol-firstview__info-link .ol-btn-info .ol-button-deco-wrapper::after {
transition: transform 0.24s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: transform;
transform-origin: center center;
}
.ol-firstview__info-link:hover .ol-btn-info .ol-button-deco-wrapper::before, .ol-firstview__info-link:hover .ol-btn-info .ol-button-deco-wrapper::after {
transform: translateX(1.315em);
}
.ol-header__nav-anchor .ol-btn-menu .ol-button-deco-wrapper {
transition: background-color 0.24s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: background-color;
}
.ol-header__nav-anchor .ol-btn-menu .ol-button-deco-wrapper::before, .ol-header__nav-anchor .ol-btn-menu .ol-button-deco-wrapper::after {
transition: transform 0.24s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: transform;
transform-origin: center center;
}
.ol-header__nav-anchor:hover .ol-btn-menu .ol-button-deco-wrapper::before, .ol-header__nav-anchor:hover .ol-btn-menu .ol-button-deco-wrapper::after {
transform: translateX(1.315em);
}
.ol-btn-small,
.ol-btn-regular {
transition: background-color 0.24s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: background-color;
}
.ol-btn-medium,
.ol-btn-large {
transition: background-color 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: background-color, color;
}
.ol-btn-medium:hover,
.ol-btn-large:hover {
background-color: transparent !important;
}
.ol-btn-medium-2,
.ol-btn-large-2 {
transition: background-color 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94), color 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: background-color, color;
}
.ol-block__blogcard-anchor img {
transition: transform 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: transform;
}
.ol-block__blogcard-anchor .ol-block__blogcard-title {
transition: color 0.24s ease-Out;
will-change: color;
}
.ol-block__blogcard-anchor:hover img {
transform: scale(1.035);
}
.ol-news-link {
background-color: transparent;
transition: background-color 0.24s cubic-bezier(0.215, 0.61, 0.355, 1);
will-change: background-color;
}
.ol-news-link .ol-news__title,
.ol-news-link .ol-firstview__news-title {
transition: color 0.24s ease-Out;
will-change: color;
}
.ol-category__item-anchor,
.ol-article__category {
transition: background-color 0.24s cubic-bezier(0.215, 0.61, 0.355, 1), color 0.24s cubic-bezier(0.215, 0.61, 0.355, 1);
will-change: background-color, color;
}
.ol-sns-anchor,
.ol-access__map-button-anchor {
transition: color 0.24s cubic-bezier(0.215, 0.61, 0.355, 1);
will-change: color;
}
}
@keyframes tapAnimation {
0% {
transform: scale(1);
}
50% {
transform: scale(0.9);
}
100% {
transform: scale(1);
}
}
@media (any-hover: none) {
.ol-cvbutton__mail:active {
animation-name: tapAnimation;
animation-duration: 0.45s;
animation-fill-mode: forwards;
animation-timing-function: ease;
}
}
.single p,
.page:not(.home) p {
margin-top: clamp(48px, 4.8vw, 48px);
margin-bottom: clamp(48px, 4.8vw, 48px);
}
@media (min-width: 1729px) {
.single p,
.page:not(.home) p {
margin-top: clamp(48px, 3vw, 96px);
margin-bottom: clamp(48px, 3vw, 96px);
}
}
.single .ol-bold,
.single strong,
.single b,
.page:not(.home) .ol-bold,
.page:not(.home) strong,
.page:not(.home) b {
font-weight: 600;
}
.ol-noimage {
display: flex;
justify-content: center;
align-items: center;
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.09rem;
height: 100%;
position: relative;
border-bottom-right-radius: clamp(45px, 3vw, 90px);
}
@media (min-width: 1729px) {
.ol-noimage {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
.ol-noimage::before {
content: "";
display: block;
padding-bottom: 56.25%;
}
.ol-noimage::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
background: #fff;
border-bottom-right-radius: clamp(45px, 3vw, 90px);
z-index: -1;
}
.page-template-template-top-page-php #wpadminbar #wp-admin-bar-edit {
display: none;
}
.ol-header {
height: clamp(6.3rem, 6vw, 7.5rem);
background-color: transparent;
z-index: 400;
transition: visibility 0.36s ease-in-out, opacity 0.36s ease-in-out;
will-change: visibility, opacity;
}
@media (max-width: 640px) {
.ol-header {
height: 75px;
}
}
.ol-header.js-header__default {
width: 100%;
position: relative;
}
.ol-header__inner {
display: flex;
width: inherit;
justify-content: space-between;
align-items: center;
height: inherit;
column-gap: clamp(30px, 3.6vw, 48px);
padding-top: clamp(24px, 3.3vw, 30px);
padding-bottom: clamp(24px, 3.3vw, 30px);
}
@media (min-width: 1729px) {
.ol-header__inner {
column-gap: clamp(48px, 3vw, 96px);
}
}
@media (min-width: 1729px) {
.ol-header__inner {
padding-top: clamp(30px, 2.25vw, 60px);
padding-bottom: clamp(30px, 2.25vw, 60px);
}
}
.ol-header__contact {
flex-basis: auto;
flex-shrink: 0;
}
@media (max-width: 840px) {
.ol-header__contact {
display: none;
}
}
.ol-header__nav-anchor {
cursor: pointer;
} .ol-header__title-anchor {
display: block;
box-sizing: content-box;
}
.ol-header__title-anchor .ol-header__title-logo {
display: block;
}
.ol-header__title-anchor .ol-header__title-text {
line-height: 1;
}
@media (max-width: 640px) {
.ol-header__title-anchor .ol-header__title-text {
line-height: 0;
}
}
.ol-header__title-anchor.ol-logo-exsmall .ol-header__title-logo {
width: clamp(60px, 9.6vw, 90px);
}
@media (min-width: 1729px) {
.ol-header__title-anchor.ol-logo-exsmall .ol-header__title-logo {
width: clamp(90px, 12vw, 180px);
}
}
.ol-header__title-anchor.ol-logo-exsmall .ol-header__title-text {
font-size: clamp(16px, 2.1vw, 21px);
}
@media (min-width: 1729px) {
.ol-header__title-anchor.ol-logo-exsmall .ol-header__title-text {
font-size: clamp(21px, 1.8vw, 36px);
}
}
.ol-header__title-anchor.ol-logo-small .ol-header__title-logo {
width: clamp(105px, 10.5vw, 135px);
}
@media (min-width: 1729px) {
.ol-header__title-anchor.ol-logo-small .ol-header__title-logo {
width: clamp(135px, 15vw, 300px);
}
}
.ol-header__title-anchor.ol-logo-small .ol-header__title-text {
font-size: clamp(18px, 2.7vw, 24px);
}
@media (min-width: 1729px) {
.ol-header__title-anchor.ol-logo-small .ol-header__title-text {
font-size: clamp(24px, 1.8vw, 42px);
}
}
.ol-header__title-anchor.ol-logo-medium .ol-header__title-logo {
width: clamp(135px, 15vw, 165px);
}
@media (min-width: 1729px) {
.ol-header__title-anchor.ol-logo-medium .ol-header__title-logo {
width: clamp(165px, 15vw, 345px);
}
}
.ol-header__title-anchor.ol-logo-medium .ol-header__title-text {
font-size: clamp(21px, 2.7vw, 27px);
}
@media (min-width: 1729px) {
.ol-header__title-anchor.ol-logo-medium .ol-header__title-text {
font-size: clamp(27px, 2.4vw, 48px);
}
}
.ol-header__title-anchor.ol-logo-large .ol-header__title-logo {
width: clamp(165px, 18vw, 195px);
}
@media (min-width: 1729px) {
.ol-header__title-anchor.ol-logo-large .ol-header__title-logo {
width: clamp(195px, 15vw, 390px);
}
}
.ol-header__title-anchor.ol-logo-large .ol-header__title-text {
font-size: clamp(24px, 2.7vw, 30px);
}
@media (min-width: 1729px) {
.ol-header__title-anchor.ol-logo-large .ol-header__title-text {
font-size: clamp(33px, 2.4vw, 54px);
}
}
.ol-header__title-anchor.ol-logo-exlarge .ol-header__title-logo {
width: clamp(195px, 21vw, 225px);
}
@media (min-width: 1729px) {
.ol-header__title-anchor.ol-logo-exlarge .ol-header__title-logo {
width: clamp(225px, 15vw, 450px);
}
}
.ol-header__title-anchor.ol-logo-exlarge .ol-header__title-text {
font-size: clamp(27px, 2.7vw, 33px);
}
@media (min-width: 1729px) {
.ol-header__title-anchor.ol-logo-exlarge .ol-header__title-text {
font-size: clamp(31.5px, 2.1vw, 60px);
}
}
.ol-header__title-anchor img {
width: 100%;
}
.ol-header__menu-title {
display: none;
} @media (max-width: 840px) {
.ol-hamburger__menu {
order: 3;
height: 45px;
}
.ol-header__inner.is-open {
padding: 0 clamp(42px, 6vw, 66px);
padding-top: clamp(30px, 3.6vw, 48px);
padding-bottom: clamp(30px, 3.6vw, 48px);
}
}
@media (max-width: 840px) and (min-width: 1729px) {
.ol-header__inner.is-open {
padding: 0 clamp(60px, 4vw, 105px);
}
}
@media (max-width: 840px) and (max-width: 640px) {
.ol-header__inner.is-open {
padding: 0 clamp(27px, 6vw, 36px);
}
}
@media (max-width: 840px) and (min-width: 1729px) {
.ol-header__inner.is-open {
padding-top: clamp(48px, 3vw, 96px);
padding-bottom: clamp(48px, 3vw, 96px);
}
}
@media (max-width: 840px) and (max-width: 640px) {
.ol-header__inner.is-open {
padding-top: clamp(24px, 3.3vw, 30px);
padding-bottom: clamp(24px, 3.3vw, 30px);
}
}
@media (max-width: 840px) and (max-width: 640px) and (min-width: 1729px) {
.ol-header__inner.is-open {
padding-top: clamp(30px, 2.25vw, 60px);
padding-bottom: clamp(30px, 2.25vw, 60px);
}
}
@media (max-width: 840px) {
.ol-header__inner.is-open .ol-header__title-anchor {
z-index: 500;
}
.ol-hamburger__menu-icon {
position: relative;
z-index: 500;
display: flex;
align-items: center;
height: inherit;
margin-left: clamp(18px, 2.4vw, 24px);
padding-right: 0;
}
.ol-hamburger__menu-icon .ol-hamburger__menu-icon-inner {
width: 42px;
}
.ol-hamburger__menu-icon span {
position: relative;
display: block;
width: 100%;
height: 1px;
}
.ol-hamburger__menu-icon span::before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.ol-hamburger__menu-icon span:nth-of-type(2), .ol-hamburger__menu-icon span:nth-of-type(3) {
margin-top: 9px;
}
.ol-hamburger__menu-icon span:nth-of-type(1) {
transform-origin: right;
transition: transform 0.36s cubic-bezier(0.445, 0.05, 0.55, 0.95);
will-change: transform;
}
.ol-hamburger__menu-icon span:nth-of-type(2) {
transform-origin: left;
transition: transform 0.36s cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 0.36s cubic-bezier(0.445, 0.05, 0.55, 0.95);
will-change: transform, opacity;
}
.ol-hamburger__menu-icon span:nth-of-type(3) {
transform-origin: right;
transition: transform 0.36s cubic-bezier(0.445, 0.05, 0.55, 0.95);
will-change: transform;
}
.ol-hamburger__menu-icon.is-open span:nth-of-type(1) {
transform: rotate(-28deg);
}
.ol-hamburger__menu-icon.is-open span:nth-of-type(2) {
transform: translateX(15px);
opacity: 0;
}
.ol-hamburger__menu-icon.is-open span:nth-of-type(3) {
transform: rotate(28deg);
}
.ol-hamburger__menu-icon .ol-hamburger__menu-icon-label {
display: flex;
justify-content: center;
bottom: 0;
margin-top: 9px;
}
.ol-hamburger__menu-icon .ol-hamburger__menu-icon-label::before {
content: "MENU";
font-size: 9px;
text-align: center;
letter-spacing: 0.1rem;
}
.ol-hamburger__menu-icon .ol-hamburger__menu-icon-label.is-close {
animation: fade2 0.48s ease-in 0s 1 normal forwards;
}
.ol-hamburger__menu-icon .ol-hamburger__menu-icon-label.is-open {
animation: fade1 0.48s ease-in 0s 1 normal forwards;
pointer-events: none;
}
.ol-hamburger__menu-icon .ol-hamburger__menu-icon-label.is-open::before {
content: "CLOSE";
}
}
@media (any-hover: hover) {
.ol-hamburger__menu-icon:hover span:nth-of-type(1)::before {
animation: scaleBorder 0.66s ease-out 0s 1 normal forwards;
}
.ol-hamburger__menu-icon:hover span:nth-of-type(2)::before {
animation: scaleBorder 0.66s ease-out 0.135s 1 normal forwards;
}
}
@keyframes scaleBorder {
0% {
transform-origin: 100% 0;
transform: scaleX(1);
}
25% {
transform-origin: 100% 0;
transform: scaleX(0);
}
50% {
transform-origin: 0 0;
transform: scaleX(0);
}
100% {
transform-origin: 0 0;
transform: scaleX(1);
}
}
@keyframes fade1 {
0% {
opacity: 0;
}
66% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
@keyframes fade2 {
0% {
opacity: 0;
}
66% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
@keyframes closeBorder1 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(18deg);
}
}
@keyframes closeBorder2 {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(-18deg);
}
}
@keyframes closeBorderAfter1 {
0% {
transform: rotate(18deg);
}
100% {
transform: rotate(0deg);
}
}
@keyframes closeBorderAfter2 {
0% {
transform: rotate(-18deg);
}
100% {
transform: rotate(0deg);
}
}
@media (min-width: 841px) {
.ol-header__nav {
width: 100%;
}
.ol-header__nav-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
column-gap: clamp(24px, 3.3vw, 30px);
row-gap: clamp(12px, 1.8vw, 18px);
font-size: clamp(0.6875rem, 0.6628469686rem + 0.1095690285vw, 0.78125rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.09rem;
}
}
@media (min-width: 841px) and (min-width: 1729px) {
.ol-header__nav-list {
column-gap: clamp(30px, 2.25vw, 60px);
}
}
@media (min-width: 841px) and (min-width: 1729px) {
.ol-header__nav-list {
row-gap: clamp(18px, 0.9vw, 36px);
}
}
@media (min-width: 841px) and (min-width: 1729px) {
.ol-header__nav-list {
font-size: clamp(0.78125rem, -0.1647142122rem + 0.8753861998vw, 1.3125rem);
}
}
@media (min-width: 841px) {
.ol-header__nav-anchor-subtitle {
display: none;
}
.ol-header__nav-anchor {
padding: 6px 0;
}
.ol-hamburger__menu-icon {
display: none;
}
.ol-hamburger__menu {
flex-basis: 70%;
flex-grow: 1;
}
[class^=ol-submenu-shortcut-] {
display: none;
}
.ol-sns-list {
font-size: clamp(0.96875rem, 0.96875rem + 0vw, 0.96875rem);
font-weight: 300;
line-height: 2.4;
letter-spacing: 0.12rem;
}
}
@media (min-width: 841px) and (min-width: 1729px) {
.ol-sns-list {
font-size: clamp(0.96875rem, -0.7562435633rem + 1.596292482vw, 1.9375rem);
}
}
@media (min-width: 841px) {
.ol-btn-menu {
display: none;
}
}
@media (max-width: 840px) {
.ol-header__nav {
position: fixed;
overflow: hidden;
pointer-events: none;
z-index: 400;
height: 100vh;
right: 9px;
top: 0;
width: 100%;
padding: clamp(24px, 6vw, 60px);
padding-top: clamp(75px, 15vw, 105px);
background-color: transparent;
opacity: 0;
visibility: hidden;
transition: right 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.42s, opacity 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.42s, visibility 0.42s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.42s;
will-change: right, opacity, visibility;
}
.ol-header__nav .ol-sns-list,
.ol-header__nav .ol-sns {
width: 0;
}
.ol-header__nav .ol-sns-list {
overflow: hidden;
}
.ol-header__nav-list {
position: absolute;
top: -1000px;
display: flex;
flex-wrap: wrap;
overflow: hidden;
}
} .ol-hamburger__menu-icon.is-open ~ .ol-header__nav {
right: 0;
opacity: 1;
visibility: visible;
pointer-events: all;
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-header__nav-list {
width: 100%;
position: static;
overflow-y: auto;
max-height: 72%;
margin-top: 60px;
-webkit-overflow-scrolling: touch;
}
@media (max-width: 640px) {
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-header__nav-list {
height: 100%;
margin-top: 36px;
max-height: 75svh;
}
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-header__nav-list .ol-header__nav-item {
flex-basis: 100%;
}
@media (max-width: 640px) {
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-header__nav-list .ol-header__nav-item:first-of-type .ol-header__nav-anchor {
padding-top: 0;
}
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-header__nav-list .sub-menu {
padding-left: 18px;
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-header__nav-list .sub-menu .sub-menu {
padding-left: 18px;
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-header__nav-anchor {
display: block;
position: relative;
border-bottom-style: solid;
border-bottom-width: 1px;
padding: 30px 15px 30px 3px;
font-size: clamp(0.96875rem, 0.96875rem + 0vw, 0.96875rem);
font-weight: 500;
line-height: 2.4;
letter-spacing: 0.12rem;
}
@media (min-width: 1729px) {
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-header__nav-anchor {
font-size: clamp(0.96875rem, -0.7562435633rem + 1.596292482vw, 1.9375rem);
}
}
@media (max-width: 640px) {
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-header__nav-anchor {
padding: 21px 15px 21px 3px;
}
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-header__nav-anchor-title {
display: flex;
align-items: center;
justify-content: space-between;
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-header__nav-anchor-title-inner {
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: clamp(24px, 3.3vw, 30px);
row-gap: clamp(12px, 1.8vw, 18px);
}
@media (min-width: 1729px) {
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-header__nav-anchor-title-inner {
column-gap: clamp(30px, 2.25vw, 60px);
}
}
@media (min-width: 1729px) {
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-header__nav-anchor-title-inner {
row-gap: clamp(18px, 0.9vw, 36px);
}
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav [class^=ol-submenu-shortcut-] {
font-size: clamp(0.6875rem, 0.6875rem + 0vw, 0.6875rem);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.09rem;
}
@media (min-width: 1729px) {
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav [class^=ol-submenu-shortcut-] {
font-size: clamp(0.6875rem, -0.0915293512rem + 0.7209062822vw, 1.125rem);
}
}
@media (max-width: 640px) {
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav [class^=ol-submenu-shortcut-] {
font-weight: 500;
}
}
@media (max-width: 840px) {
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-header__sns {
width: 100%;
margin-top: clamp(48px, 4.5vw, 63px);
}
}
@media (max-width: 840px) and (min-width: 1729px) {
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-header__sns {
margin-top: clamp(63px, 4.5vw, 126px);
}
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-sns,
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-sns-list {
width: 100%;
overflow: visible;
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-sns-list {
column-gap: 9px;
justify-content: center;
font-size: clamp(1.25rem, 1.2335646457rem + 0.073046019vw, 1.3125rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.12rem;
}
@media (min-width: 1729px) {
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-sns-list {
font-size: clamp(1.3125rem, -0.8020082389rem + 1.9567456231vw, 2.5rem);
}
}
@media (max-width: 640px) {
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-sns-list {
font-size: clamp(1.3125rem, 1.3125rem + 0vw, 1.3125rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.12rem;
}
}
@media (max-width: 640px) and (min-width: 1729px) {
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-sns-list {
font-size: clamp(1.3125rem, -0.8020082389rem + 1.9567456231vw, 2.5rem);
}
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-sns-under2 {
justify-content: center;
column-gap: 30px;
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-sns-under2 .ol-sns-anchor {
justify-content: center;
padding: 6px 0px;
width: 100%;
border-radius: 0px;
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-sns-under2 .ol-sns-brandname {
margin-left: 6px;
font-size: 16px;
font-weight: 300;
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-sns-over3 {
overflow-x: auto;
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-sns-over3 .ol-sns-list-item {
text-align: center;
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-sns-over3 .ol-sns-anchor {
display: flex;
justify-content: center;
padding: 9px 15px;
width: 100%;
border-radius: 0px;
letter-spacing: 0;
}
.ol-hamburger__menu-icon.is-open ~ .ol-header__nav .ol-sns-over3.ol-sns-under4layout {
justify-content: center;
}
.ol-blur__overlay {
visibility: hidden;
position: fixed;
z-index: 400;
top: 0;
left: 0;
width: 100%;
height: 0;
pointer-events: none;
transition: visibility 0.9s cubic-bezier(0.19, 1, 0.22, 1), height 0.9s cubic-bezier(0.19, 1, 0.22, 1);
will-change: visibility, height;
}
.js-body__noscroll {
overflow: hidden;
height: 100vh;
}
.js-body__noscroll .ol-blur__overlay {
visibility: visible;
height: 100vh;
}
.js-body__noscroll .js-header__visible .ol-header__cvbutton,
.js-body__noscroll .js-header__visible .ol-header__call {
opacity: 0 !important;
}
.ol-header.ol-header__tracking {
width: 100%;
top: 0;
left: 0;
position: -webkit-sticky;
position: sticky;
}
.ol-header.ol-header__tracking .ol-header__inner {
transition: padding-bottom 0.36s ease-in-out, padding-top 0.36s ease-in-out;
will-change: padding-bottom, padding-top;
}
.ol-header.ol-header__tracking .ol-header__title-anchor {
transition: visibility 0.36s ease-in-out, opacity 0.36s ease-in-out;
will-change: visibility, opacity;
}
@media (min-width: 841px) {
.ol-header.ol-header__tracking.js-header__hidden .ol-header__inner, .ol-header.ol-header__tracking.js-header__visible .ol-header__inner {
padding-top: clamp(24px, 3.3vw, 30px);
padding-bottom: clamp(24px, 3.3vw, 30px);
}
}
@media (min-width: 841px) and (min-width: 1729px) {
.ol-header.ol-header__tracking.js-header__hidden .ol-header__inner, .ol-header.ol-header__tracking.js-header__visible .ol-header__inner {
padding-top: clamp(30px, 2.25vw, 60px);
padding-bottom: clamp(30px, 2.25vw, 60px);
}
}
@media (max-width: 640px) {
.ol-header.ol-header__tracking.js-header__hidden .ol-header__inner, .ol-header.ol-header__tracking.js-header__visible .ol-header__inner {
padding-bottom: clamp(24px, 3.3vw, 30px);
padding-top: clamp(18px, 3.3vw, 30px);
}
}
@media (max-width: 640px) and (min-width: 1729px) {
.ol-header.ol-header__tracking.js-header__hidden .ol-header__inner, .ol-header.ol-header__tracking.js-header__visible .ol-header__inner {
padding-bottom: clamp(30px, 2.25vw, 60px);
}
}
@media (max-width: 640px) and (min-width: 1729px) {
.ol-header.ol-header__tracking.js-header__hidden .ol-header__inner, .ol-header.ol-header__tracking.js-header__visible .ol-header__inner {
padding-top: clamp(30px, 2.25vw, 60px);
}
}
@media (min-width: 841px) {
.ol-header__tracking + main .ol-column-content-side {
top: 102px;
}
}
.ol-firstview__section {
position: relative;
z-index: 200;
height: calc(100svh - clamp(6.3rem, 6vw, 7.5rem));
overflow: hidden;
}
@media (max-width: 640px) {
.ol-firstview__section {
height: calc(100svh - 75px);
}
}
.ol-firstview__section .ol-firstview__deco1 {
position: absolute;
z-index: 100;
bottom: 0;
left: 0;
width: 100%;
height: clamp(10.5rem, 18vw, 18rem);
transform-origin: right bottom;
}
.ol-firstview__section .ol-firstview__deco2 {
position: absolute;
z-index: 0;
bottom: clamp(10.5rem, 18vw, 18rem);
left: 0;
width: 100%;
height: clamp(45px, 5.4vw, 60px);
transform-origin: right bottom;
}
.ol-firstview__section .ol-firstview__logo-wrapper {
display: flex;
justify-content: flex-end;
width: 100%;
margin-top: clamp(48px, 4.5vw, 63px);
padding: 0 clamp(42px, 6vw, 66px);
}
@media (min-width: 1729px) {
.ol-firstview__section .ol-firstview__logo-wrapper {
margin-top: clamp(63px, 4.5vw, 126px);
}
}
@media (min-width: 1729px) {
.ol-firstview__section .ol-firstview__logo-wrapper {
padding: 0 clamp(60px, 4vw, 105px);
}
}
@media (max-width: 640px) {
.ol-firstview__section .ol-firstview__logo-wrapper {
padding: 0 clamp(27px, 6vw, 36px);
}
}
@media (max-width: 840px) {
.ol-firstview__section .ol-firstview__logo-wrapper {
display: none;
}
}
.ol-firstview__section .ol-header__title-anchor {
visibility: visible;
opacity: 1;
}
.ol-firstview__inner {
display: flex;
align-items: end;
position: absolute;
bottom: 0;
left: auto;
width: calc(100% - clamp(42px, 6vw, 66px));
padding: 0 clamp(42px, 6vw, 66px);
padding-bottom: clamp(48px, 4.5vw, 63px);
column-gap: clamp(48px, 4.5vw, 63px);
}
@media (min-width: 1729px) {
.ol-firstview__inner {
padding: 0 clamp(60px, 4vw, 105px);
}
}
@media (max-width: 640px) {
.ol-firstview__inner {
padding: 0 clamp(27px, 6vw, 36px);
}
}
@media (min-width: 1729px) {
.ol-firstview__inner {
padding-bottom: clamp(63px, 4.5vw, 126px);
}
}
@media (min-width: 1729px) {
.ol-firstview__inner {
column-gap: clamp(63px, 4.5vw, 126px);
}
}
@media (min-width: 1729px) {
.ol-firstview__inner {
width: calc(100% - clamp(60px, 4vw, 105px));
}
}
@media (max-width: 1179px) {
.ol-firstview__inner {
flex-wrap: wrap;
row-gap: clamp(48px, 4.5vw, 63px);
}
}
@media (max-width: 1179px) and (min-width: 1729px) {
.ol-firstview__inner {
row-gap: clamp(63px, 4.5vw, 126px);
}
}
@media (max-width: 640px) {
.ol-firstview__inner {
width: calc(100% - clamp(27px, 6vw, 36px));
padding-bottom: clamp(30px, 3.6vw, 48px);
row-gap: clamp(24px, 3.3vw, 30px);
}
}
@media (max-width: 640px) and (min-width: 1729px) {
.ol-firstview__inner {
padding-bottom: clamp(48px, 3vw, 96px);
}
}
@media (max-width: 640px) and (min-width: 1729px) {
.ol-firstview__inner {
row-gap: clamp(30px, 2.25vw, 60px);
}
}
.ol-firstview__title {
flex-basis: 70%;
flex-grow: 1;
pointer-events: none;
z-index: 100;
}
@media (max-width: 640px) {
.ol-firstview__title {
padding-bottom: clamp(12px, 1.8vw, 18px);
bottom: calc(-1 * clamp(165px, 51vw, 270px));
}
}
@media (max-width: 640px) and (min-width: 1729px) {
.ol-firstview__title {
padding-bottom: clamp(18px, 0.9vw, 36px);
}
}
.ol-firstview__info-link {
display: flex;
align-items: center;
flex-wrap: nowrap;
text-decoration: none;
color: inherit;
column-gap: clamp(12px, 1.8vw, 18px);
flex-basis: 30%;
z-index: 100;
padding: clamp(24px, 1.8vw, 30px);
border-radius: clamp(9px, 1.2vw, 12px);
backdrop-filter: blur(6px);
}
@media (min-width: 1729px) {
.ol-firstview__info-link {
column-gap: clamp(18px, 0.9vw, 36px);
}
}
@media (min-width: 1729px) {
.ol-firstview__info-link {
padding: clamp(30px, 2.25vw, 60px);
}
}
@media (max-width: 1179px) {
.ol-firstview__info-link {
flex-basis: 100%;
max-width: 640px;
}
}
@media (max-width: 840px) {
.ol-firstview__info-link {
max-width: 100%;
}
}
@media (max-width: 640px) {
.ol-firstview__info-link {
padding: clamp(18px, 3.3vw, 30px);
bottom: calc(-1 * clamp(165px, 51vw, 270px));
}
}
@media (max-width: 640px) and (min-width: 1729px) {
.ol-firstview__info-link {
padding: clamp(30px, 2.25vw, 60px);
}
}
.ol-firstview__info-link:hover {
color: inherit !important;
}
.ol-firstview__info-link .ol-btn-info {
flex-shrink: 0;
padding: 0;
}
.ol-firstview__info-link .ol-button-deco-wrapper {
margin-left: 0;
}
.ol-firstview__info-inner {
display: flex;
flex-wrap: wrap;
flex-basis: 84%;
flex-grow: 1;
row-gap: clamp(12px, 1.8vw, 18px);
}
@media (min-width: 1729px) {
.ol-firstview__info-inner {
row-gap: clamp(18px, 0.9vw, 36px);
}
}
.ol-firstview__info-title {
position: relative;
width: 100%;
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.09rem;
padding-left: clamp(24px, 1.65vw, 30px);
}
@media (min-width: 1729px) {
.ol-firstview__info-title {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
@media (min-width: 1729px) {
.ol-firstview__info-title {
padding-left: clamp(30px, 2.25vw, 60px);
}
}
@media (min-width: 1729px) {
.ol-firstview__info-title {
padding-left: clamp(30px, 1.65vw, 60px);
}
}
.ol-firstview__info-title::before {
content: "";
position: absolute;
top: 0.39em;
left: 0;
width: 0.9em;
height: 0.9em;
border-radius: 15px;
background-color: #fff;
opacity: 0.18;
}
.ol-firstview__info-title::after {
content: "";
position: absolute;
top: 0.69em;
left: 0.3em;
width: 0.3em;
height: 0.3em;
border-radius: 15px;
background-color: #fff;
}
.ol-firstview__info-text {
width: 100%;
font-size: clamp(0.6875rem, 0.6628469686rem + 0.1095690285vw, 0.78125rem);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.09rem;
}
@media (min-width: 1729px) {
.ol-firstview__info-text {
font-size: clamp(0.78125rem, -0.1647142122rem + 0.8753861998vw, 1.3125rem);
}
}
.ol-firstview__image {
position: relative;
z-index: 300;
padding-right: 0;
}
.ol-firstview__image-inner {
overflow: hidden;
border-bottom-left-radius: clamp(45px, 3vw, 90px);
}
.ol-firstview__image-inner .ol-firstview__item,
.ol-firstview__image-inner .splide__slide {
height: calc(95.4svh - clamp(6.3rem, 6vw, 7.5rem));
width: 100%;
object-fit: cover;
}
@media (max-width: 640px) {
.ol-firstview__image-inner .ol-firstview__item,
.ol-firstview__image-inner .splide__slide {
height: calc(96svh - 75px);
}
}
.ol-firstview__image-inner .ol-firstview__item video,
.ol-firstview__image-inner .ol-firstview__item img,
.ol-firstview__image-inner .splide__slide video,
.ol-firstview__image-inner .splide__slide img {
height: calc(95.4svh - clamp(6.3rem, 6vw, 7.5rem));
width: 100%;
object-fit: cover;
}
@media (max-width: 640px) {
.ol-firstview__image-inner .ol-firstview__item video,
.ol-firstview__image-inner .ol-firstview__item img,
.ol-firstview__image-inner .splide__slide video,
.ol-firstview__image-inner .splide__slide img {
height: calc(96svh - 75px);
}
}
.ol-firstview__title-subcopy {
width: 100%;
font-size: clamp(0.84375rem, 0.8108792915rem + 0.146092038vw, 0.96875rem);
font-weight: 500;
line-height: 2.4;
letter-spacing: 0.18rem;
margin-bottom: clamp(15px, 1.8vw, 18px);
}
@media (min-width: 1729px) {
.ol-firstview__title-subcopy {
font-size: clamp(0.96875rem, -0.7562435633rem + 1.596292482vw, 1.9375rem);
}
}
@media (min-width: 1729px) {
.ol-firstview__title-subcopy {
margin-bottom: clamp(18px, 0.9vw, 36px);
}
}
.ol-firstview__title-maincopy {
width: 100%;
margin-left: -2px;
line-height: 1.11;
font-weight: 500;
letter-spacing: 0.42rem;
display: table;
font-feature-settings: "palt";
transform-origin: bottom;
}
.ol-firstview-text-white {
color: #fff;
}
.ol-firstview__scroll {
position: relative;
z-index: 400;
display: flex;
align-items: center;
flex-direction: row-reverse;
column-gap: clamp(12px, 1.8vw, 18px);
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
bottom: clamp(84px, 9vw, 105px);
left: clamp(12px, 1.8vw, 18px);
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
transform: rotate(180deg);
color: #fff;
mix-blend-mode: lighten;
}
@media (min-width: 1729px) {
.ol-firstview__scroll {
column-gap: clamp(18px, 0.9vw, 36px);
}
}
@media (min-width: 1729px) {
.ol-firstview__scroll {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
@media (min-width: 1729px) {
.ol-firstview__scroll {
bottom: clamp(105px, 8.4vw, 210px);
}
}
@media (min-width: 1729px) {
.ol-firstview__scroll {
left: clamp(18px, 0.9vw, 36px);
}
}
@media (max-width: 840px) {
.ol-firstview__scroll {
left: clamp(4px, 1.2vw, 12px);
bottom: 99px;
font-size: clamp(0.6875rem, 0.6875rem + 0vw, 0.6875rem);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
}
}
@media (max-width: 840px) and (min-width: 1729px) {
.ol-firstview__scroll {
font-size: clamp(0.6875rem, -0.0915293512rem + 0.7209062822vw, 1.125rem);
}
}
.ol-firstview__scroll::after {
content: "";
height: 60px;
width: 1px;
background: linear-gradient(to bottom, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 50%);
background-position: 0 -60px;
background-size: 100% 200%;
animation: scrolldown 2.1s cubic-bezier(0.76, 0, 0.36, 1) forwards infinite;
}
@media (max-width: 640px) {
.ol-firstview__scroll::after {
width: 0.5px;
}
}
@keyframes scale {
0% {
transform: scale(1);
}
100% {
transform: scale(1.06);
}
}
.ol-firstview__section { }
.ol-firstview__section .splide {
overflow: hidden;
}
.ol-firstview__section .ol-firstview-slider-fade {
position: relative;
z-index: 300;
background-color: #fff;
}
.ol-firstview__section .ol-firstview-slider-fade .splide__slide.is-active picture img,
.ol-firstview__section .ol-firstview-slider-fade .splide__slide.is-prev picture img,
.ol-firstview__section .ol-firstview-slider-fade .splide__slide picture.is-prev img {
animation: scale 9s linear 0s normal both;
}
@keyframes scrolldown {
0% {
background-position: 0 60px;
}
64% {
background-position: 0 0;
}
100% {
background-position: 0 -60px;
}
}
.ol-concept__section-wrapper {
overflow: hidden;
margin-bottom: -6em;
}
.ol-concept__content {
position: relative;
width: 100%;
}
.ol-concept__content-inner {
position: relative;
z-index: 100;
width: 54%;
}
@media (max-width: 840px) {
.ol-concept__content-inner {
width: 100%;
}
}
.ol-concept__label {
margin-bottom: clamp(24px, 3.3vw, 30px);
}
@media (min-width: 1729px) {
.ol-concept__label {
margin-bottom: clamp(30px, 2.25vw, 60px);
}
}
.ol-concept__subcopy {
margin-bottom: clamp(24px, 3.3vw, 30px);
font-size: clamp(0.96875rem, 0.96875rem + 0vw, 0.96875rem);
font-weight: 500;
line-height: 1.95;
letter-spacing: 0.12rem;
}
@media (min-width: 1729px) {
.ol-concept__subcopy {
margin-bottom: clamp(30px, 2.25vw, 60px);
}
}
@media (min-width: 1729px) {
.ol-concept__subcopy {
font-size: clamp(0.96875rem, -0.7562435633rem + 1.596292482vw, 1.9375rem);
}
}
.ol-concept__maincopy {
margin-bottom: clamp(48px, 4.5vw, 63px);
font-size: clamp(1.6875rem, 1.4902757487rem + 0.8765522279vw, 2.4375rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.18rem;
}
@media (min-width: 1729px) {
.ol-concept__maincopy {
margin-bottom: clamp(63px, 4.5vw, 126px);
}
}
@media (min-width: 1729px) {
.ol-concept__maincopy {
font-size: clamp(2.4375rem, -0.2334577755rem + 2.4716786818vw, 3.9375rem);
}
}
.ol-concept__description {
margin-bottom: 0;
margin-top: 12px;
}
@media (min-width: 1180px) {
.ol-concept__description {
margin-top: 0;
}
}
@media (max-width: 640px) {
.ol-concept__description {
text-align: left;
}
}
.ol-concept__deco-wrapper {
position: absolute;
z-index: 0;
right: -36em;
top: 48%;
transform: translateY(-50%);
width: 66em;
height: 66em;
}
@media (max-width: 1179px) {
.ol-concept__deco-wrapper {
right: -27em;
width: 54em;
height: 54em;
}
}
@media (max-width: 640px) {
.ol-concept__deco-wrapper {
right: -22.5em;
width: 45em;
height: 45em;
}
}
.ol-concept__deco-wrapper svg {
overflow: hidden;
}
.ol-concept__deco-wrapper #olConceptDecoCircle {
fill: none;
}
.ol-concept__deco-wrapper text {
font-size: 0.75rem;
letter-spacing: 0.06rem;
font-weight: 100;
transform-origin: 50 50;
opacity: 0.12;
}
@media (max-width: 640px) {
.ol-concept__deco-wrapper text {
opacity: 0.15;
}
}
.ol-concept__deco-wrapper #olConceptDecoCircleCore1 {
opacity: 0.12;
}
@media (max-width: 640px) {
.ol-concept__deco-wrapper #olConceptDecoCircleCore1 {
opacity: 0.15;
}
}
.ol-concept__deco-wrapper g {
animation: rotateText 18s linear infinite;
}
@keyframes rotateText {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
} .ol-service__section .splide__track {
padding: 36px 0;
margin-top: -36px;
}
.ol-service__list-item {
height: 100%;
}
.ol-service__list.ol-service-visual-image .ol-service__list-item .ol-service__list-item-image-wrapper {
position: relative;
width: 100%;
}
.ol-service__list.ol-service-visual-image .ol-service__list-item .ol-service__list-item-image-wrapper .ol-service__list-item-image-inner {
display: block;
filter: brightness(0.6);
}
.ol-service__list.ol-service-visual-image .ol-service__list-item .ol-service__list-item-image-wrapper .ol-service__list-item-image-inner a,
.ol-service__list.ol-service-visual-image .ol-service__list-item .ol-service__list-item-image-wrapper .ol-service__list-item-image-inner img {
display: block;
width: 100%;
border-bottom-right-radius: clamp(45px, 3vw, 90px);
aspect-ratio: 1/1;
object-fit: cover;
}
.ol-service__list.ol-service-visual-image .ol-service__list-item-content {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
color: #fff;
pointer-events: none;
padding: clamp(24px, 3.3vw, 30px);
}
@media (min-width: 1729px) {
.ol-service__list.ol-service-visual-image .ol-service__list-item-content {
padding: clamp(30px, 2.25vw, 60px);
}
}
.ol-service__list.ol-service-visual-image .ol-service__list-item-content .ol-service__list-item-title .ol-list-title {
font-size: clamp(1.3125rem, 1.2138878744rem + 0.438276114vw, 1.6875rem);
font-weight: 500;
line-height: 1.5;
letter-spacing: 0.18rem;
}
@media (min-width: 1729px) {
.ol-service__list.ol-service-visual-image .ol-service__list-item-content .ol-service__list-item-title .ol-list-title {
font-size: clamp(1.6875rem, -0.9834577755rem + 2.4716786818vw, 3.1875rem);
}
}
@media (max-width: 640px) {
.ol-service__list.ol-service-visual-image .ol-service__list-item-content .ol-service__list-item-title .ol-list-title {
font-weight: 600;
}
}
.ol-service__list.ol-service-visual-image .ol-service__list-item-content .ol-list-subtitle {
display: block;
font-size: clamp(0.6875rem, 0.6628469686rem + 0.1095690285vw, 0.78125rem);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.09rem;
margin-bottom: clamp(12px, 1.8vw, 18px);
}
@media (min-width: 1729px) {
.ol-service__list.ol-service-visual-image .ol-service__list-item-content .ol-list-subtitle {
font-size: clamp(0.78125rem, -0.1647142122rem + 0.8753861998vw, 1.3125rem);
}
}
@media (min-width: 1729px) {
.ol-service__list.ol-service-visual-image .ol-service__list-item-content .ol-list-subtitle {
margin-bottom: clamp(18px, 0.9vw, 36px);
}
}
.ol-service__list.ol-service-visual-image .ol-service__list-item-content .ol-service__list-item-content-text {
display: flex;
align-items: flex-end;
}
.ol-service__list.ol-service-visual-image .ol-service__list-item-content .ol-service__list-item-content-text.ol-service__link-on {
padding-right: clamp(45px, 4.5vw, 63px);
}
@media (min-width: 1729px) {
.ol-service__list.ol-service-visual-image .ol-service__list-item-content .ol-service__list-item-content-text.ol-service__link-on {
padding-right: clamp(63px, 4.5vw, 126px);
}
}
.ol-service__list.ol-service-visual-onlyimage .ol-service__list-item .ol-service__list-item-image-wrapper {
position: relative;
width: 100%;
}
.ol-service__list.ol-service-visual-onlyimage .ol-service__list-item .ol-service__list-item-image-wrapper .ol-service__list-item-image-inner a,
.ol-service__list.ol-service-visual-onlyimage .ol-service__list-item .ol-service__list-item-image-wrapper .ol-service__list-item-image-inner img {
display: block;
width: 100%;
border-bottom-right-radius: clamp(45px, 3vw, 90px);
aspect-ratio: 1/1;
object-fit: cover;
}
.ol-service__list.ol-service-visual-icon .ol-service__list-item {
position: relative;
z-index: 100;
width: 100%;
aspect-ratio: 1/1;
object-fit: cover;
border-bottom-right-radius: clamp(45px, 3vw, 90px);
}
.ol-service__list.ol-service-visual-icon .ol-service__list-item a {
display: block;
height: 100%;
}
.ol-service__list.ol-service-visual-icon .ol-service__list-item-content {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
color: #fff;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
pointer-events: none;
padding: clamp(24px, 3.3vw, 30px);
}
@media (min-width: 1729px) {
.ol-service__list.ol-service-visual-icon .ol-service__list-item-content {
padding: clamp(30px, 2.25vw, 60px);
}
}
.ol-service__list.ol-service-visual-icon .ol-service__list-item-content .ol-service__list-item-title .ol-list-title {
font-size: clamp(1.3125rem, 1.2138878744rem + 0.438276114vw, 1.6875rem);
font-weight: 500;
line-height: 1.5;
letter-spacing: 0.18rem;
}
@media (min-width: 1729px) {
.ol-service__list.ol-service-visual-icon .ol-service__list-item-content .ol-service__list-item-title .ol-list-title {
font-size: clamp(1.6875rem, -0.9834577755rem + 2.4716786818vw, 3.1875rem);
}
}
@media (max-width: 640px) {
.ol-service__list.ol-service-visual-icon .ol-service__list-item-content .ol-service__list-item-title .ol-list-title {
font-weight: 600;
}
}
.ol-service__list.ol-service-visual-icon .ol-service__list-item-content .ol-list-subtitle {
display: block;
font-size: clamp(0.6875rem, 0.6628469686rem + 0.1095690285vw, 0.78125rem);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.09rem;
margin-bottom: clamp(12px, 1.8vw, 18px);
}
@media (min-width: 1729px) {
.ol-service__list.ol-service-visual-icon .ol-service__list-item-content .ol-list-subtitle {
font-size: clamp(0.78125rem, -0.1647142122rem + 0.8753861998vw, 1.3125rem);
}
}
@media (min-width: 1729px) {
.ol-service__list.ol-service-visual-icon .ol-service__list-item-content .ol-list-subtitle {
margin-bottom: clamp(18px, 0.9vw, 36px);
}
}
.ol-service__list.ol-service-visual-icon .ol-service__list-item-content .ol-service__list-item-content-text {
display: flex;
align-items: flex-end;
}
.ol-service__list.ol-service-visual-icon .ol-service__list-item-content .ol-service__list-item-content-text.ol-service__link-on {
padding-right: clamp(45px, 4.5vw, 63px);
}
@media (min-width: 1729px) {
.ol-service__list.ol-service-visual-icon .ol-service__list-item-content .ol-service__list-item-content-text.ol-service__link-on {
padding-right: clamp(63px, 4.5vw, 126px);
}
}
.ol-service__list.ol-service-visual-icon .ol-service__list-item-icon {
position: absolute;
z-index: 0;
top: 6%;
right: 6%;
line-height: 0;
font-size: clamp(7.5em, 9vw, 8.1em);
margin: 0 auto;
color: #fff;
text-align: center;
pointer-events: none;
}
.ol-service__list.ol-service-visual-icon .ol-service__list-item-icon i {
opacity: 0.12;
}
.ol-service_item-link {
position: absolute;
bottom: clamp(12px, 1.8vw, 18px);
right: clamp(12px, 1.8vw, 18px);
}
@media (min-width: 1729px) {
.ol-service_item-link {
bottom: clamp(18px, 0.9vw, 36px);
right: clamp(18px, 0.9vw, 36px);
}
}
.ol-service_item-link .ol-btn-icon {
padding-left: 0;
}
.ol-service_item-link .ol-btn-icon .ol-button-deco-wrapper {
background-color: #fff;
}
.ol-service_item-link .ol-btn-icon .ol-button-deco-wrapper::before, .ol-service_item-link .ol-btn-icon .ol-button-deco-wrapper::after {
background-color: #000;
}
@keyframes oltanaFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes oltanaFadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes oltanaBright {
from {
filter: brightness(1);
}
to {
filter: brightness(0.36);
}
}
@keyframes oltanaSlideInFromRight {
from {
transform: translateX(15px);
opacity: 0;
visibility: hidden;
}
to {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
}
@keyframes oltanaSlideInFromLeft {
from {
transform: translateX(-15px);
opacity: 0;
visibility: hidden;
}
to {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
}
@keyframes oltanaSlideInFromRight2 {
from {
transform: translateX(6px);
opacity: 0;
visibility: hidden;
}
to {
transform: translateX(0);
opacity: 1;
visibility: visible;
}
}
@keyframes oltanaSlideIn {
0% {
transform: translateX(9px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes oltanaSlideUp {
0% {
transform: translateY(9px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes oltanaSlideInFromRight2-for-news0 {
0% {
transform: translateY(4px);
visibility: hidden;
opacity: 0;
}
100% {
transform: translateY(0);
visibility: visible;
opacity: 1;
}
}
@keyframes oltanaSlideInFromRight2-for-news1 {
0% {
transform: translateX(-100%) translateY(6px);
visibility: hidden;
opacity: 0;
}
100% {
transform: translateX(calc(-100% - 6px + 6px)) translateY(0);
visibility: visible;
opacity: 1;
}
}
@keyframes oltanaSlideInFromRight2-for-news2 {
0% {
transform: translateX(-200%) translateY(6px);
visibility: hidden;
opacity: 0;
}
100% {
transform: translateX(calc(-200% - 6px + 6px)) translateY(0);
visibility: visible;
opacity: 1;
}
}
@keyframes oltanaSlideInFromRight2-for-news3 {
0% {
transform: translateX(-300%) translateY(6px);
visibility: hidden;
opacity: 0;
}
100% {
transform: translateX(calc(-300% - 6px + 6px)) translateY(0);
visibility: visible;
opacity: 1;
}
}
body:not(.customize-partial-edit-shortcuts-shown) .ol-concept__content-inner, body:not(.customize-partial-edit-shortcuts-shown) .ol-news__heading-wrapper-inner, body:not(.customize-partial-edit-shortcuts-shown) .ol-banner__heading-wrapper-inner, body:not(.customize-partial-edit-shortcuts-shown) .ol-service__heading-wrapper-inner, body:not(.customize-partial-edit-shortcuts-shown) .ol-price__heading-wrapper-inner, body:not(.customize-partial-edit-shortcuts-shown) .ol-story__heading-wrapper-inner, body:not(.customize-partial-edit-shortcuts-shown) .ol-voice__heading-wrapper-inner, body:not(.customize-partial-edit-shortcuts-shown) .ol-media__heading-wrapper-inner, body:not(.customize-partial-edit-shortcuts-shown) .ol-faq__heading-wrapper-inner, body:not(.customize-partial-edit-shortcuts-shown) .ol-access__heading-wrapper-inner, body:not(.customize-partial-edit-shortcuts-shown) .ol-faq__desc, body:not(.customize-partial-edit-shortcuts-shown) .ol-banner__desc, body:not(.customize-partial-edit-shortcuts-shown) .ol-news__nav, body:not(.customize-partial-edit-shortcuts-shown) .ol-story__item, body:not(.customize-partial-edit-shortcuts-shown) .ol-access__body, body:not(.customize-partial-edit-shortcuts-shown) .ol-news__container, body:not(.customize-partial-edit-shortcuts-shown) .ol-banner__list, body:not(.customize-partial-edit-shortcuts-shown) .ol-faq__list, body:not(.customize-partial-edit-shortcuts-shown) .ol-media__list {
opacity: 0;
will-change: opacity, transform;
}
body:not(.customize-partial-edit-shortcuts-shown) .ol-product__section::before,
body:not(.customize-partial-edit-shortcuts-shown) .ol-product__section .ol-product__content,
body:not(.customize-partial-edit-shortcuts-shown) .ol-product__section .ol-product__image-sticky-wrapper {
will-change: opacity;
opacity: 0;
}
body:not(.customize-partial-edit-shortcuts-shown) .ol-product__section .ol-product__heading-wrapper-inner {
opacity: 0;
will-change: opacity, transform;
}
body:not(.customize-partial-edit-shortcuts-shown) .ol-product__section.js-visible::before {
animation: oltanaFadeIn 0.45s cubic-bezier(0.27, 0.06, 0.43, 1) 0.3s 1 forwards;
}
@media (max-width: 640px) {
body:not(.customize-partial-edit-shortcuts-shown) .ol-product__section.js-visible::before {
animation: oltanaFadeIn 0.45s cubic-bezier(0.27, 0.06, 0.43, 1) 0.6s 1 forwards;
}
}
body:not(.customize-partial-edit-shortcuts-shown) .ol-product__section.js-visible .ol-product__content {
animation: oltanaFadeIn 0.45s cubic-bezier(0.27, 0.06, 0.43, 1) 0.6s 1 forwards;
}
@media (max-width: 640px) {
body:not(.customize-partial-edit-shortcuts-shown) .ol-product__section.js-visible .ol-product__content {
animation: oltanaFadeIn 0.45s cubic-bezier(0.27, 0.06, 0.43, 1) 0.9s 1 forwards;
}
}
body:not(.customize-partial-edit-shortcuts-shown) .ol-product__section.js-visible .ol-product__heading-wrapper-inner {
animation: oltanaSlideUp 1.2s cubic-bezier(0.23, 1, 0.32, 1) 0.75s 1 forwards;
}
@media (max-width: 640px) {
body:not(.customize-partial-edit-shortcuts-shown) .ol-product__section.js-visible .ol-product__heading-wrapper-inner {
animation: oltanaSlideUp 1.2s cubic-bezier(0.23, 1, 0.32, 1) 0.9s 1 forwards;
}
}
body:not(.customize-partial-edit-shortcuts-shown) .ol-product__section.js-visible .ol-product__image-sticky-wrapper {
animation: oltanaFadeIn 1.2s cubic-bezier(0.23, 1, 0.32, 1) 1.2s 1 forwards;
}
@media (max-width: 640px) {
body:not(.customize-partial-edit-shortcuts-shown) .ol-product__section.js-visible .ol-product__image-sticky-wrapper {
animation: oltanaFadeIn 1.05s cubic-bezier(0.23, 1, 0.32, 1) 1.05s 1 forwards;
}
}
body:not(.customize-partial-edit-shortcuts-shown) .ol-message__image-sticky img {
will-change: filter;
}
body:not(.customize-partial-edit-shortcuts-shown) .ol-message__image-sticky.js-visible img {
animation: oltanaBright 0.9s cubic-bezier(0.39, 0.575, 0.565, 1) 0.15s 1 forwards;
}
@media (max-width: 640px) {
body:not(.customize-partial-edit-shortcuts-shown) .ol-message__image-sticky.js-visible img {
animation: oltanaBright 0.9s cubic-bezier(0.39, 0.575, 0.565, 1) 0.3s 1 forwards;
}
}
body:not(.customize-partial-edit-shortcuts-shown) .js-news-content {
opacity: 0;
visibility: hidden;
position: relative;
will-change: opacity, transform, visibility;
}
body:not(.customize-partial-edit-shortcuts-shown) .js-news-content.is-active {
animation: oltanaSlideInFromRight2-for-news0 0.45s cubic-bezier(0.39, 0.575, 0.565, 1) 0.06s 1 both;
}
body:not(.customize-partial-edit-shortcuts-shown) .js-news-content:nth-child(2).is-active {
animation: oltanaSlideInFromRight2-for-news1 0.45s cubic-bezier(0.39, 0.575, 0.565, 1) 0.06s 1 both;
}
body:not(.customize-partial-edit-shortcuts-shown) .js-news-content:nth-child(3).is-active {
animation: oltanaSlideInFromRight2-for-news2 0.45s cubic-bezier(0.39, 0.575, 0.565, 1) 0.06s 1 both;
}
body:not(.customize-partial-edit-shortcuts-shown) .js-news-content:nth-child(4).is-active {
animation: oltanaSlideInFromRight2-for-news3 0.45s cubic-bezier(0.39, 0.575, 0.565, 1) 0.06s 1 both;
}
.ol-product__section {
position: relative;
padding-bottom: clamp(84px, 9vw, 105px);
padding-top: clamp(84px, 9vw, 105px);
}
@media (min-width: 1729px) {
.ol-product__section {
padding-bottom: clamp(105px, 8.4vw, 210px);
padding-top: clamp(105px, 8.4vw, 210px);
}
}
.ol-product__section::before {
top: 0;
left: 0;
}
.ol-product__section.ol-product-deco-on {
margin-bottom: clamp(150px, 24vw, 300px);
}
@media (min-width: 1729px) {
.ol-product__section.ol-product-deco-on {
margin-bottom: clamp(300px, 24vw, 360px);
}
}
@media (min-width: 841px) {
.ol-product__section.ol-product-deco-on {
padding-bottom: clamp(165px, 24vw, 225px);
}
}
@media (min-width: 841px) and (min-width: 1729px) {
.ol-product__section.ol-product-deco-on {
padding-bottom: clamp(225px, 12vw, 371.25px);
}
}
.ol-product__heading-wrapper {
text-align: center;
margin-bottom: clamp(84px, 9vw, 105px);
}
@media (min-width: 1729px) {
.ol-product__heading-wrapper {
margin-bottom: clamp(105px, 8.4vw, 210px);
}
}
.ol-product__heading-sub.ol-heading-sub {
display: inline-block;
margin-top: clamp(12px, 1.8vw, 18px);
}
@media (min-width: 1729px) {
.ol-product__heading-sub.ol-heading-sub {
margin-top: clamp(18px, 0.9vw, 36px);
}
}
.ol-product__inner .ol-product__content-item {
position: relative;
padding: 0 clamp(42px, 6vw, 66px);
}
@media (min-width: 1729px) {
.ol-product__inner .ol-product__content-item {
padding: 0 clamp(60px, 4vw, 105px);
}
}
@media (max-width: 640px) {
.ol-product__inner .ol-product__content-item {
padding: 0 clamp(27px, 6vw, 36px);
}
}
.ol-product__inner .ol-product__content-item + .ol-product__content-item {
margin-top: clamp(84px, 21vw, 165px);
}
@media (min-width: 1729px) {
.ol-product__inner .ol-product__content-item + .ol-product__content-item {
margin-top: clamp(165px, 10.5vw, 330px);
}
}
.ol-product__image-sticky-wrapper {
height: 91.5vh;
}
@media (min-width: 1729px) {
.ol-product__image-sticky-wrapper {
height: 96vh;
}
}
@media (max-width: 1139px) {
.ol-product__image-sticky-wrapper {
height: 96vh;
}
}
@media (max-width: 840px) {
.ol-product__image-sticky-wrapper {
height: auto;
}
}
.ol-product__image-sticky {
position: sticky;
top: clamp(42px, 6vw, 66px);
left: 0;
padding-left: clamp(84px, 14.4vw, 180px);
}
@media (min-width: 1729px) {
.ol-product__image-sticky {
padding-left: clamp(180px, 10.5vw, 330px);
}
}
@media (min-width: 1729px) {
.ol-product__image-sticky {
top: clamp(60px, 4vw, 105px);
}
}
@media (max-width: 1139px) {
.ol-product__image-sticky {
padding-left: 0;
}
}
@media (max-width: 840px) {
.ol-product__image-sticky {
position: relative;
top: 0;
padding-left: 0;
}
}
.ol-product__image-sticky .ol-product-image1-shortcut,
.ol-product__image-sticky .ol-product-image2-shortcut,
.ol-product__image-sticky .ol-product-image3-shortcut,
.ol-product__image-sticky img {
position: absolute;
object-fit: cover;
z-index: 100;
}
.ol-product__image {
transform: translateY(0);
}
@media (max-width: 840px) {
.ol-product__mainimage {
display: flex;
justify-content: end;
}
}
.ol-product__mainimage .ol-product-image1-shortcut,
.ol-product__mainimage img {
right: 0;
aspect-ratio: 1/1;
max-width: 42vw;
width: calc(100vh - clamp(42px, 6vw, 66px) * 2);
height: calc(100vh - clamp(42px, 6vw, 66px) * 2);
border-bottom-right-radius: clamp(45px, 3vw, 90px);
}
@media (min-width: 1729px) {
.ol-product__mainimage .ol-product-image1-shortcut,
.ol-product__mainimage img {
max-width: 45vw;
width: calc(100vh - clamp(60px, 4vw, 105px) * 2);
height: calc(100vh - clamp(60px, 4vw, 105px) * 2);
}
}
@media (max-width: 1139px) {
.ol-product__mainimage .ol-product-image1-shortcut,
.ol-product__mainimage img {
aspect-ratio: unset;
max-width: 100%;
width: 45vw;
}
}
@media (max-width: 840px) {
.ol-product__mainimage .ol-product-image1-shortcut,
.ol-product__mainimage img {
border-bottom-right-radius: 0;
aspect-ratio: 1/1;
position: relative;
height: auto;
width: calc(100% - 27vw - 0.6em);
top: 0;
}
}
@media (max-width: 840px) {
.ol-product__mainimage.ol-product__mainimage-only .ol-product-image1-shortcut,
.ol-product__mainimage.ol-product__mainimage-only img {
width: calc(100% - 21vw - 0.6em);
border-bottom-right-radius: clamp(45px, 3vw, 90px);
}
}
@media (max-width: 840px) {
.ol-product__mainimage .ol-product-image1-shortcut {
display: none;
}
}
.ol-product__subimage-wrapper,
.ol-product__content {
min-width: calc(58vw - clamp(42px, 6vw, 66px) * 2 - clamp(84px, 14.4vw, 180px) - 0.6em);
width: calc(100vw - (100vh - clamp(42px, 6vw, 66px) * 2) - clamp(42px, 6vw, 66px) * 2 - clamp(84px, 14.4vw, 180px) - 0.6em);
}
@media (min-width: 1729px) {
.ol-product__subimage-wrapper,
.ol-product__content {
min-width: calc(55vw - clamp(60px, 4vw, 105px) * 2 - clamp(165px, 10.5vw, 330px) - 0.6em);
width: calc(100vw - (100vh - clamp(60px, 4vw, 105px) * 2) - clamp(60px, 4vw, 105px) * 2 - clamp(165px, 10.5vw, 330px) - 0.6em);
}
}
@media (max-width: 1139px) {
.ol-product__subimage-wrapper,
.ol-product__content {
min-width: auto;
width: calc(55vw - clamp(42px, 6vw, 66px) * 2 - 0.6em);
}
}
.ol-windows-view .ol-product__subimage-wrapper,
.ol-windows-view .ol-product__content {
min-width: calc(58vw - clamp(42px, 6vw, 66px) * 2 - clamp(84px, 14.4vw, 180px) - 0.6em - 17px);
width: calc(100vw - (100vh - clamp(42px, 6vw, 66px) * 2) - clamp(42px, 6vw, 66px) * 2 - clamp(84px, 14.4vw, 180px) - 0.6em - 17px);
}
@media (min-width: 1729px) {
.ol-windows-view .ol-product__subimage-wrapper,
.ol-windows-view .ol-product__content {
min-width: calc(55vw - clamp(60px, 4vw, 105px) * 2 - clamp(165px, 10.5vw, 330px) - 0.6em - 17px);
width: calc(100vw - (100vh - clamp(60px, 4vw, 105px) * 2) - clamp(60px, 4vw, 105px) * 2 - clamp(165px, 10.5vw, 330px) - 0.6em - 17px);
}
}
@media (max-width: 1139px) {
.ol-windows-view .ol-product__subimage-wrapper,
.ol-windows-view .ol-product__content {
min-width: auto;
width: calc(55vw - clamp(42px, 6vw, 66px) * 2 - 0.6em - 17px);
}
}
.ol-product__subimage-wrapper {
position: relative;
}
@media (max-width: 840px) {
.ol-product__subimage-wrapper {
top: -27vw;
width: 100%;
}
}
.ol-product__subimage1 {
position: absolute;
right: 0;
top: 0;
}
@media (max-width: 840px) {
.ol-product__subimage1 {
position: relative;
height: auto;
width: 27vw;
top: 0;
}
}
.ol-product__subimage1 .ol-product-image2-shortcut,
.ol-product__subimage1 img {
position: relative;
aspect-ratio: 1/1;
width: 18vw;
height: 18vw;
}
@media (min-width: 1729px) {
.ol-product__subimage1 .ol-product-image2-shortcut,
.ol-product__subimage1 img {
width: 21vw;
height: 21vw;
}
}
@media (max-width: 1139px) {
.ol-product__subimage1 .ol-product-image2-shortcut,
.ol-product__subimage1 img {
width: 25.5vw;
height: 25.5vw;
}
}
@media (max-width: 840px) {
.ol-product__subimage1 .ol-product-image2-shortcut,
.ol-product__subimage1 img {
aspect-ratio: 1/1;
position: absolute;
height: auto;
width: 100%;
left: 0;
top: 0;
}
}
.ol-product__subimage1 .ol-product-image2-shortcut {
position: absolute;
top: 0;
}
.ol-product__subimage2 .ol-product-image3-shortcut,
.ol-product__subimage2 img {
width: 100%;
height: calc(100vh - clamp(42px, 6vw, 66px) * 2 - 18vw - 0.6em);
bottom: calc(-1 * (100vh - clamp(42px, 6vw, 66px) * 2));
}
@media (min-width: 1729px) {
.ol-product__subimage2 .ol-product-image3-shortcut,
.ol-product__subimage2 img {
bottom: calc(-1 * (100vh - clamp(60px, 4vw, 105px) * 2));
height: calc(100vh - clamp(60px, 4vw, 105px) * 2 - 21vw - 0.6em);
}
}
@media (max-width: 1139px) {
.ol-product__subimage2 .ol-product-image3-shortcut,
.ol-product__subimage2 img {
height: calc(100vh - clamp(42px, 6vw, 66px) * 2 - 25.5vw - 0.6em);
}
}
@media (max-width: 840px) {
.ol-product__subimage2 .ol-product-image3-shortcut,
.ol-product__subimage2 img {
aspect-ratio: 16/9;
position: relative;
height: auto;
width: 100%;
top: calc(27vw + 0.6em);
bottom: 0;
border-bottom-right-radius: clamp(45px, 3vw, 90px);
}
}
.ol-product__content-num {
position: absolute;
left: 0;
top: 0;
font-size: clamp(60px, 7.5vw, 99px);
line-height: 1;
font-weight: 100;
z-index: 300;
}
.ol-product__content {
position: relative;
top: -3.96em;
z-index: 200;
min-height: calc(100vh - clamp(42px, 6vw, 66px));
margin-left: clamp(84px, 14.4vw, 180px);
padding-right: clamp(48px, 4.5vw, 63px);
padding-top: clamp(84px, 9vw, 105px);
padding-bottom: clamp(84px, 9vw, 105px);
}
@media (min-width: 1729px) {
.ol-product__content {
margin-left: clamp(180px, 10.5vw, 330px);
}
}
@media (min-width: 1729px) {
.ol-product__content {
padding-right: clamp(63px, 4.5vw, 126px);
}
}
@media (min-width: 1729px) {
.ol-product__content {
padding-top: clamp(105px, 8.4vw, 210px);
padding-bottom: clamp(105px, 8.4vw, 210px);
}
}
@media (min-width: 1729px) {
.ol-product__content {
min-height: calc(100vh - clamp(60px, 4vw, 105px));
padding-right: clamp(63px, 6vw, 84px);
padding-top: clamp(63px, 6vw, 84px);
padding-bottom: clamp(63px, 6vw, 84px);
}
}
@media (min-width: 1729px) and (min-width: 1729px) {
.ol-product__content {
padding-right: clamp(84px, 6vw, 168px);
}
}
@media (min-width: 1729px) and (min-width: 1729px) {
.ol-product__content {
padding-top: clamp(84px, 6vw, 168px);
padding-bottom: clamp(84px, 6vw, 168px);
}
}
@media (max-width: 1139px) {
.ol-product__content {
padding-top: clamp(63px, 6vw, 84px);
padding-bottom: clamp(63px, 6vw, 84px);
margin-left: 0;
padding-right: clamp(30px, 3.6vw, 48px);
}
}
@media (max-width: 1139px) and (min-width: 1729px) {
.ol-product__content {
padding-top: clamp(84px, 6vw, 168px);
padding-bottom: clamp(84px, 6vw, 168px);
}
}
@media (max-width: 1139px) and (min-width: 1729px) {
.ol-product__content {
padding-right: clamp(48px, 3vw, 96px);
}
}
@media (max-width: 840px) {
.ol-product__content {
width: 100%;
margin-left: 0;
padding-right: 0;
top: 0;
margin-top: 0.6em;
padding-top: clamp(48px, 4.5vw, 63px);
padding-bottom: clamp(48px, 4.5vw, 63px);
min-height: auto;
}
}
@media (max-width: 840px) and (min-width: 1729px) {
.ol-product__content {
padding-top: clamp(63px, 4.5vw, 126px);
padding-bottom: clamp(63px, 4.5vw, 126px);
}
}
.ol-product__content-title-wrapper {
margin-bottom: clamp(30px, 3.6vw, 48px);
}
@media (min-width: 1729px) {
.ol-product__content-title-wrapper {
margin-bottom: clamp(48px, 3vw, 96px);
}
}
.ol-product__content-title {
font-size: clamp(1.6875rem, 1.4902757487rem + 0.8765522279vw, 2.4375rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.18rem;
}
@media (min-width: 1729px) {
.ol-product__content-title {
font-size: clamp(2.4375rem, -0.2334577755rem + 2.4716786818vw, 3.9375rem);
}
}
.ol-product__content-subtitle {
position: relative;
display: flex;
align-items: center;
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 300;
line-height: 1.5;
letter-spacing: 0.09rem;
margin-bottom: clamp(30px, 3.6vw, 48px);
}
@media (min-width: 1729px) {
.ol-product__content-subtitle {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
@media (min-width: 1729px) {
.ol-product__content-subtitle {
margin-bottom: clamp(48px, 3vw, 96px);
}
}
.ol-product__content-list-wrapper {
margin-top: clamp(30px, 3.6vw, 48px);
}
@media (min-width: 1729px) {
.ol-product__content-list-wrapper {
margin-top: clamp(48px, 3vw, 96px);
}
}
@media (max-width: 640px) {
.ol-product__content-list-wrapper {
margin-top: clamp(48px, 4.5vw, 63px);
}
}
@media (max-width: 640px) and (min-width: 1729px) {
.ol-product__content-list-wrapper {
margin-top: clamp(63px, 4.5vw, 126px);
}
}
.ol-product__content-list-title {
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.045rem;
}
@media (min-width: 1729px) {
.ol-product__content-list-title {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
.ol-product__content-list {
margin-top: 1.35em;
display: flex;
flex-wrap: wrap;
}
.ol-product__content-list.ol-product__list-type-horizontal {
gap: 0.6em;
flex-direction: row;
}
.ol-product__content-list.ol-product__list-type-horizontal .ol-product__content-list-item {
border-width: 1px;
border-style: solid;
padding: 0.39em 0.9em 0.42em;
font-size: clamp(0.6875rem, 0.6628469686rem + 0.1095690285vw, 0.78125rem);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.045rem;
}
@media (min-width: 1729px) {
.ol-product__content-list.ol-product__list-type-horizontal .ol-product__content-list-item {
font-size: clamp(0.78125rem, -0.1647142122rem + 0.8753861998vw, 1.3125rem);
}
}
.ol-product__content-list.ol-product__list-type-vertical {
flex-direction: column;
gap: 0.45em;
}
.ol-product__content-list.ol-product__list-type-vertical .ol-product__content-list-item {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
flex-basis: 100%;
padding-left: clamp(24px, 3.3vw, 30px);
font-size: clamp(0.96875rem, 0.96875rem + 0vw, 0.96875rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.12rem;
}
@media (min-width: 1729px) {
.ol-product__content-list.ol-product__list-type-vertical .ol-product__content-list-item {
padding-left: clamp(30px, 2.25vw, 60px);
}
}
@media (min-width: 1729px) {
.ol-product__content-list.ol-product__list-type-vertical .ol-product__content-list-item {
font-size: clamp(0.96875rem, -0.7562435633rem + 1.596292482vw, 1.9375rem);
}
}
@media (max-width: 840px) {
.ol-product__content-list.ol-product__list-type-vertical .ol-product__content-list-item {
padding-left: clamp(30px, 3.6vw, 48px);
}
}
@media (max-width: 840px) and (min-width: 1729px) {
.ol-product__content-list.ol-product__list-type-vertical .ol-product__content-list-item {
padding-left: clamp(48px, 3vw, 96px);
}
}
.ol-product__content-list.ol-product__list-type-vertical .ol-product__content-list-item::before {
content: "";
position: absolute;
top: 0.45em;
left: 0;
width: 0.9em;
height: 0.9em;
border-radius: 15px;
opacity: 0.18;
}
.ol-product__content-list.ol-product__list-type-vertical .ol-product__content-list-item::after {
content: "";
position: absolute;
top: 0.75em;
left: 0.3em;
width: 0.3em;
height: 0.3em;
border-radius: 15px;
}
.ol-product__content-list.ol-product__list-type-checkmark {
gap: 0.3em;
flex-direction: column;
}
.ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item {
display: flex;
font-size: clamp(0.96875rem, 0.96875rem + 0vw, 0.96875rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.09em;
}
@media (min-width: 1729px) {
.ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item {
font-size: clamp(0.96875rem, -0.7562435633rem + 1.596292482vw, 1.9375rem);
}
}
.ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item::before {
content: "\e969";
font-family: "oltana-icons";
display: inline-block;
font-size: 1.15em;
margin-top: -0.03em;
margin-right: clamp(6px, 1.5vw, 9px);
}
.ol-product__morebtn {
margin-top: clamp(30px, 3.6vw, 48px);
display: flex;
justify-content: flex-end;
margin-right: 6px;
}
@media (min-width: 1729px) {
.ol-product__morebtn {
margin-top: clamp(48px, 3vw, 96px);
}
}
.ol-product__morebtn .ol-btn-regular {
background-color: rgba(255, 255, 255, 0.09);
}
.ol-product__list {
display: flex;
flex-wrap: wrap;
row-gap: clamp(84px, 9vw, 105px);
padding-bottom: clamp(48px, 4.5vw, 63px);
}
@media (min-width: 1729px) {
.ol-product__list {
row-gap: clamp(105px, 8.4vw, 210px);
}
}
@media (min-width: 1729px) {
.ol-product__list {
padding-bottom: clamp(63px, 4.5vw, 126px);
}
}
.ol-product__item {
display: flex;
flex-wrap: wrap;
width: 100%;
row-gap: clamp(48px, 4.5vw, 63px);
}
@media (min-width: 1729px) {
.ol-product__item {
row-gap: clamp(63px, 4.5vw, 126px);
}
}
.ol-product__item .ol-text {
margin-top: 48px !important;
}
#splideProduct {
position: absolute;
bottom: calc(-1 * clamp(27px, 4.2vw, 45px));
left: 0;
z-index: 200;
mix-blend-mode: screen;
color: #bbbbbb;
width: 100vw;
}
@media (min-width: 1729px) {
#splideProduct {
bottom: calc(-1 * clamp(45px, 4.2vw, 69px));
}
}
#splideProduct .splide__slide {
width: auto;
}
#splideProduct .splide__track {
padding-bottom: clamp(24px, 3.3vw, 30px);
}
@media (min-width: 1729px) {
#splideProduct .splide__track {
padding-bottom: clamp(30px, 2.25vw, 60px);
}
}
.ol-product__deco-text {
font-size: clamp(4.5rem, 10.5vw, 8.1rem);
font-weight: 100;
line-height: 1;
}
@media (min-width: 1729px) {
.ol-product__deco-text {
font-size: clamp(8.1rem, 10.5vw, 12rem);
}
}
.ol-bgcolor-dark .ol-product__heading-wrapper,
.ol-bgcolor-dark .ol-product__heading-sub.ol-heading-sub,
.ol-bgcolor-dark .ol-product__content-num,
.ol-bgcolor-dark .ol-product__content,
.ol-bgcolor-dark .ol-product__morebtn .ol-btn-regular,
.ol-bgcolor-theme .ol-product__heading-wrapper,
.ol-bgcolor-theme .ol-product__heading-sub.ol-heading-sub,
.ol-bgcolor-theme .ol-product__content-num,
.ol-bgcolor-theme .ol-product__content,
.ol-bgcolor-theme .ol-product__morebtn .ol-btn-regular {
color: #fff;
}
.ol-bgcolor-dark .ol-product__list-type-vertical .ol-product__content-list-item::before,
.ol-bgcolor-dark .ol-product__list-type-vertical .ol-product__content-list-item::after,
.ol-bgcolor-dark .ol-product__morebtn .ol-btn-regular .ol-button-deco-wrapper,
.ol-bgcolor-dark .ol-product__morebtn .ol-btn-regular .ol-button-deco-wrapper::before,
.ol-bgcolor-theme .ol-product__list-type-vertical .ol-product__content-list-item::before,
.ol-bgcolor-theme .ol-product__list-type-vertical .ol-product__content-list-item::after,
.ol-bgcolor-theme .ol-product__morebtn .ol-btn-regular .ol-button-deco-wrapper,
.ol-bgcolor-theme .ol-product__morebtn .ol-btn-regular .ol-button-deco-wrapper::before {
background-color: #fff;
}
.ol-bgcolor-dark .ol-product__morebtn .ol-btn-regular .ol-button-deco-wrapper::after,
.ol-bgcolor-theme .ol-product__morebtn .ol-btn-regular .ol-button-deco-wrapper::after {
background-color: #666;
}
.ol-bgcolor-dark #splideProduct,
.ol-bgcolor-theme #splideProduct {
mix-blend-mode: difference;
color: #000;
}
.ol-story__list {
display: flex;
flex-wrap: wrap;
}
.ol-story__item {
position: relative;
width: 100%;
display: flex;
align-items: center;
border-bottom-width: 0.5px;
border-bottom-style: solid;
column-gap: clamp(48px, 4.5vw, 63px);
padding-bottom: clamp(48px, 4.5vw, 63px);
padding-top: clamp(48px, 4.5vw, 63px);
}
@media (min-width: 1729px) {
.ol-story__item {
column-gap: clamp(63px, 4.5vw, 126px);
}
}
@media (min-width: 1729px) {
.ol-story__item {
padding-bottom: clamp(63px, 4.5vw, 126px);
padding-top: clamp(63px, 4.5vw, 126px);
}
}
@media (max-width: 840px) {
.ol-story__item {
flex-direction: column-reverse;
row-gap: clamp(24px, 3.3vw, 30px);
}
}
@media (max-width: 840px) and (min-width: 1729px) {
.ol-story__item {
row-gap: clamp(30px, 2.25vw, 60px);
}
}
.ol-story__item:first-child {
padding-top: 0;
}
.ol-story__number {
position: relative;
display: flex;
align-items: center;
font-size: clamp(45px, 6.9vw, 84px);
font-weight: 100;
width: clamp(105px, 12vw, 165px);
flex-shrink: 0;
}
@media (min-width: 1729px) {
.ol-story__number {
width: clamp(165px, 12vw, 330px);
font-size: clamp(84px, 6vw, 180px);
}
}
@media (max-width: 840px) {
.ol-story__number {
width: clamp(75px, 15vw, 105px);
font-size: clamp(36px, 7.5vw, 60px);
align-items: flex-start;
line-height: 1.05;
}
}
.ol-story__item:nth-child(1) .ol-story__number::before, .ol-story__item:nth-child(2) .ol-story__number::before, .ol-story__item:nth-child(3) .ol-story__number::before, .ol-story__item:nth-child(4) .ol-story__number::before, .ol-story__item:nth-child(5) .ol-story__number::before, .ol-story__item:nth-child(6) .ol-story__number::before, .ol-story__item:nth-child(7) .ol-story__number::before, .ol-story__item:nth-child(8) .ol-story__number::before, .ol-story__item:nth-child(9) .ol-story__number::before {
content: "0";
}
.ol-story__image {
flex-basis: 30%;
}
@media (max-width: 840px) {
.ol-story__image {
width: 100%;
}
}
.ol-story__image img {
width: 100%;
aspect-ratio: 3/2;
object-fit: cover;
}
.ol-story__content {
position: relative;
display: flex;
align-items: center;
flex-basis: 70%;
flex-grow: 1;
}
@media (min-width: 841px) {
.ol-story__content::before {
content: "";
width: 0.5px;
height: 100%;
position: absolute;
left: clamp(105px, 12vw, 165px);
top: 0;
}
}
@media (min-width: 641px) and (max-width: 840px) {
.ol-story__content {
margin-top: clamp(12px, 1.8vw, 18px);
}
}
@media (min-width: 641px) and (max-width: 840px) and (min-width: 1729px) {
.ol-story__content {
margin-top: clamp(18px, 0.9vw, 36px);
}
}
@media (max-width: 840px) {
.ol-story__content {
flex-basis: 100%;
align-items: unset;
}
}
@media (min-width: 1729px) {
.ol-story__content::before {
left: clamp(165px, 12vw, 330px);
}
}
.ol-story__content-inner {
flex-grow: 1;
flex-basis: 82%;
padding-left: clamp(48px, 4.5vw, 63px);
}
@media (min-width: 1729px) {
.ol-story__content-inner {
padding-left: clamp(63px, 4.5vw, 126px);
}
}
@media (max-width: 840px) {
.ol-story__content-inner {
padding: 0;
}
}
.ol-story__content-inner .ol-list-text:last-of-type {
margin-bottom: 0;
}
.ol-story__item-title {
display: flex;
align-items: center;
margin-bottom: clamp(30px, 3.6vw, 48px);
}
@media (min-width: 1729px) {
.ol-story__item-title {
margin-bottom: clamp(48px, 3vw, 96px);
}
}
.ol-story__item-title .ol-story__h3 {
font-size: clamp(1.3125rem, 1.2138878744rem + 0.438276114vw, 1.6875rem);
font-weight: 500;
line-height: 1.5;
letter-spacing: 0.18rem;
}
@media (min-width: 1729px) {
.ol-story__item-title .ol-story__h3 {
font-size: clamp(1.6875rem, -0.9834577755rem + 2.4716786818vw, 3.1875rem);
}
}
.ol-faq__list {
display: flex;
flex-wrap: wrap;
}
.ol-faq__item {
position: relative;
display: flex;
align-items: center;
width: 100%;
column-gap: clamp(84px, 9vw, 105px);
padding-top: clamp(30px, 3.6vw, 48px);
padding-bottom: clamp(30px, 3.6vw, 48px);
border-bottom-width: 0.5px;
border-bottom-style: solid;
}
@media (min-width: 1729px) {
.ol-faq__item {
column-gap: clamp(105px, 8.4vw, 210px);
}
}
@media (min-width: 1729px) {
.ol-faq__item {
padding-top: clamp(48px, 3vw, 96px);
padding-bottom: clamp(48px, 3vw, 96px);
}
}
@media (max-width: 840px) {
.ol-faq__item {
flex-wrap: wrap;
row-gap: clamp(24px, 3.3vw, 30px);
}
}
@media (max-width: 840px) and (min-width: 1729px) {
.ol-faq__item {
row-gap: clamp(30px, 2.25vw, 60px);
}
}
.ol-faq__item-head,
.ol-faq__item-body {
display: flex;
}
.ol-faq__item-head::before,
.ol-faq__item-body::before {
flex-shrink: 0;
text-align: center;
width: 30px;
display: inline-block;
margin-right: clamp(6px, 1vw, 12px);
}
@media (min-width: 1729px) {
.ol-faq__item-head::before,
.ol-faq__item-body::before {
margin-right: clamp(12px, 0.75vw, 24px);
}
}
.ol-faq__item-head {
position: relative;
align-items: flex-start;
flex-basis: 34%;
font-size: clamp(0.96875rem, 0.96875rem + 0vw, 0.96875rem);
font-weight: 600;
line-height: 1.95;
letter-spacing: 0.12rem;
}
@media (max-width: 1179px) {
.ol-faq__item-head {
flex-basis: 42%;
}
}
@media (max-width: 840px) {
.ol-faq__item-head {
flex-basis: 100%;
}
}
@media (min-width: 1729px) {
.ol-faq__item-head {
font-size: clamp(0.96875rem, -0.7562435633rem + 1.596292482vw, 1.9375rem);
}
}
.ol-faq__item-head::before {
content: "Q.";
line-height: 1.8;
}
@media (max-width: 840px) {
.ol-faq__item-head::before {
line-height: 1.56;
}
}
@media (max-width: 640px) {
.ol-faq__item-head::before {
display: none;
}
}
.ol-faq__item-body {
flex-basis: 66%;
}
@media (min-width: 841px) {
.ol-faq__item-body::after {
content: "";
position: absolute;
left: 35.7%;
top: 50%;
transform: translateY(-50%);
height: calc(100% - 60px);
width: 0.5px;
}
}
@media (min-width: 1729px) {
.ol-faq__item-body::after {
left: 35.4%;
}
}
@media (max-width: 1179px) {
.ol-faq__item-body {
flex-basis: 58%;
}
.ol-faq__item-body::after {
left: 43%;
}
}
@media (max-width: 840px) {
.ol-faq__item-body {
flex-basis: 100%;
}
}
@media (max-width: 640px) {
.ol-faq__item-body.ol-list-text {
font-weight: 300;
}
}
@media (min-width: 841px) {
.ol-message__section {
margin-bottom: calc(clamp(105px, 24vw, 225px) + clamp(42px, 3vw, 66px));
}
}
@media (min-width: 1729px) {
.ol-message__section {
margin-bottom: calc(clamp(225px, 12vw, 371.25px) + clamp(60px, 2vw, 105px));
}
}
.ol-message__inner {
position: relative;
}
@media (max-width: 840px) {
.ol-message__inner {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 640px) {
.ol-message__heading {
font-size: clamp(1.6875rem, 1.4902757487rem + 0.8765522279vw, 2.4375rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.27rem;
}
}
@media (max-width: 640px) and (min-width: 1729px) {
.ol-message__heading {
font-size: clamp(2.4375rem, -0.2334577755rem + 2.4716786818vw, 3.9375rem);
}
}
.ol-message__heading-wrapper {
position: absolute;
left: 0;
width: 100%;
z-index: 200;
top: clamp(63px, 6vw, 84px);
margin-bottom: clamp(12px, 1.8vw, 18px);
}
@media (min-width: 1729px) {
.ol-message__heading-wrapper {
top: clamp(84px, 6vw, 168px);
}
}
@media (min-width: 1729px) {
.ol-message__heading-wrapper {
margin-bottom: clamp(18px, 0.9vw, 36px);
}
}
@media (min-width: 641px) and (max-width: 840px) {
.ol-message__heading-wrapper {
top: clamp(84px, 9vw, 105px);
}
}
@media (min-width: 641px) and (max-width: 840px) and (min-width: 1729px) {
.ol-message__heading-wrapper {
top: clamp(105px, 8.4vw, 210px);
}
}
@media (max-width: 640px) {
.ol-message__heading-wrapper {
top: clamp(48px, 4.5vw, 63px);
}
}
@media (max-width: 640px) and (min-width: 1729px) {
.ol-message__heading-wrapper {
top: clamp(63px, 4.5vw, 126px);
}
}
.ol-message__heading-wrapper .ol-heading-sub {
margin-bottom: 6px;
margin-left: 3px;
}
@media (max-width: 640px) {
.ol-message__heading-wrapper .ol-heading-sub {
margin-bottom: clamp(6px, 1vw, 12px);
}
}
@media (max-width: 640px) and (min-width: 1729px) {
.ol-message__heading-wrapper .ol-heading-sub {
margin-bottom: clamp(12px, 0.75vw, 24px);
}
}
.ol-message__heading-wrapper .ol-message__shortcut-heading,
.ol-message__heading-wrapper .ol-message__shortcut-headingsub {
display: inline-block;
}
.ol-message__heading-wrapper-inner {
flex-direction: column-reverse;
align-items: flex-start;
padding: 0 clamp(42px, 6vw, 66px);
}
@media (min-width: 1729px) {
.ol-message__heading-wrapper-inner {
padding: 0 clamp(60px, 4vw, 105px);
}
}
@media (max-width: 640px) {
.ol-message__heading-wrapper-inner {
padding: 0 clamp(27px, 6vw, 36px);
}
}
@media (min-width: 841px) {
.ol-message__heading-wrapper-inner {
padding: clamp(63px, 6vw, 84px);
padding-top: 0;
}
}
@media (min-width: 841px) and (min-width: 1729px) {
.ol-message__heading-wrapper-inner {
padding: clamp(84px, 6vw, 168px);
}
}
.ol-message__image-sticky-wrapper {
height: 105vh;
}
@media (max-width: 840px) {
.ol-message__image-sticky-wrapper {
height: 114svh;
}
}
.ol-message__image-sticky {
display: block;
position: sticky;
top: 0;
left: 0;
}
.ol-message__image-sticky img {
position: absolute;
left: 0;
top: 0;
height: 100vh;
object-fit: cover;
z-index: 100;
}
.ol-message__content-wrapper {
position: relative;
z-index: 200;
height: 100%;
padding-top: clamp(84px, 21vw, 165px);
padding-bottom: clamp(30px, 3.6vw, 48px);
}
@media (min-width: 1729px) {
.ol-message__content-wrapper {
padding-top: clamp(165px, 10.5vw, 330px);
}
}
@media (min-width: 1729px) {
.ol-message__content-wrapper {
padding-bottom: clamp(48px, 3vw, 96px);
}
}
@media (min-width: 1729px) {
.ol-message__content-wrapper {
padding-bottom: clamp(84px, 9vw, 105px);
}
}
@media (min-width: 1729px) and (min-width: 1729px) {
.ol-message__content-wrapper {
padding-bottom: clamp(105px, 8.4vw, 210px);
}
}
@media (min-width: 641px) and (max-width: 840px) {
.ol-message__content-wrapper {
padding-bottom: clamp(84px, 9vw, 105px);
}
}
@media (min-width: 641px) and (max-width: 840px) and (min-width: 1729px) {
.ol-message__content-wrapper {
padding-bottom: clamp(105px, 8.4vw, 210px);
}
}
@media (max-width: 640px) {
.ol-message__content-wrapper {
padding: clamp(24px, 3.3vw, 30px);
}
}
@media (max-width: 640px) and (min-width: 1729px) {
.ol-message__content-wrapper {
padding: clamp(30px, 2.25vw, 60px);
}
}
.ol-message__lead {
font-size: clamp(1.6875rem, 1.4902757487rem + 0.8765522279vw, 2.4375rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.18rem;
text-align: center;
}
@media (min-width: 1729px) {
.ol-message__lead {
font-size: clamp(2.4375rem, -0.2334577755rem + 2.4716786818vw, 3.9375rem);
}
}
@media (max-width: 640px) {
.ol-message__lead {
text-align: left;
}
}
.ol-message__text {
margin: 0 auto;
}
@media (min-width: 841px) {
.ol-message__text {
max-width: 51%;
}
}
@media (min-width: 1729px) {
.ol-message__text {
max-width: 42%;
}
}
@media (max-width: 1179px) {
.ol-message__text {
max-width: 75%;
}
}
@media (max-width: 640px) {
.ol-message__text {
max-width: 100%;
}
}
.ol-message__image,
.ol-message__slider {
display: block;
}
.ol-message__text {
margin-top: clamp(63px, 6vw, 84px);
}
@media (min-width: 1729px) {
.ol-message__text {
margin-top: clamp(84px, 6vw, 168px);
}
}
.ol-message__button-wrapper {
text-align: center;
margin-top: clamp(48px, 4.5vw, 63px);
}
@media (min-width: 1729px) {
.ol-message__button-wrapper {
margin-top: clamp(63px, 4.5vw, 126px);
}
}
@media (max-width: 640px) {
.ol-message__button-wrapper {
margin-top: clamp(63px, 6vw, 84px);
margin-bottom: clamp(63px, 6vw, 84px);
}
}
@media (max-width: 640px) and (min-width: 1729px) {
.ol-message__button-wrapper {
margin-top: clamp(84px, 6vw, 168px);
margin-bottom: clamp(84px, 6vw, 168px);
}
}
.ol-message__button-wrapper .ol-btn-regular {
background-color: rgba(255, 255, 255, 0.21) !important;
backdrop-filter: blur(9px);
color: #fff !important;
}
.ol-message__button-wrapper .ol-button-deco-wrapper {
background-color: #fff;
}
.ol-message__button-wrapper .ol-button-deco-wrapper::after {
background-color: #000;
}
.ol-message__content-wrapper,
.ol-message__heading-wrapper .ol-heading,
.ol-message__heading-wrapper .ol-heading-sub,
.ol-message__button-wrapper .ol-btn-regular {
color: #fff;
}
.splide-message {
overflow: hidden;
}
.ol-news__section.ol-position-upper {
margin-top: clamp(84px, 9vw, 105px);
margin-bottom: clamp(84px, 9vw, 105px);
}
@media (min-width: 1729px) {
.ol-news__section.ol-position-upper {
margin-top: clamp(105px, 8.4vw, 210px);
margin-bottom: clamp(105px, 8.4vw, 210px);
}
}
@media (min-width: 841px) {
.ol-news__section.ol-position-upper.ol-margin-control, .ol-news__section.ol-position-middle.ol-margin-control {
margin-bottom: calc(-1 * clamp(45px, 12vw, 120px)) !important;
}
}
.ol-news__heading-wrapper {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: clamp(24px, 3.3vw, 30px);
}
@media (min-width: 1729px) {
.ol-news__heading-wrapper {
margin-bottom: clamp(30px, 2.25vw, 60px);
}
}
.ol-news__heading-wrapper .ol-news__heading-wrapper-inner {
margin-bottom: 0;
}
.ol-news__morebtn {
display: flex;
justify-content: flex-end;
position: relative;
z-index: 100;
margin-top: clamp(30px, 3.6vw, 48px);
}
@media (min-width: 1729px) {
.ol-news__morebtn {
margin-top: clamp(48px, 3vw, 96px);
}
}
@media (max-width: 640px) {
.ol-news__morebtn {
justify-content: center;
}
}
.ol-news__inner {
position: relative;
}
.ol-news__body {
overflow: hidden;
}
.ol-news__body-inner {
display: flex;
flex-wrap: nowrap;
width: 400%;
}
.ol-news__nav {
position: absolute;
right: 0;
top: clamp(12px, 1.8vw, 18px);
}
@media (min-width: 1729px) {
.ol-news__nav {
top: clamp(18px, 0.9vw, 36px);
}
}
@media (max-width: 840px) {
.ol-news__nav {
position: relative;
margin-bottom: 24px;
}
}
.ol-news__tab-list {
display: inline-flex;
flex-direction: column;
overflow-y: hidden;
padding: 0;
padding: clamp(6px, 1vw, 12px);
border-radius: clamp(45px, 3vw, 90px);
}
@media (min-width: 1729px) {
.ol-news__tab-list {
padding: clamp(12px, 0.75vw, 24px);
}
}
@media (max-width: 840px) {
.ol-news__tab-list {
padding: 7.5px;
}
}
.ol-news__list {
width: 100%;
display: flex;
flex-direction: column;
overflow-y: hidden;
padding: 0;
}
.ol-news__item {
width: 100%;
}
.ol-news__item .ol-news__item-item {
width: 25%;
display: flex;
align-items: center;
text-decoration: none !important;
color: inherit !important;
padding-left: 3px;
padding-top: clamp(27px, 3.6vw, 48px);
padding-bottom: clamp(27px, 3.6vw, 48px);
column-gap: clamp(30px, 3.6vw, 48px);
}
@media (min-width: 1729px) {
.ol-news__item .ol-news__item-item {
padding-top: clamp(48px, 3vw, 96px);
padding-bottom: clamp(48px, 3vw, 96px);
}
}
@media (min-width: 1729px) {
.ol-news__item .ol-news__item-item {
column-gap: clamp(48px, 3vw, 96px);
}
}
@media (max-width: 840px) {
.ol-news__item .ol-news__item-item {
flex-wrap: wrap;
}
}
.ol-news__body.ol-news__category-on .ol-news__item-item {
width: 100%;
}
@media (min-width: 841px) {
.ol-news__title {
flex-basis: 100vw;
flex-grow: 1;
}
}
@media (max-width: 840px) {
.ol-news__title {
width: 100%;
margin-top: 15px;
}
}
@media (max-width: 640px) {
.ol-news__title {
line-height: 1.65;
}
}
.ol-news-link .ol-news__title {
padding-right: clamp(63px, 9vw, 105px);
}
@media (min-width: 1729px) {
.ol-news-link .ol-news__title {
padding-right: clamp(105px, 8.4vw, 210px);
}
}
.ol-news__meta {
display: flex;
align-items: center;
flex-basis: 36vw;
flex-shrink: 0;
column-gap: clamp(30px, 3.6vw, 48px);
max-width: clamp(270px, 36vw, 330px);
}
@media (min-width: 1729px) {
.ol-news__meta {
column-gap: clamp(48px, 3vw, 96px);
}
}
@media (min-width: 1729px) {
.ol-news__meta {
max-width: clamp(330px, 27vw, 540px);
}
}
@media (max-width: 840px) {
.ol-news__meta {
max-width: 100%;
column-gap: clamp(24px, 3.3vw, 30px);
}
}
@media (max-width: 840px) and (min-width: 1729px) {
.ol-news__meta {
column-gap: clamp(30px, 2.25vw, 60px);
}
}
.ol-news__meta time {
flex-shrink: 0;
width: clamp(93px, 9vw, 93px);
}
@media (min-width: 1729px) {
.ol-news__meta time {
width: clamp(93px, 6vw, 180px);
}
}
.ol-news__category {
flex-shrink: 0;
}
@media (max-width: 840px) {
.ol-news__category {
max-width: 100%;
}
}
.ol-news-link .ol-btn-icon {
position: absolute;
right: 0;
}
@media (max-width: 840px) {
.ol-news-link .ol-btn-icon {
padding-right: 0.75em;
}
}
@media (min-width: 841px) {
#olConcept + #olMedia .ol-media__section.ol-position-upper {
margin-top: clamp(84px, 9vw, 105px);
margin-bottom: clamp(84px, 9vw, 105px);
}
}
@media (min-width: 841px) and (min-width: 1729px) {
#olConcept + #olMedia .ol-media__section.ol-position-upper {
margin-top: clamp(105px, 8.4vw, 210px);
margin-bottom: clamp(105px, 8.4vw, 210px);
}
}
@media (min-width: 841px) {
#olNews + #olConcept + #olMedia .ol-media__section.ol-position-upper {
margin-top: clamp(84px, 21vw, 165px);
margin-bottom: clamp(84px, 21vw, 165px);
}
}
@media (min-width: 841px) and (min-width: 1729px) {
#olNews + #olConcept + #olMedia .ol-media__section.ol-position-upper {
margin-top: clamp(165px, 10.5vw, 330px);
margin-bottom: clamp(165px, 10.5vw, 330px);
}
}
@media (min-width: 841px) {
.ol-media__section.ol-position-upper.ol-margin-control, .ol-media__section.ol-position-middle.ol-margin-control {
margin-bottom: calc(-1 * clamp(45px, 12vw, 120px)) !important;
}
}
.ol-media__heading-wrapper {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: clamp(24px, 3.3vw, 30px);
}
@media (min-width: 1729px) {
.ol-media__heading-wrapper {
margin-bottom: clamp(30px, 2.25vw, 60px);
}
}
.ol-media__heading-wrapper .ol-media__heading-wrapper-inner {
margin-bottom: 0;
}
.ol-media__morebtn {
display: flex;
justify-content: flex-end;
margin-top: clamp(30px, 3.6vw, 48px);
}
@media (min-width: 1729px) {
.ol-media__morebtn {
margin-top: clamp(48px, 3vw, 96px);
}
}
@media (max-width: 640px) {
.ol-media__morebtn {
justify-content: center;
}
}
.ol-media__body {
position: relative;
}
#olContact {
position: relative;
}
.ol-contact__section {
margin-top: calc(-1 * clamp(45px, 6vw, 75px)) !important;
}
@media (min-width: 1729px) {
.ol-contact__section {
margin-top: calc(-1 * clamp(75px, 6vw, 120px)) !important;
}
}
@media (max-width: 640px) {
.ol-contact__section {
margin-top: calc(-1 * clamp(45px, 15vw, 75px)) !important;
}
}
.ol-contact__heading-wrapper {
flex-basis: 30%;
flex-grow: 1;
}
@media (max-width: 840px) {
.ol-contact__heading-wrapper {
flex-basis: 100%;
}
}
.ol-contact__heading-wrapper-inner {
display: block;
margin-bottom: clamp(24px, 3.3vw, 30px);
}
@media (min-width: 1729px) {
.ol-contact__heading-wrapper-inner {
margin-bottom: clamp(30px, 2.25vw, 60px);
}
}
@media (max-width: 840px) {
.ol-contact__heading-wrapper-inner {
margin-bottom: clamp(30px, 3.6vw, 48px);
}
}
@media (max-width: 840px) and (min-width: 1729px) {
.ol-contact__heading-wrapper-inner {
margin-bottom: clamp(48px, 3vw, 96px);
}
}
.ol-contact__inner {
padding: 0 clamp(42px, 6vw, 66px);
}
@media (min-width: 1729px) {
.ol-contact__inner {
padding: 0 clamp(60px, 4vw, 105px);
}
}
@media (max-width: 640px) {
.ol-contact__inner {
padding: 0 clamp(27px, 6vw, 36px);
}
}
.ol-contact__content {
position: relative;
border-radius: clamp(45px, 3vw, 90px);
padding-top: clamp(48px, 4.5vw, 63px);
padding-bottom: clamp(48px, 4.5vw, 63px);
}
@media (min-width: 1729px) {
.ol-contact__content {
padding-top: clamp(63px, 4.5vw, 126px);
padding-bottom: clamp(63px, 4.5vw, 126px);
}
}
@media (max-width: 840px) {
.ol-contact__content {
padding-left: clamp(6px, 1vw, 12px);
padding-right: clamp(6px, 1vw, 12px);
}
}
@media (max-width: 840px) and (min-width: 1729px) {
.ol-contact__content {
padding-left: clamp(12px, 0.75vw, 24px);
padding-right: clamp(12px, 0.75vw, 24px);
}
}
.ol-contact__content-wrapper {
display: flex;
justify-content: space-between;
column-gap: clamp(63px, 6vw, 84px);
}
@media (min-width: 1729px) {
.ol-contact__content-wrapper {
column-gap: clamp(84px, 6vw, 168px);
}
}
@media (max-width: 840px) {
.ol-contact__content-wrapper {
flex-wrap: wrap;
row-gap: clamp(30px, 3.6vw, 48px);
}
}
@media (max-width: 840px) and (min-width: 1729px) {
.ol-contact__content-wrapper {
row-gap: clamp(48px, 3vw, 96px);
}
}
.ol-contact__body {
width: 100%;
}
.ol-contact__phone {
flex-basis: 30%;
flex-grow: 0;
}
@media (max-width: 1179px) {
.ol-contact__phone {
flex-basis: 39%;
}
}
@media (max-width: 840px) {
.ol-contact__phone {
flex-basis: 78%;
}
}
@media (max-width: 640px) {
.ol-contact__phone {
flex-basis: 100%;
}
}
.ol-contact__mail_maintext,
.ol-contact__phone_maintext {
width: 100%;
font-weight: 500;
}
.ol-contact__mail_maintext span,
.ol-contact__phone_maintext span {
width: 100%;
}
.ol-contact__mail_maintext span i,
.ol-contact__phone_maintext span i {
margin-bottom: clamp(6px, 1vw, 12px);
font-size: clamp(27px, 3.3vw, 33px);
}
@media (min-width: 1729px) {
.ol-contact__mail_maintext span i,
.ol-contact__phone_maintext span i {
margin-bottom: clamp(12px, 0.75vw, 24px);
}
}
@media (max-width: 840px) {
.ol-contact__mail_maintext span i,
.ol-contact__phone_maintext span i {
margin-bottom: 15px;
font-size: 33px;
}
}
.ol-contact__phone_number {
width: 100%;
font-size: clamp(1.3125rem, 1.2138878744rem + 0.438276114vw, 1.6875rem);
font-weight: 100;
line-height: 1.5;
letter-spacing: 0.27rem;
}
@media (min-width: 1729px) {
.ol-contact__phone_number {
font-size: clamp(1.6875rem, -0.9834577755rem + 2.4716786818vw, 3.1875rem);
}
}
@media (min-width: 641px) {
.ol-contact__phone_number {
pointer-events: none;
}
}
@media (max-width: 840px) {
.ol-contact__phone_number {
font-size: clamp(1.6875rem, 1.4902757487rem + 0.8765522279vw, 2.4375rem);
font-weight: 100;
line-height: 1.65;
letter-spacing: 0.27rem;
}
}
@media (max-width: 840px) and (min-width: 1729px) {
.ol-contact__phone_number {
font-size: clamp(2.4375rem, -0.2334577755rem + 2.4716786818vw, 3.9375rem);
}
}
.ol-contact__mail_subtext,
.ol-contact__phone_subtext,
.ol-contactdetail__phone_subtext {
width: 100%;
font-size: clamp(0.6875rem, 0.6628469686rem + 0.1095690285vw, 0.78125rem);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.09rem;
margin-top: clamp(12px, 1.8vw, 18px);
}
@media (min-width: 1729px) {
.ol-contact__mail_subtext,
.ol-contact__phone_subtext,
.ol-contactdetail__phone_subtext {
font-size: clamp(0.78125rem, -0.1647142122rem + 0.8753861998vw, 1.3125rem);
}
}
@media (min-width: 1729px) {
.ol-contact__mail_subtext,
.ol-contact__phone_subtext,
.ol-contactdetail__phone_subtext {
margin-top: clamp(18px, 0.9vw, 36px);
}
}
@media (max-width: 640px) {
.ol-contact__mail_subtext,
.ol-contact__phone_subtext,
.ol-contactdetail__phone_subtext {
letter-spacing: 0.09rem;
}
}
.ol-contactdetail__phone_subtext + .ol-contact__phone_subtext {
margin-top: 6px;
}
.ol-contact__mail_subtext {
margin-top: clamp(6px, 1vw, 12px);
}
@media (min-width: 1729px) {
.ol-contact__mail_subtext {
margin-top: clamp(12px, 0.75vw, 24px);
}
}
.ol-contact__off .ol-contact__hours {
flex-basis: 100%;
}
.ol-access__noimage .ol-access__info-item:first-child {
border-top-width: 0.5px;
border-top-style: solid;
}
.ol-access__info {
display: flex;
flex-wrap: wrap;
flex-basis: 50%;
}
@media (max-width: 840px) {
.ol-access__info {
flex-basis: 100%;
}
}
.ol-access__info-item {
display: flex;
align-items: center;
width: 100%;
column-gap: clamp(48px, 4.5vw, 63px);
padding-top: clamp(30px, 3.6vw, 48px);
padding-bottom: clamp(30px, 3.6vw, 48px);
border-bottom-width: 0.5px;
border-bottom-style: solid;
}
@media (min-width: 1729px) {
.ol-access__info-item {
column-gap: clamp(63px, 4.5vw, 126px);
}
}
@media (min-width: 1729px) {
.ol-access__info-item {
padding-top: clamp(48px, 3vw, 96px);
padding-bottom: clamp(48px, 3vw, 96px);
}
}
@media (max-width: 840px) {
.ol-access__info-item {
column-gap: clamp(30px, 3.6vw, 48px);
}
}
@media (max-width: 840px) and (min-width: 1729px) {
.ol-access__info-item {
column-gap: clamp(48px, 3vw, 96px);
}
}
@media (max-width: 640px) {
.ol-access__info-item {
column-gap: clamp(24px, 3.3vw, 30px);
}
}
@media (max-width: 640px) and (min-width: 1729px) {
.ol-access__info-item {
column-gap: clamp(30px, 2.25vw, 60px);
}
}
.ol-access__info-item dt {
font-size: clamp(0.96875rem, 0.96875rem + 0vw, 0.96875rem);
font-weight: 500;
line-height: 1.95;
letter-spacing: 0.12rem;
width: clamp(150px, 13.5vw, 240px);
flex-shrink: 0;
}
@media (min-width: 1729px) {
.ol-access__info-item dt {
font-size: clamp(0.96875rem, -0.7562435633rem + 1.596292482vw, 1.9375rem);
}
}
@media (max-width: 840px) {
.ol-access__info-item dt {
width: 30vw;
}
}
@media (max-width: 640px) {
.ol-access__info-item dt {
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 600;
line-height: 1.95;
letter-spacing: 0.09rem;
}
}
@media (max-width: 640px) and (min-width: 1729px) {
.ol-access__info-item dt {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
.ol-access__info-item .ol-access__info-item-text {
width: 100%;
}
@media (max-width: 640px) {
.ol-access__info-item .ol-access__info-item-text .ol-list-text {
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 300;
line-height: 1.95;
letter-spacing: 0.09rem;
}
}
@media (max-width: 640px) and (min-width: 1729px) {
.ol-access__info-item .ol-access__info-item-text .ol-list-text {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
.ol-access__info-item:nth-child(1) .ol-access__info-item-text, .ol-access__info-item:nth-child(2) .ol-access__info-item-text {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: clamp(84px, 9vw, 105px);
}
@media (min-width: 1729px) {
.ol-access__info-item:nth-child(1) .ol-access__info-item-text, .ol-access__info-item:nth-child(2) .ol-access__info-item-text {
column-gap: clamp(105px, 8.4vw, 210px);
}
}
@media (max-width: 840px) {
.ol-access__info-item:nth-child(1) .ol-access__info-item-text {
flex-wrap: wrap;
row-gap: 12px;
}
}
@media (max-width: 840px) {
.ol-access__info-item:nth-child(2) .ol-access__info-item-text {
flex-wrap: wrap;
row-gap: clamp(24px, 3.3vw, 30px);
}
}
@media (max-width: 840px) and (min-width: 1729px) {
.ol-access__info-item:nth-child(2) .ol-access__info-item-text {
row-gap: clamp(30px, 2.25vw, 60px);
}
}
.ol-access__info-item:nth-child(3) .ol-list-text {
font-size: clamp(1.25rem, 1.2335646457rem + 0.073046019vw, 1.3125rem);
font-weight: 100;
line-height: 1.65;
letter-spacing: 0.18rem;
}
@media (min-width: 1729px) {
.ol-access__info-item:nth-child(3) .ol-list-text {
font-size: clamp(1.3125rem, -0.8020082389rem + 1.9567456231vw, 2.5rem);
}
}
@media (min-width: 641px) {
.ol-access__info-item:nth-child(3) .ol-list-text {
pointer-events: none;
}
}
@media (max-width: 640px) {
.ol-access__info-item:nth-child(3) .ol-list-text {
font-size: clamp(0.96875rem, 0.96875rem + 0vw, 0.96875rem);
font-weight: 100;
line-height: 2.4;
letter-spacing: 0.18rem;
}
}
@media (max-width: 640px) and (min-width: 1729px) {
.ol-access__info-item:nth-child(3) .ol-list-text {
font-size: clamp(0.96875rem, -0.7562435633rem + 1.596292482vw, 1.9375rem);
}
}
.ol-access__image {
flex-basis: 50%;
}
@media (max-width: 840px) {
.ol-access__image {
margin-top: clamp(24px, 3.3vw, 30px);
flex-basis: 100%;
}
}
@media (max-width: 840px) and (min-width: 1729px) {
.ol-access__image {
margin-top: clamp(30px, 2.25vw, 60px);
}
}
.ol-access__map {
overflow: hidden;
}
.ol-access_sns {
flex-shrink: 0;
}
.ol-access__map-button {
flex-shrink: 0;
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.12rem;
}
@media (min-width: 1729px) {
.ol-access__map-button {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
.ol-access__map-button .oltana-icon-map_solid {
margin-left: 6px;
font-size: 1.2em;
}
.ol-company__staff {
margin-top: clamp(48px, 4.5vw, 63px);
}
@media (min-width: 1729px) {
.ol-company__staff {
margin-top: clamp(63px, 4.5vw, 126px);
}
}
.ol-company__staff-label.ol-heading-small {
font-weight: 500;
}
.ol-company__staff-content {
display: flex;
margin-top: clamp(24px, 3.3vw, 30px);
gap: clamp(24px, 3.3vw, 30px);
flex-wrap: wrap;
}
@media (min-width: 1729px) {
.ol-company__staff-content {
margin-top: clamp(30px, 2.25vw, 60px);
}
}
@media (min-width: 1729px) {
.ol-company__staff-content {
gap: clamp(30px, 2.25vw, 60px);
}
}
.ol-company__staff-content.ol-company__column6 .ol-company__staff-item {
flex-basis: calc((100% - clamp(24px, 3.3vw, 30px) * 5) / 6);
}
@media (min-width: 1729px) {
.ol-company__staff-content.ol-company__column6 .ol-company__staff-item {
flex-basis: calc((100% - clamp(30px, 2.25vw, 60px) * 5) / 6);
}
}
@media (max-width: 1179px) {
.ol-company__staff-content.ol-company__column6 .ol-company__staff-item {
flex-basis: calc((100% - clamp(24px, 3.3vw, 30px) * 3) / 4);
}
}
@media (max-width: 840px) {
.ol-company__staff-content.ol-company__column6 .ol-company__staff-item {
flex-basis: calc((100% - clamp(24px, 3.3vw, 30px) * 2) / 3);
}
}
@media (max-width: 640px) {
.ol-company__staff-content.ol-company__column6 .ol-company__staff-item {
flex-basis: calc((100% - clamp(24px, 3.3vw, 30px)) / 2);
}
}
.ol-company__staff-content.ol-company__column6 .ol-company__staff-name {
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.09rem;
margin-top: clamp(12px, 1.8vw, 18px);
margin-bottom: clamp(6px, 1vw, 12px);
}
@media (min-width: 1729px) {
.ol-company__staff-content.ol-company__column6 .ol-company__staff-name {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
@media (min-width: 1729px) {
.ol-company__staff-content.ol-company__column6 .ol-company__staff-name {
margin-top: clamp(18px, 0.9vw, 36px);
}
}
@media (min-width: 1729px) {
.ol-company__staff-content.ol-company__column6 .ol-company__staff-name {
margin-bottom: clamp(12px, 0.75vw, 24px);
}
}
@media (max-width: 840px) {
.ol-company__staff-content.ol-company__column6 .ol-company__staff-name {
font-size: clamp(0.96875rem, 0.96875rem + 0vw, 0.96875rem);
font-weight: 500;
line-height: 1.5;
letter-spacing: 0.12rem;
margin-top: clamp(24px, 3.3vw, 30px);
margin-bottom: clamp(12px, 1.8vw, 18px);
}
}
@media (max-width: 840px) and (min-width: 1729px) {
.ol-company__staff-content.ol-company__column6 .ol-company__staff-name {
font-size: clamp(0.96875rem, -0.7562435633rem + 1.596292482vw, 1.9375rem);
}
}
@media (max-width: 840px) and (min-width: 1729px) {
.ol-company__staff-content.ol-company__column6 .ol-company__staff-name {
margin-top: clamp(30px, 2.25vw, 60px);
}
}
@media (max-width: 840px) and (min-width: 1729px) {
.ol-company__staff-content.ol-company__column6 .ol-company__staff-name {
margin-bottom: clamp(18px, 0.9vw, 36px);
}
}
.ol-company__staff-content.ol-company__column6 .ol-company__staff-job {
font-size: clamp(0.6875rem, 0.6628469686rem + 0.1095690285vw, 0.78125rem);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.09rem;
}
@media (min-width: 1729px) {
.ol-company__staff-content.ol-company__column6 .ol-company__staff-job {
font-size: clamp(0.78125rem, -0.1647142122rem + 0.8753861998vw, 1.3125rem);
}
}
@media (max-width: 840px) {
.ol-company__staff-content.ol-company__column6 .ol-company__staff-job {
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.09rem;
margin-bottom: clamp(6px, 1vw, 12px);
}
}
@media (max-width: 840px) and (min-width: 1729px) {
.ol-company__staff-content.ol-company__column6 .ol-company__staff-job {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
@media (max-width: 840px) and (min-width: 1729px) {
.ol-company__staff-content.ol-company__column6 .ol-company__staff-job {
margin-bottom: clamp(12px, 0.75vw, 24px);
}
}
.ol-company__staff-content.ol-company__column4 .ol-company__staff-item {
flex-basis: calc((100% - clamp(24px, 3.3vw, 30px) * 3) / 4);
}
@media (min-width: 1729px) {
.ol-company__staff-content.ol-company__column4 .ol-company__staff-item {
flex-basis: calc((100% - clamp(30px, 2.25vw, 60px) * 3) / 4);
}
}
@media (max-width: 1179px) {
.ol-company__staff-content.ol-company__column4 .ol-company__staff-item {
flex-basis: calc((100% - clamp(24px, 3.3vw, 30px) * 2) / 3);
}
}
@media (max-width: 840px) {
.ol-company__staff-content.ol-company__column4 .ol-company__staff-item {
flex-basis: calc((100% - clamp(24px, 3.3vw, 30px)) / 2);
}
}
.ol-company__staff-content.ol-company__column4 .ol-company__staff-name {
font-size: clamp(0.96875rem, 0.96875rem + 0vw, 0.96875rem);
font-weight: 500;
line-height: 1.5;
letter-spacing: 0.12rem;
margin-top: clamp(24px, 3.3vw, 30px);
margin-bottom: clamp(12px, 1.8vw, 18px);
}
@media (min-width: 1729px) {
.ol-company__staff-content.ol-company__column4 .ol-company__staff-name {
font-size: clamp(0.96875rem, -0.7562435633rem + 1.596292482vw, 1.9375rem);
}
}
@media (min-width: 1729px) {
.ol-company__staff-content.ol-company__column4 .ol-company__staff-name {
margin-top: clamp(30px, 2.25vw, 60px);
}
}
@media (min-width: 1729px) {
.ol-company__staff-content.ol-company__column4 .ol-company__staff-name {
margin-bottom: clamp(18px, 0.9vw, 36px);
}
}
.ol-company__staff-content.ol-company__column4 .ol-company__staff-job {
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.09rem;
margin-bottom: clamp(6px, 1vw, 12px);
}
@media (min-width: 1729px) {
.ol-company__staff-content.ol-company__column4 .ol-company__staff-job {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
@media (min-width: 1729px) {
.ol-company__staff-content.ol-company__column4 .ol-company__staff-job {
margin-bottom: clamp(12px, 0.75vw, 24px);
}
}
.ol-company__staff-content.ol-company__column3 .ol-company__staff-item {
flex-basis: calc((100% - clamp(24px, 3.3vw, 30px) * 2) / 3);
}
@media (min-width: 1729px) {
.ol-company__staff-content.ol-company__column3 .ol-company__staff-item {
flex-basis: calc((100% - clamp(30px, 2.25vw, 60px) * 2) / 3);
}
}
@media (max-width: 840px) {
.ol-company__staff-content.ol-company__column3 .ol-company__staff-item {
flex-basis: calc((100% - clamp(24px, 3.3vw, 30px)) / 2);
}
}
.ol-company__staff-content.ol-company__column3 .ol-company__staff-name {
font-size: clamp(0.96875rem, 0.96875rem + 0vw, 0.96875rem);
font-weight: 500;
line-height: 1.5;
letter-spacing: 0.12rem;
margin-top: clamp(24px, 3.3vw, 30px);
margin-bottom: clamp(12px, 1.8vw, 18px);
}
@media (min-width: 1729px) {
.ol-company__staff-content.ol-company__column3 .ol-company__staff-name {
font-size: clamp(0.96875rem, -0.7562435633rem + 1.596292482vw, 1.9375rem);
}
}
@media (min-width: 1729px) {
.ol-company__staff-content.ol-company__column3 .ol-company__staff-name {
margin-top: clamp(30px, 2.25vw, 60px);
}
}
@media (min-width: 1729px) {
.ol-company__staff-content.ol-company__column3 .ol-company__staff-name {
margin-bottom: clamp(18px, 0.9vw, 36px);
}
}
@media (max-width: 840px) {
.ol-company__staff-content.ol-company__column3 .ol-company__staff-name {
margin-top: clamp(24px, 3.3vw, 30px);
margin-bottom: clamp(12px, 1.8vw, 18px);
}
}
@media (max-width: 840px) and (min-width: 1729px) {
.ol-company__staff-content.ol-company__column3 .ol-company__staff-name {
margin-top: clamp(30px, 2.25vw, 60px);
}
}
@media (max-width: 840px) and (min-width: 1729px) {
.ol-company__staff-content.ol-company__column3 .ol-company__staff-name {
margin-bottom: clamp(18px, 0.9vw, 36px);
}
}
.ol-company__staff-content.ol-company__column3 .ol-company__staff-job {
font-size: clamp(0.96875rem, 0.96875rem + 0vw, 0.96875rem);
font-weight: 300;
line-height: 1.5;
letter-spacing: 0.12rem;
margin-bottom: clamp(12px, 1.8vw, 18px);
}
@media (min-width: 1729px) {
.ol-company__staff-content.ol-company__column3 .ol-company__staff-job {
font-size: clamp(0.96875rem, -0.7562435633rem + 1.596292482vw, 1.9375rem);
}
}
@media (min-width: 1729px) {
.ol-company__staff-content.ol-company__column3 .ol-company__staff-job {
margin-bottom: clamp(18px, 0.9vw, 36px);
}
}
@media (max-width: 640px) {
.ol-company__staff-content.ol-company__column3-sp {
gap: clamp(12px, 1.8vw, 18px);
}
}
@media (max-width: 640px) and (min-width: 1729px) {
.ol-company__staff-content.ol-company__column3-sp {
gap: clamp(18px, 0.9vw, 36px);
}
}
@media (max-width: 640px) {
.ol-company__staff-content.ol-company__column3-sp .ol-company__staff-item {
flex-basis: calc((100% - clamp(12px, 1.8vw, 18px) * 2) / 3);
}
}
@media (max-width: 640px) {
.ol-company__staff-content.ol-company__column3-sp .ol-company__staff-link-text-wrapper {
justify-content: center;
}
}
@media (max-width: 640px) {
.ol-company__staff-content.ol-company__column3-sp .ol-company__staff-link-text {
padding: 0;
}
}
@media (max-width: 640px) {
.ol-company__staff-content.ol-company__column3-sp .ol-button-deco-wrapper {
display: none;
}
}
@media (max-width: 640px) {
.ol-company__staff-content.ol-company__column3-sp .ol-company__staff-name {
word-break: break-all;
}
}
@media (max-width: 640px) {
.ol-company__staff-content.ol-company__column2-sp .ol-company__staff-item {
flex-basis: calc((100% - clamp(24px, 3.3vw, 30px)) / 2);
}
}
@media (max-width: 640px) {
.ol-company__staff-content.ol-company__column2-sp .ol-company__staff-name {
word-break: break-all;
}
}
@media (max-width: 640px) {
.ol-company__staff-content.ol-company__column1-sp .ol-company__staff-item {
flex-basis: 100%;
}
}
.ol-company__image-ratio1-1 img {
aspect-ratio: 1/1;
object-fit: cover;
}
.ol-company__staff_name_center .ol-company__staff-name {
text-align: center;
}
.ol-company__staff_name_right .ol-company__staff-name {
text-align: right;
}
.ol-company__staff-image {
width: 100%;
}
.ol-company__staff-link {
display: block;
}
.ol-company__staff-link-text-wrapper {
display: flex;
justify-content: flex-end;
margin-bottom: clamp(6px, 1vw, 12px);
}
@media (min-width: 1729px) {
.ol-company__staff-link-text-wrapper {
margin-bottom: clamp(12px, 0.75vw, 24px);
}
}
.ol-company__staff-link-text-wrapper .ol-company__staff-link-text {
font-size: clamp(0.6875rem, 0.6875rem + 0vw, 0.6875rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.09rem;
}
@media (min-width: 1729px) {
.ol-company__staff-link-text-wrapper .ol-company__staff-link-text {
font-size: clamp(0.6875rem, -0.0915293512rem + 0.7209062822vw, 1.125rem);
}
}
.ol-company__staff-link-text-wrapper .ol-company__staff-link-text .ol-button-deco-wrapper {
margin-left: 9px;
}
.ol-access__info-item-text {
word-break: break-word;
}
#olBanner {
position: relative;
}
.ol-banner__section {
position: relative;
}
.ol-banner__inner {
margin-bottom: clamp(12px, 1.8vw, 18px);
}
@media (min-width: 1729px) {
.ol-banner__inner {
margin-bottom: clamp(18px, 0.9vw, 36px);
}
}
.ol-banner__list {
display: flex;
flex-wrap: wrap;
gap: 21px;
}
@media (min-width: 1729px) {
.ol-banner__list {
gap: 45px;
}
}
.ol-banner__heading-wrapper-inner.ol-heading-wrapper {
margin-bottom: clamp(30px, 3.6vw, 48px);
}
@media (min-width: 1729px) {
.ol-banner__heading-wrapper-inner.ol-heading-wrapper {
margin-bottom: clamp(48px, 3vw, 96px);
}
}
.ol-banner__column3 .ol-banner__item {
flex-basis: calc((100% - 42px) / 3);
}
@media (min-width: 1729px) {
.ol-banner__column3 .ol-banner__item {
flex-basis: calc((100% - 90px) / 3);
}
}
@media (max-width: 640px) {
.ol-banner__column3 .ol-banner__item {
flex-basis: 100%;
}
}
.ol-banner__column2 .ol-banner__item {
flex-basis: calc((100% - 21px) / 2);
}
@media (min-width: 1729px) {
.ol-banner__column2 .ol-banner__item {
flex-basis: calc((100% - 45px) / 2);
}
}
@media (max-width: 640px) {
.ol-banner__column2 .ol-banner__item {
flex-basis: 100%;
}
}
.ol-banner__column1 .ol-banner__item {
flex-basis: 100%;
}
.ol-cvbutton__wrapper {
display: none;
}
.ol-cvbutton__wrapper.ol-cvbutton__sp-button {
padding: 0px 18px;
}
@media (max-width: 640px) {
.ol-cvbutton__wrapper {
display: block;
}
}
.ol-cvbutton__wrapper .ol-separator::before {
width: 0.5px;
background-color: #fff !important;
opacity: 0.6;
}
#olCvButton {
transition: opacity 0.3s ease-in-out;
will-change: opacity;
}
.js-cvbutton__hidden {
opacity: 0;
}
.js-cvbutton__visible {
position: sticky;
opacity: 1;
bottom: 0;
left: 0;
z-index: 300;
width: 100%;
}
.ol-cvbutton__list {
display: flex;
justify-content: center;
column-gap: 15px;
}
.ol-cvbutton__mail,
.ol-cvbutton__call {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
column-gap: 12px;
}
.ol-cvbutton__mail {
flex-grow: 1;
}
.ol-cvbutton__call {
flex-grow: 2;
font-weight: 0.09rem;
}
.ol-cvbutton__item {
padding-top: 18px;
padding-bottom: 18px;
}
.ol-cvbutton__item.ol-cvbutton__left {
flex-basis: 40%;
}
.ol-cvbutton__item.ol-cvbutton__left .ol-cvbutton__maintext {
font-size: clamp(14px, 2.4vw, 14px);
letter-spacing: 0.03rem;
line-height: 1.35;
font-weight: 500;
}
.ol-cvbutton__item.ol-cvbutton__left .ol-cvbutton__subtext {
margin-top: 2px;
}
.ol-cvbutton__item.ol-cvbutton__right {
flex-basis: 60%;
}
.ol-cvbutton__item.ol-cvbutton__right .ol-cvbutton__mail .ol-cvbutton__maintext {
font-size: clamp(14px, 2.4vw, 14px);
letter-spacing: 0.03rem;
line-height: 1.35;
font-weight: 500;
}
.ol-cvbutton__item.ol-cvbutton__right .ol-cvbutton__mail .ol-cvbutton__subtext {
margin-top: 2px;
}
.ol-cvbutton__item.ol-cvbutton__right .ol-cvbutton__call .ol-cvbutton__maintext {
font-size: clamp(16px, 5.1vw, 19px);
letter-spacing: 0.06rem;
line-height: 1.35;
}
.ol-cvbutton__subtext {
font-size: 9px;
letter-spacing: 0.03rem;
}
.ol-cvbutton__icon {
font-size: 20px;
line-height: 0;
color: #fff !important;
}
.ol-cvbutton__inner {
color: #fff !important;
}
.ol-cvbutton__sp-button1 .ol-cvbutton__left {
flex-basis: 100%;
}
.ol-cvbutton__sp-button1 .ol-cvbutton__left .ol-cvbutton__call .ol-cvbutton__maintext {
font-size: 16px;
letter-spacing: 0.06rem;
line-height: 1.35;
font-weight: 500;
}
.ol-cvbutton__sp-button1 .ol-cvbutton__left .ol-cvbutton__call .ol-cvbutton__subtext {
margin-top: 2px;
}
.ol-cvbutton__sp-button1 .ol-cvbutton__left .ol-cvbutton__mail .ol-cvbutton__maintext {
font-size: clamp(16px, 6vw, 16px);
letter-spacing: 0.06rem;
line-height: 1.35;
}
.ol-cvbutton__sp-button1 .ol-cvbutton__icon {
font-size: 27px;
line-height: 0;
}
.ol-cvbutton__sp-button1 .ol-btn-regular {
column-gap: 9px;
}
.ol-breadcrumb__wrapper {
margin-bottom: clamp(84px, 9vw, 105px);
}
@media (min-width: 1729px) {
.ol-breadcrumb__wrapper {
margin-bottom: clamp(105px, 8.4vw, 210px);
}
}
@media (max-width: 1179px) {
.ol-breadcrumb__wrapper {
overflow-x: scroll;
}
}
@media (max-width: 640px) {
.ol-breadcrumb__wrapper {
margin-bottom: clamp(90px, 21vw, 105px);
}
}
.ol-breadcrumb__list {
display: flex;
align-items: center;
column-gap: 48px;
}
@media (max-width: 1179px) {
.ol-breadcrumb__list {
width: 100%;
white-space: nowrap;
}
}
.ol-breadcrumb__item {
font-size: clamp(0.6875rem, 0.6628469686rem + 0.1095690285vw, 0.78125rem);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.09rem;
}
@media (min-width: 1729px) {
.ol-breadcrumb__item {
font-size: clamp(0.78125rem, -0.1647142122rem + 0.8753861998vw, 1.3125rem);
}
}
.ol-breadcrumb__item:not(:last-child) {
position: relative;
}
.ol-breadcrumb__item:not(:last-child)::after {
position: absolute;
content: "";
height: 1px;
width: 12px;
right: -27px;
top: 50%;
}
.ol-single__template {
position: relative;
}
.ol-article__body {
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
.ol-article__meta {
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: clamp(24px, 3.3vw, 30px);
column-gap: clamp(12px, 1.8vw, 24px);
}
@media (min-width: 1729px) {
.ol-article__meta {
margin-bottom: clamp(30px, 2.25vw, 60px);
}
}
@media (min-width: 1729px) {
.ol-article__meta {
column-gap: clamp(24px, 0.9vw, 36px);
}
}
@media (max-width: 640px) {
.ol-article__meta {
justify-content: flex-start;
}
}
.ol-article__title {
width: 100%;
font-size: clamp(1.6875rem, 1.5888878744rem + 0.438276114vw, 2.0625rem);
font-weight: 500;
line-height: 1.5;
letter-spacing: 0.09rem;
margin-top: clamp(48px, 4.5vw, 63px);
margin-bottom: clamp(30px, 3.6vw, 48px);
}
@media (min-width: 1729px) {
.ol-article__title {
font-size: clamp(2.0625rem, -1.6100669413rem + 3.3985581874vw, 4.125rem);
}
}
@media (min-width: 1729px) {
.ol-article__title {
margin-top: clamp(63px, 4.5vw, 126px);
}
}
@media (min-width: 1729px) {
.ol-article__title {
margin-bottom: clamp(48px, 3vw, 96px);
}
}
@media (max-width: 640px) {
.ol-article__title {
font-size: 24px;
line-height: 1.65;
font-weight: 500;
}
}
.ol-article__inner {
max-width: 820px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1729px) {
.ol-article__inner {
max-width: clamp(820px, 60vw, 1640px);
}
}
.ol-article__content {
margin-top: clamp(48px, 4.5vw, 63px);
line-height: 1.65;
}
@media (min-width: 1729px) {
.ol-article__content {
margin-top: clamp(63px, 4.5vw, 126px);
}
}
@media (max-width: 640px) {
.ol-article__content {
line-height: 1.5;
}
}
.ol-article__tag {
margin-top: clamp(48px, 4.5vw, 63px);
}
@media (min-width: 1729px) {
.ol-article__tag {
margin-top: clamp(63px, 4.5vw, 126px);
}
}
.ol-article__tag-title {
text-align: center;
position: relative;
display: flex;
align-items: center;
justify-content: center;
column-gap: 18px;
margin-bottom: 18px;
font-size: clamp(1.25rem, 1.2335646457rem + 0.073046019vw, 1.3125rem);
font-weight: 100;
line-height: 1.65;
letter-spacing: 0.12rem;
}
@media (min-width: 1729px) {
.ol-article__tag-title {
font-size: clamp(1.3125rem, -0.8020082389rem + 1.9567456231vw, 2.5rem);
}
}
.ol-article__tag-title::before, .ol-article__tag-title::after {
content: "";
width: 18px;
height: 1px;
}
.ol-article__tag-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
column-gap: clamp(12px, 1.8vw, 18px);
}
@media (min-width: 1729px) {
.ol-article__tag-list {
column-gap: clamp(18px, 0.9vw, 36px);
}
}
.ol-article__tag-item {
flex-shrink: 0;
}
.ol-article__writer {
display: flex;
margin-top: clamp(63px, 6vw, 84px);
margin-bottom: clamp(63px, 6vw, 84px);
column-gap: clamp(30px, 3.6vw, 48px);
}
@media (min-width: 1729px) {
.ol-article__writer {
margin-top: clamp(84px, 6vw, 168px);
margin-bottom: clamp(84px, 6vw, 168px);
}
}
@media (min-width: 1729px) {
.ol-article__writer {
column-gap: clamp(48px, 3vw, 96px);
}
}
.ol-article__writer-body {
width: 100%;
}
.ol-article__writer-name {
font-weight: 500;
letter-spacing: 0.12rem;
font-size: 21px;
}
.ol-article__writer-job {
font-size: clamp(0.6875rem, 0.6875rem + 0vw, 0.6875rem);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.09rem;
margin-bottom: 3px;
}
@media (min-width: 1729px) {
.ol-article__writer-job {
font-size: clamp(0.6875rem, -0.0915293512rem + 0.7209062822vw, 1.125rem);
}
}
.ol-article__writer-description {
margin-top: 18px;
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 300;
line-height: 1.95;
letter-spacing: 0.09rem;
}
@media (min-width: 1729px) {
.ol-article__writer-description {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
.ol-article__writer-help .ol-btn-text {
margin-left: auto;
margin-top: 21px;
font-size: clamp(0.6875rem, 0.6875rem + 0vw, 0.6875rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.09rem;
}
@media (min-width: 1729px) {
.ol-article__writer-help .ol-btn-text {
font-size: clamp(0.6875rem, -0.0915293512rem + 0.7209062822vw, 1.125rem);
}
}
.ol-article__writer-thumb {
flex-shrink: 0;
max-width: 120px;
}
.ol-article__writer-thumb img {
height: 105px;
width: 105px;
border-radius: 100px;
object-fit: cover;
}
.ol-article__sns-share {
display: flex;
justify-content: center;
align-items: center;
column-gap: clamp(9px, 2.4vw, 30px);
margin-top: clamp(84px, 9vw, 105px);
margin-bottom: clamp(84px, 9vw, 105px);
}
@media (min-width: 1729px) {
.ol-article__sns-share {
column-gap: clamp(30px, 2.25vw, 60px);
}
}
@media (min-width: 1729px) {
.ol-article__sns-share {
margin-top: clamp(105px, 8.4vw, 210px);
margin-bottom: clamp(105px, 8.4vw, 210px);
}
}
.ol-article__sns-share .ol-separator {
height: 21px;
}
@keyframes fadeIn {
0% {
opacity: 0;
transform: translateY(6px);
}
35% {
opacity: 1;
transform: translateY(0);
}
75% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
}
}
@keyframes fadeInText {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-6px);
}
30% {
opacity: 0;
transform: translateY(0);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.ol-article__sns-anchor {
display: flex;
flex-wrap: wrap;
justify-content: center;
text-decoration: none !important;
}
.ol-article__sns-anchor i,
.ol-article__sns-anchor span {
flex-basis: 84%;
text-align: center;
transition: color 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: color;
}
.ol-article__sns-anchor i {
font-size: clamp(1.3125rem, 1.2138878744rem + 0.438276114vw, 1.6875rem);
font-weight: 500;
line-height: 1.5;
letter-spacing: 0.18rem;
}
@media (min-width: 1729px) {
.ol-article__sns-anchor i {
font-size: clamp(1.6875rem, -0.9834577755rem + 2.4716786818vw, 3.1875rem);
}
}
.ol-article__sns-anchor span {
display: block;
margin-top: 9px;
font-size: clamp(0.6875rem, 0.6875rem + 0vw, 0.6875rem);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.09rem;
}
@media (min-width: 1729px) {
.ol-article__sns-anchor span {
font-size: clamp(0.6875rem, -0.0915293512rem + 0.7209062822vw, 1.125rem);
}
}
.ol-article__sns-anchor.ol-icon-copy {
cursor: pointer;
}
.ol-article__sns-anchor .fade-in-down {
animation: fadeInDown 0.51s ease backwards;
}
.ol-article__sns-anchor .fade-in-down + span {
animation: fadeInText 0.51s ease backwards;
}
.ol-article__sns-anchor .oltana-icon-check_circle_outline {
animation: fadeIn 1.8s ease backwards;
}
.ol-article__sns-item-separator {
display: block;
}
.ol-article__sns-item-separator::before {
content: "";
display: block;
width: 1px;
height: 18px;
}
.ol-latest-article__body {
position: relative;
}
.ol-latest-article__morebtn {
position: absolute;
right: 12px;
top: -52px;
}
@media (max-width: 840px) {
.ol-latest-article__morebtn {
right: 0px;
top: -69px;
}
}
.ol-single__post-list-inner {
position: relative;
}
.ol-article__tag-item-anchor span {
margin-right: 2px;
}
.page-template-template-wide .ol-article__body,
.post-template-template-wide .ol-article__body {
max-width: 1180px;
}
.page-template-template-wide .ol-article__inner,
.post-template-template-wide .ol-article__inner {
max-width: 1180px;
}
.ol-article-time {
display: flex;
align-items: center;
gap: 7px;
}
@media (min-width: 1729px) {
.ol-article-time {
gap: clamp(7px, 1.8vw, 12px);
}
}
.ol-time-reload {
width: 14px;
height: 14px;
}
@media (min-width: 1729px) {
.ol-time-reload {
width: clamp(14px, 1.8vw, 21px);
height: clamp(14px, 1.8vw, 21px);
}
}
.ol-archive__template {
position: relative;
}
.ol-archive__body {
max-width: 1180px;
margin-left: auto;
margin-right: auto;
padding-top: clamp(48px, 6vw, 84px);
padding-bottom: clamp(84px, 9vw, 105px);
}
@media (min-width: 1729px) {
.ol-archive__body {
padding-top: clamp(84px, 6vw, 168px);
}
}
@media (min-width: 1729px) {
.ol-archive__body {
padding-bottom: clamp(105px, 8.4vw, 210px);
}
}
@media (min-width: 1729px) {
.ol-archive__body {
max-width: 100%;
}
}
.ol-archive__body .ol-news__item-item {
width: 100%;
}
.ol-archive__category {
margin-top: clamp(18px, 3.6vw, 48px);
margin-bottom: clamp(18px, 3.6vw, 48px);
}
@media (min-width: 1729px) {
.ol-archive__category {
margin-top: clamp(48px, 3vw, 96px);
margin-bottom: clamp(48px, 3vw, 96px);
}
}
.post-type-archive-news .ol-archive__category,
.tax-news-cat .ol-archive__category {
margin-bottom: clamp(24px, 3.3vw, 30px);
}
@media (min-width: 1729px) {
.post-type-archive-news .ol-archive__category,
.tax-news-cat .ol-archive__category {
margin-bottom: clamp(30px, 2.25vw, 60px);
}
}
.ol-pagination {
display: flex;
align-items: center;
justify-content: center;
margin-top: clamp(63px, 6vw, 84px);
column-gap: clamp(24px, 3.3vw, 30px);
}
@media (min-width: 1729px) {
.ol-pagination {
margin-top: clamp(84px, 6vw, 168px);
}
}
@media (min-width: 1729px) {
.ol-pagination {
column-gap: clamp(30px, 2.25vw, 60px);
}
}
@media (max-width: 640px) {
.ol-pagination {
padding: 0 9px;
}
}
.ol-pagination__item {
flex-basis: clamp(27px, 2.1vw, 30px);
}
.ol-pagination__item .ol-pagination__anchor {
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.09rem;
transition: color 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: color, transform;
}
@media (min-width: 1729px) {
.ol-pagination__item .ol-pagination__anchor {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
.ol-pagination__item .ol-pagination__anchor::after {
position: absolute;
left: 0;
content: "";
width: 100%;
height: 1px;
bottom: -1px;
transform: scale(0, 1);
transform-origin: left top;
transition: color 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: color, transform;
}
.ol-pagination__item .ol-pagination__anchor:hover::after {
transform: scale(1, 1);
}
.ol-pagination__prev {
margin-right: clamp(12px, 3vw, 30px);
}
.ol-pagination__prev .ol-pagination__anchor::before {
font-family: "oltana-icons";
line-height: 1;
content: "\e968";
padding-right: clamp(9px, 1vw, 12px);
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.09rem;
transition: transform 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: transform;
}
@media (min-width: 1729px) {
.ol-pagination__prev .ol-pagination__anchor::before {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
.ol-pagination__prev .ol-pagination__anchor:hover::before {
transform: translateX(-4px);
}
.ol-pagination__next {
margin-left: clamp(12px, 3vw, 30px);
}
.ol-pagination__next .ol-pagination__anchor::after {
font-family: "oltana-icons";
line-height: 1;
content: "\e95d";
padding-left: clamp(9px, 1vw, 12px);
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.09rem;
transition: transform 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: transform;
}
@media (min-width: 1729px) {
.ol-pagination__next .ol-pagination__anchor::after {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
.ol-pagination__next .ol-pagination__anchor:hover::after {
transform: translateX(4px);
}
@media (max-width: 640px) {
.ol-pagination__prev span,
.ol-pagination__next span {
display: none;
}
}
.ol-pagination__prev .ol-pagination__anchor,
.ol-pagination__next .ol-pagination__anchor {
display: flex;
align-items: center;
font-size: clamp(0.6875rem, 0.6628469686rem + 0.1095690285vw, 0.78125rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.09rem;
transition: color 0.3s ease-in-out, transform 0.3s ease-in-out;
will-change: color, transform;
}
@media (min-width: 1729px) {
.ol-pagination__prev .ol-pagination__anchor,
.ol-pagination__next .ol-pagination__anchor {
font-size: clamp(0.78125rem, -0.1647142122rem + 0.8753861998vw, 1.3125rem);
}
}
.ol-pagination__anchor {
display: block;
width: inherit;
text-align: center;
padding-bottom: 6px;
}
.ol-pagination__item-current {
border-bottom-width: 1px;
border-bottom-style: solid;
}
.ol-article__404 {
text-align: center;
margin-bottom: clamp(84px, 9vw, 105px);
margin-top: clamp(84px, 9vw, 105px);
}
@media (min-width: 1729px) {
.ol-article__404 {
margin-bottom: clamp(105px, 8.4vw, 210px);
margin-top: clamp(105px, 8.4vw, 210px);
}
}
.ol-article__title-404 {
font-size: clamp(2.4375rem, 2.3388878744rem + 0.438276114vw, 2.8125rem);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.18rem;
font-feature-settings: "palt";
margin-bottom: clamp(12px, 1.8vw, 18px);
}
@media (min-width: 1729px) {
.ol-article__title-404 {
font-size: clamp(2.8125rem, -2.195545829rem + 4.6343975283vw, 5.625rem);
}
}
@media (min-width: 1729px) {
.ol-article__title-404 {
margin-bottom: clamp(18px, 0.9vw, 36px);
}
}
.wpcf7-list-item {
margin: 0;
}
.wpcf7-form-control-wrap {
position: relative;
display: block;
line-height: 2.55;
}
@media (max-width: 640px) {
.wpcf7-form-control-wrap {
line-height: 2.1;
}
}
.wpcf7 {
overflow: hidden;
max-width: 100%;
}
.wpcf7 form {
max-width: 100%;
}
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 select,
.wpcf7 textarea,
.wpcf7 input[type=checkbox],
.wpcf7 input[type=radio],
.wpcf7 input[type=date],
.wpcf7 input[type=submit] {
max-width: 100%;
border-width: 1px;
border-style: solid;
border-radius: 0px;
font-size: 13.5px;
letter-spacing: 0.12rem;
background-color: #fff;
}
@media (max-width: 640px) {
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 select,
.wpcf7 textarea,
.wpcf7 input[type=checkbox],
.wpcf7 input[type=radio],
.wpcf7 input[type=date],
.wpcf7 input[type=submit] {
font-size: 15.5px;
}
}
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 select,
.wpcf7 textarea {
max-width: 100%;
width: 100%;
padding: 6px 15px;
}
@media (max-width: 640px) {
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 select,
.wpcf7 textarea {
font-size: 15.5px;
}
}
.wpcf7 input[type=checkbox],
.wpcf7 input[type=radio] {
display: inline-block;
width: 20px;
height: 20px;
margin: 0;
cursor: pointer;
}
.wpcf7 input[type=radio] {
border-radius: 50%;
}
.wpcf7 input[type=radio]::before {
content: "";
position: absolute;
opacity: 0;
width: 10px;
height: 10px;
border-radius: 50%;
left: 5px;
transform: translateY(-50%);
top: 50%;
}
.wpcf7 input[type=radio]:checked::before {
opacity: 1;
}
.wpcf7 input[type=checkbox]::before {
content: "";
display: block;
position: absolute;
border-left-style: solid;
border-left-width: 2px;
border-bottom-style: solid;
border-bottom-width: 2px;
opacity: 0;
height: 6px;
width: 12px;
transform: rotate(-45deg);
top: 13px;
left: 4px;
}
@media (max-width: 640px) {
.wpcf7 input[type=checkbox]::before {
top: 11px;
}
}
.wpcf7 input[type=checkbox]:checked::before {
opacity: 1;
}
.wpcf7 input[type=file] {
font-size: 13.5px;
letter-spacing: 0.12rem;
}
@media (max-width: 640px) {
.wpcf7 input[type=file] {
font-size: 15.5px;
}
}
.wpcf7 input[type=date] {
padding: 6px 15px;
}
@media (max-width: 640px) {
.wpcf7 input[type=date] {
height: 45px;
width: 135px;
}
}
.wpcf7 input[type=submit] {
margin: 0 auto;
text-align: center;
border: none;
padding: clamp(12px, 1.5vw, 15px) clamp(36px, 4.2vw, 45px);
font-size: clamp(0.84375rem, 0.84375rem + 0vw, 0.84375rem);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.12rem;
border-radius: 0px;
text-decoration: none !important;
}
@media (min-width: 1729px) {
.wpcf7 input[type=submit] {
font-size: clamp(0.84375rem, -0.3247940268rem + 1.0813594233vw, 1.5rem);
}
}
@media (max-width: 640px) {
.wpcf7 select {
font-size: 15.5px;
}
}
.wpcf7 textarea {
padding: 9px 15px;
height: 150px;
line-height: 1.65;
}
@media (max-width: 640px) {
.wpcf7 textarea {
height: 210px;
}
}
.wpcf7 p {
max-width: 100%;
position: relative;
padding-bottom: clamp(18px, 2vw, 21px);
padding-top: clamp(18px, 2vw, 21px);
}
.wpcf7 p::after {
content: "";
position: absolute;
width: 100%;
height: 1px;
background-color: #ececec;
bottom: calc(-1 * clamp(27px, 2vw, 30px));
left: 0;
}
.wpcf7 p:last-of-type {
padding-bottom: 0;
}
.wpcf7 p:last-of-type::after {
display: none;
}
.wpcf7 p > label {
width: 100%;
font-weight: 500;
margin-bottom: 6px;
display: inline-block;
}
@media (max-width: 640px) {
.wpcf7 p > label {
font-size: 15.5px;
}
}
.wpcf7 .wpcf7-checkbox,
.wpcf7 .wpcf7-radio {
max-width: 100%;
}
@media (max-width: 640px) {
.wpcf7 .wpcf7-checkbox,
.wpcf7 .wpcf7-radio {
margin-top: 15px;
}
}
.wpcf7 .wpcf7-response-output,
.wpcf7 .wpcf7-not-valid-tip {
font-size: 13.5px;
}
.wpcf7 .wpcf7-not-valid-tip {
color: #db4d4d;
position: absolute;
display: block;
font-size: clamp(0.6875rem, 0.6628469686rem + 0.1095690285vw, 0.78125rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.09rem;
margin-top: 6px;
width: 100%;
max-width: 100%;
}
@media (min-width: 1729px) {
.wpcf7 .wpcf7-not-valid-tip {
font-size: clamp(0.78125rem, -0.1647142122rem + 0.8753861998vw, 1.3125rem);
}
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form .wpcf7-response-output {
padding: 12px 18px;
border-style: solid;
border-width: 1px;
text-align: center;
}
.wpcf7 form.invalid .wpcf7-response-output {
border-color: #db4d4d;
color: #db4d4d;
}
.wpcf7-form-control {
display: flex;
column-gap: 30px;
flex-wrap: wrap;
}
@media (max-width: 640px) {
.wpcf7-form-control {
row-gap: 9px;
}
}
.wpcf7-form-control .wpcf7-list-item,
.wpcf7-form-control .wpcf7-list-item label {
position: relative;
display: flex;
align-items: center;
column-gap: 9px;
font-size: 13.5px;
}
@media (max-width: 640px) {
.wpcf7-form-control .wpcf7-list-item,
.wpcf7-form-control .wpcf7-list-item label {
flex-basis: 100%;
font-size: 15.5px;
}
}
.ol-footer__section [id^=ol] section:not(.ol-footer__add-html) {
margin-bottom: 0;
}
.ol-footer__section [id^=ol]:first-of-type section {
margin-top: clamp(84px, 9vw, 105px);
}
@media (min-width: 1729px) {
.ol-footer__section [id^=ol]:first-of-type section {
margin-top: clamp(105px, 8.4vw, 210px);
}
}
.ol-footer__section [id^=ol]:last-of-type section {
margin-top: clamp(48px, 4.5vw, 63px);
}
@media (min-width: 1729px) {
.ol-footer__section [id^=ol]:last-of-type section {
margin-top: clamp(63px, 4.5vw, 126px);
}
}
.home .ol-footer__section {
margin-top: clamp(84px, 21vw, 165px);
}
@media (min-width: 1729px) {
.home .ol-footer__section {
margin-top: clamp(165px, 10.5vw, 330px);
}
}
.ol-footer {
position: relative;
z-index: 100;
}
.ol-footer__inner {
padding-bottom: clamp(24px, 3.3vw, 30px);
padding-top: clamp(24px, 3.3vw, 30px);
}
@media (min-width: 1729px) {
.ol-footer__inner {
padding-bottom: clamp(30px, 2.25vw, 60px);
padding-top: clamp(30px, 2.25vw, 60px);
}
}
.ol-footer__head {
margin-bottom: 24px;
}
@media (max-width: 640px) {
.ol-footer__head {
column-gap: 999px;
margin-bottom: 45px;
}
}
.ol-footer__head,
.ol-footer__footer {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 640px) {
.ol-footer__head,
.ol-footer__footer {
flex-wrap: wrap;
justify-content: center;
}
}
.ol-footer__footer {
column-gap: clamp(30px, 3.6vw, 48px);
}
@media (min-width: 1729px) {
.ol-footer__footer {
column-gap: clamp(48px, 3vw, 96px);
}
}
@media (max-width: 840px) {
.ol-footer__footer {
flex-wrap: wrap;
row-gap: 30px;
}
}
.ol-footer__title-logo {
flex-shrink: 0;
margin-right: auto;
box-sizing: content-box;
}
@media (max-width: 640px) {
.ol-footer__title-logo {
margin-right: 0;
margin-bottom: 21px;
}
}
.ol-footer__title-logo.ol-logo-small {
width: clamp(150px, 18vw, 210px);
}
@media (max-width: 640px) {
.ol-footer__title-logo.ol-logo-small {
width: clamp(105px, 33vw, 210px);
}
}
.ol-footer__title-logo.ol-logo-medium {
width: clamp(180px, 21vw, 240px);
}
@media (max-width: 640px) {
.ol-footer__title-logo.ol-logo-medium {
width: clamp(120px, 42vw, 240px);
}
}
.ol-footer__title-logo.ol-logo-large {
width: clamp(210px, 24vw, 270px);
}
@media (max-width: 640px) {
.ol-footer__title-logo.ol-logo-large {
width: clamp(135px, 51vw, 270px);
}
}
.ol-footer__title-logo.ol-logo-exlarge {
width: clamp(240px, 27vw, 330px);
}
@media (max-width: 640px) {
.ol-footer__title-logo.ol-logo-exlarge {
width: clamp(150px, 63vw, 330px);
}
}
.ol-footer__title-logo img {
width: 100%;
}
.ol-footer__title-text {
flex-shrink: 0;
margin-right: auto;
box-sizing: content-box;
}
.ol-footer__title-text.ol-logo-small {
font-size: clamp(21px, 3vw, 27px);
}
.ol-footer__title-text.ol-logo-medium {
font-size: clamp(27px, 3.3vw, 36px);
}
.ol-footer__title-text.ol-logo-large {
font-size: clamp(1.6875rem, 1.4902757487rem + 0.8765522279vw, 2.4375rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.18rem;
}
@media (min-width: 1729px) {
.ol-footer__title-text.ol-logo-large {
font-size: clamp(2.4375rem, -0.2334577755rem + 2.4716786818vw, 3.9375rem);
}
}
.ol-footer__title-text.ol-logo-exlarge {
font-size: clamp(1.6875rem, 1.4902757487rem + 0.8765522279vw, 2.4375rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.18rem;
}
@media (min-width: 1729px) {
.ol-footer__title-text.ol-logo-exlarge {
font-size: clamp(2.4375rem, -0.2334577755rem + 2.4716786818vw, 3.9375rem);
}
}
.ol-footer__links {
display: flex;
align-items: center;
column-gap: clamp(24px, 3.3vw, 30px);
}
@media (min-width: 1729px) {
.ol-footer__links {
column-gap: clamp(30px, 2.25vw, 60px);
}
}
.ol-footer__links,
.ol-footer__copyright {
font-size: clamp(0.6875rem, 0.6628469686rem + 0.1095690285vw, 0.78125rem);
font-weight: 300;
line-height: 1.65;
letter-spacing: 0.09rem;
}
@media (min-width: 1729px) {
.ol-footer__links,
.ol-footer__copyright {
font-size: clamp(0.78125rem, -0.1647142122rem + 0.8753861998vw, 1.3125rem);
}
}
.ol-footer__copyright-icon {
font-size: 0.85em;
margin-right: 3px;
}
.ol-footer__copyright-name {
margin-left: 6px;
}
.ol-footer__separator {
display: block;
padding-top: 2px;
}
.ol-footer__separator::before {
content: "";
display: block;
width: 1px;
height: 14px;
}
#oltanaCopySuccess {
display: none;
position: fixed;
top: 45%;
left: 50%;
transform: translate(-50%, -50%);
padding: 15px 30px;
font-size: 14px;
letter-spacing: 0.03rem;
border-radius: 3px;
color: #666;
background: #fff;
box-shadow: 0 2px 8px 0px rgba(170, 170, 170, 0.3);
z-index: 999;
}
#pageTop {
display: none;
position: fixed;
bottom: clamp(48px, 4.5vw, 63px);
right: max(clamp(48px, 4.5vw, 63px), 50% - 804.5px);
opacity: 0;
transition: opacity 0.3s ease;
will-change: opacity;
}
@media (min-width: 1729px) {
#pageTop {
bottom: clamp(63px, 4.5vw, 126px);
}
}
#pageTop.js-pagetop__show {
opacity: 1;
}
.ol-pagetop {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 54px;
cursor: pointer;
}
.ol-pagetop .ol-pagetop__text {
text-align: center;
font-size: clamp(0.6875rem, 0.6875rem + 0vw, 0.6875rem);
font-weight: 500;
line-height: 1.65;
letter-spacing: 0.09rem;
}
@media (min-width: 1729px) {
.ol-pagetop .ol-pagetop__text {
font-size: clamp(0.6875rem, -0.0915293512rem + 0.7209062822vw, 1.125rem);
}
}
.ol-pagetop .ol-pagetop__deco1 {
width: 100%;
height: 1px;
margin-top: 4px;
}
.ol-pagetop .ol-pagetop__deco2 {
margin-top: 15px;
width: 30px;
height: 30px;
border-top-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-left-style: solid;
transform: rotate(45deg);
}
.ol-bgcolor-dark .ol-footer__links,
.ol-bgcolor-dark .ol-footer__copyright,
.ol-bgcolor-dark .ol-footer__section .ol-heading-desc,
.ol-bgcolor-dark .ol-footer__section .ol-heading-small,
.ol-bgcolor-dark .ol-footer__section .ol-heading-sub-small {
color: #fff;
}
.ol-bgcolor-dark .ol-footer__section .ol-anchor-style1 {
color: #fff !important;
}
.ol-bgcolor-dark .ol-footer__section .ol-anchor-style1::before {
background-color: #fff;
}
.ol-bgcolor-dark .ol-contact__section .ol-heading-sub,
.ol-bgcolor-dark .ol-contact__section .ol-heading-contact-desc,
.ol-bgcolor-dark .ol-contact__section .ol-contact__phone_number,
.ol-bgcolor-dark .ol-contact__section .ol-contact__phone_subtext,
.ol-bgcolor-dark .ol-contact__section .ol-contactdetail__phone_subtext,
.ol-bgcolor-dark .ol-contact__section .ol-contact__mail_subtext {
color: #fff;
}
.ol-bgcolor-theme .ol-banner__section .ol-heading-desc,
.ol-bgcolor-theme .ol-banner__section .ol-heading-small,
.ol-bgcolor-theme .ol-banner__section .ol-heading-sub-small,
.ol-bgcolor-theme .ol-footer__links,
.ol-bgcolor-theme .ol-footer__copyright {
color: #fff;
}
.ol-bgcolor-theme .ol-footer__section .ol-anchor-style1 {
color: #fff !important;
}
.ol-bgcolor-theme .ol-footer__section .ol-anchor-style1::before {
background-color: #fff;
}