@charset "utf-8";
:root {
	--color--black: #000000;
    --color--black--light:#222222;
	--color--text-black:#656565;
	--color--pink:#FAAE9C;
    --color--pale--pink:#FAC0B2;
	--color--light-pink:#F7D6CE;
	--color--gray:#E2E2E2;
	--color--white:#fff;
    --color--gray-brown:#F5EEDE;
}
#access__area{
    width: 100%;
    height: auto;
}
    .access__centents{
        width: 90%;
        height: auto;
        max-width: 800px;
        margin: 0 auto;
    }
        .access__centents__inner h2{
            font-size: 32px;
            font-weight: 700;
            letter-spacing: 0.05em;
            line-height: 1.44;
            padding-top: 112px;
            padding-bottom: 12px;
            margin-bottom: 28px;
            position: relative;
            color: var(--color--black--light);
        }
            .access__centents__inner h2::before{
                content: "";
                display: block;
                width: 100%;
                height: 4px;
                background-color: var(--color--pink);
                position: absolute;
                bottom: 0;
                left: 0;
                border-radius: 9999px;
            }
        .access__centents__inner h3{
            font-size: 24px;
            font-weight: 700;
            letter-spacing: 0.05em;
            line-height: 1.44;
            margin-bottom: 28px;
            background-color: var(--color--gray-brown);
            border-radius: 6px;
            padding: 9px 20px;
            position: relative;
            color: var(--color--black--light);
        }
            .access__centents__inner h3::before{
                content: "";
                width: 10px;
                height: 10px;
                background-color: var(--color--pink);
                border-radius: 0 10px 10px 0;
                position: absolute;
                top: 50%;
                left: 0;
                transform: translate(0, -50%);
            }
        .reserve__detail{
            font-size: 14px;
            font-weight: 400;
            letter-spacing: 0.06em;
            line-height: 2;
            padding-block-end: 36px;
        }
        .tel__number{
            font-size: 18px;
            font-weight: 700;
        }
        .note{
            padding-bottom: 70px;
        }
        .back__btn{
            width: 100%;
            height: auto;
            display: flex;
            justify-content: center;
            align-items: center;
            padding-bottom: 109.9px;
        }
            .back__btn__link{
                display: block;
                width: 233px;
                height: auto;
                padding: 22.2px 0 19.8px 0;
                display: flex;
                justify-content: center;
                align-items: center;
                position: relative;
                background-color: var(--color--pink);
                border-radius: 9999px;
                transition: 0.5s;
            }
            .back__btn__link:hover{
                opacity: 0.8;
            }
                .back__btn__arrow{
                    width: 9px;
                    height: 9px;
                    position: absolute;
                    position: absolute;
                    top: 50%;
                    left: 18.9px;
                    transform: translate(0, -50%) rotate(-180deg);
                }
                    .back__btn__arrow img{
                        width: 100%;
                        height: auto;
                    }
                .back__text{
                    width: auto;
                    height: 11px;
                }
                    .back__text img{
                        width: auto;
                        height: 100%;
                    }
    .add__access__detail__area{
        width: 100%;
        height: auto;
    }
        .add__access__detail__area .access__area__inner{
            width: 100%;
            height: auto;
        }
            .add__access__detail__area .access__open__item dt{
                white-space: nowrap;
            }
            .add__access__detail__area .access__contents__inner{
                padding: 30px 0;
            }
/* SP ================================================== */
@media all and (max-width:820px){
    
}
/* SP ================================================== */
@media all and (max-width:768px){
    .access__centents__inner h2{
        font-size: 24px;
        padding-top: 76px;
    }
    .access__centents__inner h3{
        font-size: 20px;
    }
    .back__btn{
        padding-bottom: 67px;
    }
}