@charset "UTF-8";
/* CSS Document */
html{
	font-size: 62.5%;
    scroll-behavior: smooth;
}
body{
    display: flex;
    justify-content: center;
	color: #555;
	font-size: 1.6rem;
	font-weight: 400;
	font-family: sans-serif;
	line-height: 1.9;
	font-feature-settings: "palt";
	letter-spacing: 0.09em;
	-webkit-font-smoothing: antialiaced;
	-moz-osx-font-smoothing: grayscale;
    background: #fafafa;
}
img{
	max-width: 100%;
	height: auto;
}
html.fixed{
    overflow: hidden;
}
a,
button{
    transition: all 0.3s ease-in-out;
}
a:hover,
button:hover{
    filter: brightness(112%);
}
.pc-logo,
.pc-code{
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: calc((100vw - 500px) / 2 );
    height: 100vh;
}
.pc-code{
    left: auto;
    right: 0;
}
.pc-logo img{
    display: block;
    margin: auto;
    width: 250px;
}
.pc-code img{
    display: block;
    margin: auto;
    width: 170px;
}
.pc-code p{
    margin-top: 2rem;
    font-size: 1.3rem;
    font-family: san-serif;
    text-align: center;
}
/* btn */
.menu{
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 1.5px;
    bottom: 0;
    left: 50%;
    width: 100%;
    max-width: 500px;
    transform: translateX(-50%);
    z-index: 30;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 16%, #fff 16%, #fff 100%);
}
.menu-tel{
    width: calc(228 / 750 * 100%);
}
.menu-line{
    width: calc(248 / 750 * 100%)
}
.menu-reserve{
    width: calc(268 / 750 * 100%);
}
.menu-tel,
.menu-line,
.menu-reserve{
    transition: 0.2s all ease-in-out;
}
.menu-tel img,
.menu-line img,
.menu-reserve img{
    width: 100%;
}
.container{
    position: relative;
    text-align: center;
}

.lpimg{
    position: relative;
    margin: auto;
    max-width: 500px;
    width: 100%;
    background: #fff;
}
.lpimg img{
    display: block;
}

.header,
.mv,
.clinic,
.about,
.access
{
    position: relative;
}

.mv button,
.mv a{
    display: block;
    position: absolute;
    bottom: 4.1%;
    left: 50%;
    transform: translateX(-50%);
    width: 92%;
}

.plan{
    padding-bottom: 10%;
    background: linear-gradient(180deg, #7EA0D4 0%, #7EA0D4 10%, #B6D2E9 52%, #B6D2E9 100%);
}
.plan-list{
    display: flex;
    flex-direction: column;
    gap: 1em;
    width: 92%;
    margin: 0 auto;
}
.mv a,
.plan-list li{
    transition: all 0.3s ease-in-out;
}
.mv a:hover,
.plan-list li:hover{
    translate: 0 2%;
}
.clinic{
    padding-bottom: 10%;
}
.access-tel {
    position: absolute;
    width: 76.1%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.access-tel:hover{
    filter: invert(88%) sepia(61%) saturate(0%) hue-rotate(229deg) brightness(107%) contrast(101%)
}

.map {
    margin: 0 auto;
    width: 100%;
    aspect-ratio: 750 / 446;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.footer{
    padding-bottom: 5%;
    background: #fff;
}
/* swiper */
.swiper-box{
    margin: 0 auto;
    width: 78%;
    max-width: 500px;
}
.swiper{
    overflow: visible;
}
.swiper-wrapper{
    background: #fff;
}
.swiper-pagination-bullets{
    position: static;
    margin-top: 4px;
}
.swiper-pagination-bullet{
    background: #808080;
}
.swiper-button-next, .swiper-button-prev{
    color: #53575A;
}
.swiper-button-next {
    width: 6%;
	background-image: url(../images/swiperNav.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    right: -9%;
    transform: translateY(-50%);
}
.swiper-button-prev {
    width: 6%;
	background-image: url(../images/swiperNav.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
	transform: scale(-1, 1) translateY(-50%); 
    left: -9%;
}
.swiper-button-prev:after,
.swiper-button-next:after {
    display: none;
}

@media(max-width: 1100px){
    .pc-logo,
    .pc-code{
        display: none;
    }
}