html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:"IBM Plex Sans JP", sans-serif;font-weight:normal;font-style:normal;color:#081B23;margin:0;letter-spacing:0.1em}h1{font-weight:400}h3{font-size:24px;font-weight:600;margin-bottom:20px}p{font-size:16px;line-height:1.7em}.header{width:100%;height:80px;margin:0 auto;background-color:#FFFFFF;position:fixed;top:0;z-index:999}.header-flex{display:flex;justify-content:space-between;align-items:center;width:100%;padding:20px 15px}.header-logo{display:flex;align-items:center}.header-logo img{width:25px;object-fit:cover;margin-right:5px}.header-logo h1{font-size:16px}.tel{display:none}.header-hamburger{position:fixed;top:10px;right:15px;width:50px;height:50px;cursor:pointer;z-index:9999}.header-hamburger span{position:absolute;left:10px;width:30px;height:2px;background-color:#18728E;border-radius:2px;transition:all 0.5s cubic-bezier(0.25, 1, 0.5, 1)}.header-hamburger span:nth-of-type(1){top:15px}.header-hamburger span:nth-of-type(2){top:24px}.header-hamburger span:nth-of-type(3){top:33px}.header-hamburger.active span:nth-of-type(1){top:24px;transform:rotate(45deg)}.header-hamburger.active span:nth-of-type(2){opacity:0;transform:scale(0)}.header-hamburger.active span:nth-of-type(3){top:24px;transform:rotate(-45deg)}.sp-header-nav{position:fixed;top:0;left:100%;width:100%;height:100vh;z-index:1000;background:#e7f5f8;text-align:center;padding-top:50px;font-size:20px;transition:all 0.2s ease}.sp-header-nav li{padding:20px 0}.sp-header-nav.active{left:0}.header-nav{display:none}.header-fv{width:100%;height:100vh;position:relative;background-image:url(../img/fv.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center}.header-fv-contents{position:absolute;width:90%;height:auto;top:60%;left:10px;font-weight:bold}.header-fv-contents img{width:280px;height:auto;object-fit:contain}.header-fv-contents p{margin-left:10px;font-size:16px;font-weight:600}.scrolldown{position:absolute;bottom:10px;right:50px}.scrolldown span{position:absolute;left:10px;bottom:10px;writing-mode:vertical-rl;letter-spacing:0.05em;font-size:14px}.scrolldown::before{content:"";width:10px;height:10px;border-radius:50%;background-color:#081B23;position:absolute;bottom:0;left:-4px;animation:circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite}.scrolldown::after{content:"";border:1px solid #081B23;position:absolute;bottom:0;left:0px;width:2px;height:70px}.loader{width:100%;height:100vh;background:radial-gradient(#D4F1F8, #E7F5F8);position:fixed;z-index:1000}.loader-item{width:200px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.loader-item .pop-dental{width:20px;height:20px;background-image:url(../img/dental_pop.png);background-position:0 0;background-repeat:no-repeat;background-size:contain;position:absolute;left:15%;transform-origin:0;animation:pop_dental 0.5s alternate infinite ease}.loader-item .pop-dental:nth-child(2){left:45%;animation-delay:0.2s}.loader-item .pop-dental:nth-child(3){left:auto;right:15%;animation-delay:0.3s}.loader-item .shadow{width:20px;height:4px;background-color:rgba(24, 114, 142, 0.2);border-radius:50%;position:absolute;top:110px;left:15%;transform-origin:50%;animation:shadow 0.5s alternate infinite ease}.loader-item .shadow:nth-child(4){left:45%;animation-delay:0.2s}.loader-item .shadow:nth-child(5){left:auto;right:15%;animation-delay:0.3s}.loader-item span{font-family:"Open Sans", sans-serif;font-size:30px;font-weight:400;color:#FFFFFF;position:absolute;top:75px;left:15%;letter-spacing:0.1em}.main{width:100%}.intro{max-width:850px;margin:0 auto;padding:70px 15px}.intro .img-intro{width:fit-content;margin:0 auto 35px auto}.intro .img-intro img{width:60px;object-fit:cover}.intro .intro-heading{text-align:center;font-size:24px;font-weight:500;margin-bottom:35px}.intro .intro-heading span{position:relative}.intro .intro-heading span::after{width:100%;height:10px;content:"";position:absolute;background-color:#e7f5f8;border-radius:10px;bottom:4px;left:0;z-index:-1}.intro p{font-size:16px}.container{max-width:1200px;margin:0 auto}#feature h2,#medical-menu h2,#consultation-hours h2,#news h2{font-size:22px;margin-bottom:10px}#feature p,#medical-menu p,#consultation-hours p,#news p{font-size:18px;margin-bottom:35px;font-family:"Open Sans", sans-serif}#feature img,#medical-menu img,#consultation-hours img,#news img{width:25px;object-fit:cover;margin-bottom:10px}#feature{padding:50px 15px;background-color:#F4F4F4;text-align:center;position:relative}#feature .feature-content{position:relative;margin-bottom:30px;border-radius:10px}#feature .feature-content .feature-content-img{width:100%;height:fit-content;padding:15px 15px 0px 15px;z-index:10}#feature .feature-content .feature-content-img img{width:100%;height:auto;object-fit:cover;border-radius:10px}#feature .feature-content .feature-content-inner{width:100%;border-radius:10px;text-align:right;padding:0 15px 15px 15px;z-index:1}#feature .feature-content .feature-content-inner img{width:58px;height:58px;object-fit:cover}#feature .feature-content .feature-content-inner .feature-content-text{width:100%;text-align:left}#feature .feature-content .feature-content-inner .feature-content-text h3{font-size:18px;margin-bottom:5px}#feature .feature-content .feature-content-inner .feature-content-text p{font-size:16px;margin:0}#feature .blue{background-color:#18728E}#feature .blue h3,#feature .blue p{color:#FFFFFF}#feature .white{background-color:#FFFFFF}#feature .white h3,#feature .white p{color:#081b23}#feature .feature-content:last-child{margin-bottom:0}#medical-menu{padding:35px 15px;background:linear-gradient(#E7F5F8, #D4F1F8);text-align:center}#medical-menu .container{padding:35px 15px;border:2px solid #FFFFFF;border-radius:10px}#medical-menu .contents{display:grid;justify-items:center;grid-template-columns:1fr 1fr;gap:15px;max-width:950px;margin:0 auto}#medical-menu .contents li{width:150px;height:150px;background-color:#FFFFFF;border-radius:50%;padding:30px 0;text-align:center}#medical-menu .contents li img{width:90px;height:60px;object-fit:cover}#medical-menu .contents li p{font-size:16px}#consultation-hours{padding:35px 15px;text-align:center}#consultation-hours .container{padding:35px 15px;border:2px solid #FFFFFF;border-radius:10px;max-width:345px}#consultation-hours .container .img-hour img{width:100%;object-fit:cover}#consultation-hours .container p{font-size:16px}#news{background-color:#F4F4F4;padding:35px 15px}#news .container{display:flex;flex-direction:column;justify-content:space-between;max-width:1200px;padding:50px;border-radius:10px;background-color:#FFFFFF;text-align:center}#news ul{width:100%}#news ul li{border-bottom:1px dashed #081B23}#news ul li a{display:block;text-align:left;padding:30px 0}#news ul li p{font-size:18px;margin:0}#news ul li .meta{display:flex;align-items:center}#news ul li .meta p:nth-child(1){font-size:16px;margin-right:30px}#news ul li .meta p:nth-child(2){font-size:14px;background-color:#E7F5F8;border-radius:30px;padding:5px 10px;line-height:1}#news ul li:nth-of-type(1) a{padding-top:0;padding-bottom:30px}.image{width:100%;height:100vh;position:relative;background-image:url(../img/clinic_image.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center}.footer-contents{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:45px;margin:0 auto;padding:70px 15px}.footer-contents .footer-contents-text{flex:1;max-width:375px;margin:0 auto;text-align:left}.footer-contents .footer-logo{text-align:center}.footer-contents .footer-logo img{width:40px;object-fit:cover;margin-bottom:15px}.footer-contents h2{font-size:24px;margin-bottom:15px}.footer-contents .address{margin-bottom:15px}.footer-contents .access{margin-bottom:36px}.footer-contents .access h3{font-size:18px;font-weight:normal;margin-bottom:4px}.footer-contents .access p{line-height:1;margin-bottom:5px}.footer-contents .reservation{display:flex;flex-direction:column;margin-bottom:36px;gap:25px;text-align:center}.footer-contents .reservation .footer-tel span{font-size:26px}.footer-contents .reservation button{width:100%;border-radius:30px;color:#FFFFFF;background-color:#18728E;padding:13px 50px;transition:all 0.5s ease}.footer-contents .reservation button:hover{opacity:0.8}.footer-contents .sns{display:flex;justify-content:center;gap:50px}.footer-contents .sns img{width:30px;object-fit:cover}.footer-contents .footer-contents-map{flex:1;text-align:left}.footer-contents .footer-contents-map iframe{width:100%;height:180px;margin-bottom:10px}.footer-contents .footer-contents-map a{display:inline-block}.footer-contents .footer-contents-map a::after{font-family:"Material Symbols Outlined";content:"";color:#18728E;vertical-align:middle;font-size:20px}.footer-menu{width:100%;background-color:#18728E;color:#FFFFFF;padding:50px 15px}.footer-menu .footer-menu-flex{display:flex;flex-direction:column;max-width:1200px;margin:0 auto}.footer-menu .footer-menu-flex ul{display:grid;grid-template-columns:1fr 1fr;gap:30px}.footer-menu .footer-menu-flex ul li:last-of-type{margin-bottom:50px}.footer-menu .footer-menu-flex p{font-size:14px}.news-container{display:flex;flex-direction:column;max-width:1200px;margin:150px auto 0 auto}.news-container .news-contents article{width:fit-content;margin:0 auto;padding:0 20px}.news-container .news-contents h1{font-size:26px;font-weight:600;margin-bottom:25px}.news-container .news-contents .tag{width:fit-content;font-size:14px;background-color:#E7F5F8;border-radius:10px;padding:5px;margin-bottom:5px;line-height:1}.news-container .news-index{width:100%;margin:0 auto;padding:0 20px}.news-container .news-index h2{width:fit-content;margin:10px 0;font-size:24px;font-weight:600}.news-container .news-index li{border-bottom:1px dashed #081B23}.news-container .news-index li a{display:block;text-align:left;padding:15px 0}.news-container .news-index li .meta{display:flex;align-items:center}.news-container .news-index li .meta p:nth-of-type(2){font-size:14px;background-color:#E7F5F8;border-radius:30px;margin-left:5px;padding:5px 10px;line-height:1}.news-container .news-index .nav-links{margin-top:30px}.news-container aside{width:100%;margin-top:100px;margin-bottom:30px;margin-left:auto;margin-right:auto;padding:0 20px}.news-container aside h2{width:fit-content;margin:10px 0;font-size:20px;font-weight:600}.news-container aside li{border-bottom:1px dashed #081B23}.news-container aside li a{display:block;text-align:left;padding:15px 0}.news-container aside li .meta{display:flex;align-items:center}.news-container aside li .meta p:nth-of-type(2){font-size:14px;margin-left:20px}.news-container aside button{width:100%;margin-top:30px;border-radius:30px;color:#FFFFFF;background-color:#18728E;padding:13px 50px;text-align:center;transition:all 0.5s ease}.news-container aside button:hover{opacity:0.8}.reservation-container{max-width:1000px;margin:100px auto 0 auto;padding:0 20px}.reservation-container .content-header h2{font-size:24px}.not-found{margin-top:200px;padding:0 30px}.not-found h1{font-size:26px;margin-bottom:20px}.not-found a{color:#18728E}.js-fade{opacity:0;visibility:hidden;transform:translateY(50px);transition:all 0.8s}.scroll{opacity:1;visibility:visible;transform:translateY(0px)}@media screen and (min-width:800px){.header-logo h1{font-size:26px}.header{height:160px;padding:0 15px}.header-flex{padding:40px 0 37.5px 0}.header-nav{display:flex;gap:40px;width:100%;justify-content:flex-end;align-items:center;font-family:"IBM Plex Sans JP", sans-serif}.header-nav img{width:25px;object-fit:cover}.tel{display:block;text-align:right;font-size:21px}.tel span{font-size:26px}.header-hamburger{display:none}.header-fv-contents img{width:500px}.br-sp{display:none}#medical-menu .contents{grid-template-columns:1fr 1fr 1fr 1fr;gap:30px}#consultation-hours .container{max-width:900px}#consultation-hours .container .img-hour img{width:100%;object-fit:cover}#consultation-hours .container p{font-size:16px}.footer-contents{width:80%}.news-container{width:80%;margin-top:200px}.news-container .news-contents article{margin-left:0}.news-container .btn{width:100%;text-align:center}.news-container .btn button{width:50%}.reservation-container{margin-top:200px}}@media screen and (min-width:1100px){html{scroll-padding-top:174px}.header{padding:0 85px}.header-fv{width:100%;height:100vh;position:relative;background-image:url(../img/fv.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center;background-attachment:fixed}.header-fv-contents{left:85px}.header-fv-contents img{width:610px}.header-fv-contents p{font-size:25px}.intro .img-intro img{width:80px}.intro .intro-heading{font-size:36px}.intro p{font-size:23px}#feature h2,#medical-menu h2,#consultation-hours h2,#news h2{font-size:36px}#feature p,#medical-menu p,#consultation-hours p,#news p{font-size:20px}#feature img,#medical-menu img,#consultation-hours img,#news img{width:50px}#feature{padding:70px 15px}#feature .feature-content{position:relative;margin-bottom:120px;height:400px}#feature .feature-content .feature-content-img{max-width:700px;width:60%}#feature .feature-content .feature-content-inner{max-width:700px;width:60%;height:400px;text-align:right;padding:0}#feature .feature-content .feature-content-inner img{width:112px;height:112px;margin-top:20px}#feature .feature-content .feature-content-inner .feature-content-text{width:330px;padding:0;margin:auto;text-align:left;transform:translateX(60px)}#feature .feature-content .feature-content-inner .feature-content-text h3{font-size:24px;margin-bottom:20px}#feature .blue{display:flex;flex-direction:row;background-color:inherit}#feature .blue .feature-content-inner{background-color:#18728E;position:absolute;top:50px;right:0;color:#ffffff}#feature .blue .feature-content-inner img{margin-top:20px;margin-right:20px}#feature .white{display:flex;flex-direction:row-reverse;background-color:inherit}#feature .white .feature-content-inner{background-color:#FFFFFF;position:absolute;top:50px;left:0;color:#081B23;text-align:left}#feature .white .feature-content-inner img{margin-top:20px;margin-left:20px}#feature .white .feature-content-inner .feature-content-text{text-align:left;transform:translateX(-60px)}#medical-menu .contents{grid-template-columns:1fr 1fr 1fr 1fr;gap:50px}#medical-menu .contents li{width:200px;height:200px;padding:40px 0}#medical-menu .contents li img{width:133px;height:83px}#medical-menu .contents li p{font-size:18px}#news .container{flex-direction:row}#news ul{width:70%}#news ul li .meta{margin-right:50px}#news ul li a{display:flex;padding:30px 0 30px 20px}#news ul li:nth-of-type(1) a{padding-top:30px}.image{width:100%;height:100vh;position:relative;background-image:url(../img/clinic_image.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center;background-attachment:fixed}.footer-contents{width:100%;display:flex;flex-direction:row;justify-content:space-between;gap:45px}.footer-contents .footer-contents-text{flex:1;max-width:none}.footer-contents .footer-logo{text-align:left}.footer-contents h2{font-size:28px}.footer-contents .access{margin-left:20px}.footer-contents .reservation{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:65px}.footer-contents .reservation button{width:auto}.footer-contents .sns{justify-content:left}.footer-contents .sns img{width:40px}.footer-contents .footer-contents-map{flex:1}.footer-contents .footer-contents-map iframe{height:400px}.footer-menu .footer-menu-flex{flex-direction:row;justify-content:space-between}.footer-menu .footer-menu-flex ul{display:flex;justify-content:space-between;gap:40px}.footer-menu .footer-menu-flex ul li:last-of-type{margin-bottom:0}.news-container{display:flex;flex-direction:row;max-width:1200px;height:fit-content;margin:200px auto 100px auto;width:100%}.news-container .news-contents{width:60%;margin-right:30px}.news-container .news-contents article{padding:40px 0 0 30px}.news-container .news-contents h1{font-size:26px;font-weight:600;margin-bottom:25px}.news-container .news-contents .tag{width:fit-content;font-size:14px;background-color:#E7F5F8;border-radius:10px;padding:5px;margin-bottom:5px;line-height:1}.news-container .news-index{width:60%;margin-right:30px;padding-left:30px}.news-container .news-index h2{margin:0}.news-container .news-index ul li{padding-left:10px}.news-container aside{width:calc(100% - 60% - 30px);margin-top:0;padding-right:30px}.news-container aside li{padding-left:10px;border-bottom:1px dashed #081B23}.news-container aside li a{display:block;text-align:left;padding:15px 0}.news-container aside li .meta{display:flex;align-items:center}.news-container aside .btn button{width:100%}}@keyframes circlemove{0%{bottom:70px}100%{bottom:-5px}}@keyframes cirlemovehide{0%{opacity:0}50%{opacity:1}80%{opacity:0.9}100%{opacity:0}}@keyframes pop_dental{0%{top:60px;transform:scaleX(1.2)}40%{transform:scaleX(1)}100%{top:0}}@keyframes shadow{0%{transform:scaleX(1.5)}40%{transform:scaleX(1);opacity:0.7}100%{transform:scaleX(0.2);opacity:0.4}}/*# sourceMappingURL=app.css.map */