@charset "utf-8";
@media screen and (max-width: 619px){
.kv__photo .p-caption {
bottom: min(calc(36 / 375 * 100vw), 40px);
}
.kv__desc__en-heading {
font-size: min(calc(26 / 375 * 100vw), 26px);
}
}
.view__heading {
width: 100%;
min-height: calc(80 / 24 * 1em);
font-size: clamp(14px, calc(24 / 1200 * 100vw), 24px);
background: var(--color-gradient);
}
.view__heading em {
font-size: calc(30 / 24 * 100%);
}
.view__tabs {
margin-top: 0;
}
@media screen and (max-width: 619px){
.view__heading {
min-height: calc(44 / 16 * 1em);
font-size: min(calc(16 / 375 * 100vw), 16px);
}
.view__heading em {
font-size: calc(20 / 16 * 100%);
}
}
/* .premiumpickup {
} */
.anchor {
padding-top: 150px;
background: var(--color-gradient);
}
.anchor__list {
gap: 0 1px;
background: #fff;
}
.anchor__list__item {
flex: 1;
}
.anchor__list__item__link {
height: 100%;
min-height: calc(60 / 18 * 1em);
color: #666;
font-size: clamp(14px, calc(18 / 1200 * 100vw), 18px);
}
.anchor__list__item__link--1 {
background: rgba(var(--color-green), .3);
}
.anchor__list__item__link--2 {
background: #BAC7D3;
}
.anchor__list__item__link--3 {
background: rgba(var(--color-bluegreen), .3);
}
#premiumpickup .anchor__list__item__link--1 {
color: rgba(var(--color-green), 1);
background: #fff;
}
#premiumequip .anchor__list__item__link--2 {
background: #fff;
color: #18456D;
}
#plan .anchor__list__item__link--3 {
color: rgba(var(--color-bluegreen), 1);
background: #fff;
}
.premiumpickup__content {
padding-block: 150px;
}
.premiumpickup__content__data img {
width: auto;
}
.premiumpickup__content__point {
margin-top: 100px;
gap: 0 calc(80 / 1200 * 100%);
}
.premiumpickup__content__point__madori {
position: sticky;
top: 100px;
left: 0;
flex: 1;
}
.premiumpickup__content__point__madori__item {
position: absolute;
z-index: 1;
top: 0;
left: 0;
}
.premiumpickup__content__point__madori__item--1 {
position: relative;
}
/* .premiumpickup__content__point__madori__item--2 {
}
.premiumpickup__content__point__madori__item--3 {
}
.premiumpickup__content__point__madori__item--4 {
} */
.premiumpickup__content__point__madori__button {
display: none;
}
.premiumpickup__content__point__list {
width: calc(620 / 1200 * 100%);
grid-template-columns: 100%;
}
.premiumpickup__content__point__list__item {
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
padding-block: 100px;
}
.premiumpickup__content__point__list__item__enheading {
margin-right: calc(28 / 30 * 1em);
font-size: clamp(20px, calc(30 / 1200 * 100vw), 30px);
gap: 0 calc(8 / 30 * 1em);
}
.premiumpickup__content__point__list__item__enheading__txt {
font-size: 100%;
line-height: 1cap;
}
.premiumpickup__content__point__list__item__enheading__num {
width: calc(29 / 21 * 1em);
height: calc(29 / 21 * 1em);
border-radius: 100%;
font-size: calc(21 / 30 * 100%);
background: rgba(var(--color-green), 1);
}
.premiumpickup__content__point__list__item__checkheading {
font-size: clamp(20px, calc(30 / 1200 * 100vw), 30px);
width: calc(159 / 30 * 1em);
height: calc(34 / 30 * 1em);
margin-right: calc(28 / 30 * 1em);
color: rgba(0, 0, 0, 0);
background: rgba(var(--color-green), 1);
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center/100% auto;
mask: url('data:image/svg+xml;utf8,') no-repeat center/100% auto;
}
/* .premiumpickup__content__point__list__item__desc {
} */
.premiumpickup__content__point__list__item__desc__heading {
font-size: clamp(14px, calc(20 / 1200 * 100vw), 20px);
}
.premiumpickup__content__point__list__item__desc__heading small {
font-size: calc(12 / 20 * 100%);
color: #666;
}
.premiumpickup__content__point__list__item__photo {
grid-column: 1 / 3;
margin-top: 50px;
box-shadow: 0 0 40px rgba(0, 0, 0, .15);
}
/* .premiumpickup__content__point__list__item--1 {
}
.premiumpickup__content__point__list__item--2 {
}
.premiumpickup__content__point__list__item--3 {
}
.premiumpickup__content__point__list__item--4 {
} */
@media (hover: hover){
a.anchor__list__item__link {
transition: color .4s, background .4s;
}
.anchor__list__item__link--1:hover {
color: rgba(var(--color-green), 1);
background: #fff;
}
.anchor__list__item__link--2:hover {
background: #fff;
color: #18456D;
}
.anchor__list__item__link--3:hover {
color: rgba(var(--color-bluegreen), 1);
background: #fff;
}
}
@media screen and (max-width: 619px){
.anchor {
padding-top: 80px;
}
a.anchor__list__item__link {
min-height: calc(50 / 13 * 1em);
font-size: min(calc(13 / 375 * 100vw), 13px);
line-height: 1.384615385;
text-align: center;
}
.premiumpickup__content {
padding-top: 60px;
padding-bottom: 40px;
}
.premiumpickup__content__point {
margin-top: 40px;
gap: 120px 0;
}
.premiumpickup__content__point__madori {
top: 120px;
flex: 1 0 100%;
z-index: 2;
transition: .3s linear;
pointer-events: none;
}
.premiumpickup__content__point__madori--active {
max-width: calc(160 / 320 * 100%);
margin-left: calc(50% - var(--window-half-width));
background: #fff;
box-shadow: 0 0 14px rgba(0, 0, 0, .15);
pointer-events: auto;
cursor: pointer;
}
.premiumpickup__content__point__madori--expanded {
max-width: calc(320 / 320 * 100%);
}
.premiumpickup__content__point__madori__button {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
transform: translateX(50%) translateY(50%);
width: 28px;
height: 28px;
font-size: 0;
background: linear-gradient(0deg, transparent calc(50% - 0.5px), #fff calc(50% - 0.5px), #fff calc(50% + 0.5px), transparent calc(50% + 0.5px)) no-repeat center/11px 11px, linear-gradient(90deg, transparent calc(50% - 0.5px), #fff calc(50% - 0.5px), #fff calc(50% + 0.5px), transparent calc(50% + 0.5px)) no-repeat center/11px 11px #4A4433;
opacity: 0;
transition: opacity .3s linear;
}
.premiumpickup__content__point__madori--active .premiumpickup__content__point__madori__button {
opacity: 1;
}
.premiumpickup__content__point__madori--expanded .premiumpickup__content__point__madori__button {
background: linear-gradient(0deg, transparent calc(50% - 0.5px), #fff calc(50% - 0.5px), #fff calc(50% + 0.5px), transparent calc(50% + 0.5px)) no-repeat center/11px 11px #4A4433;
}
.premiumpickup__content__point__madori--active .premiumpickup__content__point__madori__item {
box-sizing: border-box;
padding: 20px;
}
.premiumpickup__content__point__list {
width: 100%;
position: relative;
z-index: 1;
}
.premiumpickup__content__point__list__item {
grid-template-columns: 100%;
padding-block: 40px;
}
.premiumpickup__content__point__list__item + .premiumpickup__content__point__list__item {
border-top: 1px solid #ccc;
}
.premiumpickup__content__point__list__item__enheading {
margin-right: 0;
font-size: min(calc(20 / 375 * 100vw), 20px);
justify-content: flex-start;
}
.premiumpickup__content__point__list__item__enheading__num {
width: calc(22 / 16 * 1em);
height: calc(22 / 16 * 1em);
font-size: calc(16 / 20 * 100%);
}
.premiumpickup__content__point__list__item__checkheading {
font-size: min(calc(20 / 375 * 100vw), 20px);
margin-right: 0;
}
.premiumpickup__content__point__list__item__desc {
margin-top: 20px;
}
.premiumpickup__content__point__list__item__desc__heading {
font-size: min(calc(16 / 375 * 100vw), 16px);
}
.premiumpickup__content__point__list__item__desc__heading small {
font-size: 10px;
}
.premiumpickup__content__point__list__item__photo {
grid-column: 1 / 2;
margin-top: 30px;
box-shadow: 0 0 20px rgba(0, 0, 0, .15);
}
}
.premiumvr {
padding-top: 100px;
padding-bottom: 50px;
background: var(--color-gradient);
}
/* .premiumvr__enheading {
} */
.premiumvr__heading {
font-size: clamp(22px, calc(32 / 1200 * 100vw), 32px);
line-height: 1.5625;
margin-top: calc(45px + ((1.5625 - 1) / 2 * -1em));
margin-bottom: calc((1.5625 - 1) / 2 * -1em);
}
.premiumvr__bnr {
margin-top: 65px;
}
@media screen and (max-width: 619px){
.premiumvr {
padding-top: 50px;
padding-bottom: 0;
}
.premiumvr__heading {
font-size: min(calc(24 / 375 * 100vw), 24px);
line-height: 1.5;
margin-top: calc(40px + ((1.5 - 1) / 2 * -1em));
margin-bottom: calc((1.5 - 1) / 2 * -1em);
}
.premiumvr__bnr {
margin-top: 30px;
}
}
/* .premiumequip {
} */
.premiumequip__content {
padding-block: 150px;
}
/* .premiumequip__content__item {
}
.premiumequip__content__item--bath {
} */
.premiumequip__content__item--kitchen {
margin-top: 100px;
}
.premiumequip__content__item--powder {
margin-top: 100px;
}
@media screen and (max-width: 619px){
.premiumequip__content {
padding-block: 80px;
}
.premiumequip__content__item--powder {
margin-top: 50px;
}
}
.plan {
margin-top: 0;
padding: 0;
}
.plan__heading {
font-size: clamp(22px, calc(32 / 1200 * 100vw), 32px);
line-height: 1.5625;
margin-block: calc(100px + ((1.5625 - 1) / 2 * -1em));
}
@media screen and (max-width: 619px){
.plan__heading {
font-size: min(calc(24 / 375 * 100vw), 24px);
line-height: 1.5;
margin-block: calc(50px + ((1.5 - 1) / 2 * -1em));
}
}
.toplan {
margin-block: 120px;
}
@media screen and (max-width: 619px){
.toplan {
margin-top: 40px;
}
}