.policy-page {
background: #fff;
color: #000;
padding-top: clamp(130px, 15vw, 170px);
}
.policy {
padding: clamp(24px, 3vw, 40px) var(--pad) clamp(72px, 8vw, 104px);
}
.policy__inner {
max-width: 760px;
margin-inline: auto;
}
.policy__back {
margin: 0 0 clamp(28px, 3vw, 40px);
font-family: var(--helvetica);
font-size: clamp(13px, .95vw, 15px);
font-weight: 600;
letter-spacing: .04em;
}
.policy__back a {
color: var(--green);
}
.policy__back a:hover {
opacity: .75;
}
.policy__title {
margin: 0 0 clamp(32px, 4vw, 48px);
font-family: var(--serif);
font-size: clamp(24px, 3vw, 34px);
font-weight: 600;
line-height: 1.6;
letter-spacing: .08em;
color: var(--green);
}
.policy__title--ja,
.policy__body--ja {
display: none;
}
.policy__body {
font-family: var(--serif);
font-size: var(--lp-body-sm);
font-weight: 500;
line-height: 2;
letter-spacing: .04em;
color: #000;
}
.policy__body {
letter-spacing: 0;
line-height: 1.85;
}
.policy__body p {
margin: 0 0 1.1em;
}
.policy__body p.title {
margin-top: 1.8em;
margin-bottom: .55em;
font-weight: 600;
color: var(--green);
}
.policy__body p.title:first-child {
margin-top: 0;
}
.policy__body p.right {
text-align: right;
}
@media (max-width: 768px) {
.policy-page {
padding-top: clamp(110px, 26vw, 140px);
}
}