:root { --tcd-lp-content-min-size: calc(100% - 100px);
--tcd-lp-content-max-size: 900px; --tcd-lp-header-size: auto;
--tcd-lp-header-height-auto: auto;
--tcd-lp-header-height-full: calc(100svh - var(--tcd-header-bar-height, 0px) - var(--tcd-header-message-height, 0px) - var(--wp-admin--admin-bar--height, 0px));
--tcd-lp-header-height-custom: var(--tcd-lp-header-height-custom-pc, 600px);
--tcd-lp-header-text-align: center; --tcd-lp-header-text1-font-type: var(--tcd-font-type1);
--tcd-lp-header-text1-font-size-pc: 40px;
--tcd-lp-header-text1-font-size-sp: 24px;
--tcd-lp-header-text1-font-color: #ffffff; --tcd-lp-header-text2-font-type: var(--tcd-font-type1);
--tcd-lp-header-text2-font-size-pc: 16px;
--tcd-lp-header-text2-font-size-sp: 14px;
--tcd-lp-header-text2-font-color: #ffffff; --tcd-lp-header-button-color: #000000;
--tcd-lp-header-overlay-color: #000000;
}
@media (max-width:1024px) {
:root {
--tcd-lp-content-min-size: calc(100% - 50px);
--tcd-lp-header-height-custom: var(--tcd-lp-header-height-custom-sp, 500px);
}
} @media not all and (max-width:1024px) {
.p-lp-type1 {
width: min(var(--tcd-lp-content-min-size), var(--tcd-lp-content-max-size));
border: 1px solid #dddddd;
box-shadow: 0 0 20px 5px rgba(0, 0, 0, .1);
margin: var(--tcd-lp-mv-margin-top) auto 120px auto;
}
.p-lp-type1.is-no-shadow {
box-shadow: none;
border: none;
} .p-lp-type1 .p-lp-header {
margin: -1px -1px 0px;
}
.p-lp-type1 .p-lp-body {
padding-block: 100px;
}
body:not(:has(.p-header-message, .l-header)) .p-lp-type1 {
margin-top: var(--tcd-lp-mv-margin-top);
}
} .p-lp-header {
display: grid;
height: var(--tcd-lp-header-size);
}
.p-lp-header>* {
grid-area: 1/-1;
}
.p-lp-header__picture {
height: inherit;
}
.p-lp-header__image {
width: 100%;
height: inherit;
object-fit: cover;
}
.p-lp-header__contents {
display: grid;
align-content: center;
justify-self: center;
width: min(var(--tcd-lp-content-min-size), var(--tcd-lp-content-max-size));
color: #fff;
text-align: var(--tcd-lp-header-text-align);
}
.p-lp-header__title {
display: grid;
align-content: start;
}
.p-lp-header__title-text {
line-height: 1.6;
margin-block: var(--tcd-half-read);
}
.p-lp-header__title-text1 {
font-family: var(--tcd-lp-header-text1-font-type);
font-size: var(--tcd-lp-header-text1-font-size-pc);
color: var(--tcd-lp-header-text1-font-color);
margin-bottom: calc(var(--tcd-lp-header-text1-margin-bottom, 0px) + var(--tcd-half-read));
}
.p-lp-header__title-text1:has(+*),
.p-lp-header__title:has(+.p-lp-header__button) {
--tcd-lp-header-text1-margin-bottom: var(--tcd-lp-header-text1-margin-bottom-pc);
}
.p-lp-header__title-text2 {
font-family: var(--tcd-lp-header-text2-font-type);
font-size: var(--tcd-lp-header-text2-font-size-pc);
color: var(--tcd-lp-header-text2-font-color);
margin-bottom: calc(var(--tcd-lp-header-text2-margin-bottom, 0px) + var(--tcd-half-read));
}
.p-lp-header__title:has(+.p-lp-header__button) {
--tcd-lp-header-text2-margin-bottom: var(--tcd-lp-header-text2-margin-bottom-pc);
}
.p-lp-header__button-link {
display: inline-grid;
place-items: center;
min-width: 280px;
width: fit-content;
height: 60px;
color: #ffffff;
font-weight: 600;
background-color: var(--tcd-lp-header-button-color);
border-radius: calc(infinity * 1px);
}
@media (any-hover: hover) {
.p-lp-header__button-link:hover {
background-color: color-mix(in srgb, var(--tcd-lp-header-button-color) 90%, #ffffff);
}
}
@media (max-width:767px) {
.p-lp-header__contents {
text-align: center;
}
.p-lp-header__title-text1 {
font-size: var(--tcd-lp-header-text1-font-size-sp);
}
.p-lp-header__title-text1:has(+*),
.p-lp-header__title:has(+.p-lp-header__button) {
--tcd-lp-header-text1-margin-bottom: var(--tcd-lp-header-text1-margin-bottom-sp);
}
.p-lp-header__title:has(+.p-lp-header__button) {
--tcd-lp-header-text2-margin-bottom: var(--tcd-lp-header-text2-margin-bottom-sp);
}
.p-lp-header__title-text2 {
font-size: var(--tcd-lp-header-text2-font-size-sp);
}
.p-lp-header__button-link {
min-width: 240px;
height: 50px;
font-size: 14px;
}
} .p-lp-body {
font-family: var(--tcd-single-content-font-type, inherit);
--tcdce-base-line-height-pc: 2.8;
width: min(var(--tcd-lp-content-min-size), var(--tcd-lp-content-max-size));
margin-inline: auto;
padding-block: 150px 150px;
}
@media (max-width:767px) {
.p-lp-body {
padding-block: 40px;
}
} .p-lp-header__title:has(.c-fadein)+.p-lp-header__button {
--tcd-fadein-transition-delay: 0.3s;
}
.p-lp-header__title:has(.c-fadein+.c-fadein)+.p-lp-header__button {
--tcd-fadein-transition-delay: 0.6s;
}