@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&family=Noto+Sans+JP:wght@400;500;700&display=swap');



/*reset*/
/*******************************************************************/
html{box-sizing:border-box;overflow-y:scroll;-webkit-text-size-adjust:100%}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}audio:not([controls]){display:none;height:0}hr{overflow:visible}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}summary{display:list-item}small{font-size:80%}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[disabled]{cursor:default}[type=number]{width:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:0;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,select{text-transform:none}button,input,select,textarea{background-color:transparent;border-style:none;color:inherit}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}img{width:auto;max-width:100%;height:auto;border-style:none;vertical-align:middle}i{vertical-align:middle}progress{vertical-align:baseline}svg:not(:root){overflow:hidden}audio,canvas,progress,video{display:inline-block}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}ul,ol{list-style:none}i{font-style:normal}
a { color: #222; text-decoration: none;}
@media only screen and (min-width: 769px){ a { transition: all .2s ease-out;} a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6;}}
*:focus { outline: none;}



/*LAYOUT*/
/*******************************************************************/
html { font-size: 62.5%;}
body { -webkit-text-size-adjust: 100%; -webkit-overflow-scrolling: touch; font-family: 'Noto Sans JP', YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size: 1.8rem; font-weight: 700; color: #222;}
#container { position: relative; width: 100%; overflow: hidden;}
i, time, address, .pagination { font-family: 'Montserrat', sans-serif; font-weight: 600; line-height: 1;}



/*HEADER*/
/*******************************************************************/
#header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; transition: .2s ease-out;}
#header.is-fixed { background: rgba(255,255,255,.93);}
#headercontent { width: 90%; max-width: 1200px; margin: 0 auto; padding: 24px 0;}
.global { display: flex; justify-content: space-between; align-items: center;}
.global .title { margin-bottom: 16px; font-size: 1rem; font-weight: 500;}
.global .contact { margin: 0 16px 0 auto; text-align: center; font-size: 1.5rem; font-weight: 500;}
.global .contact dd::before { content: ''; display: block; width: 100%; height: 3px; margin-top: 8px; background: #AFCA4A; border-radius: 10px;}
.global .contact dd { font-size: 1.5rem; font-weight: 500;}
.global .contact dd a { display: inline-block; margin-left: 8px; font-size: 2.3rem; color: #EB8C2D;}
.global .time dt { clear: left; float: left; width: 68px; margin: 6px 0; padding: 2px 0; text-align: center; background: #AFCA4A; border-radius: 3px; font-size: 1.2rem; color: #FFF;}
.global .time dt:nth-of-type(2) { background: #EBAE71;}
.global .time dd { padding: 4px 0 4px 72px; font-size: 1.5rem;}
.global .time dd span { display: inline-block; margin: 4px; font-size: 1.2rem; font-weight: 400;}
#nav > ul > li:not(:last-child) { border-left: 2px solid #E5E3D5;}
#nav > ul > li a { display: flex; justify-content: center; align-items: center; padding: 4px 0;}
#nav > ul > li a figure { margin-right: 4px;}
#nav > ul > li a span { font-size: 1.7rem;}
#nav > ul > li a i { display: block; margin-top: 4px; font-size: 1rem; letter-spacing: 0.1em;}
#nav > ul > li:last-child > a { border-right: none; padding-right: 0;}
#nav > ul > li.hbtn a { min-width: 134px; padding: 8px; height: 60px; background: #F08EBC; border-radius: 3px;}
#nav > ul > li.hbtn:last-child a { background: #58BCE8;}
@media screen and (min-width: 1201px) {
#nav { position: relative; display: flex; align-items: center; margin-top: 24px; white-space: nowrap;}
#nav > ul { display: flex; justify-content: space-between; align-items: center; width: 100%;}
#nav > ul > li { padding: 0 2%;}
#nav > ul > li:last-child { padding: 0;}
#open { display: none;}
}



/*FOOTER*/
/*******************************************************************/
#footercontent { position: relative; width: 90%; max-width: 1200px; margin: 0 auto; padding: 32px 0 64px;}
#footercontent::after { content: ''; display: block; clear: both;}
#map { display: flex;}
#map > * { flex: 1;}
#footercontent .global { margin-bottom: 24px;}
.address { float: left; font-size: 1.2rem; font-weight: 500;}
address { float: right; text-align: center; font-size: 1.2rem; font-style: normal; font-weight: 500; color: #C4C2AF;}



/*CONTENTS*/
/*******************************************************************/
article { position: relative; width: 90%; max-width: 1200px; margin: 0 auto; padding: 96px 0; letter-spacing: 0.1em;}
article header { margin-bottom: 80px; text-align: center;}
article header p { margin-top: 40px; line-height: 2;}
section { position: relative;}
section + header, section + section { margin-top: 80px;}
section h2, section h3, section h4 { margin-bottom: 24px; font-size: 2.2rem;}
section dl, section p, section table { line-height: 2;}
section p:not(:last-child) { margin-bottom: 24px;}
figure { position: relative;}
figcaption { margin-top: 16px;}
.narrow { max-width: 800px;}
.bg::before { content: ''; position: absolute; top: 0; left: calc(50% - 50vw); width: 100vw; height: 100%; background: #FFFDEF; z-index: -1;}
.center { text-align: center;}
.right { text-align: right;}
.row { display: flex; margin-left: -20px; margin-right: -20px; margin-bottom: -56px;}
.row > * { flex: 1; margin: 0 20px 56px;}
.w36 { flex: none; width: calc(36% - 40px);}
.w50 { flex: none; width: calc(50% - 40px);}
.w60 { flex: none; width: calc(60% - 40px);}
.mt40 { margin-top: 40px;}
.reverse { flex-direction: row-reverse;}
.fs16 { font-size: 1.6rem;}
.fs22 { font-size: 2.2rem;}
.sp { display: none;}
.fadeInUp{ animation-name: fadeInUp;}
@keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 40px, 0);} to { opacity: 1; transform: translate3d(0, 0, 0);}}
.animated { opacity: 0; animation-duration: 0.6s; animation-delay: 0.2s; animation-fill-mode: both;}


/*TOP*/
#mv { width: auto; max-width: initial; padding: 0;}
#mv figure img { width: 100%;}
#mv section { position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: flex; align-items: flex-end; width: 80%; max-width: 1400px; height: 58vw; max-height: 100vh; margin: 0 auto; padding: 96px 0;}
#mv section ul { display: flex; align-items: flex-end; margin-left: 8%;}
#mv section ul li:nth-child(2) { margin: 0 0 24px 24px;}
#worries { width: auto; max-width: initial; text-align: center; min-height: 840px; margin-top: -48px; padding-top: 240px; background: url("../img/top/worries_bg1.png") center top no-repeat;}
#worries figure { position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
#worries figure img { max-width: initial;}
#worries h2 { margin-bottom: 24px; padding-bottom: 32px; background: url("../img/common/line.png") center bottom no-repeat;}
#dedicated { width: auto; max-width: initial; margin-top: 0; padding: 5%; background: #F3F7E2 url("../img/top/dedicated_bg.jpg") center no-repeat; background-size: cover;}
#dedicated p { width: 36%;}
#reason { width: auto; max-width: initial; margin-top: 0; padding: 12% 8%; background: url("../img/top/reason_bg4.png") left 50% no-repeat, url("../img/top/reason_bg3.png") right 20% no-repeat, url("../img/top/reason_bg2.png") center no-repeat, url("../img/top/reason_bg1.jpg") center top no-repeat; background-size: auto, auto, 96% 96%, cover;}
#reason h2 { text-align: center; background: url("../img/top/reason_l.png") 4% 5% no-repeat, url("../img/top/reason_r.png") right 4% top 4% no-repeat;}
#reason li { display: flex; margin-top: 96px;}
#reason li i { width: 14%; padding-right: 4%;}
#reason li div { flex: 1;}
#reason li figure { position: relative; flex: 1; padding-left: 4%;}
#reason li figure::before { content: ''; position: absolute; width: 30%; height: 30%; background: url("../img/top/deco1.png") center no-repeat; background-size: contain;}
#reason li figure::after { content: ''; position: absolute; width: 30%; height: 30%; background: url("../img/top/deco2.png") center no-repeat; background-size: contain;}
#reason li:nth-child(1) figure::before { top: -10%; left: 0;}
#reason li:nth-child(1) figure::after { top: -10%; right: 0;}
#reason li:nth-child(2) figure::before { top: -10%; right: 0;}
#reason li:nth-child(2) figure::after { top: -10%; left: 0;}
#reason li:nth-child(3) figure::before { top: -10%; left: 0;}
#reason li:nth-child(3) figure::after { top: -10%; right: 0;}
#reason li:nth-child(4) figure::before { bottom: -10%; right: 0;}
#reason li:nth-child(4) figure::after { top: -10%; left: 0;}
#instagram { width: auto; max-width: initial; margin-top: 0; padding: 64px 0; text-align: center; background: url("../img/top/insta_bg.png") center no-repeat;}
#instagram h2 { position: relative; display: inline-block; z-index: 1;}
#instagram h2::before { content: ''; position: absolute; left: -50%; width: 94px; height: 92px; background: url("../img/top/yes.png") center no-repeat; background-size: contain;}
#instagram h2::after { content: ''; position: absolute; right: -35%; top: -10%; width: 117px; height: 61px; background: url("../img/top/happy.png") center no-repeat; background-size: contain;}
.instagram { width: 90%; max-width: 1200px; margin: -32px auto 0; padding: 32px; text-align: center; background: #FFF186; border-radius: 10px;}
.instagram::after { content: ''; position: absolute; bottom: -32px; left: 0; display: block; width: 100%; height: 46px; background: url("../img/top/deco3.png") center no-repeat;}
.instagram ul { display: flex; margin: 0 -8px;}
.instagram li { width: calc(100% / 6 - 16px); margin: 0 8px;}
.instagram li a { position: relative; display: block; padding-top: 100%;}
.instagram li a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}


/*PAGE*/
#page::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 948px; background: url("../img/common/title.png") center top no-repeat; z-index: -1; pointer-events: none;}
#title { position: relative; width: 90%; max-width: 1200px; margin: 0 auto; padding-top: 495px; text-align: center;}
#title figure { position: absolute; top: 0; left: calc(50% - 50vw); width: 100vw; z-index: -2;}
#title figure::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 304px; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.93) 100%);}
#title figure img { position: absolute; top: 0; left: 50%; transform: translateX(-50%); max-width: initial;}
#title h1 { position: relative; display: inline-block;}
#title i { position: relative; display: block; margin-top: 24px; font-size: 2.1rem; letter-spacing: 0.1em; color: #DE8E3D;}
#title p { margin-top: 40px; font-size: 2.2rem; line-height: 2;}
#title ul { position: relative; margin-bottom: 10px; text-align: left;}
#title li { display: inline; font-size: 1.1rem; font-weight: 500; letter-spacing: 0.1em;}
#title li:not(:first-child)::before { content: '>'; display: inline; margin: 0 4px; vertical-align: middle;}
.box { padding: 40px 56px; background: #FFF; border-radius: 10px;}
.box.yellow { background: #FFFDEF;}
.bal { display: flex; justify-content: center; align-items: center; text-align: center;}
.bal::before, .bal::after { content: ''; display: inline-block; width: 25px; height: 37px; background: url("../img/common/bal_yellow.png") center no-repeat; background-size: contain;}
.bal::before { transform: scaleX(-1); margin-right: 32px;}
.bal::after { margin-left: 32px;}
.bal.pink::before, .bal.pink::after { background-image: url("../img/common/bal_pink.png");}
.bal.lightpink::before, .bal.lightpink::after { background-image: url("../img/common/bal_lightpink.png");}
.bal.green::before, .bal.green::after { background-image: url("../img/common/bal_green.png");}
.bal.lightgreen::before, .bal.lightgreen::after { background-image: url("../img/common/bal_lightgreen.png");}
.bal.orange::before, .bal.orange::after { background-image: url("../img/common/bal_orange.png");}
.bal.lightorange::before, .bal.lightorange::after { background-image: url("../img/common/bal_lightorange.png");}
.bal.blue::before, .bal.blue::after { background-image: url("../img/common/bal_blue.png");}
.bal.purple::before, .bal.purple::after { background-image: url("../img/common/bal_purple.png");}
.bal.brown::before, .bal.brown::after { background-image: url("../img/common/bal_brown.png");}
.color-pink { color: #FF79B8;}
.color-lightpink { color: #EF9696;}
.color-green { color: #97BC0C;}
.color-lightgreen { color: #43C483;}
.color-orange { color: #EB8C2D;}
.color-purple { color: #D08AD3;}
.color-blue { color: #00A4F2;}
.color-brown { color: #DEB80B;}
.bg-pink { background-color: #F9AED1;}
.bg-lightpink { background-color: #EF9696;}
.bg-green { background-color: #97BC0C;}
.bg-lightgreen { background-color: #43C483;}
.bg-orange { background-color: #EB8C2D;}
.bg-purple { background-color: #D08AD3;}
.bg-blue { background-color: #00A4F2;}
.bg-brown { background-color: #DEB80B;}
.line { margin-top: 40px; padding-top: 40px; border-top: 1px solid #ABDDF3;}
.line.blue { border-top-color: #ABDDF3;}
.line.pink { border-top-color: #FCD6E8;}
.line.orange { border-top-color: #F5C595;}

#clinic .row { justify-content: center;}
#clinic .row li { flex: none; width: calc(50% - 40px);}
.flow li { display: flex; margin: 30px 60px;}
.flow li i { display: flex; justify-content: center; align-items: center; width: 92px; height: 91px; background: url("../img/prevention/circle_blue.svg") center no-repeat; font-size: 4.2rem; font-weight: 700; color: #FFF;}
.flow.pink li i { background-image: url("../img/prevention/circle_pink.svg");}
.flow li figure{ width: 35%;}
.flow li p { flex: 1; margin: 24px;}
.deco { position: absolute; top: -40px; right: 10%;}
.deco.left { right: auto; left: 10%;}

.dentition { flex-wrap: wrap; text-align: center;}
.dentition li { flex: none; width: calc(100% / 3 - 40px);}
.dentition li a { display: block;}
.dentition li figure { padding-top: 100%; background: #FFFDEF; border-radius: 50%;}
.dentition li figure img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 60%;}
.dentition li h3 { margin: 16px 0 0;}
.cause { display: flex; align-items: flex-start;}
.cause dt { width: 78px; padding: 0 4px; text-align: center; border-radius: 10px; color: #FFF;}
.cause dd { flex: 1; padding-left: 16px;}
.price { width: 100%; table-layout: fixed; border-collapse: collapse; text-align: center; border: 1px solid #F4C595; border-bottom: none;}
.price tr { border-bottom: 1px solid #F4C595;}
.price th { padding: 16px; font-size: 2rem;}
.price td { padding: 16px; border-left: 1px solid #F4C595; font-size: 2.3rem; color: #EB8C2D;}
.price td span { font-size: 3.2rem;}
.disc li { position: relative; margin-bottom: 8px; padding-left: 20px; line-height: 1.6;}
.disc li::before { content: ''; position: absolute; top: 12px; left: 0; width: 8px; height: 8px; background: #FFD100; border-radius: 50%;}
.disc.purple li::before { background-color: #D08AD3;}
.disc.blue li::before { background-color: #58BCE8;}
.disc.orange li::before { background-color: #EB8C2D;}

.voice li { display: flex; align-items: flex-start; text-align: center;}
.voice li:not(:first-child) { margin-top: -24px;}
.voice li div { position: relative; flex: 1; display: flex; flex-direction: column; justify-content: center; max-width: 600px; min-height: 80px; margin: 24px 60px; padding: 8px 24px; border: 2px solid #F9AED1; border-radius: 40px;}
.voice li div::before, .voice li div::after { content: ''; position: absolute; top: 32px; right: 100%; width: 0; height: 0; border-style: solid; border-width: 8px 30px 8px 0; border-color: transparent #f9aed1 transparent transparent;}
.voice li div::after { right: calc(100% - 8px); border-right-color: #FFF!important;}
.voice li.doctor { flex-direction: row-reverse;}
.voice li.doctor div { max-width: 700px; border-color: #C9EFFF;}
.voice li.doctor div::before, .voice li.doctor div::after { transform: scaleX(-1); right: auto; left: 100%; border-right-color: #C9EFFF;}
.voice li.doctor div::after { right: auto; left: calc(100% - 8px);}
.voice li.people2 div { border-color: #FFE460;}
.voice li.people2 div::before { border-right-color: #FFE460;}
.voice li.people3 div { border-color: #EBAE71;}
.voice li.people3 div::before { border-right-color: #EBAE71;}
.voice li.people4 div { border-color: #F9AED1;}
.voice li.people4 div::before { border-right-color: #F9AED1;}

.borad { padding: 24px 60px; border: 4px solid #58BCE8; border-radius: 10px;}
.borad h3 { margin: -24px -60px 24px; padding: 4px 8px 8px; text-align: center; background: #58BCE8; border-radius: 4px 4px 0 0; color: #FFF;}
.borad.green { border-color: #6ECC9D;}
.borad.green h3 { background-color: #6ECC9D;}
.inline { margin-bottom: 16px;}
.inline li { display: inline-block; margin: 8px; padding: 8px 24px; background: #EEF8FD; border-radius: 40px; color: #00A4F2;}





@media only screen and (min-width: 1920px){
#page::after { background-size: 100% auto;;}
#title figure img { width: 100%;}
}





@media only screen and (max-width: 1200px){
#nav { position: fixed; top: 0; right: -100%; width: 100%; height: 100vh; padding: 40px; z-index: 1000; transition: 1s cubic-bezier(.19,1,.22,1); background: #FFF;}
#nav li { padding: 8px 0;}
#nav > ul > li:not(:last-child) { border-left: none;}
#nav > ul > li { border-bottom: 1px solid #E5E5E5;}
#nav > ul > li i { display: inline-block; margin-left: 8px; vertical-align: middle;}
#open { position: fixed; top: 12px; right: 12px; display: block; width: 50px; height: 50px; background: #38BCFA; z-index: 1001; cursor: pointer; pointer-events: auto;}
#open span { position: absolute; left: 16px; display: block; width: 18px; height: 2px; background: #FFF; transition: .2s linear;}
#open span:nth-child(1) { top: 18px;}
#open span:nth-child(2) { top: 23px;}
#open span:nth-child(3) { top: 28px;}
.open #open span:nth-child(1) { top: 23px; transform: rotate(45deg);}
.open #open span:nth-child(2) { width: 0;}
.open #open span:nth-child(3) { top: 23px; transform: rotate(-45deg);}
.open #nav { pointer-events: auto; right: 0; opacity: 1;}
}





@media only screen and (max-width: 1023px){
body { font-size: 1.4rem;}
#header + * { margin-top: 75px;}
#headercontent { padding: 8px 0;}
#headercontent .global .title { margin-bottom: 8px;}
#headercontent .logo img { height: 36px;}
#headercontent .global .contact, #headercontent .global .time { display: none;}

#footercontent .global { display: block; text-align: center;}
#footercontent .global .contact { margin: 24px 0;}
#footercontent .global .time { text-align: left;}
#map { display: block;}
#map iframe { height: 240px;}
.address { float: none; margin-bottom: 16px; text-align: center;}
address { float: none;}

article { padding: 64px 0;}
article header { margin-bottom: 40px;}
section + header, section + section { margin-top: 64px;}
section h2 { font-size: 2rem;}
section h3 { font-size: 2rem;}
section h4 { font-size: 1.8rem;}
.row { display: block; margin-left: 0; margin-right: 0; margin-bottom: 0;}
.row > * { width: auto!important; margin-left: 0; margin-right: 0; margin-bottom: 0;}
.row > *:not(:first-child) { margin-top: 40px;}
.fs22 { font-size: 2rem;}
.sp { display: block;}
.pc { display: none;}
.deco::after { top: 24px; right: calc(50% - 50vw - 64px); width: 228px; height: 100px;}

/*TOP*/
#mv figure img { width: 130%; max-width: initial; margin-left: -15%;}
#mv section { position: relative; bottom: auto; left: auto; transform: translate(0, -100%); width: 70%; height: auto; padding: 0;}
#mv section ul { position: absolute; top: 100%; left: 0; width: 100%; justify-content: center; margin-left: 0;}
#worries { width: 90%; min-height: initial; margin-top: 0; padding-top: 80px; background-size: cover;}
#worries figure { display: none;}
#dedicated { padding: 10% 5% 70%; background-position: right bottom; background-size: 160% auto;}
#dedicated p { width: auto;}
#reason { width: auto; max-width: initial; margin-top: 0; padding: 12% 8%; background: url("../img/top/reason_bg4.png") left 50% no-repeat, url("../img/top/reason_bg3.png") right 20% no-repeat, url("../img/top/reason_bg2.png") center no-repeat, url("../img/top/reason_bg1.jpg") center top no-repeat; background-size: auto, auto, 96% 96%, cover;}
#reason h2 { background: none;}
#reason li { display: block; margin-top: 40px;}
#reason li i { display: block; width: 30%; margin: 0 auto 24px; text-align: center; padding: 0;}
#reason li figure {  margin-top: 24px; padding: 0;}
#instagram { width: 90%; background-size: cover;}
#instagram h2::before { display: none;}
#instagram h2::after { display: none;}
.instagram ul { flex-wrap: wrap;}
.instagram li { width: calc(50% - 16px); margin: 8px;}

/*PAGE*/
#page::after { background-size: 200% auto;}
#title { padding-top: 32%;}
#title figure::after { display: none;}
#title figure img { width: 100%;}
#title p { font-size: 1.8rem;}
.box { padding: 24px;}
.bal::before { margin-right: 16px;}
.bal::after { margin-left: 16px;}

#clinic .row { justify-content: center;}
#clinic .row li { flex: none; width: calc(50% - 40px);}

.flow li { display: block; margin: 30px 0; text-align: center;}
.flow li i { margin: 0 auto;}
.flow li figure { width: auto;}
.flow li p { margin: 24px 0;}
.deco { width: 20%;}
.deco.left { right: auto; left: 10%;}

.dentition { display: flex; margin: -10px;}
.dentition li { width: calc(100% / 2 - 20px)!important; margin: 10px!important;}
.dentition li h3 { font-size: 1.8rem;}
.price th { display: block; padding-bottom: 8px; font-size: 1.8rem;}
.price td { display: block; padding-top: 0; border-left: none;}
.price td span { font-size: 3.2rem;}
.disc li { position: relative; margin-bottom: 8px; padding-left: 20px; line-height: 1.6;}
.disc li::before { content: ''; position: absolute; top: 12px; left: 0; width: 8px; height: 8px; background: #FFD100; border-radius: 50%;}
.disc.purple li::before { background-color: #D08AD3;}
.disc.blue li::before { background-color: #58BCE8;}
.disc.orange li::before { background-color: #EB8C2D;}

.voice li:not(:first-child) { margin-top: 0;}
.voice li div { margin: -8px 0 24px 32px;}
.voice li figure { width: 60px;}
.voice li.doctor div { margin: -8px 32px 24px 0;}

.borad { padding: 24px;}
.borad h3 { margin: -24px -24px 24px;}
.inline { margin-bottom: 16px;}
.inline li { display: block;}
}





@media print {
#container { width: 1024px;}
}