@charset "UTF-8";

.page-activity .activity-01 .content-01 .content-items-02 .note-01 { font-size:13px;}
.page-activity .activity-01 .content-01 .content-items-01 .item-02 { font-size:14px;}
.page-activity .button-01 { font-size:16px;}
.page-activity .activity-01 .content-01 .content-items-01 .item-01 { font-size:42px;}
.page-activity .activity-01 .content-01 .content-items-01 .item-01 .jp { font-size:30px;}
.page-activity .activity-01 .content-01 .content-items-01 .item-01 .en { font-family:"Cormorant Garamond","游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",sans-serif; font-weight:500;}
.page-activity .activity-01 .content-01 .content-items-01 .item-01 .en * { font-family:"Cormorant Garamond","游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",sans-serif; font-weight:500;}
.page-activity { width:100%; background-color:#f8f5f0; padding-bottom:140px;}
.page-activity .activity-01 { max-width:1200px; width:92.7%; margin-left:auto; margin-right:auto; margin-top:131px;}
.page-activity .activity-01 .content-01 { width:100%; padding-top:4.1667%; padding-bottom:4.1667%; min-height:420px; background-color:#fff; display:flex; justify-content:center;}
.page-activity .activity-01 .content-01 .items-wrap-01 { display:flex; justify-content:space-between; width:1006px;}
.page-activity .activity-01 .content-01 .content-items-01 { width:362px; display:flex; flex-direction:column; justify-content:center; padding-top:.4970178926%;}
.page-activity .activity-01 .content-01 .content-items-01 .item-01 { width:100%;}
.page-activity .activity-01 .content-01 .content-items-01 .item-01 .en { display:block; position:relative; width:100%; color:#9c8b66; letter-spacing:0; line-height:.7; padding-bottom:0.4881em; margin-bottom:0.1905em;}
.page-activity .activity-01 .content-01 .content-items-01 .item-01 .en::after { width:0.9524em; height:2px; position:absolute; left:0; bottom:0; content:""; display:block; background-color:#9c8b66; transform:translateY(50%) scaleY(0.5);}
.page-activity .activity-01 .content-01 .content-items-01 .item-01 .jp { display:block; width:100%; line-height:1.5; letter-spacing:.1em;}
.page-activity .activity-01 .content-01 .content-items-01 .item-02 { margin-top:6.3536%; width:100%; line-height:1.8; text-align:justify; text-justify:inter-ideograph; word-break:break-all;}
.page-activity .activity-01 .content-01 .content-items-01 .item-02 .note-01 { display:block; position:relative; padding-left:1.3214em; margin-top:2.2099%;}
.page-activity .activity-01 .content-01 .content-items-01 .item-02 .note-01::before { position:absolute; left:0.1786em; content:""; display:block; background-color:#0b0c10; width:.75em; height:.75em; line-height:1.8; top:0.4286em;}
.page-activity .activity-01 .content-01 .content-items-02 { width:580px; display:flex; flex-direction:column; justify-content:flex-end; padding-bottom:.8449304175%;}
.page-activity .activity-01 .content-01 .content-items-02 figure { width:100%; position:relative; aspect-ratio:29 / 12;}
.page-activity .activity-01 .content-01 .content-items-02 figure img { position:absolute; left:0; bottom:0;}
.page-activity .activity-01 .content-01 .content-items-02 .note-01 { line-height:1.5; margin-top:.8503401361%; width:100%; display:flex; justify-content:flex-end;}
.page-activity .activity-01 .content-01 .content-items-02 .note-01 strong { display:block; letter-spacing:.08em; line-height:1.5; position:relative; padding-left:1.2em;}
.page-activity .activity-01 .content-01 .content-items-02 .note-01 strong::before { content:"※"; line-height:1.5; position:absolute; top:0; left:0;}
.page-activity .activity-01 .content-01.switch .content-items-02 .note-01 { justify-content:flex-start;}
.page-activity .activity-01 .content-01+.content-01 { margin-top:116px;}
.page-activity .button-01 { width:100%; margin-top:8.8398%;}
.page-activity .button-01.sp { margin-top:9.7222%;}
.page-activity .button-01 a { position:relative; width:100%; max-width:21.25em; height:3.75em; display:block; background-color:hsla(0,0%,100%,0); transition:background-color 400ms;}
.page-activity .button-01 a::before,
.page-activity .button-01 a::after { transition:background-color 400ms; content:""; display:block; background-color:#9c8b66; position:absolute; left:0; top:0;}
.page-activity .button-01 a::before { width:100%; height:2px; transform:translateY(-25%) scaleY(0.5);}
.page-activity .button-01 a::after { width:2px; height:100%; transform:translateX(-25%) scaleX(0.5);}
.page-activity .button-01 a>p { position:relative; left:0; top:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
.page-activity .button-01 a>p strong { position:relative; top:-0.0625em; color:#9c8b66; letter-spacing:.1em; display:block; line-height:1.5;}
.page-activity .button-01 a>p::before,
.page-activity .button-01 a>p::after { transition:background-color 400ms; content:""; display:block; background-color:#9c8b66; position:absolute; right:0; bottom:0;}
.page-activity .button-01 a>p::before { width:100%; height:2px; transform:translateY(25%) scaleY(0.5);}
.page-activity .button-01 a>p::after { width:2px; height:100%; transform:translateX(25%) scaleX(0.5);}
.page-activity .button-01 a:active { background-color:rgba(156,139,102,
.05);}
.page-activity .button-01 .icon-file-01 { height:1.75em; width:auto; top:-0.0625em; margin-right:1.375em; position:relative;}
.page-activity .button-01 .arrow-01 { width:1.5em; height:auto; position:relative; top:-0.0625em; margin-left:0.9375em;}
.page-activity .button-01 .arrow-01 path { fill:none; stroke:#9c8b66;}
.page-activity .common-booking-01 { margin-top:75px;}

@media (min-width:768.1px) {
.page-activity .activity-01 .content-01.switch .content-items-01 { order:2;}
.page-activity .activity-01 .content-01.switch .content-items-02 { order:1;}
.page-activity .button-01.sp { display:none;}
}

@media (min-width:1000.1px) {
.page-activity .activity-01 .content-01 .content-items-01 .item-02 { letter-spacing:.1em;}
}

@media (max-width:1440px) {
.page-activity { padding-bottom:9.7222%;}
.page-activity .activity-01 { margin-top:9.0972%;}
.page-activity .activity-01 .content-01+.content-01 { margin-top:8.0556vw;}
.page-activity .common-booking-01 { margin-top:5.2083%;}
}

@media (max-width:1295px) {
.page-activity .activity-01 .content-01 { min-height:32.4324vw;}
}

@media (max-width:1200px) {
.page-activity .activity-01 .content-01 .items-wrap-01 { width:90.4351%;}
.page-activity .activity-01 .content-01 .content-items-01 { width:37.9722%;}
.page-activity .activity-01 .content-01 .content-items-02 { margin-bottom:-.4970178926%; padding-bottom:0; width:57.6541%;}
}

@media (max-width:768px) {
.page-activity { padding-bottom:18.2292%;}
.page-activity .activity-01 { width:87.5%; margin-top:10.4167%;}
.page-activity .activity-01 .content-01 { padding-top:13.9881%; padding-bottom:13.3929%;}
.page-activity .activity-01 .content-01 .items-wrap-01 { width:85.7143%; flex-direction:column; justify-content:flex-start;}
.page-activity .activity-01 .content-01 .content-items-01 { justify-content:flex-start; padding-top:0; width:100%;}
.page-activity .activity-01 .content-01 .content-items-01 .item-01 .en { padding-bottom:0.4412em; margin-bottom:0.1544em;}
.page-activity .activity-01 .content-01 .content-items-01 .item-01 .en::after { height:4px; width:1.1765em;}
.page-activity .activity-01 .content-01 .content-items-01 .item-01 .jp { letter-spacing:.05em;}
.page-activity .activity-01 .content-01 .content-items-01 .item-02 { margin-top:5.4688%;}
.page-activity .activity-01 .content-01 .content-items-01 .item-02 .note-01 { margin-top:2.9586%; padding-left:1.4333em;}
.page-activity .activity-01 .content-01 .content-items-01 .item-02 .note-01::before { top:0.4667em;}
.page-activity .activity-01 .content-01 .content-items-02 { margin-top:8.6806%; padding-top:0; width:100%; justify-content:flex-start;}
.page-activity .activity-01 .content-01 .content-items-02 figure { aspect-ratio:3 / 2;}
.page-activity .activity-01 .content-01 .content-items-02 figure img { width:100%; height:100%; object-fit:cover; top:0; bottom:auto;}
.page-activity .activity-01 .content-01 .content-items-02 .note-01 { margin-top:1.3889%;}
.page-activity .activity-01 .content-01+.content-01 { margin-top:7.1429%;}
.page-activity .button-01.pc { display:none;}
.page-activity .button-01 a { height:3.75em;}
.page-activity .button-01 a::before { height:4px;}
.page-activity .button-01 a::after { width:4px;}
.page-activity .button-01 a>p::before { height:4px;}
.page-activity .button-01 a>p::after { width:4px;}
.page-activity .button-01 .arrow-01 { width:1.5em; margin-left:0.9375em;}
.page-activity .common-booking-01 { margin-top:8.4635%;}
}

@media (max-width:450px) {
.page-activity .activity-01 .content-01 .content-items-01 .item-01 .en::after { height:3px;}
.page-activity .button-01 a::before { height:3px;}
.page-activity .button-01 a::after { width:3px;}
.page-activity .button-01 a>p::before { height:3px;}
.page-activity .button-01 a>p::after { width:3px;}
}

@media (max-width:400px) {
.page-activity .activity-01 .content-01 .content-items-01 .item-01 .en::after { height:2px;}
.page-activity .button-01 a::before { height:2px;}
.page-activity .button-01 a::after { width:2px;}
.page-activity .button-01 a>p::before { height:2px;}
.page-activity .button-01 a>p::after { width:2px;}
}

@media (max-width:320px) {
.page-activity .activity-01 .content-01 .content-items-02 .note-01 { font-size:11px;}
.page-activity .activity-01 .content-01 .content-items-01 .item-02 { font-size:13px;}
.page-activity .button-01 { font-size:13px;}
.page-activity .activity-01 .content-01 .content-items-01 .item-01 .jp { font-size:20px;}
.page-activity .activity-01 .content-01 .content-items-01 .item-01 { font-size:28px;}
}

@media (min-width:700.1px) and (max-width:1440px) {
.page-activity .activity-01 .content-01 .content-items-02 .note-01 { font-size:calc(10px + (1vw - 7px) * .4054);}
.page-activity .activity-01 .content-01 .content-items-01 .item-02 { font-size:calc(10px + (1vw - 7px) * .5405);}
.page-activity .button-01 { font-size:calc(12px + (1vw - 7px) * .5405);}
.page-activity .activity-01 .content-01 .content-items-01 .item-01 { font-size:calc(24px + (1vw - 7px) * 2.4324);}
.page-activity .activity-01 .content-01 .content-items-01 .item-01 .jp { font-size:calc(15px + (1vw - 7px) * 2.027);}
}

@media (min-width:320.1px) and (max-width:768px) {
.page-activity .activity-01 .content-01 .content-items-02 .note-01 { font-size:calc(11px + (1vw - 3.2px) * 3.3482);}
.page-activity .activity-01 .content-01 .content-items-01 .item-02 { font-size:calc(13px + (1vw - 3.2px) * 3.7946);}
.page-activity .button-01 { font-size:calc(13px + (1vw - 3.2px) * 4.2411);}
.page-activity .activity-01 .content-01 .content-items-01 .item-01 .jp { font-size:calc(20px + (1vw - 3.2px) * 6.25);}
.page-activity .activity-01 .content-01 .content-items-01 .item-01 { font-size:calc(28px + (1vw - 3.2px) * 8.9286);}
}

@media (hover:hover) and (pointer:fine) {
.page-activity .button-01 a:hover { background-color:rgba(156,139,102,
.05);}
}