html{scroll-behavior: smooth; font-size: 62.5%;}
body{display: block;width: 100%;height: 100%;line-height:0;font-family:"Shippori Mincho",serif;background-color: #fff;color:#363a3d;}
img{width: 100%;}
ul{list-style: none;}
a{text-decoration: none;transition: opacity .3s;}
a:hover{opacity: .85;}
.sp{display: none;}
section{position: relative;}
h1, h2, h3, h4, h5, h6, p.tuku{color: #363a3d;display:block;}
p{color: #363a3d;}
.center{text-align: center;}
p.attention{font-size: 12px;color: #666666;margin-top: 5px;}
.flex{display: flex;}
section{position: relative;}
section .inner{width: 100%;margin: 0 auto;}
section .inner h2.midashi{font-size: 32px;text-align: center;margin-bottom: 30px;line-height: 1.4;font-weight: 600;font-family:"Shippori Mincho",serif;}
hr{border-top: 1px solid #FFD5D9;margin: 35px 0 50px;}
#fv{width:100%;margin: 0 auto 30px auto;padding-top:0px;padding-bottom: 0;position: relative;line-height: 0;}
#fv div,#fv div p{position: relative;}
#fv div h1{position:absolute;top:23%; left:5%;width:90%;}
#fv div ul{position:absolute;bottom:7%; left:4%;width:92%;list-style:none;display:flex;align-items:flex-end;}
#fv div ul li{padding:1%;}


.anim-box1.fadein1.is-animated {animation: fadeIn1 1.2s cubic-bezier(0.33, 1, 0.68, 1) forwards;}
.anim-box2.fadein2.is-animated {animation: fadeIn2 1.5s cubic-bezier(0.33, 1, 0.68, 1) forwards;}
.anim-box3.fadein3.is-animated {animation: fadeIn3 1.8s cubic-bezier(0.33, 1, 0.68, 1) forwards;}
@keyframes fadeIn1 {0% {transform: translateY(50px);opacity: 0;}100% {opacity: 1;}}
@keyframes fadeIn2 {0% {opacity: 0;} 20% {transform: translateY(50px);opacity: 0;}100% {opacity: 1;}}
@keyframes fadeIn3 {0% {opacity: 0;} 40% {transform: translateY(50px);opacity: 0;}100% {opacity: 1;}}


/*メニューをページ下部に固定*/
#floatingbtn{position: fixed;width: 100%;bottom: 0;z-index: 99;}
#floatingbtn a{display:block; width:94%; margin:0 auto; text-align:center; padding:1% 3%;}

#caseslide{background:#f9f5f2;padding:5% 0;}
#caseslide h2{padding:5% 12% 3%;}
.slidearea{background:#fff; padding:3% 0 1% 0;}
#caseslide p.link,#caseslide_all p.link{padding:5% 16% 8%;}
#nayami {background: #f9f5f2; }
#nayami img.space{padding:20% 0 10%;}
#nayami img.space2{padding:0 0 12%;}

#caseslide_all{background:#fff;padding:5% 0;}
#caseslide_all h2{padding:5% 5% 2%;}
#caseslide_all h3{padding:5% 0; 3%}
#caseslide_all h4{padding:5% 18% 2% ;}

#why {background:#f4e9eb; padding:13% 0;}
#why h2{padding:0 18% 2%;}
#why p{padding:3% 6% 3% 3%}
#why p img{padding:2% 0;}

#howto {background:#f9f5f2; padding:13% 0 20% 0;}
#howto  h2{padding:0 18% 2%;}
#howto  p{padding:3%;}
#howto div,#howto div img.howto01{position: relative;}
#howto div span{display:block; position:absolute;top:2%; right:15%;width:30%;}

#faq {margin-bottom: 7px;background: #f9f5f2;padding:0 5% 10% 5%;}
#faq h2{padding:0 18% 2%;}
#faq div{background:#fff; border-radius:15px; padding:5% 5% 5% 3%;margin:3% auto;}
#faq h4 {font-weight: 600;font-size:1.75em;line-height:1.5;font-family: "Shippori Mincho", serif; font-weight: 700;font-style: normal;text-align:left; padding:1% 0 2% 2%;}
#faq h4::before {content: "Q."; color:#e5418b; font-weight:500;font-size:1.8em;}
#faq p {text-align:left;padding: 2% 0 5% 5%;color: #333333;font-family: "Shippori Mincho", serif;  font-size:1.6em; font-weight: 400;line-height:1.7;}
#faq h3{padding:10% 0;}
#faq h3 span{display:block;width:80%;padding:0 10% 3%;}

footer{text-align: center;}
footer p{text-align: center;padding: 15px 0;}
.scrollView{transition: all 1.2s 0s ease;opacity: 0;transform: scale(1, 1) translate(0%, 20px);transition-delay: .25s;}
.scrollView.view{opacity: 1;transform: scale(1, 1) translate(0%, 0%);}
#page-top{position: fixed;right: 1%;bottom: 4%;width:48px;}

/*googlemap*/
#clinicinfo{width: 90%;max-width: 960px;margin: 0 auto; padding-top:100px;}
#clinicinfo .infoarea{display:flex;}
#clinicinfo .gmap{flex-basis:58%;}
#clinicinfo .gmap iframe{width:100%;height:420px;}
#clinicinfo .addressinfo{flex-basis:40%;padding-left:2%;}
#clinicinfo .addressinfo p{border-bottom:1px solid #000;font-family:"Shippori Mincho", serif;padding:2%;font-size:15px;line-height: 1.8em;}
#clinicinfo .addressinfo .maplogo img{width: 180px;padding:3% 0 5%;}


@media (min-width: 961px){
.pcarea{width: 560px;margin: 0 auto;padding: 0 150px;line-height:0;}
#floatingbtn{position: fixed;width: 560px;bottom: 0;z-index: 99;text-align:center;margin:0 auto;}
#clinicinfo{padding-bottom:120px;}
}


@media (max-width: 768px){
.sp{display: block;}
.pc{display: none !important;}
p{line-height:0;}
.flex{display: block;}
header .logo{width: 140px;margin: 0 auto;padding: 10px 0;position:relative;}
section{padding: 0 0;}
section .inner{max-width: 560px;}
section .inner h2.midashi{font-size: 25px;margin-bottom: 20px;font-family: "Shippori Mincho", serif;}
hr{margin: 20px 0 30px;}
footer{padding-bottom: 30%;}
footer p{font-size: 11px;}
}


@media (max-width: 768px){
#page-top{position: fixed;right: 1%;bottom: 13%;width:48px;}
.pcarea{background-color: #fff;line-height:0; width:100%;}
#clinicinfo{width: 100%;max-width: auto;margin: 0 auto;padding-top:20%;background-color: #fff;}
#clinicinfo .infoarea{display:block;width:100%;padding-bottom: 10%;}
#clinicinfo .gmap iframe{width:100%;height:360px;}
#clinicinfo .addressinfo{padding-left:0;padding: 5%;}
#clinicinfo .addressinfo p{font-size:3.6vw;line-height: 1.5em;}
#clinicinfo .addressinfo .maplogo img{width: 180px;padding:5% 0;}
}


@media (max-width: 960px)and (min-width: 769px){
.pcarea{width: 560px;margin: 0 auto;padding: 0 150px;line-height:0;}
#page-top{position: fixed;right: 1%;bottom: 14%;width:48px;}
#clinicinfo .addressinfo p{font-size:1.8vw;}
#floatingbtn{position: fixed;width: 560px;bottom: 0;z-index: 99;text-align:center;margin:0 auto;}
}