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

.af-to-sl{
    width:100%;
    aspect-ratio:95/22;
    overflow:hidden;
    position:relative;
    background:#fff;
}
.af-to-sl-tr{
    width:100%;
    display:flex;
    gap:2.42%;
    will-change:transform;
    animation:sl 60s linear infinite;
    position:relative;
}
.af-to-sl-tr img{
    width:22.95%;
    aspect-ratio:1;
    flex:0 0 auto;
    display:block;
}
@keyframes sl{
    from{transform:translateX(0);}
    to{transform:translateX(-177.59%);}
}

.af-wrap{
    width:100%;
    margin:0 auto;
    background-color:#fff;
    position:relative;
}

.af-he{
    width:100%;
    /* aspect-ratio:95/4; */
    aspect-ratio:90.3/4;
    background:url(https://p-c.pw/aso-f/img/to-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;
    width:100%;
    position:absolute;
    inset:0;
}
.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-color:#fff;
    /* margin-top:-42.9rem; */
    -webkit-overflow-scrolling:auto;
    overflow: visible;
}

.af-video{
    width:100%;
    aspect-ratio:757/410;
    overflow:hidden;
    display:flex;
    justify-content:center;
    align-items:center;
}
.af-video video{
    width:100%;
    object-fit:cover;
}
.af-video h1{
    width:34.32%;
    aspect-ratio:326/61;
    position:absolute;
}
.af-video h1 img{
    width:100%;
    height:100%;
}

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

.to-01{
    width:100%;
    aspect-ratio:100/29;
    background:url(https://p-c.pw/aso-f/img/to-01.webp) center / cover no-repeat;
}
.to-02{
    width:100%;
    aspect-ratio:2000/973;
    background:url(https://p-c.pw/aso-f/img/to-02.webp) center / cover no-repeat;
    position:relative;
}
.to-02 img{
    display:block;
    width:13.05%;
    aspect-ratio:124/29;
    position:absolute;
    top:91.7%;
    left:67.9%;
}
.to-03{
    width:100%;
    aspect-ratio:40/19;
    background:url(https://p-c.pw/aso-f/img/to-03.webp) center / cover no-repeat;
    position:relative;
}
.to-03 img{
    display:block;
    width:13.05%;
    aspect-ratio:124/29;
    position:absolute;
    top:92%;
    left:67.9%;
}
.to-04{
    width:100%;
    aspect-ratio:1000/479;
    background:url(https://p-c.pw/aso-f/img/to-04.webp) center / cover no-repeat;
    position:relative;
}
.to-04 img{
    display:block;
    width:13.05%;
    aspect-ratio:124/29;
    position:absolute;
    top:90.7%;
    left:67.9%;
}
.to-05{
    width:100%;
    aspect-ratio:2000/1803;
    background:url(https://p-c.pw/aso-f/img/to-05.webp) center / cover no-repeat;
    position:relative;
}
.to-05 img{
    display:block;
    width:13.05%;
    aspect-ratio:124/29;
    position:absolute;
    top:71.7%;
    left:67.9%;
}
.to-06{
    width:100%;
    aspect-ratio:2000/1673;
    background:url(https://p-c.pw/aso-f/img/to-06.webp) center / cover no-repeat;
    position:relative;
}
.to-06 img{
    display:block;
    width:13.05%;
    aspect-ratio:124/29;
    position:absolute;
    top:60.6%;
    left:67.9%;
}
.to-02 a:hover,
.to-03 a:hover,
.to-04 a:hover,
.to-05 a:hover,
.to-06 a:hover,
.to-08 a:hover{
    cursor:pointer;
}
.to-02 a:active img,
.to-03 a:active img,
.to-04 a:active img,
.to-05 a:active img,
.to-06 a:active img,
.to-08 a:active img{
    transform:translateY(3px);
}
.to-07{
    width:100%;
    aspect-ratio:2000/727;
    background:url(https://p-c.pw/aso-f/img/to-07.webp) center / cover no-repeat;
}
.to-08{
    width:100%;
    aspect-ratio:25/17;
    background:url(https://p-c.pw/aso-f/img/to-08.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;
}
.bt-ac-a{
    display:block;
    width:16.21%;
    aspect-ratio:154/29;
    position:absolute;
    top:84.23%;
    left:41.9%;
}
.bt-ac-i{
    display:block;
    width:100%;
    height:100%;
}
.af-fo{
    width:100%;
    aspect-ratio:1000/129;
    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);
}