@charset "utf-8";
.schemekv {
position: relative;
z-index: 1;
}
.schemekv__photo {
z-index: 1;
}
.schemekv__desc {
position: absolute;
z-index: 2;
top: min(50%, 50vh);
left: 0;
translate: 0 -50%;
width: 100%;
box-sizing: border-box;
padding-inline: calc(150 / 1920 * 100%);
}
.schemekv__desc__jaheading {
font-size: clamp(38px, calc(58 / 1200 * 100vw), 58px);
filter: drop-shadow(0 5px 10px rgba(0, 0, 0, .5)) drop-shadow(0 5px 25px rgba(0, 0, 0, 1));
}
@media screen and (max-width: 619px){
.schemekv__photo img {
height: 50svh;
object-fit: cover;
}
.schemekv__desc {
padding-inline: calc(20 / 375 * 100%);
}
.schemekv__desc__jaheading {
font-size: min(calc(23 / 380 * 100vw), 23px);
}
}
.schemeheading {
font-size: clamp(19px, calc(29 / 1200 * 100vw), 29px);
line-height: 1.655172414;
}
.schemecaution {
color: #4c4948;
}
.schemelargeheading {
max-width: 864px;
margin-block: 0 !important;
box-sizing: border-box;
padding: calc((15 / 29 * 1em) + var(--leading-trim)) .5em;
background: rgba(var(--color-beige2), 1);
}
.schemenum {
height: clamp(33px, calc(53 / 1200 * 100vw), 53px);
font-size: 0;
background: currentColor;
}
.schemenum1 {
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center/auto 100%;
mask: url('data:image/svg+xml;utf8,') no-repeat center/auto 100%;
}
.schemenum2 {
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center/auto 100%;
mask: url('data:image/svg+xml;utf8,') no-repeat center/auto 100%;
}
.schemenum3 {
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center/auto 100%;
mask: url('data:image/svg+xml;utf8,') no-repeat center/auto 100%;
}
.schemenum4 {
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center/auto 100%;
mask: url('data:image/svg+xml;utf8,') no-repeat center/auto 100%;
}
.schemelistheading {
--margin-top: 20px;
}
.schemelistcopy {
text-align: center;
--margin-top: 30px;
}
@media screen and (max-width: 619px){
.schemeheading {
font-size: min(calc(20 / 380 * 100vw), 20px);
}
.schemelargeheading {
padding: calc((12 / 20 * 1em) + var(--leading-trim)) .5em;
line-height: 1.4;
}
.schemenum {
height: min(calc(35 / 380 * 100vw), 35px);
}
.schemelistcopy {
text-align: justify;
--margin-top: 25px;
}
}
.intro {
padding-block: 110px;
}
/* .intro__heading {
} */
.intro__copy {
text-align: center;
--margin-top: 45px;
}
.intro__catch {
max-width: 864px;
margin-top: 40px;
box-sizing: border-box;
padding: 22px 30px;
background: #002662;
}
.intro__catch__heading {
line-height: 1.24137931;
}
.intro__catch__copy {
font-size: clamp(15px, calc(22 / 1200 * 100vw), 22px);
--margin-top: .5em;
}
.intro__caution {
text-align: center;
}
@media screen and (max-width: 619px){
.intro {
padding-block: 80px;
}
.intro__copy {
text-align: justify;
--margin-top: 35px;
letter-spacing: -.025em;
}
.intro__catch {
margin-top: 35px;
padding: 22px 5px;
}
.intro__catch__heading {
line-height: 1.4;
letter-spacing: 0;
translate: .25em;
}
.intro__catch__copy {
font-size: min(calc(14 / 380 * 100vw), 14px);
--margin-top: 1em;
}
.intro__caution {
text-align: justify;
}
}
.about {
padding-block: 120px 100px;
background: url(../img/bg_about.jpg) no-repeat center/cover;
}
/* .about__heading {
} */
.about__copy {
text-align: center;
--margin-top: 45px;
}
.about__photo {
max-width: 1034.5px;
margin-top: 75px;
}
.about__photo__link {
pointer-events: none;
}
@media screen and (max-width: 619px){
.about {
padding-block: 80px;
}
.about__copy {
text-align: justify;
--margin-top: 45px;
}
.about__photo__link {
pointer-events: auto;
}
.about__modal .photo {
width: 150vw;
box-sizing: border-box;
padding: 30px;
}
}
.merit {
padding-block: 120px;
}
/* .merit__heading {
} */
.merit__list {
margin-top: 95px;
}
/* .merit__list__item {
}
.merit__list__item__num {
}
.merit__list__item__heading {
}
.merit__list__item__copy {
} */
.merit__list__item__photo {
margin-inline: auto;
}
.merit__list__item--1 .merit__list__item__photo {
max-width: 163.5px;
margin-top: 40px;
}
.merit__list__item--2 {
margin-top: 115px;
}
.merit__list__item--2 .merit__list__item__photo {
max-width: 655.5px;
margin-top: 58px;
}
.merit__list__item--3 {
margin-top: 85px;
}
.merit__list__item--3 .merit__list__item__photo {
max-width: 172.5px;
margin-top: 42px;
}
.merit__list__item--4 {
margin-top: 115px;
}
.merit__list__item--4 .merit__list__item__photo {
max-width: 602.5px;
margin-top: 38px;
}
.merit__nishikoyama {
margin-top: 105px;
}
.merit__nishikoyama__heading {
padding-block: calc((30 / 29 * 1em) + var(--leading-trim));
background: #002662;
}
.merit__nishikoyama__photo {
max-width: 769px;
margin-top: 65px;
}
.merit__nishikoyama__photo__link {
pointer-events: none;
}
@media screen and (max-width: 619px){
.merit {
padding-block: 80px;
}
.merit__list {
margin-top: 40px;
}
.merit__list__item--1 .merit__list__item__photo {
margin-top: 35px;
zoom: .8;
}
.merit__list__item--2 {
margin-top: 80px;
}
.merit__list__item--2 .merit__list__item__photo {
margin-top: 35px;
}
.merit__list__item--3 {
margin-top: 80px;
}
.merit__list__item--3 .merit__list__item__photo {
margin-top: 35px;
zoom: .8;
}
.merit__list__item--4 {
margin-top: 80px;
}
.merit__list__item--4 .merit__list__item__photo {
margin-top: 35px;
zoom: .8;
}
.merit__nishikoyama {
margin-top: 80px;
}
.merit__nishikoyama__heading {
padding: calc((20 / 20 * 1em) + var(--leading-trim)) 0 calc((20 / 20 * 1em) + var(--leading-trim)) .5em;
letter-spacing: 0;
}
.merit__nishikoyama__photo {
margin-top: 30px;
}
.merit__nishikoyama__photo__link {
pointer-events: auto;
}
.merit__nishikoyama__modal .photo {
width: 150vw;
box-sizing: border-box;
padding: 30px;
}
}
.attention {
padding-block: 115px 100px;
background: url(../img/bg_attention.jpg) no-repeat center/cover;
}
/* .attention__heading {
} */
.attention__list {
margin-top: 95px;
}
/* .attention__list__item {
}
.attention__list__item__num {
}
.attention__list__item__heading {
}
.attention__list__item__copy {
} */
.attention__list__item__caution {
--margin-top: 1em;
text-align: center;
color: #595757;
}
.attention__list__item--2 {
margin-top: 70px;
}
@media screen and (max-width: 619px){
.attention {
padding-block: 80px;
}
.attention__list {
margin-top: 40px;
}
.attention__list__item__caution {
--margin-top: .75em;
text-align: justify;
}
.attention__list__item--2 {
margin-top: 60px;
}
}
.for {
padding-block: 120px 140px;
}
/* .for__heading {
} */
.for__list {
margin-top: 95px;
}
/* .for__list__item {
}
.for__list__item__num {
}
.for__list__item__heading {
}
.for__list__item__copy {
} */
.for__list__item__photo {
margin-inline: auto;
}
.for__list__item--1 .for__list__item__photo {
max-width: 335px;
margin-top: 38px;
}
.for__list__item--2 {
margin-top: 118px;
}
.for__list__item--2 .for__list__item__photo {
max-width: 510px;
margin-top: 38px;
}
.for__list__item--3 {
margin-top: 118px;
}
.for__list__item--3 .for__list__item__photo {
max-width: 416px;
margin-top: 40px;
}
@media screen and (max-width: 619px){
.for {
padding-block: 80px;
}
.for__list {
margin-top: 40px;
}
.for__list__item--1 .for__list__item__photo {
margin-top: 50px;
zoom: .6;
}
.for__list__item--2 {
margin-top: 80px;
}
.for__list__item--2 .for__list__item__photo {
margin-top: 50px;
zoom: .5;
}
.for__list__item--3 {
margin-top: 80px;
}
.for__list__item--3 .for__list__item__photo {
margin-top: 50px;
zoom: .5;
}
}
.summary {
padding-block: 115px 75px;
background: url(../img/bg_summary.jpg) no-repeat center/cover;
}
/* .summary__heading {
} */
.summary__list {
max-width: 864px;
margin-top: 60px;
grid-template-columns: 100%;
gap: 20px 0;
}
.summary__list__item {
box-sizing: border-box;
padding: 20px;
background: #fff;
}
.summary__list__item__copy {
line-height: 1.310344828;
}
.summary__catch {
margin-top: 75px;
box-sizing: border-box;
padding: 80px 30px;
background: url(../img/bg_summary2.webp) no-repeat center/cover;
}
/* .summary__catch__heading {
} */
@media screen and (max-width: 619px){
.summary {
padding-block: 80px 60px;
}
.summary__list {
margin-top: 30px;
gap: 15px 0;
}
.summary__list__item {
padding: 15px 0;
}
.summary__list__item__copy {
font-size: min(16px, calc(16 / 380 * 100vw));
line-height: 1.5;
}
.summary__catch {
margin-top: 40px;
padding: 30px 0;
background-repeat: repeat-x;
background-position: center right;
background-size: auto 100%;
overflow: hidden;
}
.summary__catch__heading {
translate: .25em;
}
}