@charset "UTF-8";:root{--theme-main2: #1b8193;--theme-white: #fff}.optional-tour{display:flex;flex-direction:column;gap:6rem}@media screen and (min-width: 576px){.optional-tour{gap:12rem}}.optional-tour-process{display:flex;flex-direction:column;gap:3rem}@media screen and (min-width: 576px){.optional-tour-process{gap:6rem}}.optional-tour-process .process-box{position:relative;display:flex;gap:10%;padding-bottom:3rem;border-bottom:.1rem solid #b2afa0}@media screen and (min-width: 576px){.optional-tour-process .process-box{padding:0 3.5% 4rem}}.optional-tour-process .process-box:last-child:after{content:none}.optional-tour-process .process-box:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-style:solid;border-right:1.2rem solid transparent;border-left:1.2rem solid transparent;border-top:1.3rem solid #b2afa0;border-bottom:0}.optional-tour-process .process-box .process-heading{display:flex;flex-wrap:wrap;gap:1.5rem 5%}@media screen and (min-width: 576px){.optional-tour-process .process-box .process-heading{width:82%;flex:1;gap:0;padding-left:18%}}.optional-tour-process .process-box .process-heading .process-num{width:15%;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#9a9a9a;line-height:1;font-family:Cinzel,serif}@media screen and (min-width: 576px){.optional-tour-process .process-box .process-heading .process-num{position:absolute;top:0;left:3.5%;width:auto}}.optional-tour-process .process-box .process-heading .process-num .text{font-size:1.4rem;font-weight:600}@media screen and (min-width: 576px){.optional-tour-process .process-box .process-heading .process-num .text{font-size:2rem}}.optional-tour-process .process-box .process-heading .process-num .num{font-size:4rem;font-weight:600}@media screen and (min-width: 576px){.optional-tour-process .process-box .process-heading .process-num .num{font-size:5rem}}.optional-tour-process .process-box .process-heading .ttl{width:80%;font-size:1.6rem;font-weight:600;letter-spacing:.05em;color:#595959;align-self:flex-end;margin-bottom:.5rem}@media screen and (min-width: 576px){.optional-tour-process .process-box .process-heading .ttl{width:100%;font-size:1.8rem;margin-bottom:1.5rem}}.optional-tour-process .process-box .process-heading .text-area>*:not(.mb)+*{margin-top:.5rem}@media screen and (min-width: 576px){.optional-tour-process .process-box .process-heading .text-area>*:not(.mb)+*{margin-top:0}}.optional-tour-list{display:flex;flex-direction:column;gap:2.6rem;font-family:"Noto Serif JP",serif}@media screen and (min-width: 576px){.optional-tour-list{gap:2.6rem}}.optional-tour-list>dl{display:flex;flex-direction:column;gap:1.4rem;border-bottom:.1rem solid #c0c0c0;padding-bottom:3rem;font-size:1.5rem}@media screen and (min-width: 576px){.optional-tour-list>dl{padding-bottom:2.6rem;flex-direction:row;gap:2rem;font-size:1.6rem}}.optional-tour-list>dl:last-of-type{border-bottom:none;padding-bottom:0}.optional-tour-list>dl>dt{font-weight:600}@media screen and (min-width: 576px){.optional-tour-list>dl>dt{width:calc(18% - 2rem)}.optional-tour-list>dl>dd{width:82%;flex:1}}.optional-tour-list>dl>dd .area-list{display:flex;flex-wrap:wrap;gap:1.5rem 1rem}@media screen and (min-width: 576px){.optional-tour-list>dl>dd .area-list{gap:1.4rem 4rem}}.optional-tour-list>dl>dd .area-list>li{position:relative;padding-left:3rem;width:calc((100% - 1rem)/2);cursor:pointer}@media screen and (min-width: 576px){.optional-tour-list>dl>dd .area-list>li{padding-left:3.2rem;width:auto}}.optional-tour-list>dl>dd .area-list>li span{font-size:80%;display:block}@media screen and (min-width: 576px){.optional-tour-list>dl>dd .area-list>li span{display:inline-block}}.optional-tour-list>dl>dd .area-list>li:before{content:"";width:2rem;height:2rem;border:1px solid #9a9a9a;border-radius:3px;position:absolute;left:0;top:.3rem;background:#fff}.optional-tour-list>dl>dd .area-list>li.isActive:before{content:"";background:#b5ad95;border-color:#b5ad95}.optional-tour-list>dl>dd .area-list>li.isActive:after{content:"✔";position:absolute;left:.4rem;top:.2rem;font-size:1.4rem;color:#fff}.optional-tour-list .reset-btn{display:inline-block;border:.1rem solid #666;color:#666;font-size:1.4rem;font-weight:500;padding:.5rem 2rem;transition:opacity .2s cubic-bezier(0,.58,.91,.85);cursor:pointer}.optional-tour-list .reset-btn:before{content:"✕";margin-right:1rem}.optional-tour-list .reset-btn:hover{opacity:.8}.optional-tour-order-box{display:flex;justify-content:center;align-items:center}@media screen and (min-width: 576px){.optional-tour-order-box{justify-content:flex-end}}.optional-tour-order-box .order-list{display:flex;gap:6.5rem}.optional-tour-order-box .order-list li{position:relative;cursor:pointer}.optional-tour-order-box .order-list li:after{content:"|";position:absolute;right:-3.5rem;top:0}.optional-tour-order-box .order-list li:last-of-type:after{content:none}.optional-tour-order-box .order-list li.active_fee{color:var(--theme-main2);text-decoration:underline}.optional-tour-plan{display:flex;flex-direction:column;gap:4rem}@media screen and (min-width: 576px){.optional-tour-plan{gap:5rem}}.optional-tour-plan .plan-item{display:flex;flex-direction:column;gap:2rem;background-color:var(--theme-white);padding:3.4rem 2.6rem}@media screen and (min-width: 576px){.optional-tour-plan .plan-item{flex-direction:row;gap:5rem;padding:3.4rem}}.optional-tour-plan .plan-item .image-area{width:100%}@media screen and (min-width: 576px){.optional-tour-plan .plan-item .image-area{width:40%}}.optional-tour-plan .plan-item .image-area img{aspect-ratio:3/2;-o-object-fit:cover;object-fit:cover}.optional-tour-plan .plan-item .heading{width:100%;display:flex;flex-direction:column;gap:1.5rem}@media screen and (min-width: 576px){.optional-tour-plan .plan-item .heading{width:60%;gap:2rem;margin-top:2rem}}.optional-tour-plan .plan-item .heading .plan-fee{font-size:1.4rem;font-weight:600;letter-spacing:.04em;color:#595959}@media screen and (min-width: 576px){.optional-tour-plan .plan-item .heading .plan-fee{font-size:1.6rem}}.optional-tour-plan .plan-item .heading .plan-ttl{font-size:1.8rem;font-weight:600;color:#ce7535;letter-spacing:.06em;padding-left:1.2rem;border-left:.4rem solid #ce7535}@media screen and (min-width: 576px){.optional-tour-plan .plan-item .heading .plan-ttl{font-size:2.2rem}}.optional-tour-plan .plan-item .heading .plan-text{font-size:1.3rem;letter-spacing:.04em;line-height:1.9;color:#838383}@media screen and (min-width: 576px){.optional-tour-plan .plan-item .heading .plan-text{font-size:1.5rem}}.optional-tour-plan .plan-item .heading .plan-text ul>li:before{background-color:#838383}.optional-tour-plan .plan-item .heading .plan-note{font-size:1.3rem;font-weight:600;letter-spacing:.04em;line-height:1.9;color:#1c707e}@media screen and (min-width: 576px){.optional-tour-plan .plan-item .heading .plan-note{font-size:1.5rem}}.optional-tour-plan .plan-item .heading .plan-block{display:flex;flex-direction:column;align-items:flex-end;gap:2.5rem}@media screen and (min-width: 576px){.optional-tour-plan .plan-item .heading .plan-block{flex-direction:row;gap:2rem}}.optional-tour-plan .plan-item .heading .plan-tag-list{width:100%;display:flex;flex-wrap:wrap;gap:.5rem 1rem}@media screen and (min-width: 576px){.optional-tour-plan .plan-item .heading .plan-tag-list{width:60%}}.optional-tour-plan .plan-item .heading .plan-tag-list li{font-size:1.2rem;color:#817655;border:.1rem solid #817655;border-radius:.4rem;line-height:1;padding:.5rem 1.2rem}@media screen and (min-width: 576px){.optional-tour-plan .plan-item .heading .plan-tag-list li{font-size:1.3rem}}.optional-tour-plan .plan-item .heading .plan-btn-area{text-align:right;width:100%}@media screen and (min-width: 576px){.optional-tour-plan .plan-item .heading .plan-btn-area{width:40%}}