@charset "UTF-8";
/* CSS Document */

/* ----------------------------------------
	【01】 header
---------------------------------------- */
#header { z-index: 10;position: absolute; }

@media (min-width: 992px) {
/* all */
#header { padding: 10px 0 20px; }
#header #headerInner { padding-top: 55px; }
#header .logoOuter { width: 100%;position: absolute;bottom: 80px;text-align: center; }
#header #headTopArea {}
#header #headTopArea .ht_lead { line-height: 1.4; }
#header #headTopArea .ht_tell { color: #666;font-size: 140%; right: 0; top: 0;border-bottom: 4px solid #E6E6E6; }
#header #headTopArea .ht_tell i { font-size: 160%;padding-left: 5px; }
#header .navbar-brand { margin: 0;padding: 0; }
#header #headerInner #Navber { text-align: center;width: 100%;margin: 0 auto; }
.js-clingify-locked { background: #fff; }
#header #headerInner #Navber .navbar-nav { width: 1000px !important;margin: 0 auto; }
/* navi */
#header .navbar { padding: 0; }
#header .navbar-nav li a.focus,
#header .navbar-nav > li:hover a { background: #29ABE2; }
#header .navbar-nav > li:hover a i,
#header .navbar-nav li a.focus span i,
#header .navbar-nav li a:hover span i { color: #fff; }
#header .navbar-nav li i { font-size: 140%;display: block;letter-spacing: 0.05em; }
#header .navbar-nav li i.sMain { margin-bottom: 4px; }
#header .navbar-nav li i.sTxt { font-size: 100%;color: #999; }
#header .navbar-expand-lg .navbar-nav > li > a { border-right: 1px solid #999;padding: 15px 0; text-align: center; }
#header .navbar-expand-lg .navbar-nav > li:first-child > a { border-left: 1px solid #999; }
/*------------------------*/
/* ▼ mega menu  ▼ */
/*------------------------*/
/* base */
#header .navbar-nav > li:hover .megaMenu { max-height: 9999px;opacity: 1;padding-top: 20px;padding-bottom: 20px; }
#header .megaMenu { background: #29ABE2;max-height: 0;opacity: 0;width: 100%;position: absolute; overflow-y: hidden; top: 0;left: 0;transition: all .2s ease-in;z-index: 999;box-sizing: unset;text-align: left; }
#header .megaMenu li {}
#header .megaMenu li a { color: #fff; display: inline-block !important; }
/* inner design */
#header .megaMenu .megaMenuInner { padding: 5px 0 0; }
#header .megaMenu .megaMenuInner li { margin: 5px 5px 0 0; }
#header .megaMenu .megaMenuInner li a { padding: 10px; }
#header .megaMenu .megaMenuInner li a i { color: #fff; margin: 0; position: relative; display: inline-block; padding-left: 16px; }
#header .megaMenu .megaMenuInner li a i::before { content: "";width: 8px;height: 8px;border: 0px;border-top: 1px solid;border-right: 1px solid;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 50%;left: 0;margin-top: -4px; }
#header .megaMenu .megaMenuInner li a:hover { background: #fff;border-radius: 2px; }
#header .megaMenu .megaMenuInner li a:hover i { color: #29ABE2; }
#header .megaMenu .megaMenuInner li a:hover i::before { border-color: #29ABE2; }
/* ▲ mega menu  ▲ */
}
@media (max-width: 991px) {
#header .container { width: 100%;max-width: 100%;padding: 0; }
#header #headerInner { padding: 0; }
#header #headerInner #Navber { background: #29ABE2;text-align: center; }
#header #headerInner #Navber li a { font-size: 240%;padding: 30px 0;border-bottom: 1px solid #fff; }
#header #headerInner #Navber li a i { color: #fff; }
#header .navbar-light .navbar-toggler { padding: 15px;position: absolute;right: 20px;top: 15px; }
#headTopArea .ht_lead { background: #efefef;padding: 5px 15px;font-size: 180%;margin: 0; }
#header .fil { background: none; }
#header .fil_sp { background:rgba(255,255,255,0.9);filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff); }
/* header menu */
#header .navbar-nav .tell {}
#header .navbar-nav .tell a { width: 80%;border: none !important;margin: 25px auto;background: #8CC63F;color: #fff;font-weight: bolder;padding: 0 !important; }
#header .navbar-nav .tell span { font-weight: bolder; background: url(https://assets.dental-service.biz/images/icon_tell.png) no-repeat 0 center; padding: 30px 0 30px 45px; display: inline-block;background-size: 35px; }
#header .navbar-nav .endClose { text-align: center; }
#header .navbar-nav .endClose div { display: inline-block;margin-top: 30px; }
#header .navbar-nav .endClose img { width: 50px; height: auto;display: block;margin: 0 auto; }
#header .navbar-nav .endClose span { font-size: 180%;color: #fff;padding: 10px 0 40px;display: block; }
#header .logoOuter { margin: 0 auto;width: 100%;text-align: left; }
#header .logoOuter img { width: auto;height: 81px; }
#header .logoOuter .navbar-brand { margin: 0 !important;padding: 15px 0; }
/* spNavi */
button:focus { outline: none; }
.navbar-light .navbar-toggler { background: #29ABE2; border: none;border-radius: 0;text-align: right;margin: 0px 0 0 auto; }
.navbar-light .navbar-toggler.colored { background: none; }
#spNavi{ width: 72px; height:66px; top: 0px; position:relative; cursor:pointer; }
.menu1 { top:5px; } 
.menu2 { top:23px; } 
.menu3 { top:41px; } 
.menu1,.menu2,.menu3 { width: 56px;height: 3px;background-color: #29ABE2;position:absolute;transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;left: 8px; }
.menuclick1,.menuclick3 { top:35px;background-color:#FFF !important; }
.menuclick1 {
-o-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.menuclick2 { opacity:0; }
.menuclick3 {
-o-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}

}