@charset "utf-8";
/* -------------------------
COMMON PARTS on underpage
------------------------- */
#pageTitle{text-align:center;color:#177c90;font-family:'rmp1c-b'}
#pageTitle h1{color:#666}
@media screen and (min-width: 961px), print {
#pageTitle{padding:35px 0 100px;font-size:18px}
#pageTitle h1{font-size:30px;margin:0 0 5px}
}
@media screen and (max-width: 960px) {
#pageTitle{padding:40px 0;font-size:14px}
#pageTitle h1{font-size:20px;margin:0 0 5px}
}
/* EPIOS SYSTEM (https://www.nakashima-dental.net/epios/ )*/
#epiossystem h2,#poicwater h2{color:#177c90}
#epiossystem h2,#epiossystem h3,#epiossystem ul,#poicwater h2+p,#poicwater h3{font-family:'rmp1c-b'}
#epiossystem p,#poicwater p,#poicwater h2,#poicwater p{font-family:'rmp1c-m'}
#poicwater h2{font-weight:bold}
#epiossystem p strong,#poicwater p strong{color:#111;background:linear-gradient(transparent 80%, #eee007 15%)}
#epiossystem ul li:before{content:"\0025cf";color:#177c90}
#epiossystem ol{counter-reset:number;font-family:'rmp1c-b'}
#epiossystem ol li{background:#e9f1f3;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;font-family:'rmp1c-m'}
#epiossystem ol li:before,#epiossystem ol li:after{color:#177c90;position:absolute}
#epiossystem ol li:before{counter-increment:number;content:counter(number);font-family:'rmp1c-m';font-weight:bold}
#epiossystem ol li:after{content:"\0030dd\0030a4\0030f3\0030c8";font-family:'rmp1c-b'}
#poicwater h2,#poicwater h2+p{text-align:center}
#epiossystem p img,#poicwater h3 img{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
#poicwater article{border-bottom:1px solid #177c90}
#poicwater p+article{padding:0}
#poicwater article:last-child{border:none}
.notice:before{content:"\00203b"}
.notice{color:#f00}
@media screen and (min-width: 961px), print {
#epiossystem .inner,#poicwater .inner{width:1040px;margin:0 auto}
#epiossystem h2{font-size:28px;margin:2em 0 0.9em;clear:both}
#epiossystem h2:first-child{margin-top:0}
#epiossystem h3{font-size:20px;margin:2em 0 1em}
#epiossystem p,#poicwater p{margin:0 auto 2em;font-size:16px}
#epiossystem p{line-height:1.9em}
#epiossystem img.alignleft{margin:0 45px 3.5em 0}
#epiossystem ul{margin:0 auto 1.8em;font-size:16px}
#epiossystem ul li{margin:0 0 5px}
#epiossystem ul li:before{margin:0 5px 0 0}
#epiossystem ol{overflow:hidden;margin:0 0 120px}
#epiossystem ol li{width:320px;float:left;font-size:16px;padding:95px 15px 15px;height:260px;line-height:1.8em;position:relative}
#epiossystem ol li:nth-child(2){margin:0 40px}
#epiossystem ol li:after{top:55px;left:110px}
#epiossystem ol li:before{font-size:60px;top:40px;left:180px}
#poicwater{margin:0 0 20px}
#poicwater h2{font-size:30px}
#poicwater h2+p{font-size:18px}
#poicwater h3{font-size:20px;margin:0 0 20px}
#poicwater p{line-height:1.7em}
#poicwater h3 img{margin:0 40px 40px;position:relative;top:3px}
#poicwater article{padding:40px 0 0}
}
@media screen and (max-width: 960px) {
#epiossystem .inner{padding:20px 10px}
#epiossystem h2{font-size:17px;margin:2em 0 0.9em;clear:both}
#epiossystem h2:first-child{margin-top:0}
#epiossystem h3{font-size:16px;margin:2em 0 0.8em}
#epiossystem p,#poicwater p{margin:0 auto 1.8em;font-size:14px}
#epiossystem p{line-height:1.9em}
#epiossystem img.alignleft{margin:0 auto 1.8em}
#epiossystem ul{margin:0 auto 1.8em;font-size:14px;padding:0 0 0 22px}
#epiossystem ul li{margin:0 0 5px}
#epiossystem ul li:before{margin:0 5px 0 -20px}
#epiossystem ol{overflow:hidden;margin:0 0 20px}
#epiossystem ol li{width:100%;font-size:14px;padding:10px 10px 10px 100px;line-height:1.8em;position:relative;margin:0 0 10px}
#epiossystem ol li:after{top:20px;left:10px;font-size:13px}
#epiossystem ol li:before{font-size:32px;top:16px;left:64px}
#poicwater{margin:0 0 20px}
#poicwater .inner{padding:0 10px}
#poicwater h2{font-size:17px}
#poicwater h2+p{font-size:14px;padding:10px 0 0}
#poicwater h3{font-size:16px;margin:0 0 1em}
#poicwater p{line-height:1.7em}
#poicwater h3 img{margin:0 auto 20px}
#poicwater article{padding:40px 0 0}
}

.sec-reserve h2{color:#177c90;font-weight:bold;}
.sec-reserve h3{font-family:'rmp1c-b'}
.sec-reserve p{font-family:'rmp1c-m'}
.reserve-app__list,.reserve-qr__list {border-top:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center;width:100%;}
.reserve-app__item,.reserve-qr__item {display:inline-block;}
.reserve-qr__item figure{color:#666;font-weight:bold;display:flex;flex-wrap: wrap;justify-content: center;flex-direction: column-reverse;}
.reserve-qr__item figcaption {width:100%;text-align:center;display:block;}

@media screen and (min-width: 961px), print {
.sec-reserve .inner{width:1040px;margin:0 auto;padding-bottom:200px;}
.sec-reserve h2{font-size:28px;margin:4em 0 0.9em;clear:both;padding:0 0 10px;}
.sec-reserve h2:first-child{margin-top:0}
.sec-reserve p{font-family:'rmp1c-m'}
.reserve-app__list {padding:30px 0;margin:30px 0 40px;}
.reserve-app__item {margin:0 20px;}
.reserve-app__pc {margin-bottom:40px;}
.reserve-qr__list {padding:30px 0;margin:30px 0 40px;}
.reserve-qr__item figcaption {padding:5px;}
}

@media screen and (max-width: 960px) {
.sec-reserve .inner{padding:20px 10px 100px;}
.sec-reserve h2{font-size:17px;margin:4em 0 0.9em;clear:both;padding:0 0 10px;}
.sec-reserve h2:first-child{margin-top:0}
.sec-reserve p{margin:0 auto 1.8em;font-size:14pxline-height:1.9em}
.reserve-app__pc {margin-bottom:20px;}
.reserve-app__list {padding:20px;margin:20px 0;display:flex;justify-content: center;}
.reserve-app__item {margin:0 10px;}
.reserve-qr__list {padding:0 20px}
.reserve-qr__item {width:calc(50% - 10px)}
.reserve-qr__item figcaption {padding:10px 0 0px;}
}