html body.home .entry__content.tiptop-front-content {
background: transparent;
}
html body.home .entry__content.tiptop-front-content[data-tiptop-front-last] {
padding-bottom: 0;
}
html body.home .entry__content .amae-sec-reason .topics__inner,
html body.home .entry__content .amae-sec-reason .topics__head {
display: contents;
}
html body.home .entry__content .amae-sec-reason .topics__head > .hero__eyebrow {
margin: 0;
padding: 1.5px 0 0;
font-family: var(--tiptop-font-heading);
font-size: 32px;
font-weight: 700;
line-height: 60.8px;
letter-spacing: normal;
text-transform: none;
text-align: center;
color: #fff;
}
html body.home .entry__content .amae-sec-reason .topics__head > .hero__eyebrow::before,
html body.home .entry__content .amae-sec-reason .topics__head > .hero__eyebrow::after {
content: none;
}
html body.home .entry__content .amae-sec-reason .topics__inner > :has(> .front-topics-card) {
display: flex;
flex-direction: column;
gap: 50px;
width: 1200px;
max-width: calc(100% - 40px);
margin: 0 0 30px;
padding: 0;
}
html body.home .entry__content .amae-sec-reason .front-topics-card {
position: relative;
display: grid;
grid-template-columns: 500px minmax(0, 1fr);
grid-template-rows: auto auto;
align-content: center;
row-gap: 30px;
column-gap: 0;
box-sizing: border-box;
width: auto;
max-width: none;
height: 500px;
margin: 0;
padding: 70px;
background: #f6f5f1;
border: 0;
border-radius: 10px;
box-shadow: none;
overflow: clip;
transform: none;
}
html body.home .entry__content .amae-sec-reason .front-topics-card > .post-card__body {
display: contents;
}
html body.home .entry__content .amae-sec-reason .front-topics-card::before {
content: "";
position: absolute;
top: 325px;
right: auto;
bottom: auto;
height: 361.44px;
translate: -50% -50%;
transform: skewX(-12deg) scaleY(0.98);
background-repeat: no-repeat;
background-size: 100% 100%;
pointer-events: none;
}
html body.home .entry__content .amae-sec-reason .front-topics-card:nth-child(1)::before {
left: 261.29px;
width: 409.44px;
background-image: url("chic-reason-num-01.svg");
}
html body.home .entry__content .amae-sec-reason .front-topics-card:nth-child(2)::before {
left: 274.97px;
width: 436.8px;
background-image: url("chic-reason-num-02.svg");
}
html body.home .entry__content .amae-sec-reason .front-topics-card:nth-child(3)::before {
left: 276.65px;
width: 440.16px;
background-image: url("chic-reason-num-03.svg");
}
html body.home .entry__content .amae-sec-reason .front-topics-card:nth-child(4)::before {
left: 285.05px;
width: 456.96px;
background-image: url("chic-reason-num-04.svg");
}
html body.home .entry__content .amae-sec-reason .front-topics-card .post-card__title {
grid-area: 1 / 2;
margin: 0;
padding: 0;
font-family: var(--tiptop-font-heading);
font-size: 30px;
font-weight: 600;
line-height: 33.6px;
letter-spacing: normal;
text-align: start;
color: #644633;
}
html body.home .entry__content .amae-sec-reason .front-topics-card .post-card__title::after {
content: "";
display: block;
width: 100%;
height: 0;
margin-top: 30px;
border-top: 1px solid #ad9372;
}
html body.home .entry__content .amae-sec-reason .front-topics-card .post-card__excerpt {
grid-area: 2 / 2;
display: block;
margin: 0;
padding: 0;
overflow: visible;
font-family: var(--tiptop-font-body);
font-size: 16px;
font-weight: 400;
line-height: 30px;
letter-spacing: 2px;
white-space: pre-line;
color: var(--tiptop-text);
}
html body.home .entry__content .amae-sec-reason .front-topics-card__eyebrow {
grid-area: 2 / 2;
margin: 0 0 -14px;
padding: 0;
font-family: var(--tiptop-font-body);
font-size: 16px;
font-weight: 700;
line-height: 30px;
letter-spacing: 2px;
text-align: start;
text-transform: none;
color: var(--tiptop-text);
}
html body.home .entry__content .amae-sec-reason .front-topics-card__eyebrow::before,
html body.home .entry__content .amae-sec-reason .front-topics-card__eyebrow::after {
content: none;
}
html body.home .entry__content .amae-sec-reason .front-topics-card:has(> .post-card__body > .front-topics-card__eyebrow) .post-card__excerpt {
grid-area: 3 / 2;
}
html body.home .entry__content .amae-br-sp {
display: none;
}
html.amae-pin-on body.home .entry__content .amae-sec-reason .topics__inner > :has(> .front-topics-card) {
position: relative;
gap: 0;
margin-bottom: 0;
height: var(--amae-reason-card-h, 355px);
transition: height 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
background: #f6f5f1;
border-radius: 10px;
}
html.amae-pin-on.amae-motion-on body.home .entry__content .amae-sec-reason .topics__inner > :has(> .front-topics-card).amae-rise {
transition:
opacity 1.4s cubic-bezier(0.22, 0.61, 0.36, 1),
translate 1.4s cubic-bezier(0.22, 0.61, 0.36, 1),
height 0.4s ease;
}
html.amae-pin-on body.home .entry__content .amae-sec-reason .front-topics-card {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0;
opacity: 0;
translate: 0 24px;
transition:
opacity 0.55s cubic-bezier(0.22, 0.61, 0.36, 1),
translate 0.55s cubic-bezier(0.22, 0.61, 0.36, 1);
pointer-events: none;
background: none;
border-radius: 0;
}
html.amae-pin-on body.home .entry__content .amae-sec-reason .front-topics-card.is-on {
opacity: 1;
translate: 0 0;
pointer-events: auto;
}
html.amae-pin-on:not(.amae-motion-on) body.home .entry__content .amae-sec-reason .front-topics-card:first-child {
opacity: 1;
translate: 0 0;
pointer-events: auto;
}
html.amae-split-on body.home .entry__content .amae-sec-reason .front-topics-card .post-card__title::after {
transform: scaleX(0);
transform-origin: center;
transition: transform 0.8s cubic-bezier(0.34, -0.04, 0.32, 1.01);
}
html.amae-split-on body.home .entry__content .amae-sec-reason :is(.front-topics-card.is-ruled, .front-topics-card.is-on) .post-card__title::after {
transform: scaleX(1);
transition-delay: 0.1s;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section {
box-sizing: border-box;
padding: 101.5px 0 0;
display: flex;
flex-direction: column;
align-items: center;
background: #f6f5f1;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section div:has(.front-blog-list),
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-heading {
display: contents;
align-self: stretch;
margin: 0;
padding: 0;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section div:has(> .front-blog-list) {
display: flex;
flex-direction: column;
align-items: center;
box-sizing: border-box;
width: min(calc(100% - var(--tt-gutter-desktop, 44px)), var(--tiptop-site-width, 1160px));
margin-inline: auto;
padding-inline: 16px;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-heading__title {
order: 0;
margin: 0;
padding: 0;
font-family: var(--tiptop-font-heading);
font-size: 32px;
font-weight: 700;
line-height: 60.8px;
letter-spacing: normal;
text-align: center;
color: var(--tiptop-text);
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-heading__title::before,
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-heading__title::after {
content: none;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list {
order: 1;
box-sizing: border-box;
width: 1200px;
max-width: none;
margin: 48px calc((1200px - 100%) / -2) 0;
padding: 0;
display: grid;
grid-template-columns: 450px 1fr;
column-gap: 50px;
row-gap: 0;
justify-content: center;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list > * {
position: relative;
display: block;
box-sizing: border-box;
width: auto;
max-width: none;
margin: 0;
padding: 0;
background: none;
border: 0;
border-radius: 0;
box-shadow: none;
transform: none;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list > :first-child {
grid-column: 1;
grid-row: 1 / span 2;
height: 455px;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list > :nth-child(n + 2) {
grid-column: 2;
height: 230px;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list > :nth-child(2) {
grid-row: 1;
padding-bottom: 40px;
border-bottom: 1px solid #cab5a0;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list > :nth-child(3) {
grid-row: 2;
padding-top: 40px;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-card__link {
display: grid;
gap: 0;
height: 100%;
margin: 0;
padding: 0;
background: none;
color: inherit;
text-decoration: none;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list > :first-child .front-blog-card__link {
grid-template-areas: "photo" "date" "title";
grid-template-columns: minmax(0, 1fr);
grid-template-rows: auto auto auto;
align-content: start;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list > :nth-child(n + 2) .front-blog-card__link {
grid-template-areas: "photo date" "photo title";
grid-template-columns: auto 1fr;
grid-template-rows: auto 1fr;
align-content: start;
gap: 0;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-card__link > .post-card__body {
display: contents;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-card__link > .post-card__image {
grid-area: photo;
display: block;
width: auto;
height: auto;
margin: 0;
padding: 0;
aspect-ratio: 450 / 253;
border-radius: 10px;
background: var(--tiptop-surface);
overflow: hidden;
transition: opacity 0.2s ease;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-card__link > .post-card__image img {
position: static;
display: block;
width: 100%;
height: 100%;
margin: 0;
aspect-ratio: auto;
object-fit: cover;
border-radius: 0;
transform: none;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list > :nth-child(n + 2) .post-card__image {
grid-row: 1 / span 2;
height: 100%;
aspect-ratio: 160 / 90;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-card__link .post-card__meta {
grid-area: date;
display: block;
margin: 26px 22px 0;
padding: 0;
font-family: var(--tiptop-font-body);
font-size: 13px;
font-weight: 400;
line-height: 20.9px;
letter-spacing: 3.3px;
color: #6b5f54;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-card__link .post-card__meta time {
display: block;
font: inherit;
letter-spacing: inherit;
color: inherit;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list > :nth-child(n + 2) .post-card__meta {
align-self: start;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-card__link .post-card__title {
grid-area: title;
margin: 11.765px 22px 25.76px;
padding: 0;
min-height: 26.6px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
font-family: var(--tiptop-font-body);
font-size: 20px;
font-weight: 400;
line-height: 26.6px;
letter-spacing: 1.4px;
color: var(--tiptop-text);
text-decoration: none;
transition: color 0.2s ease;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-card__link .post-card__title > * {
background: none;
font: inherit;
letter-spacing: inherit;
color: inherit;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list > :nth-child(n + 2) .post-card__title {
margin: 20px 30px 0 22px;
align-self: start;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-card__link .post-card__excerpt {
display: none;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list > :hover .post-card__image {
opacity: 0.82;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list > :hover .post-card__title,
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-card__link:focus-visible .post-card__title {
color: #6b5f54;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-card__link:focus-visible .post-card__title {
text-decoration: underline;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .tiptop-front-view-all {
order: 2;
align-self: flex-end;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0;
box-sizing: border-box;
width: auto;
margin: 48px calc((100% - 1200px) / 2) 0 0;
padding: 12px 40px;
border: 0;
border-radius: 999px;
background-color: #cab5a0;
background-image: linear-gradient(to right, #644633 0 50%, rgba(100, 70, 51, 0) 50%);
background-size: 200% 100%;
background-position: 100% 0;
background-repeat: no-repeat;
font-family: Jost, var(--tiptop-font-body);
font-size: 15px;
font-weight: 400;
line-height: 24.7px;
letter-spacing: normal;
white-space: nowrap;
text-decoration: none;
color: #644633;
transition:
background-position 0.3s cubic-bezier(0.33, 1, 0.68, 1),
color 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .tiptop-front-view-all > * {
display: none;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .tiptop-front-view-all::before,
html body.home .entry__content .amae-sec-blog.tiptop-front-section .tiptop-front-view-all::after {
content: none;
}
html.amae-motion-on body.home .entry__content .amae-sec-blog.tiptop-front-section .tiptop-front-view-all.amae-rise {
transition:
opacity 1.4s cubic-bezier(0.22, 0.61, 0.36, 1),
translate 1.4s cubic-bezier(0.22, 0.61, 0.36, 1),
background-position 0.3s cubic-bezier(0.33, 1, 0.68, 1),
color 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .tiptop-front-view-all:hover,
html body.home .entry__content .amae-sec-blog.tiptop-front-section .tiptop-front-view-all:focus-visible {
background-position: 0 0;
color: var(--tiptop-base);
}
@media (prefers-reduced-motion: reduce) {
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-card__link > .post-card__image,
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-card__link .post-card__title {
transition: none;
}
}
html body.home .entry__content .amae-sec-lead .free-space__inner,
html body.home .entry__content .amae-sec-lead .free-space__body {
display: contents;
}
html body.home .entry__content .amae-sec-lead .free-space__title {
margin: 0;
padding: 0;
font-family: var(--tiptop-font-heading);
font-weight: 400;
font-size: 36px;
line-height: 53.2px;
letter-spacing: 10px;
color: var(--tiptop-text);
}
html body.home .entry__content .amae-sec-lead .free-space__title::before,
html body.home .entry__content .amae-sec-lead .free-space__title::after {
content: none;
}
html body.home .entry__content .amae-sec-lead .free-space__body > p {
margin: 0;
font-family: var(--tiptop-font-body);
font-weight: 400;
font-size: 18px;
line-height: 50px;
letter-spacing: 2.2px;
color: var(--tiptop-text);
}
html:is(.amae-pin-on, .amae-pin-sp) body.home .entry__content.tiptop-front-content:not(:has(> [data-tiptop-front-block="hero"])) > .amae-sec-lead {
position: relative;
top: auto;
margin-top: 0;
margin-bottom: 0;
background:
linear-gradient(180deg, #f6f5f1 0%, rgba(246, 245, 241, 0.5) 50%, #f6f5f1 100%),
linear-gradient(90deg, rgba(246, 245, 241, 0.6) 0%, rgba(246, 245, 241, 0.6) 100%),
url("chic-hero-v3.jpg") center center / cover no-repeat;
}
html:is(.amae-pin-on, .amae-pin-sp) body.home .entry__content.tiptop-front-content:not(:has(> [data-tiptop-front-block="hero"])) > .amae-sec-lead::before {
content: none;
}
html:is(.amae-pin-on, .amae-pin-sp) body.home .entry__content .amae-sec-lead :is(.free-space__title, .free-space__body > p) {
position: relative;
z-index: 1;
opacity: 0;
translate: 0 16px;
transition:
opacity 0.9s cubic-bezier(0.22, 0.61, 0.36, 1),
translate 0.9s cubic-bezier(0.22, 0.61, 0.36, 1);
}
html:is(.amae-pin-on, .amae-pin-sp) body.home .entry__content .amae-sec-lead.is-telling :is(.free-space__title, .free-space__body > p) {
opacity: 1;
translate: 0 0;
}
html:is(.amae-pin-on, .amae-pin-sp) body.home .entry__content .amae-sec-lead.is-telling .free-space__body > p:nth-child(1) {
transition-delay: 450ms;
}
html:is(.amae-pin-on, .amae-pin-sp) body.home .entry__content .amae-sec-lead.is-telling .free-space__body > p:nth-child(n + 2) {
transition-delay: 750ms;
}
html:is(.amae-pin-on, .amae-pin-sp):not(.amae-motion-on) body.home .entry__content .amae-sec-lead :is(.free-space__title, .free-space__body > p) {
animation: amae-lead-failsafe 8s linear both;
}
html:is(.amae-pin-on, .amae-pin-sp) body.home .entry__content .amae-sec-worry {
z-index: 2;
}
html body.home .entry__content .amae-sec-worry .free-space__inner,
html body.home .entry__content .amae-sec-worry .free-space__body {
display: contents;
}
html body.home .entry__content .amae-sec-worry .free-space__title {
width: 1200px;
max-width: calc(100% - 80px);
margin: 0;
padding: 0;
border: 0;
font-family: var(--tiptop-font-heading);
font-size: 32px;
font-weight: 700;
line-height: 60.8px;
letter-spacing: normal;
text-align: center;
color: #644633;
}
html body.home .entry__content .amae-sec-worry .free-space__title::before {
content: none;
}
html body.home .entry__content .amae-sec-worry .free-space__title::after {
content: "";
display: block;
width: 100px;
height: 0;
margin: 30px auto 0;
border-top: 1px solid currentColor;
}
html body.home .entry__content .amae-sec-worry .free-space__list {
--amae-worry-x: max(0px, calc(50% - 720px));
box-sizing: border-box;
width: 1200px;
max-width: calc(100% - 80px);
margin: 0;
padding: 0 0 0 max(0px, min(375px, calc(min(1200px, 100% - 80px) - 825px)));
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-auto-rows: 95px;
column-gap: 50px;
row-gap: 30px;
list-style: none;
text-align: start;
line-height: 30.176px;
color: #644633;
}
html body.home .entry__content .amae-sec-worry .free-space__list::after {
content: "";
position: absolute;
z-index: -1;
right: calc(var(--amae-worry-x) - 72.583px);
top: calc(50% - 465.5px - 44px);
width: 379.583px;
height: 379.583px;
background: url("chic-deco-leaf-worry.png") 0 0 / 100% 100% no-repeat;
}
html body.home .entry__content .amae-sec-worry .free-space__list-item {
position: static;
display: flex;
align-items: center;
gap: 40px;
margin: 0;
padding: 0;
border-bottom: 1px dashed #ad9372;
font-family: var(--tiptop-font-heading);
font-weight: 700;
font-size: 16px;
line-height: 28px;
letter-spacing: 1.4px;
color: #644633;
word-break: keep-all;
overflow-wrap: anywhere;
}
html body.home .entry__content .amae-sec-worry .free-space__list-item:nth-child(7),
html body.home .entry__content .amae-sec-worry .free-space__list-item:nth-child(8) {
border-bottom: 0;
}
html body.home .entry__content .amae-sec-worry .free-space__list-item::before {
content: "";
position: static;
flex: none;
top: auto;
left: auto;
width: 50px;
height: 50px;
border: 0;
transform: none;
background: url("chic-worry-check.png") center center / contain no-repeat;
}
html:is(.amae-pin-on, .amae-pin-sp) body.home .entry__content .amae-sec-worry .free-space__title,
html:is(.amae-pin-on, .amae-pin-sp) body.home .entry__content .amae-sec-worry .free-space__list-item {
opacity: 0;
translate: 0 16px;
transition:
opacity 0.9s cubic-bezier(0.22, 0.61, 0.36, 1),
translate 0.9s cubic-bezier(0.22, 0.61, 0.36, 1);
}
html:is(.amae-pin-on, .amae-pin-sp) body.home .entry__content .amae-sec-worry.is-telling .free-space__title,
html.amae-pin-on body.home .entry__content .amae-sec-worry.is-telling .free-space__list-item {
opacity: 1;
translate: 0 0;
}
html.amae-pin-on body.home .entry__content .amae-sec-worry.is-telling .free-space__list-item:nth-child(1) { transition-delay: 700ms; }
html.amae-pin-on body.home .entry__content .amae-sec-worry.is-telling .free-space__list-item:nth-child(2) { transition-delay: 900ms; }
html.amae-pin-on body.home .entry__content .amae-sec-worry.is-telling .free-space__list-item:nth-child(3) { transition-delay: 1100ms; }
html.amae-pin-on body.home .entry__content .amae-sec-worry.is-telling .free-space__list-item:nth-child(4) { transition-delay: 1300ms; }
html.amae-pin-on body.home .entry__content .amae-sec-worry.is-telling .free-space__list-item:nth-child(5) { transition-delay: 1500ms; }
html.amae-pin-on body.home .entry__content .amae-sec-worry.is-telling .free-space__list-item:nth-child(6) { transition-delay: 1700ms; }
html.amae-pin-on body.home .entry__content .amae-sec-worry.is-telling .free-space__list-item:nth-child(7) { transition-delay: 1900ms; }
html.amae-pin-on body.home .entry__content .amae-sec-worry.is-telling .free-space__list-item:nth-child(n + 8) { transition-delay: 2100ms; }
html.amae-pin-on body.home .entry__content .amae-sec-worry.is-hurry .free-space__title,
html.amae-pin-on body.home .entry__content .amae-sec-worry.is-hurry .free-space__list-item {
transition: none;
opacity: 1;
translate: 0 0;
}
html.amae-pin-on body.home .entry__content .amae-sec-worry .free-space__list::after {
opacity: 0;
transition: opacity 1.4s cubic-bezier(0.22, 0.61, 0.36, 1) 300ms;
}
html.amae-pin-on body.home .entry__content .amae-sec-worry.is-telling .free-space__list::after {
opacity: 1;
}
html.amae-pin-on body.home .entry__content .amae-sec-worry.is-hurry .free-space__list::after {
transition: none;
opacity: 1;
}
html.amae-split-on body.home .entry__content .amae-sec-worry .free-space__list-item {
position: relative;
border-bottom-color: transparent;
}
html.amae-split-on body.home .entry__content .amae-sec-worry .free-space__list-item::after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
right: 0;
height: 0;
border-bottom: 1px dashed rgb(173, 147, 114);
pointer-events: none;
transform: scaleX(0);
transform-origin: center;
transition: transform 0.8s cubic-bezier(0.34, -0.04, 0.32, 1.01);
}
html.amae-split-on body.home .entry__content .amae-sec-worry.is-telling .free-space__list-item::after,
html.amae-split-on body.home .entry__content .amae-sec-worry .free-space__list.is-in .free-space__list-item::after {
transform: scaleX(1);
}
html.amae-pin-sp body.home .entry__content .amae-sec-worry .free-space__list.is-in > .free-space__list-item {
opacity: 1;
translate: 0 0;
}
html.amae-pin-sp body.home .entry__content .amae-sec-worry .free-space__list.is-in > .free-space__list-item:nth-child(1) { transition-delay: 550ms; }
html.amae-pin-sp body.home .entry__content .amae-sec-worry .free-space__list.is-in > .free-space__list-item:nth-child(2) { transition-delay: 760ms; }
html.amae-pin-sp body.home .entry__content .amae-sec-worry .free-space__list.is-in > .free-space__list-item:nth-child(3) { transition-delay: 970ms; }
html.amae-pin-sp body.home .entry__content .amae-sec-worry .free-space__list.is-in > .free-space__list-item:nth-child(4) { transition-delay: 1180ms; }
html.amae-pin-sp body.home .entry__content .amae-sec-worry .free-space__list.is-in > .free-space__list-item:nth-child(5) { transition-delay: 1390ms; }
html.amae-pin-sp body.home .entry__content .amae-sec-worry .free-space__list.is-in > .free-space__list-item:nth-child(6) { transition-delay: 1600ms; }
html.amae-pin-sp body.home .entry__content .amae-sec-worry .free-space__list.is-in > .free-space__list-item:nth-child(7) { transition-delay: 1810ms; }
html.amae-pin-sp body.home .entry__content .amae-sec-worry .free-space__list.is-in > .free-space__list-item:nth-child(8) { transition-delay: 2020ms; }
html.amae-split-on body.home .entry__content .amae-sec-worry .free-space__list.is-in > .free-space__list-item:nth-child(1)::after { transition-delay: 750ms; }
html.amae-split-on body.home .entry__content .amae-sec-worry .free-space__list.is-in > .free-space__list-item:nth-child(2)::after { transition-delay: 960ms; }
html.amae-split-on body.home .entry__content .amae-sec-worry .free-space__list.is-in > .free-space__list-item:nth-child(3)::after { transition-delay: 1170ms; }
html.amae-split-on body.home .entry__content .amae-sec-worry .free-space__list.is-in > .free-space__list-item:nth-child(4)::after { transition-delay: 1380ms; }
html.amae-split-on body.home .entry__content .amae-sec-worry .free-space__list.is-in > .free-space__list-item:nth-child(5)::after { transition-delay: 1590ms; }
html.amae-split-on body.home .entry__content .amae-sec-worry .free-space__list.is-in > .free-space__list-item:nth-child(6)::after { transition-delay: 1800ms; }
html.amae-split-on body.home .entry__content .amae-sec-worry .free-space__list.is-in > .free-space__list-item:nth-child(7)::after { transition-delay: 2010ms; }
html.amae-split-on body.home .entry__content .amae-sec-worry .free-space__list.is-in > .free-space__list-item:nth-child(8)::after { transition-delay: 2220ms; }
html body.home .entry__content .amae-sec-menu .topics__inner,
html body.home .entry__content .amae-sec-menu .topics__head {
display: contents;
}
html body.home .entry__content .amae-sec-menu .topics__head > .hero__eyebrow {
margin: 0;
padding: 0;
font-family: var(--tiptop-font-heading);
font-size: 24px;
font-weight: 700;
line-height: 45.6px;
letter-spacing: normal;
text-transform: none;
text-align: center;
color: var(--tiptop-text);
}
html body.home .entry__content .amae-sec-menu .topics__head > .hero__eyebrow::before,
html body.home .entry__content .amae-sec-menu .topics__head > .hero__eyebrow::after {
content: none;
}
html body.home .entry__content .amae-sec-menu .topics__inner > :has(> .front-topics-card) {
box-sizing: border-box;
width: 100%;
max-width: none;
margin: 0;
padding: 0 100px;
display: flex;
flex-direction: row;
align-items: center;
gap: 0;
overflow-x: auto;
overscroll-behavior-x: contain;
scrollbar-width: none;
}
html body.home .entry__content .amae-sec-menu .topics__inner > :has(> .front-topics-card)::-webkit-scrollbar {
display: none;
}
html body.home .entry__content .amae-sec-menu .front-topics-card {
flex: 0 0 450px;
min-width: 0;
box-sizing: border-box;
width: auto;
height: 520px;
margin: 0;
padding: 50px;
display: flex;
flex-direction: column;
align-items: center;
background: #fff;
border: 0;
border-right: 1px solid #ad9372;
border-radius: 0;
box-shadow: none;
transform: none;
text-align: center;
}
html body.home .entry__content .amae-sec-menu .front-topics-card > .post-card__body {
display: contents;
}
html body.home .entry__content .amae-sec-menu .front-topics-card > .post-card__image {
flex: none;
width: 239px;
height: 239px;
margin: 0 0 20px;
padding: 0;
aspect-ratio: auto;
border-radius: 0;
background: none;
overflow: visible;
}
html body.home .entry__content .amae-sec-menu .front-topics-card > .post-card__image img {
position: static;
display: block;
width: 239px;
height: 239px;
margin: 0;
aspect-ratio: auto;
object-fit: cover;
border-radius: 999px;
transform: none;
}
html body.home .entry__content .amae-sec-menu .front-topics-card__eyebrow {
margin: 0;
padding: 0;
font-family: var(--tiptop-font-heading);
font-size: 15px;
font-weight: 400;
line-height: 24.7px;
letter-spacing: normal;
text-transform: none;
color: #ad9372;
}
html body.home .entry__content .amae-sec-menu .front-topics-card__eyebrow::before,
html body.home .entry__content .amae-sec-menu .front-topics-card__eyebrow::after {
content: none;
}
html body.home .entry__content .amae-sec-menu .front-topics-card .post-card__title {
margin: 0;
padding: 0;
font-family: var(--tiptop-font-heading);
font-size: 22px;
font-weight: 600;
line-height: 38px;
letter-spacing: normal;
text-align: center;
white-space: nowrap;
color: #644633;
}
html body.home .entry__content .amae-sec-menu .front-topics-card .post-card__title::before {
content: "";
display: block;
width: 40px;
height: 0;
margin: 7px auto;
border-top: 1px solid #ad9372;
}
html body.home .entry__content .amae-sec-menu .front-topics-card .post-card__title::after {
content: none;
}
html body.home .entry__content .amae-sec-menu .front-topics-card .post-card__excerpt {
display: block;
width: 100%;
margin: 6.8px 0 0;
padding: 0;
overflow: visible;
font-family: var(--tiptop-font-body);
font-size: 15px;
font-weight: 400;
line-height: 24.7px;
letter-spacing: normal;
white-space: pre-line;
color: #644633;
text-align: left;
-webkit-line-clamp: unset;
}
html.amae-pin-on body.home .entry__content .amae-sec-menu .topics__inner > :has(> .front-topics-card) {
padding-left: 220px;
overflow-y: clip;
}
html:is(.amae-pin-on, .amae-pin-sp) body.home .entry__content .amae-sec-menu .front-topics-card {
opacity: 0;
translate: 0 34px;
transition:
opacity 1.05s cubic-bezier(0.22, 0.61, 0.36, 1),
translate 1.05s cubic-bezier(0.22, 0.61, 0.36, 1),
clip-path 1.2s cubic-bezier(0.77, 0, 0.175, 1);
}
html:is(.amae-pin-on, .amae-pin-sp) body.home .entry__content .amae-sec-menu .front-topics-card.is-in {
opacity: 1;
translate: 0 0;
}
html.amae-split-on body.home .entry__content .amae-sec-menu .front-topics-card .post-card__title::before {
transform: scaleX(0);
transform-origin: center;
transition: transform 0.8s cubic-bezier(0.34, -0.04, 0.32, 1.01);
}
html.amae-split-on body.home .entry__content .amae-sec-menu .front-topics-card.is-in .post-card__title::before {
transform: scaleX(1);
transition-delay: 0.3s;
}
html body.home .entry__content .amae-sec-counselor .free-space__inner {
display: contents;
}
html body.home .entry__content .amae-sec-counselor .amae-counselor-side {
position: relative;
grid-area: 1 / 1 / span 3 / span 1;
box-sizing: border-box;
width: 400px;
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 20px;
}
html body.home .entry__content .amae-sec-counselor .amae-counselor-side > .free-space__image {
position: relative;
box-sizing: border-box;
width: 100%;
max-width: none;
margin: 0;
border: 0;
}
html body.home .entry__content .amae-sec-counselor .amae-counselor-side > .free-space__image img {
position: static;
display: block;
width: 100%;
height: auto;
max-width: none;
border-radius: 0;
}
html body.home .entry__content .amae-sec-counselor .amae-counselor-side__name {
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
margin: 20px 0 0;
font-family: var(--tiptop-font-heading);
font-weight: 700;
font-size: 20px;
line-height: 23.5px;
letter-spacing: normal;
color: #644633;
}
html body.home .entry__content .amae-sec-counselor .amae-counselor-side__name::after {
content: "";
display: block;
width: 250px;
max-width: 100%;
height: 0;
border-top: 1px solid #ad9372;
}
html body.home .entry__content .amae-sec-counselor .amae-counselor-side__role {
margin: 15px 0 0;
font-family: var(--tiptop-font-body);
font-weight: 500;
font-size: 13px;
line-height: 21px;
letter-spacing: 1.6px;
text-align: center;
color: #8a6352;
}
html body.home .entry__content .amae-counselor-badge {
margin: 10px 0 0;
font-family: var(--tiptop-font-body);
font-size: 12px;
line-height: 20px;
letter-spacing: 1.2px;
text-align: center;
}
html body.home .entry__content .amae-counselor-badge a {
display: inline-flex;
align-items: center;
gap: 6px;
color: #8a6352;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 4px;
transition: opacity 0.25s ease;
}
html body.home .entry__content .amae-counselor-badge a::after {
content: "";
flex: none;
width: 9px;
height: 9px;
background-color: currentColor;
-webkit-mask: url("chic-arrow-ne.svg") center / contain no-repeat;
mask: url("chic-arrow-ne.svg") center / contain no-repeat;
}
html body.home .entry__content .amae-counselor-badge a:hover {
opacity: 0.7;
}
html body.home .entry__content .amae-sec-counselor .free-space__title {
grid-area: 1 / 2;
margin: 0;
padding: 0;
border: 0;
font-family: var(--tiptop-font-heading);
font-size: 30px;
font-weight: 700;
line-height: 33.6px;
letter-spacing: normal;
text-align: left;
color: #644633;
}
html body.home .entry__content .amae-sec-counselor .free-space__title::before {
content: none;
}
html body.home .entry__content .amae-sec-counselor .free-space__title::after {
content: "";
display: block;
width: 100%;
height: 0;
margin: 30px 0 0;
border-top: 1px solid #ad9372;
}
html body.home .entry__content .amae-sec-counselor .free-space__body {
grid-area: 2 / 2;
display: flex;
flex-direction: column;
align-items: flex-start;
max-width: none;
margin: 0;
text-align: left;
line-height: 30.176px;
color: #644633;
}
html body.home .entry__content .amae-sec-counselor .free-space__body > p {
width: 100%;
margin: 0;
font-family: var(--tiptop-font-body);
font-size: 16px;
font-weight: 400;
line-height: 30px;
letter-spacing: 2px;
color: #644633;
}
html body.home .entry__content .amae-sec-counselor .free-space__body > p + p {
margin-top: 30px;
}
html body.home .entry__content .amae-sec-counselor .tiptop-front-view-all {
grid-area: 3 / 2;
justify-self: start;
align-self: start;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0;
box-sizing: border-box;
width: auto;
margin: -7px 0 0;
padding: 12.65px 40px;
border: 0;
border-radius: 999px;
background-color: #cab5a0;
background-image: linear-gradient(to right, #644633 0 50%, rgba(100, 70, 51, 0) 50%);
background-size: 200% 100%;
background-position: 100% 0;
background-repeat: no-repeat;
box-shadow: none;
font-family: Jost, var(--tiptop-font-body);
font-size: 15px;
font-weight: 400;
line-height: 24.7px;
letter-spacing: 0;
white-space: nowrap;
text-decoration: none;
color: #463424;
transition:
background-position 0.3s cubic-bezier(0.33, 1, 0.68, 1),
color 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}
html body.home .entry__content .amae-sec-counselor .tiptop-front-view-all > * {
display: none;
}
html body.home .entry__content .amae-sec-counselor .tiptop-front-view-all::before,
html body.home .entry__content .amae-sec-counselor .tiptop-front-view-all::after {
content: none;
}
html body.home .entry__content .amae-sec-counselor .tiptop-front-view-all:hover,
html body.home .entry__content .amae-sec-counselor .tiptop-front-view-all:focus-visible {
background-position: 0 0;
color: var(--tiptop-base);
}
html body.home .entry__content .amae-sec-counselor:not(.is-in-reason) {
display: flex;
flex-direction: column;
align-items: center;
box-sizing: border-box;
width: min(1200px, calc(100% - 40px));
margin-inline: auto;
padding: 70px;
background: #f6f5f1;
border-radius: 10px;
}
html body.home .entry__content .amae-sec-counselor:not(.is-in-reason) .free-space__image {
width: 298px;
max-width: 100%;
margin: 0 0 30px;
}
html.amae-pin-on body.home .entry__content .amae-sec-reason .topics__inner > :has(> .front-topics-card) > .amae-sec-counselor {
position: absolute;
top: 0;
left: 0;
right: 0;
width: auto;
max-width: none;
margin: 0;
opacity: 0;
translate: 0 24px;
transition:
opacity 0.55s cubic-bezier(0.22, 0.61, 0.36, 1),
translate 0.55s cubic-bezier(0.22, 0.61, 0.36, 1);
pointer-events: none;
background: none;
border-radius: 0;
}
html.amae-pin-on body.home .entry__content .amae-sec-reason .topics__inner > :has(> .front-topics-card) > .amae-sec-counselor.is-on {
opacity: 1;
translate: 0 0;
pointer-events: auto;
}
html.amae-motion-on body.home .entry__content .amae-sec-counselor.amae-coun-order :is(
.amae-counselor-side > .free-space__image, .amae-counselor-side__name, .amae-counselor-side__role,
.amae-counselor-side > .amae-counselor-badge, .free-space__body > p:not([data-lines])) {
opacity: 0;
translate: 0 12px;
transition:
opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1),
translate 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
}
html.amae-motion-on body.home .entry__content .amae-sec-counselor.amae-coun-order:is(.is-on, .is-in) :is(
.amae-counselor-side > .free-space__image, .amae-counselor-side__name, .amae-counselor-side__role,
.amae-counselor-side > .amae-counselor-badge, .free-space__body > p:not([data-lines])) {
opacity: 1;
translate: 0 0;
transition-delay: calc(var(--amae-c0, 0ms) + var(--amae-ci, 0) * 180ms);
}
html.amae-motion-on body.home .entry__content .amae-sec-counselor.amae-coun-order .tiptop-front-view-all {
opacity: 0;
translate: 0 12px;
transition:
opacity 0.7s cubic-bezier(0.22, 0.61, 0.36, 1),
translate 0.7s cubic-bezier(0.22, 0.61, 0.36, 1),
background-position 0.3s cubic-bezier(0.33, 1, 0.68, 1),
color 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}
html.amae-motion-on body.home .entry__content .amae-sec-counselor.amae-coun-order:is(.is-on, .is-in) .tiptop-front-view-all {
opacity: 1;
translate: 0 0;
transition-delay:
calc(var(--amae-c0, 0ms) + var(--amae-ci, 0) * 180ms),
calc(var(--amae-c0, 0ms) + var(--amae-ci, 0) * 180ms),
0s,
0s;
}
html.amae-lines-on body.home .entry__content .amae-sec-counselor.amae-coun-order:not(.is-in):not(.is-on) .amae-line {
opacity: 0;
translate: 0 30%;
filter: blur(4px);
}
html.amae-lines-on body.home .entry__content .amae-sec-counselor.amae-coun-order:is(.is-on, .is-in) .amae-line {
opacity: 1;
translate: 0 0;
filter: blur(0);
transition-delay: calc(var(--amae-c0, 0ms) + var(--amae-ci, 0) * 180ms);
}
html body.home .entry__content .amae-sec-voices.tiptop-front-section {
padding: 151.5px 0 150px;
}
html body.home .entry__content.tiptop-front-content .amae-sec-voices.tiptop-front-section[data-tiptop-front-block] {
background: #f6f5f1;
}
html.amae-gsap-voices body.home .entry__content .amae-sec-voices.tiptop-front-section,
html.amae-pin-on body.home .entry__content > .amae-sec-voices.tiptop-front-section {
padding-block: clamp(40px, 7vh / var(--amae-fit, 1), 150px);
}
html body.home .entry__content .amae-sec-voices .tiptop-works-showcase__inner,
html body.home .entry__content .amae-sec-voices .front-content-card-list-wrap {
display: contents;
}
html body.home .entry__content .amae-sec-voices .tiptop-works-showcase__title {
margin: 0;
padding: 0;
border: 0;
font-family: var(--tiptop-font-heading);
font-size: 32px;
font-weight: 700;
line-height: 60.8px;
letter-spacing: normal;
text-align: center;
color: var(--tiptop-text);
}
html body.home .entry__content .amae-sec-voices .tiptop-works-showcase__title::before,
html body.home .entry__content .amae-sec-voices .tiptop-works-showcase__title::after {
content: none;
}
html body.home .entry__content .amae-sec-voices .tiptop-works-showcase__lead {
max-width: none;
margin: 13.87px 0 0;
padding: 0;
font-family: var(--tiptop-font-body);
font-size: 16px;
font-weight: 400;
line-height: 30.4px;
letter-spacing: 1.4px;
text-align: center;
color: var(--tiptop-text);
}
html body.home .entry__content .amae-sec-voices .front-content-card-list {
box-sizing: border-box;
max-width: none;
margin: 50px 0 0;
padding: 17px 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 30px;
grid-template-columns: none;
}
html body.home .entry__content .amae-sec-voices .front-content-card {
position: relative;
flex: none;
box-sizing: border-box;
width: 270px;
min-height: 288px;
height: auto;
margin: 0;
padding: 25px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
background: #fff;
border: 1px solid #cab5a0;
border-radius: 10px;
box-shadow: none;
transform: none;
text-align: center;
grid-column: auto;
grid-row: auto;
aspect-ratio: auto;
overflow: visible;
}
html body.home .entry__content .amae-sec-voices .front-content-card:nth-child(1),
html body.home .entry__content .amae-sec-voices .front-content-card:nth-child(5) {
filter: opacity(0.5);
}
html body.home .entry__content .amae-sec-voices .front-content-card:nth-child(2),
html body.home .entry__content .amae-sec-voices .front-content-card:nth-child(4) {
width: 290px;
min-height: 309px;
}
html body.home .entry__content .amae-sec-voices .front-content-card:nth-child(3) {
width: 300px;
min-height: 320px;
}
html body.home .entry__content .amae-sec-voices .front-content-card > .post-card__body,
html body.home .entry__content .amae-sec-voices .front-content-card .post-card__meta {
display: contents;
}
html body.home .entry__content .amae-sec-voices .front-content-card .post-card__meta > time,
html body.home .entry__content .amae-sec-voices .front-content-card .front-content-card__terms,
html body.home .entry__content .amae-sec-voices .front-content-card .post-card__excerpt,
html body.home .entry__content .amae-sec-voices .front-content-card .front-content-card__arrow {
display: none;
}
html body.home .entry__content .amae-sec-voices .front-content-card > .post-card__image {
order: 0;
flex: none;
display: block;
width: 80px;
height: auto;
margin: 0;
padding: 0;
aspect-ratio: auto;
border-radius: 0;
background: none;
overflow: visible;
color: inherit;
}
html body.home .entry__content .amae-sec-voices .front-content-card > .post-card__image img {
position: static;
display: block;
width: 80px;
height: 80px;
margin: 0;
aspect-ratio: auto;
object-fit: cover;
border-radius: 50%;
outline: 1px solid #cab5a0;
outline-offset: 5px;
transform: none;
}
html body.home .entry__content .amae-sec-voices .front-content-card.amae-voice--m > .post-card__image img {
background-color: #aab69e;
outline-color: #aab69e;
}
html body.home .entry__content .amae-sec-voices .front-content-card.amae-voice--f > .post-card__image img {
background-color: #c4aaaa;
outline-color: #c4aaaa;
}
html body.home .entry__content .amae-sec-voices .amae-front-voice__who {
order: 1;
display: block;
margin: 0;
font-family: var(--tiptop-font-body);
font-size: 14px;
font-weight: 400;
line-height: 22.8px;
letter-spacing: 4.8px;
color: #644633;
}
html body.home .entry__content .amae-sec-voices .front-content-card .post-card__title {
order: 2;
margin: 0;
padding: 0;
font-family: var(--tiptop-font-body);
font-weight: 400;
font-size: 16.7px;
line-height: 30.18px;
letter-spacing: normal;
text-align: left;
color: #644633;
-webkit-line-clamp: unset;
min-height: 0;
}
html body.home .entry__content .amae-sec-voices .front-content-card .post-card__title a {
color: inherit;
text-decoration: none;
background: none;
}
html body.home .entry__content .amae-sec-voices .front-content-card .post-card__title a::before,
html body.home .entry__content .amae-sec-voices .front-content-card .post-card__title a::after {
content: none;
}
html body.home .entry__content :is(.amae-sec-voices .tiptop-works-showcase__action, .amae-sec-menu .topics__action) {
margin: 50px 0 0;
padding: 0;
text-align: center;
}
html body.home .entry__content :is(.amae-sec-voices .tiptop-works-showcase__action, .amae-sec-menu .topics__action) > .tiptop-front-view-all {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0;
box-sizing: border-box;
width: auto;
min-width: 0;
min-height: 0;
margin: 0;
padding: 12px 40px;
border: 0;
border-radius: 999px;
background-color: #cab5a0;
background-image: linear-gradient(to right, #644633 0 50%, rgba(100, 70, 51, 0) 50%);
background-size: 200% 100%;
background-position: 100% 0;
background-repeat: no-repeat;
box-shadow: none;
font-family: Jost, var(--tiptop-font-body);
font-size: 15px;
font-weight: 400;
line-height: 24.7px;
letter-spacing: normal;
white-space: nowrap;
text-decoration: none;
color: #644633;
transition:
background-position 0.3s cubic-bezier(0.33, 1, 0.68, 1),
color 0.3s cubic-bezier(0.33, 1, 0.68, 1);
}
html body.home .entry__content :is(.amae-sec-voices .tiptop-works-showcase__action, .amae-sec-menu .topics__action) > .tiptop-front-view-all > * {
display: none;
}
html body.home .entry__content :is(.amae-sec-voices .tiptop-works-showcase__action, .amae-sec-menu .topics__action) > .tiptop-front-view-all::before,
html body.home .entry__content :is(.amae-sec-voices .tiptop-works-showcase__action, .amae-sec-menu .topics__action) > .tiptop-front-view-all::after {
content: none;
}
html body.home .entry__content :is(.amae-sec-voices .tiptop-works-showcase__action, .amae-sec-menu .topics__action) > .tiptop-front-view-all:hover,
html body.home .entry__content :is(.amae-sec-voices .tiptop-works-showcase__action, .amae-sec-menu .topics__action) > .tiptop-front-view-all:focus-visible {
background-position: 0 0;
color: var(--tiptop-base);
}
html body.home .entry__content .amae-sec-voices .front-content-card-list.has-pager {
position: relative;
display: block;
width: calc(100vw / var(--amae-fit, 1));
margin-inline: calc(50% - 50vw / var(--amae-fit, 1));
overflow-x: clip;
min-height: 424px;
}
html body.home .entry__content .amae-sec-voices .front-content-card-list.has-pager .front-content-card {
position: absolute;
left: 50%;
top: 50%;
margin: 0;
width: 300px;
min-height: 320px;
translate: -50% -50%;
transition:
translate 0.55s cubic-bezier(0.22, 0.61, 0.36, 1),
scale 0.55s cubic-bezier(0.22, 0.61, 0.36, 1),
filter 0.55s;
}
html body.home .entry__content .amae-sec-voices .front-content-card-list.has-pager .front-content-card[data-pos="-2"] {
translate: calc(-50% - max(690px, 50vw / var(--amae-fit, 1))) -50%;
scale: 1.08;
filter: opacity(0.5);
}
html body.home .entry__content .amae-sec-voices .front-content-card-list.has-pager .front-content-card[data-pos="-1"] {
translate: calc(-50% - max(354px, 25vw / var(--amae-fit, 1))) -50%;
scale: 1.16;
filter: none;
}
html body.home .entry__content .amae-sec-voices .front-content-card-list.has-pager .front-content-card[data-pos="0"] {
translate: -50% -50%;
scale: 1.2;
filter: none;
}
html body.home .entry__content .amae-sec-voices .front-content-card-list.has-pager .front-content-card[data-pos="1"] {
translate: calc(-50% + max(354px, 25vw / var(--amae-fit, 1))) -50%;
scale: 1.16;
filter: none;
}
html body.home .entry__content .amae-sec-voices .front-content-card-list.has-pager .front-content-card[data-pos="2"] {
translate: calc(-50% + max(690px, 50vw / var(--amae-fit, 1))) -50%;
scale: 1.08;
filter: opacity(0.5);
}
html body.home .entry__content .amae-sec-voices .front-content-card-list.has-pager .front-content-card:is([data-pos="-5"], [data-pos="-4"], [data-pos="-3"], [data-pos="3"], [data-pos="4"], [data-pos="5"]) {
scale: 1.08;
filter: opacity(0.5);
}
html body.home .entry__content .amae-sec-voices .front-content-card-list.has-pager .front-content-card[data-pos="-3"] {
translate: calc(-50% - max(1026px, 75vw / var(--amae-fit, 1))) -50%;
}
html body.home .entry__content .amae-sec-voices .front-content-card-list.has-pager .front-content-card[data-pos="3"] {
translate: calc(-50% + max(1026px, 75vw / var(--amae-fit, 1))) -50%;
}
html body.home .entry__content .amae-sec-voices .front-content-card-list.has-pager .front-content-card[data-pos="-4"] {
translate: calc(-50% - max(1362px, 100vw / var(--amae-fit, 1))) -50%;
}
html body.home .entry__content .amae-sec-voices .front-content-card-list.has-pager .front-content-card[data-pos="4"] {
translate: calc(-50% + max(1362px, 100vw / var(--amae-fit, 1))) -50%;
}
html body.home .entry__content .amae-sec-voices .front-content-card-list.has-pager .front-content-card[data-pos="-5"] {
translate: calc(-50% - max(1698px, 125vw / var(--amae-fit, 1))) -50%;
}
html body.home .entry__content .amae-sec-voices .front-content-card-list.has-pager .front-content-card[data-pos="5"] {
translate: calc(-50% + max(1698px, 125vw / var(--amae-fit, 1))) -50%;
}
html body.home .entry__content .amae-sec-voices .front-content-card-list.has-pager .front-content-card.is-warp {
transition: none;
}
html body.home .entry__content .amae-sec-photoband.tiptop-front-section {
position: relative;
box-sizing: border-box;
width: 100vw;
max-width: none;
height: 449px;
margin: 0 calc(50% - 50vw) 1.75rem;
padding: 0;
overflow: hidden;
clip-path: inset(0);
background: none;
}
html body.home .entry__content .amae-sec-photoband .free-space__inner,
html body.home .entry__content .amae-sec-photoband .free-space__image {
display: contents;
}
html body.home .entry__content .amae-sec-photoband .free-space__image img {
position: fixed;
top: 50%;
left: 50%;
width: 100vw;
max-width: none;
height: auto;
margin: 0;
translate: -50% -50%;
object-fit: cover;
pointer-events: none;
}
html body.home .entry__content .amae-sec-photoband.tiptop-front-section::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: rgba(202, 181, 160, 0.5);
mix-blend-mode: multiply;
pointer-events: none;
}
html.amae-pin-on body.home .entry__content > :is(.amae-sec-lead, .amae-sec-worry, .amae-sec-menu, .amae-sec-reason, .amae-sec-voices).tiptop-front-section,
html.amae-pin-on body.home .entry__content > .pin-spacer > :is(.amae-sec-worry, .amae-sec-menu, .amae-sec-reason, .amae-sec-voices).tiptop-front-section {
zoom: var(--amae-fit, 1);
min-height: calc(100vh / var(--amae-fit, 1));
width: calc(var(--amae-vw, 100vw) / var(--amae-fit, 1)) !important;
max-width: calc(var(--amae-vw, 100vw) / var(--amae-fit, 1)) !important;
margin-inline: calc(50% - var(--amae-vw, 100vw) / var(--amae-fit, 1) / 2) !important;
}
html.amae-pin-on body.home .entry__content .pin-spacer > :is(.amae-sec-reason, .amae-sec-voices).tiptop-front-section {
top: 0 !important;
}
@media (max-width: 1231px) and (min-width: 769px) {
html:not(.amae-fit-on) body.home .entry__content .amae-sec-reason .front-topics-card {
grid-template-columns: minmax(0, 1fr);
padding: 50px;
}
html:not(.amae-fit-on) body.home .entry__content .amae-sec-reason .front-topics-card .post-card__title {
grid-area: 1 / 1;
}
html:not(.amae-fit-on) body.home .entry__content .amae-sec-reason .front-topics-card .post-card__excerpt {
grid-area: 2 / 1;
}
html:not(.amae-fit-on) body.home .entry__content .amae-sec-reason .front-topics-card__eyebrow {
grid-area: 2 / 1;
}
html:not(.amae-fit-on) body.home .entry__content .amae-sec-reason .front-topics-card:has(> .post-card__body > .front-topics-card__eyebrow) .post-card__excerpt {
grid-area: 3 / 1;
}
html:not(.amae-fit-on) body.home .entry__content .amae-sec-reason .front-topics-card::before {
top: 50%;
left: 40%;
}
html:not(.amae-fit-on) body.home .entry__content .amae-sec-counselor .free-space__title {
grid-area: 1 / 1;
}
html:not(.amae-fit-on) body.home .entry__content .amae-sec-counselor .amae-counselor-side {
grid-area: 2 / 1;
width: 100%;
}
html:not(.amae-fit-on) body.home .entry__content .amae-sec-counselor .free-space__body {
grid-area: 3 / 1;
}
html:not(.amae-fit-on) body.home .entry__content .amae-sec-counselor .tiptop-front-view-all {
grid-area: 4 / 1;
}
}
@media (max-width: 1231px) {
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list {
width: 100%;
margin-inline: 0;
grid-template-columns: minmax(0, 1fr);
row-gap: 40px;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list > *,
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list > :first-child,
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list > :nth-child(n + 2) {
grid-column: 1;
grid-row: auto;
height: auto;
padding: 0;
border: 0;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list > :nth-child(n + 2) .front-blog-card__link {
grid-template-areas: "photo" "date" "title";
grid-template-columns: minmax(0, 1fr);
grid-template-rows: auto auto auto;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list > :nth-child(n + 2) .post-card__image {
grid-row: auto;
height: auto;
aspect-ratio: 450 / 253;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list > :nth-child(n + 2) .post-card__meta,
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list > :nth-child(n + 2) .post-card__title {
align-self: auto;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list > :nth-child(n + 2) .post-card__title {
margin: 11.765px 22px 25.76px;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .tiptop-front-view-all {
align-self: center;
margin-inline: 0;
}
}
@media (max-width: 768px) {
html body.home .entry__content .amae-sec-reason .topics__head > .hero__eyebrow {
font-size: 20px;
font-weight: 600;
line-height: 32px;
}
html body.home .entry__content .amae-sec-reason .topics__inner > :has(> .front-topics-card) {
width: 100%;
max-width: 100%;
margin-bottom: 0;
gap: 20px;
}
html body.home .entry__content .amae-sec-reason .front-topics-card {
grid-template-columns: minmax(0, 1fr);
grid-template-rows: auto auto auto;
align-content: start;
width: 100%;
height: auto;
padding: 50px 30px;
gap: 30px;
border-radius: 0;
}
html body.home .entry__content .amae-sec-reason .front-topics-card::before {
position: static;
grid-area: 1 / 1;
justify-self: center;
top: auto;
left: auto;
height: 50px;
translate: none;
}
html body.home .entry__content .amae-sec-reason .front-topics-card:nth-child(1)::before { width: 56.64px; }
html body.home .entry__content .amae-sec-reason .front-topics-card:nth-child(2)::before { width: 60.43px; }
html body.home .entry__content .amae-sec-reason .front-topics-card:nth-child(3)::before { width: 60.89px; }
html body.home .entry__content .amae-sec-reason .front-topics-card:nth-child(4)::before { width: 63.21px; }
html body.home .entry__content .amae-sec-reason .front-topics-card .post-card__title {
grid-area: 2 / 1;
font-size: 20px;
line-height: 26px;
text-align: center;
}
html body.home .entry__content .amae-sec-reason .front-topics-card .post-card__excerpt {
grid-area: 3 / 1;
font-size: 14px;
line-height: 23.8px;
letter-spacing: 2px;
}
html body.home .entry__content .amae-sec-reason .front-topics-card__eyebrow {
grid-area: 3 / 1;
font-size: 14px;
line-height: 23.8px;
}
html body.home .entry__content .amae-sec-reason .front-topics-card:has(> .post-card__body > .front-topics-card__eyebrow) .post-card__excerpt {
grid-area: 4 / 1;
}
html.amae-pin-sp body.home .entry__content .amae-sec-reason .front-topics-card {
opacity: 0;
translate: 0 24px;
transition:
opacity 0.55s cubic-bezier(0.22, 0.61, 0.36, 1),
translate 0.55s cubic-bezier(0.22, 0.61, 0.36, 1);
}
html.amae-pin-sp body.home .entry__content .amae-sec-reason .front-topics-card.is-on,
html.amae-pin-sp:not(.amae-motion-on) body.home .entry__content .amae-sec-reason .front-topics-card {
opacity: 1;
translate: 0 0;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section {
padding: 50px 30px;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section div:has(> .front-blog-list) {
width: 100%;
padding-inline: 0;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-heading__title {
font-size: 20px;
line-height: 32px;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list {
margin-top: 50px;
row-gap: 20px;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list > *,
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list > :first-child,
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list > :nth-child(n + 2) {
height: 163.58px;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list > * .front-blog-card__link,
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list > :first-child .front-blog-card__link,
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list > :nth-child(n + 2) .front-blog-card__link {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
box-sizing: border-box;
height: 100%;
padding: 0 20px 0 159.5px;
gap: 20px;
align-items: stretch;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list > * .post-card__image,
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list > :nth-child(n + 2) .post-card__image {
position: absolute;
inset: 0 auto 0 0;
width: 147.5px;
height: auto;
margin: 0;
aspect-ratio: auto;
border-radius: 10px;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list > * .post-card__meta,
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list > :nth-child(n + 2) .post-card__meta {
order: -1;
margin: 0;
font-size: 11px;
line-height: 19px;
letter-spacing: 3.3px;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list > * .post-card__title,
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-list > :nth-child(n + 2) .post-card__title {
margin: 0;
min-height: 0;
-webkit-line-clamp: 5;
font-size: 15px;
font-weight: 400;
line-height: 20px;
letter-spacing: 1.4px;
}
html body.home .entry__content .amae-sec-blog.tiptop-front-section .tiptop-front-view-all {
margin-top: 50px;
}
}
@media (max-width: 900px) {
html body.home .entry__content .amae-sec-lead .free-space__title {
font-size: 22px;
line-height: 40px;
letter-spacing: 2.9px;
}
html body.home .entry__content .amae-sec-lead .free-space__body > p {
font-size: 15px;
line-height: 27px;
letter-spacing: 2.2px;
}
html body.home .entry__content .amae-sec-worry .free-space__list-item {
word-break: normal;
overflow-wrap: normal;
word-spacing: calc(-0.254em - 1.4px);
}
html body.home .entry__content .amae-sec-photoband .free-space__image img {
position: absolute;
top: -40.25%;
left: 0;
width: 100%;
height: 180.5%;
translate: none;
object-fit: fill;
}
}
@media (max-width: 768px) {
html body.home .entry__content .amae-sec-lead .free-space__title {
max-width: 260px;
font-size: 22px;
font-weight: 400;
line-height: 40px;
letter-spacing: 2.9px;
}
html body.home .entry__content .amae-br-sp {
display: inline;
}
html:is(.amae-pin-on, .amae-pin-sp) body.home .entry__content .amae-sec-lead::before {
background:
linear-gradient(180deg, #f6f5f1 0%, rgba(246, 245, 241, 0.85) 50%, #f6f5f1 100%),
linear-gradient(90deg, rgba(246, 245, 241, 0.6) 0%, rgba(246, 245, 241, 0.6) 100%);
}
html body.home .entry__content .amae-sec-lead .free-space__body > p {
font-weight: 500;
letter-spacing: 1.4px;
}
html body.home .entry__content .amae-sec-worry .free-space__title {
font-size: 20px;
line-height: 32px;
max-width: 180px;
margin-inline: auto;
}
html body.home .entry__content .amae-sec-worry .free-space__list {
max-width: 100%;
margin-inline: auto;
padding-left: 0;
grid-template-columns: minmax(0, 1fr);
grid-auto-rows: auto;
row-gap: 8.5px;
}
html body.home .entry__content .amae-sec-worry .free-space__list-item {
gap: 10px;
padding-bottom: 10px;
font-size: 14px;
line-height: 23.8px;
letter-spacing: 1.4px;
}
html body.home .entry__content .amae-sec-worry .free-space__list-item:nth-child(7) {
border-bottom: 1px dashed #ad9372;
}
html body.home .entry__content .amae-sec-worry .free-space__list::after {
top: 1.2px;
right: -52.2px;
left: auto;
width: 293.5px;
height: 293.5px;
}
html body.home .entry__content .amae-sec-menu .topics__head > .hero__eyebrow {
width: auto;
font-size: 20px;
font-weight: 600;
line-height: 32px;
white-space: nowrap;
}
html body.home .entry__content .amae-sec-menu .topics__inner > :has(> .front-topics-card) {
flex-direction: column;
gap: 0;
width: auto;
max-width: none;
padding: 0;
overflow: visible;
}
html body.home .entry__content .amae-sec-menu .front-topics-card {
position: relative;
width: 100%;
max-width: none;
height: 250px;
min-height: 0;
flex: none;
margin: 0;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 50px;
overflow: hidden;
text-align: center;
border: 0;
}
html body.home .entry__content .amae-sec-menu .front-topics-card > .post-card__image {
position: absolute;
inset: 0;
z-index: 0;
width: 100%;
height: 100%;
max-width: none;
margin: 0;
border-radius: 0;
overflow: visible;
}
html body.home .entry__content .amae-sec-menu .front-topics-card > .post-card__image img {
width: 100%;
height: 100%;
max-width: none;
object-fit: cover;
border-radius: 0;
}
html body.home .entry__content .amae-sec-menu .front-topics-card::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: rgba(246, 245, 241, 0.86);
}
html body.home .entry__content .amae-sec-menu .front-topics-card :is(.front-topics-card__eyebrow, .post-card__title, .post-card__excerpt) {
position: relative;
z-index: 2;
}
html body.home .entry__content .amae-sec-menu .front-topics-card__eyebrow {
margin-top: 0;
font-size: 13px;
line-height: 21px;
text-align: center;
}
html body.home .entry__content .amae-sec-menu .front-topics-card .post-card__title {
text-align: center;
}
html body.home .entry__content .amae-sec-menu .front-topics-card .post-card__excerpt {
margin-top: 20px;
font-size: 14px;
font-weight: 500;
line-height: 22.35px;
text-align: left;
}
html body.home .entry__content .amae-sec-menu .topics__action {
margin: 40px 0 50px;
}
html.amae-pin-sp body.home .entry__content .amae-sec-menu {
overflow-x: clip;
}
html.amae-pin-sp body.home .entry__content .amae-sec-menu .front-topics-card {
clip-path: inset(0 100% 0 0);
transition:
opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1),
clip-path 1.2s cubic-bezier(0.77, 0, 0.175, 1);
}
html.amae-pin-sp body.home .entry__content .amae-sec-menu .front-topics-card.is-in {
clip-path: inset(0 0 0 0);
}
html.amae-pin-sp body.home .entry__content .amae-sec-menu .front-topics-card > .post-card__image img {
scale: 1.25;
transition: scale 1.6s cubic-bezier(0.77, 0, 0.175, 1);
}
html.amae-pin-sp body.home .entry__content .amae-sec-menu .front-topics-card.is-in > .post-card__image img {
scale: 1;
}
html.amae-pin-sp:not(.amae-motion-on) body.home .entry__content .amae-sec-menu .front-topics-card {
clip-path: none;
opacity: 1;
}
html.amae-pin-sp:not(.amae-motion-on) body.home .entry__content .amae-sec-menu .front-topics-card > .post-card__image img {
scale: 1;
}
html body.home .entry__content .amae-sec-counselor .free-space__title {
grid-area: 1 / 1;
font-size: 20px;
line-height: 21.8px;
text-align: center;
}
html body.home .entry__content .amae-sec-counselor .amae-counselor-side {
grid-area: 2 / 1;
display: grid;
grid-template-columns: 1fr;
justify-items: center;
gap: 0;
width: 100%;
max-width: none;
padding: 0;
}
html body.home .entry__content .amae-sec-counselor .amae-counselor-side * {
min-width: 0;
max-width: 100%;
}
html body.home .entry__content .amae-sec-counselor .amae-counselor-side > .free-space__image {
width: min(100%, calc(100vw - 60px));
height: auto;
margin: 0;
}
html body.home .entry__content .amae-sec-counselor .amae-counselor-side__name {
margin-top: 20px;
gap: 15px;
font-size: 20px;
line-height: 23.5px;
letter-spacing: 0;
}
html body.home .entry__content .amae-sec-counselor .amae-counselor-side__role {
width: auto;
max-width: 100%;
margin-top: 15px;
margin-bottom: 20px;
font-size: 14px;
line-height: 23.8px;
letter-spacing: 1.6px;
}
html body.home .entry__content .amae-sec-counselor .amae-counselor-side__role:has(+ .amae-counselor-badge) {
margin-bottom: 0;
}
html body.home .entry__content .amae-sec-counselor .amae-counselor-side > .amae-counselor-badge {
margin: 8px 0 20px;
font-size: 13px;
}
html body.home .entry__content .amae-sec-counselor .free-space__body {
grid-area: 3 / 1;
}
html body.home .entry__content .amae-sec-counselor .free-space__body > p {
font-size: 14px;
line-height: 23.8px;
letter-spacing: 2px;
}
html body.home .entry__content .amae-sec-counselor .free-space__body > p + p {
margin-top: 22px;
}
html body.home .entry__content .amae-sec-counselor .tiptop-front-view-all {
grid-area: 4 / 1;
justify-self: center;
min-height: 46px;
margin-top: 0;
padding: 12px 40px;
font-size: 15px;
line-height: 24.7px;
}
html body.home .entry__content .amae-sec-voices.tiptop-front-section {
padding: 100px 0;
margin-bottom: 0;
}
html body.home .entry__content .amae-sec-voices .tiptop-works-showcase__lead {
margin-top: 13.89px;
font-size: 14px;
line-height: 24.5px;
}
html body.home .entry__content .amae-sec-voices .front-content-card-list.has-pager {
min-height: 250px;
padding: 0;
}
html body.home .entry__content .amae-sec-voices .front-content-card {
border: 0;
}
html body.home .entry__content .amae-sec-voices .front-content-card-list.has-pager .front-content-card {
width: 234px;
min-height: 250px;
padding: 0 21px;
justify-content: center;
gap: 10px;
}
html body.home .entry__content .amae-sec-voices .front-content-card-list.has-pager .front-content-card[data-pos="0"] {
translate: -50% -50%;
scale: 1;
}
html body.home .entry__content .amae-sec-voices .front-content-card-list.has-pager .front-content-card:is([data-pos="-1"], [data-pos="1"]) {
scale: 0.923;
filter: opacity(0.5);
}
html body.home .entry__content .amae-sec-voices .front-content-card-list.has-pager .front-content-card[data-pos="-1"] {
translate: calc(-50% - 235px) -50%;
}
html body.home .entry__content .amae-sec-voices .front-content-card-list.has-pager .front-content-card[data-pos="1"] {
translate: calc(-50% + 235px) -50%;
}
html body.home .entry__content .amae-sec-voices .front-content-card-list.has-pager .front-content-card:is([data-pos="-2"], [data-pos="2"]) {
scale: 0.803;
}
html body.home .entry__content .amae-sec-voices .front-content-card-list.has-pager .front-content-card[data-pos="-2"] {
translate: calc(-50% - 447px) -50%;
}
html body.home .entry__content .amae-sec-voices .front-content-card-list.has-pager .front-content-card[data-pos="2"] {
translate: calc(-50% + 447px) -50%;
}
html body.home .entry__content .amae-sec-voices .amae-front-voice__who {
font-size: 12px;
line-height: 20px;
}
html body.home .entry__content .amae-sec-voices .front-content-card .post-card__title {
font-size: 14px;
line-height: 24px;
font-weight: 400;
}
html body.home .entry__content .amae-sec-photoband.tiptop-front-section {
height: 251px;
margin-bottom: -1px;
}
html body.home .entry__content .amae-sec-photoband .free-space__image img {
top: var(--amae-band-y, calc(125.5px - 100vw * 1700 / 750 * 0.55));
left: 0;
width: 100%;
height: auto;
translate: none;
object-fit: cover;
}
html body.home .entry__content .amae-sec-voices .tiptop-works-showcase__title,
html body.home .entry__content .amae-sec-counselor .free-space__title,
html body.home .entry__content .amae-sec-worry .free-space__title,
html body.home .entry__content .amae-sec-blog.tiptop-front-section .front-blog-heading__title {
font-size: 20px;
line-height: 32px;
font-weight: 600;
letter-spacing: normal;
}
html body.home .entry__content .amae-sec-menu .front-topics-card .post-card__title {
font-size: 20px;
line-height: 26px;
font-weight: 600;
}
}
html body.home .entry__content > .amae-sec-hero.tiptop-front-section {
position: relative;
isolation: auto;
display: block;
height: 941px;
min-height: 0;
margin: 0;
padding: 0;
border-bottom: 0;
background: #fff;
color: var(--tiptop-text);
}
html body.home .entry__content .amae-sec-hero .tiptop-standard-hero__inner {
display: contents;
}
html body.home .entry__content .amae-sec-hero .tiptop-standard-hero__figure {
position: absolute;
inset: 0;
z-index: 0;
width: auto;
height: auto;
max-height: none;
margin: 0;
aspect-ratio: auto;
border-radius: 0;
overflow: hidden;
pointer-events: none;
}
html body.home .entry__content .amae-sec-hero .tiptop-standard-hero__figure::after {
content: none;
}
html body.home .entry__content .amae-sec-hero .tiptop-standard-hero__figure picture,
html body.home .entry__content .amae-sec-photoband .free-space__image picture {
display: contents;
}
html body.home .entry__content .amae-sec-hero .tiptop-standard-hero__figure img {
display: block;
width: 100%;
height: 100%;
max-width: none;
object-fit: cover;
object-position: 50% 50%;
}
html body.home .entry__content > .amae-sec-hero.tiptop-front-section::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background:
linear-gradient(180deg,
rgba(246, 245, 241, 0) 0%,
rgba(246, 245, 241, 0) 50%,
rgba(246, 245, 241, 0.5) 70%,
rgba(246, 245, 241, 0.785) 90%,
rgb(246, 245, 241) 100%),
linear-gradient(270deg,
rgba(246, 245, 241, 0) 0%,
rgba(246, 245, 241, 0) 48.077%,
rgba(246, 245, 241, 0.5) 59.615%,
rgba(246, 245, 241, 0.785) 68.269%,
rgb(246, 245, 241) 100%);
}
html body.home .entry__content .amae-sec-hero .tiptop-standard-hero__content {
position: absolute;
z-index: 2;
top: 0;
bottom: 0;
left: 50%;
transform: translateX(-50%);
display: block;
width: min(1200px, calc(100% - 48px));
max-width: none;
margin: 0;
padding: 0;
text-align: left;
}
html body.home .entry__content .amae-sec-hero .tiptop-standard-hero__content::before {
content: "";
display: block;
height: calc(50% - 204.1955px);
}
html body.home .entry__content .amae-sec-hero .tiptop-standard-hero__content::after {
content: "Scroll";
position: absolute;
left: 50%;
bottom: clamp(24px, calc(20svh - 114px), 80px);
margin-left: -27px;
width: 54px;
height: 89px;
box-sizing: border-box;
font-family: var(--tiptop-font-heading);
font-weight: 700;
font-size: 16px;
line-height: 28px;
letter-spacing: 1.4px;
text-align: center;
color: #ad9372;
background:
linear-gradient(#ad9372, #ad9372) 50% 37px / 1px 0 no-repeat,
linear-gradient(rgba(173, 147, 114, .3), rgba(173, 147, 114, .3)) 50% 100% / 1px 52px no-repeat;
animation:
amae-kv-rise 1.1s cubic-bezier(.22, .61, .36, 1) 2.65s both,
amae-scroll-cue 2.2s ease-in-out 3.75s infinite;
}
html.amae-op-skip body.home .entry__content .amae-sec-hero .tiptop-standard-hero__content::after {
animation-delay: 1.2s, 2.3s;
}
html body.home .entry__content .amae-sec-hero h1[data-tiptop-scene-copy="title"] {
width: 432px;
max-width: none;
margin: 0;
padding: 7.685px 0 0;
font-family: var(--tiptop-font-heading);
font-size: 60px;
font-weight: 600;
line-height: 80.6px;
letter-spacing: 12px;
color: var(--tiptop-text);
text-align: left;
animation: amae-kv-rise 1.1s cubic-bezier(.22, .61, .36, 1) 1.65s both;
}
html.amae-op-skip body.home .entry__content .amae-sec-hero h1[data-tiptop-scene-copy="title"] {
animation-delay: .2s;
}
html body.home .entry__content .amae-sec-hero .tiptop-standard-hero__lead {
display: block;
width: max-content;
max-width: none;
margin: 36.81px 0 0;
padding: 0;
font-family: var(--tiptop-font-heading);
font-weight: 400;
font-size: 16px;
line-height: 28px;
letter-spacing: 1.4px;
color: #ad9372;
text-align: left;
animation: amae-kv-rise .9s cubic-bezier(.22, .61, .36, 1) 2.7s both;
}
html body.home .entry__content .amae-sec-hero .tiptop-standard-hero__lead::before {
content: "";
display: block;
width: 100px;
height: 1px;
margin-bottom: 29px;
background: linear-gradient(#cab5a0, #cab5a0) 0 0 / 100px 1px no-repeat;
animation: amae-kv-rule .8s cubic-bezier(.34, -.04, .32, 1.01) 2.9s both;
}
html.amae-op-skip body.home .entry__content .amae-sec-hero .tiptop-standard-hero__lead {
animation-delay: 1.25s;
}
html.amae-op-skip body.home .entry__content .amae-sec-hero .tiptop-standard-hero__lead::before {
animation-delay: 1.45s;
}
html.amae-split-on body.home .entry__content .amae-sec-hero h1[data-tiptop-scene-copy="title"][data-split] {
animation: none;
opacity: 1;
translate: none;
transition: none;
}
html body.home .entry__content .amae-sec-hero .tiptop-standard-hero__news {
position: absolute;
z-index: 2;
top: calc(50% + 150.5px);
left: calc((100% - min(1000px, 100%)) / 2 - min(100px, max(0px, (100vw - 1048px) / 2)));
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 30px;
width: min(1000px, 100%);
max-width: none;
margin: 0;
padding: 20px 70px 20px 50px;
background: linear-gradient(90deg, rgba(246, 245, 241, 0) 0%, #f6f5f1 40%, #f6f5f1 80%, rgba(246, 245, 241, 0) 100%);
border-top: 1px solid #cab5a0;
border-bottom: 1px solid #cab5a0;
border-radius: 0;
font-family: var(--tiptop-font-body);
font-size: 14px;
color: var(--tiptop-text);
text-align: left;
animation: amae-kv-rise 1.1s cubic-bezier(.22, .61, .36, 1) 3.55s both;
}
html.amae-op-skip body.home .entry__content .amae-sec-hero .tiptop-standard-hero__news {
animation-delay: 2.1s;
}
html body.home .entry__content .amae-sec-hero .tiptop-standard-hero__news-label {
flex: none;
min-width: 92px;
margin: 0 20px 0 0;
font-family: var(--tiptop-font-heading);
font-weight: 600;
font-size: 1.3125rem;
line-height: 1.6;
letter-spacing: normal;
color: var(--tiptop-muted);
white-space: nowrap;
}
html body.home .entry__content .amae-sec-hero .tiptop-standard-hero__news-date {
flex: none;
min-width: 110px;
margin: 0;
font-family: var(--tiptop-font-body);
font-weight: 400;
font-size: 16px;
line-height: 28px;
letter-spacing: 1.4px;
color: var(--tiptop-text);
white-space: nowrap;
}
html body.home .entry__content .amae-sec-hero .tiptop-standard-hero__news-title {
flex: 1;
min-width: 0;
margin: 0;
font-family: var(--tiptop-font-body);
font-weight: 400;
font-size: 16px;
line-height: 28px;
letter-spacing: 1.4px;
color: var(--tiptop-text);
text-decoration: none;
}
@media (prefers-reduced-motion: reduce) {
html body.home .entry__content .amae-sec-hero :is(h1[data-tiptop-scene-copy="title"], .tiptop-standard-hero__lead, .tiptop-standard-hero__lead::before, .tiptop-standard-hero__news) {
animation: none;
}
html body.home .entry__content .amae-sec-hero .tiptop-standard-hero__content::after {
animation: none;
transition: none;
opacity: 1;
}
}
html:is(.amae-pin-on, .amae-pin-sp) body.home .entry__content > .amae-sec-hero.tiptop-front-section {
position: sticky;
top: 0;
z-index: 0;
}
html:is(.amae-pin-on, .amae-pin-sp) body.home .entry__content.tiptop-front-content:has(> .amae-sec-hero) > .amae-sec-lead {
pointer-events: none;
}
html.amae-pin-on body.home .entry__content > .amae-sec-hero.tiptop-front-section {
zoom: var(--amae-fit, 1);
min-height: calc(100vh / var(--amae-fit, 1));
height: calc(100vh / var(--amae-fit, 1));
}
@media (min-width: 901px) {
html.amae-hero-vh:not(.amae-pin-on) body.home .entry__content > .amae-sec-hero.tiptop-front-section {
zoom: var(--amae-hero-fit, 1);
height: calc(100vh / var(--amae-hero-fit, 1));
}
}
@media (max-width: 900px) and (max-height: 549px) {
html body.home .entry__content .amae-sec-hero .tiptop-standard-hero__content::after {
display: none;
}
}
@media (max-width: 900px) {
html body.home .entry__content > .amae-sec-hero.tiptop-front-section {
height: 100svh;
min-height: 550px;
background-color: rgb(226, 216, 208);
}
html body.home .entry__content .amae-sec-hero .tiptop-standard-hero__figure img {
object-fit: cover;
object-position: 50% 50%;
}
html body.home .entry__content > .amae-sec-hero.tiptop-front-section::after {
background:
linear-gradient(180deg,
rgba(246, 245, 241, 0) 0%,
rgba(246, 245, 241, 0) 50%,
rgba(246, 245, 241, 0.032) 70.136%,
rgba(246, 245, 241, 0.5) 83.211%,
rgba(246, 245, 241, 0.785) 88.638%,
rgb(246, 245, 241) 94.559%);
}
html body.home .entry__content .amae-sec-hero .tiptop-standard-hero__content {
top: 70.5px;
left: 20px;
right: 20px;
bottom: 0;
width: auto;
transform: none;
padding: 20px 0 0;
}
html body.home .entry__content .amae-sec-hero .tiptop-standard-hero__content::before {
content: none;
}
html body.home .entry__content .amae-sec-hero .tiptop-standard-hero__content::after {
display: none;
}
html body.home .entry__content .amae-sec-hero h1[data-tiptop-scene-copy="title"] {
width: 100%;
padding-top: 1.5px;
font-size: 30px;
letter-spacing: 6px;
line-height: 48px;
}
html body.home .entry__content .amae-sec-hero h1[data-tiptop-scene-copy="title"] br {
display: inline;
}
html body.home .entry__content .amae-sec-hero .tiptop-standard-hero__lead {
max-width: 100%;
margin-top: 17px;
font-size: 11px;
line-height: 18px;
letter-spacing: 1.4px;
}
html body.home .entry__content .amae-sec-hero .tiptop-standard-hero__lead::before {
width: 50px;
margin-bottom: 20px;
background-size: 50px 1px;
}
html body.home .entry__content .amae-sec-hero .tiptop-standard-hero__news {
top: auto;
bottom: 20px;
left: 0;
right: -15px;
width: auto;
flex-direction: column;
align-items: flex-start;
gap: 0.8px;
padding: 20px;
border: 0;
}
html body.home .entry__content .amae-sec-hero .tiptop-standard-hero__news::before,
html body.home .entry__content .amae-sec-hero .tiptop-standard-hero__news::after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 1px;
pointer-events: none;
background: linear-gradient(90deg, rgba(202, 181, 160, 0) 0%, rgb(202, 181, 160) 40%, rgb(202, 181, 160) 80%, rgba(202, 181, 160, 0) 100%);
}
html body.home .entry__content .amae-sec-hero .tiptop-standard-hero__news::before { top: 0; }
html body.home .entry__content .amae-sec-hero .tiptop-standard-hero__news::after { bottom: 0; }
html body.home .entry__content .amae-sec-hero .tiptop-standard-hero__news > * {
width: 100%;
margin-inline: 0;
text-align: left;
}
html body.home .entry__content .amae-sec-hero .tiptop-standard-hero__news-label {
min-width: 0;
margin: 0;
color: var(--tiptop-text);
font-size: 15px;
line-height: 25.2px;
letter-spacing: 0;
}
html body.home .entry__content .amae-sec-hero .tiptop-standard-hero__news-date,
html body.home .entry__content .amae-sec-hero .tiptop-standard-hero__news-title {
font-size: 13px;
line-height: 20.8px;
letter-spacing: 1.4px;
}
html body.home .entry__content .amae-sec-hero .tiptop-standard-hero__news-title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-top: 4.2px;
}
}
@media (max-width: 899px) {
html.amae-pin-sp body.home .entry__content > .amae-sec-hero.tiptop-front-section {
z-index: auto;
}
html.amae-news-fixed body.home .entry__content .amae-sec-hero .tiptop-standard-hero__news {
left: 10px;
right: 10px;
bottom: 20px;
}
}
html.amae-split-on body.home .entry__content .amae-sec-hero .tiptop-standard-hero__news::before,
html.amae-split-on body.home .entry__content .amae-sec-hero .tiptop-standard-hero__news::after {
transform: scaleX(0);
transform-origin: center;
transition: transform .8s cubic-bezier(.34, -.04, .32, 1.01);
}
html.amae-split-on body.home .entry__content .amae-sec-hero .tiptop-standard-hero__news.is-ruled::before,
html.amae-split-on body.home .entry__content .amae-sec-hero .tiptop-standard-hero__news.is-ruled::after {
transform: scaleX(1);
transition-delay: .2s;
}
html.amae-split-on body.home .entry__content section.tiptop-front-section [data-amae-head][data-split] {
animation: none;
opacity: 1;
translate: none;
transition: none;
}
html body.home .entry__content section.tiptop-front-section:is(.is-shown, .is-telling, .is-on) > .topics__inner > .topics__head > [data-amae-head] .amae-ch,
html body.home .entry__content section.tiptop-front-section:is(.is-shown, .is-telling, .is-on) > .free-space__inner > [data-amae-head] .amae-ch,
html body.home .entry__content section.tiptop-front-section:is(.is-shown, .is-telling, .is-on) > .free-space__inner > .free-space__head > [data-amae-head] .amae-ch,
html body.home .entry__content section.tiptop-front-section:is(.is-shown, .is-telling, .is-on) > .tiptop-works-showcase__inner > [data-amae-head] .amae-ch,
html body.home .entry__content section.tiptop-front-section.amae-sec-blog:is(.is-shown, .is-telling, .is-on) [data-amae-head] .amae-ch {
opacity: 1;
translate: 0 0;
rotate: 0deg;
filter: blur(0);
}
html.amae-pin-on body.home .entry__content section.amae-sec-worry.is-hurry [data-amae-head] .amae-ch {
transition: none;
opacity: 1;
translate: 0 0;
rotate: 0deg;
filter: blur(0);
}