@charset "utf-8";
*,*::before,*::after{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

.af-wrap{
    width:100%;
    margin:0 auto;
    background-color:#fff;
    position:relative;
}
.af-he{
    width:100%;
    aspect-ratio:90.3/4;
    background:url(https://p-c.pw/aso-f/img/acc-he.webp) center / cover no-repeat;
    position:sticky;
    top:84px;
    /* top:120px; */
    /* top:156px; */
    z-index:9;
    box-shadow:0 1px 8px rgba(0,0,0,.2);
}
.af-me>div{
    position:relative;
}
.af-me>div>a{
    display:block;
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
}
.af-me>div>a:hover{
    background:rgba(255,245,61,0.15);
    cursor:pointer;
}
.af-me{
    width:37%;
    aspect-ratio:167/16.5;
    position: absolute;
    top:43%;
    left:65.5%;
    transform:translate(-50%,-50%) scale(1.2);
    transform-origin:top center;
    display:flex;
    justify-content:space-between;
}
.me1{
    width:11.1%;
    aspect-ratio:21/20;
}
.me1 a:hover{
    cursor:pointer;
    background:rgba(255,245,61,0.15);
}
.me2{
    width:13.14%;
    aspect-ratio:7/5;
}
.me2 a:hover{
    cursor:pointer;
    background:rgba(255,245,61,0.15);
}
.me3{
    width:17.16%;
    aspect-ratio:8/5;
}
.me3 a:hover{
    cursor:pointer;
    background:rgba(255,245,61,0.15);
}
.me4{
    width:13.63%;
    aspect-ratio:27/20;
}
.me4 a:hover{
    cursor:pointer;
    background:rgba(255,245,61,0.15);
}
.me5{
    width:14.64%;
    aspect-ratio:29/20;
}
.me5 a:hover{
    cursor:pointer;
    background:rgba(255,245,61,0.15);
}
.me6{
    width:15.15%;
    aspect-ratio:3/2;
}
.me6 a:hover{
    cursor:pointer;
    background:rgba(255,245,61,0.15);
}
.me7{
    width:15.66%;
    aspect-ratio:33/20;
}
.me7 a:hover{
    cursor:pointer;
    background:rgba(255,245,61,0.15);
}
.af-he a:hover .bt-plan{
    cursor:pointer;
    filter:brightness(1.1);
    z-index:1;
    position: sticky;
}

.af-main{
    width:100%;
    background:#fff;
    /* margin-top:-42.9rem; */
    -webkit-overflow-scrolling:auto;
    overflow: visible;
}

.acc-01{
    width:100%;
    aspect-ratio:3840/881;
    background:url(https://p-c.pw/aso-f/img/acc-01.webp) center / cover no-repeat;
}

.bt-plan{
    width:3.89%;
    aspect-ratio:37/79;
    position:sticky;
    top:420px;
    left:100%;
    z-index:1;
    transition:filter .3s ease;
}
.af-main > a:hover .bt-plan,
.bt-plan:hover{
    cursor:pointer;
    filter:brightness(1.1);
}

.acc-acc{
    width:100%;
    aspect-ratio:200/127;
    background:url(https://p-c.pw/aso-f/img/acc-02.webp) center / cover no-repeat;
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}
.af-map{
    position:absolute;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.af-map:hover{
    cursor:pointer;
}
.af-map iframe{
    width:67.37%;
    aspect-ratio:32/15;
    border:0;
    border-radius:8px;
}
address{
    width:100%;
    height:1.9rem;
    font-size:1.2rem;
    font-style:normal;
    font-family:"Noto Sans JP","Noto Sans",sans-serif;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    top:77.6%;
}
.bt-pin{
    width:1.5%;
    aspect-ratio:3/4;
}

.acc-03{
    width:100%;
    aspect-ratio:250/363;
    background:url(https://p-c.pw/aso-f/img/acc-03.webp) center / cover no-repeat;
}

.acc-04{
    width:100%;
    aspect-ratio:250/429;
    background:url(https://p-c.pw/aso-f/img/acc-04.webp) center / cover no-repeat;
}

.acc-05{
    width:100%;
    aspect-ratio:250/79;
    background:url(https://p-c.pw/aso-f/img/acc-05.webp) center / cover no-repeat;
}

.af-fo{
    width:100%;
    aspect-ratio:100/13;
    background:url(https://p-c.pw/aso-f/img/fo.webp) center / cover no-repeat;
    display:flex;
    justify-content:flex-end;
    align-items:flex-start;
}
.af-fo ul{
    width:36.84%;
    aspect-ratio:19/7;
    padding-top:3.9%;
    margin:0 0 0 65.6%;
    display:grid;
    grid-auto-flow:column;
    grid-template-rows:repeat(3,1.3rem);
    grid-auto-columns:25%;
    list-style:none;
}
.af-fo ul li{
    width:100%;
}
.af-fo ul li a{
    line-height:1.3rem;
    font-size:.65rem;
    text-decoration:none;
    letter-spacing:-.5px;
    color:#fff;
    white-space:nowrap;
    cursor:pointer;
}
.af-fo ul li a:hover{
    background:rgba(255,245,61,0.15);
}