@charset "UTF-8";
/*.design-bg{ width: 1280px; height: 11517px; background: url('../kids-hair-removal.jpg') 0 0 no-repeat; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); z-index: -1; opacity: .5; background-size: 1280px; }*/

body{ min-width: 1150px; overflow-x: hidden; }

#nav{ width: 1150px; margin: 0 auto; }
#nav ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#nav ul li{ margin: 0 19px; }
#nav ul li a{ font-size: 18px; }

#hairRemoval{ padding-bottom: 76px; border-bottom: 1px solid #d1ccc9; }
#hairRemoval .master{ width: 1150px; margin: 0 auto; }
#hairRemoval .master>div:nth-of-type(1){ width: 100%; max-width: 825px; height: 350px; margin: 55px auto 0; padding-top: 90px; background: url('../img/hair-removal-bg.png') 0 0 no-repeat; background-size: 825px; }
#hairRemoval .master>div:nth-of-type(1) h2{ text-align: center; }
#hairRemoval .master>div:nth-of-type(1) h2>span{ color: #492f21; }
#hairRemoval .master>div:nth-of-type(1) h2>span:nth-of-type(1){ font-size: 30px; display: block; line-height: 2; }
#hairRemoval .master>div:nth-of-type(1) h2>span:nth-of-type(2){ font-size: 47px; line-height: 1.1; }
#hairRemoval .master>div:nth-of-type(1) h2>span:nth-of-type(3){ font-size: 31px; line-height: 1.1; }

#hairRemoval .master>div:nth-of-type(2){  }
#hairRemoval .master>div:nth-of-type(2) p{ text-align: center; line-height: 2.2; }

#hairRemoval .master>div:nth-of-type(3){ margin-top: 55px; }
#hairRemoval .master>div:nth-of-type(3) h3{ font-size: 38px; color: #492f21; text-align: center; }
#hairRemoval .master>div:nth-of-type(3) ul{ margin-top: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
#hairRemoval .master>div:nth-of-type(3) ul li{ width: 228px; height: 228px; margin: 0 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; font-weight: bold; text-align: center; line-height: 1.8; color: #333; background-color: #fde5b6; border-radius: calc(infinity * 1px); }


.title{ color: #492f21; font-size: 38px; text-align: center; line-height: 1.35; }
.title:after{ content: ''; width: 100px; height: 1px; margin: 21px auto 0; background-color: #492f21; display: block; }

.master{ width: 940px; margin: 0 auto; }


#point{ margin-top: 70px; padding-bottom: 90px; border-bottom: 1px solid #d1ccc9; }
#point .master{ position: relative; }
#point .master:after{ content: ''; width: 125px; height: 175px; display: block; background: url('../img/owl.png') 0 0 no-repeat; background-size: 125px; position: absolute; bottom: -97px; right: -140px; }
#point>div{ margin-top: 41px; }
#point>div .box{ height: 373px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 22px; overflow: hidden; }
#point>div .box:nth-of-type(n+2){ margin-top: 40px; }
#point>div .box>div:nth-of-type(1){ width: 530px; padding: 74px 40px 0 50px; background-color: #fff; }
#point>div .box:nth-of-type(2)>div:nth-of-type(1){ padding: 42px 40px 0 50px; }
#point>div .box:nth-of-type(3)>div:nth-of-type(1){ padding: 42px 40px 0 50px; }
#point>div .box>div:nth-of-type(1) h3{ margin-bottom: 20px; font-size: 29px; color: #492f21; line-height: 1.6; }
#point>div .box>div:nth-of-type(1) p{  }
#point>div .box>div:nth-of-type(2){ width: 410px; }
#point>div .box>div:nth-of-type(2) img{ width: 410px; height: 373px; -o-object-fit:cover; object-fit:cover; }

#point>div .box:nth-of-type(even)>div:nth-of-type(1){ -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
#point>div .box:nth-of-type(even)>div:nth-of-type(2){ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }


#introduction{ margin-top: 63px; padding-bottom: 99px; border-bottom: 1px solid #d1ccc9; }
#introduction>div:nth-of-type(1){ margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#introduction>div:nth-of-type(1)>div{ width: 44.5%; }
#introduction>div:nth-of-type(1)>div h3{ margin-bottom: 10px; font-size: 30px; line-height: 1.5; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; color: #492f21; }
#introduction>div:nth-of-type(1)>div p{ line-height: 1.65; }
#introduction>div:nth-of-type(1)>figure{ width: 51.915%; margin: 6px 0 0 auto; }

#introduction>ul{ margin-top: 49px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
#introduction>ul li{ width: 276px; }
#introduction>ul li:nth-of-type(2){ margin: 0 55px; }
#introduction>ul li figure{ width: 276px; height: 276px; overflow: hidden; border-radius: calc(infinity * 1px); }
#introduction>ul li h4{ height: 4.1em; padding-top: 36px; font-size: 24px; color: #492f21; text-align: center; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; line-height: 1.5; }
#introduction>ul li:nth-of-type(1) h4{ padding-top: 13px; }
#introduction>ul li p{ line-height: 1.65; }


#targetArea{ margin-top: 58px; padding-bottom: 70px; border-bottom: 1px solid #d1ccc9; }
#targetArea figure{ margin-top: 10px; }


#price{ margin-top: 58px; padding-bottom: 61px; border-bottom: 1px solid #d1ccc9; }
#price .master{ width: 1000px; }
#price .topText{ margin-top: 15px; text-align: center; }
#price table{ width: 1000px; margin-top: 17px; border-collapse:collapse; }
#price table th{ width: 50%; padding: 12px; border: 1px solid #dadada; font-size: 18px; color: #fff; }
#price table th:nth-of-type(1){ background-color: #665022; }
#price table th:nth-of-type(2){ background-color: #4d4d4d; }
#price table td{ border: 1px solid #dadada; font-size: 18px; background-color: #fff; }
#price table .y td{ background-color: #fffff2; }
#price table td:nth-of-type(1){ padding: 11.5px 20px 11.5px 65px; }
#price table td:nth-of-type(2){ padding: 11.5px; text-align: center; }

#price .bottomArea{ margin-top: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#price .bottomArea>div{  }
#price .bottomArea>a{ width: 390px; height: 48px; margin: 11px 0 0 auto; padding-top: 9px; text-align: center; font-weight: bold; font-size: 18px; background-color: #492f21; color: #fff; border-radius: 12px; }

#price .campaign{ margin-top: 33px; }

#price .contactArea{ margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
#price .contactArea>div{  }
#price .contactArea>div:nth-of-type(1){ width: 358px; margin: 50px 20px 0 0; text-align: center; }
#price .contactArea>div:nth-of-type(1) h3{ font-size: 23px; color: #492f21; }
#price .contactArea>div:nth-of-type(1) a{ margin-top: 20px; font-size: 35px; font-weight: bold; color: #492f21; display: block; }
#price .contactArea>div:nth-of-type(2){ width: 353.5px; }

#flow{ margin-top: 66px; }
#flow .master{ width: 830px; }
#flow .flow{ margin-top: 90px; }
#flow .flow .box{ margin-top: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#flow .flow .box>div{ width: 50%; margin-top: 8px; }
#flow .flow .box>div .point{  }
#flow .flow .box>div .point>span{ width: 77px; background-color: #f7931e; display: inline-block; font-size: 11px; font-weight: bold; color: #fff; text-align: center; }
#flow .flow .box>div h3{ margin-bottom: 8px; font-size: 24px; color: #492f21; line-height: 1.5; }
#flow .flow h4{ margin: 30px 0 8px; font-size: 20px; color: #492f21; line-height: 1.5; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }
#flow .flow p{ line-height: 1.65; }
#flow .flow .box>figure{ width: 47.35%; margin-left: auto; }

#flow>ul{ margin-top: 93px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#flow>ul li:nth-of-type(2){ margin: 0 5px; }


#faq{ margin-top: 60px; padding-bottom: 108px; border-bottom: 1px solid #d1ccc9; }
#faq .master{ width: 830px; }
#faq dl{ margin-top: 85px; background-image : linear-gradient(to right, #000 2px, transparent 2px); background-size: 10px 2px; background-repeat: repeat-x; background-position: left bottom; position: relative; }
#faq dl:before{ content: ''; width: 175px; height: 190px; background: url('../img/rabbit.png') 0 0 no-repeat; display: block; background-size: 175px; position: absolute; top: -192px; left: -19px; }
#faq dl>div{ padding: 28.5px 32px; background-image : linear-gradient(to right, #000 2px, transparent 2px); background-size: 10px 2px; background-repeat: repeat-x; line-height: 1.5 }
#faq dl>div dt{ font-size: 20px; font-weight: bold; color: #492f21; }
#faq dl>div dt>span{ margin-right: 10px; font-size: 28px; font-weight: bold; }
#faq dl>div dd{ margin-top: 5px; padding-left: 2.3em; text-indent: -2.3em; font-size: 16px; }
#faq dl>div dd>span{ margin-right: 10px; font-size: 28px; font-weight: bold; color: #492f21; }


#clinicIntroduction{ margin-top: 50px; padding-bottom: 48px; border-bottom: 1px solid #d1ccc9; }
#clinicIntroduction .master{ width: 1050px; }
#clinicIntroduction .box{ margin-top: 83px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; }
#clinicIntroduction .box:before{ content: ''; width: 185px; height: 175px; background: url('../img/rabbit02.png') 0 0 no-repeat; background-size: 185px; display: block; position: absolute; top: -184px; right: -15px; }
#clinicIntroduction .box>div:nth-of-type(1){ width: 41.905%; }
#clinicIntroduction .box>div:nth-of-type(1) .address{ margin-top: 4px; font-size: 20px; line-height: 1.55; }
#clinicIntroduction .box>div:nth-of-type(1) .consultationTime{ margin-top: 25px; font-size: 20px; }
#clinicIntroduction .box>div:nth-of-type(1) table{ width: 100%; max-width: 413px; border-collapse:collapse; }
#clinicIntroduction .box>div:nth-of-type(1) table th{ width: 50%; padding: 14px; border: 1px solid #000; font-weight: normal; text-align: center; font-size: 20px; background-color: #d9d9d9; }
#clinicIntroduction .box>div:nth-of-type(1) table td{ width: 50%; padding: 14px; border: 1px solid #000; text-align: center; font-size: 20px; background-color: #fff; }
#clinicIntroduction .box>div:nth-of-type(1) .bottomText{ margin-top: 4px; padding-right: 17px; text-align: right; font-size: 14px; }
#clinicIntroduction .box>div:nth-of-type(1) .contactArea{  }

#clinicIntroduction .box>div:nth-of-type(1) .contactArea{ margin-top: 29px; }
#clinicIntroduction .box>div:nth-of-type(1) .contactArea>div:nth-of-type(1){ width: 358px; margin: 0 20px 0 0; }
#clinicIntroduction .box>div:nth-of-type(1) .contactArea>div:nth-of-type(1) h3{ font-size: 20px; color: #492f21; }
#clinicIntroduction .box>div:nth-of-type(1) .contactArea>div:nth-of-type(1) a{ margin-top: 10px; font-size: 35px; font-weight: bold; color: #492f21; display: block; }
#clinicIntroduction .box>div:nth-of-type(1) .contactArea>div:nth-of-type(2){ width: 353.5px; margin-top: 16px; }

#clinicIntroduction .box>div:nth-of-type(2){ width: 55.81%; margin-left: auto; }
#clinicIntroduction .box>div:nth-of-type(2) iframe{ width: 100%; height: 466px; }


@media (min-width: 768px) {
.sp{ display: none!important; }
}


@media (max-width: 767px) {
.pc{ display: none!important; }

body{ min-width: 100%; }
.master{ width: 100%; padding: 0 15px; }

#hairRemoval .master{ width: 100%; }
#hairRemoval .master>div:nth-of-type(1){ height: 250px; padding-top: 40px; background-size: 100%; background-position: 50% 50%; }
#hairRemoval .master>div:nth-of-type(1) h2>span:nth-of-type(1){ font-size: 25px; }
#hairRemoval .master>div:nth-of-type(1) h2>span:nth-of-type(2){ margin-bottom: 10px; font-size: 35px; display: block; }
#hairRemoval .master>div:nth-of-type(1) h2>span:nth-of-type(3){ font-size: 26px; }

#hairRemoval .master>div:nth-of-type(2) p{ text-align: left; line-height: 1.8; }
#hairRemoval .master>div:nth-of-type(3) h3{ font-size: 24px; }
#hairRemoval .master>div:nth-of-type(3) ul{ margin-top: 30px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#hairRemoval .master>div:nth-of-type(3) ul li{ width: 49%; height: auto; font-size: 15px; margin: 0; aspect-ratio: 1 / 1; }
#hairRemoval .master>div:nth-of-type(3) ul li:nth-of-type(2n){ margin-left: 2%; }
#hairRemoval .master>div:nth-of-type(3) ul li:nth-of-type(n+3){ margin-top: 10px; }

.title{ font-size: 22px; }
.title:after{ margin-top: 15px; }

#point>div .box{ height: auto; padding-right: 15px; border-radius: 15px; background-color: #fff; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#point>div .box>div{ display: contents; }
#point>div .box>div:nth-of-type(1){ width: 100%; padding: 20px 15px 20px; }
#point>div .box>div:nth-of-type(2){ width: 100%; height: auto; }
#point>div .box>div:nth-of-type(2) img{ width: 34%; height: auto; -o-object-fit: fill; object-fit: fill; -ms-flex-item-align: start; align-self: flex-start; }
#point>div .box>div:nth-of-type(1) h3{ width: 100%; margin-bottom: 10px; padding: 20px 15px 0; font-size: 20px; }
#point>div .box>div:nth-of-type(1) p{ width: 66%; padding: 0 15px 20px 20px; }
#point>div .box:nth-of-type(2)>div:nth-of-type(1){ padding: 20px 15px 20px; }
#point>div .box:nth-of-type(3)>div:nth-of-type(1){ padding: 20px 15px 20px; }


#introduction>div:nth-of-type(1){ -ms-flex-wrap: wrap; flex-wrap: wrap; }
#introduction>div:nth-of-type(1)>div{ display: contents; }
#introduction>div:nth-of-type(1)>div h3{ width: 100%; font-size: 20px; }
#introduction>div:nth-of-type(1)>figure{ width: 50%; margin-top: 10px; }
#introduction>div:nth-of-type(1)>div p{ width: 50%; line-height: 1.8; padding-right: 10px; }

#introduction>ul{ display: block; margin-top: 50px; }
#introduction>ul li{ width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#introduction>ul li:nth-of-type(2){ margin: 0; }
#introduction>ul li:nth-of-type(n+2){ margin-top: 50px; }
#introduction>ul li figure{ width: 50%; height: auto; margin: 10px auto 0; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; border-radius: 0; }
#introduction>ul li h4{ width: 100%; font-size: 20px; height: auto; margin-bottom: 10px; padding-top: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
#introduction>ul li p{ width: 50%; padding-right: 10px; line-height: 1.8; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }

#price .master{ width: 100%; }
#price table{ width: 100%; table-layout: fixed; word-break: break-all; word-wrap: break-all; }
#price table th{ padding: 10px; font-size: 15px; white-space: normal; }
#price table th:nth-of-type(1){ width: 60%; }
#price table th:nth-of-type(2){ width: 40%; }
#price table td{ width: 50%; padding: 10px; font-size: 15px; white-space: normal; }
#price table td:nth-of-type(1){ padding: 10px 10px; }

#price .bottomArea{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
#price .bottomArea>a{ width: 100%; margin-top: 15px; font-size: 16px; }
#price .contactArea{ display: block; }
#price .contactArea>div:nth-of-type(1){ width: 100%; }
#price .contactArea>div:nth-of-type(1) h3{ font-size: 20px; }
#price .contactArea>div:nth-of-type(1) a{ margin-top: 10px; font-size: 30px; }
#price .contactArea>div:nth-of-type(2){ width: 100%; margin-top: 20px; }

#flow .master{ width: 100%; }
#flow .flow{ margin-top: -10px; }
#flow .flow .box{ margin-top: 50px; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; }
#flow .flow .box>div{ width: 100%; display: contents; }
#flow .flow .box>div .point{ width: 100%; }
#flow .flow .box>div h3{ width: 100%; font-size: 20px; }
#flow .flow .box>figure{ width: 50%; margin-top: 5px; position: absolute; top: 70px; right: 0; }
#flow .flow h4{ width: 100%; margin-top: 30px; font-size: 19px; }
#flow .flow p{ width: 50%; padding-right: 10px; }
#flow .flow p.spW100{ width: 100%; padding-right: 0; }
#flow>ul li:nth-of-type(2){ margin: 0 2px; }
#flow .swiper{ margin-top: 60px; }

#faq{ margin-top: 80px; }
#faq .master{ width: 100%; }
#faq dl:before{ content: none; }
#faq dl{ margin-top: 40px; }
#faq dl>div{ padding: 18px 0; }
#faq dl>div dt{ font-size: 18px; padding-left: 1.75em; text-indent: -1.75em; }
#faq dl>div dt>span{ font-size: 20px; }
#faq dl>div dd{ padding-left: 1.8em; text-indent: -1.8em; }
#faq dl>div dd>span{ font-size: 20px; }

#clinicIntroduction .master{ width: 100%; }
#clinicIntroduction .box{ margin-top: 40px; display: block; }
#clinicIntroduction .box:before{ content: none; }
#clinicIntroduction .box>div:nth-of-type(1){ width: 100%; }
#clinicIntroduction .box>div:nth-of-type(1) .contactArea>div:nth-of-type(1){ width: 100%; text-align: center }
#clinicIntroduction .box>div:nth-of-type(1) .contactArea>div:nth-of-type(2){ width: 100%; margin-top: 20px; }
#clinicIntroduction .box>div:nth-of-type(1) .address{ font-size: 18px; }
#clinicIntroduction .box>div:nth-of-type(1) .consultationTime{ font-size: 18px; }
#clinicIntroduction .box>div:nth-of-type(1) table th{ font-size: 18px; }
#clinicIntroduction .box>div:nth-of-type(1) table td{ font-size: 18px; }
#clinicIntroduction .box>div:nth-of-type(1) .bottomText{ padding-right: 0; }
#clinicIntroduction .box>div:nth-of-type(1) .contactArea>div:nth-of-type(1) a{ font-size: 30px; }
#clinicIntroduction .box>div:nth-of-type(2){ width: 100%; margin-top: 30px; }
#clinicIntroduction .box>div:nth-of-type(2) iframe{ height: 250px; }
}