@charset "utf-8";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a,a:hover,a:visited,a:active,a:focus{text-decoration:none}img{max-width:100%;border:0;vertical-align:bottom}ul,ol{list-style-type:none}ul{letter-spacing:-.4em}li{letter-spacing:normal}table{border-collapse:collapse;border-spacing:0}form label{cursor:pointer}html{height:100%;position:relative;overflow-x:hidden}body{font-family:'Noto Sans JP',"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;font-size:16px;line-height:1.8;color:#222;min-width:1280px;overflow-x:hidden}a{color:#0b3290}a,a:before,a:after,a img,svg{transition:.3s}a.op:hover>img,a.op:hover svg{opacity:.7 !important}.lazyload{opacity:0}.lazyloaded{opacity:1;transition:.5s}svg{vertical-align:middle}*{box-sizing:border-box}@media screen and (max-width:640px){body{min-width:100%;-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6{line-height:1.5}img:not([data-src]),img.lazyloaded{height:auto}}#container{padding:40px 0 80px}.inner{width:1280px;padding:0 40px;margin:0 auto;position:relative}@media screen and (max-width:640px){#container{padding:40px 0}.inner{width:auto;padding:0 5%}#header>.inner,#footer>.inner{padding:0 2%}}#header{background:#0b3290;color:#fff;border-top:#fbf500 4px solid}#header .h1{font-size:12px;padding-top:10px}#header .hdrLogo{padding:10px 0 15px}#header .hdrLogo li{vertical-align:bottom}#header .hdrLogo li:nth-child(2){font-size:24px;margin-left:10px}#header .bnr_ig{position:absolute;top:20px;right:540px}#header .hdrContact{line-height:1;position:absolute;top:20px;right:40px}#header .hdrContact .tel{background:url(//www.keepercoating-orio.com/wp/wp-content/themes/keeperpro_WP/library/css/../images/common/icon_tel.png) no-repeat left center;background-size:20px auto;font-size:28px;font-weight:700;display:inline-block;padding-left:25px;margin-bottom:10px}#header .hdrContact dl{display:flex}#header .hdrContact dl dt{background:#fff;color:#0b3290;font-size:12px;float:left;padding:5px 10px;margin-right:5px}#header .hdrContact dl dd{font-size:14px;padding:4px 0}#header .hdrContact li:nth-child(2){margin-left:20px}#header .hdrContact li:nth-child(2) a{background:#f2920c url(//www.keepercoating-orio.com/wp/wp-content/themes/keeperpro_WP/library/css/../images/common/icon_mail.png) no-repeat left 20px center;background-size:20px auto;color:#fff;font-weight:700;display:block;padding:20px 20px 20px 50px}#header .hdrContact li:nth-child(2) a:hover{background-color:#f26c0c}@media screen and (max-width:640px){#header .h1{font-size:11px;padding:5px 45px 0 0}#header .hdrLogo li:first-child{width:240px}#header .hdrLogo li:nth-child(2){font-size:20px}#header .hdrContact{max-width:280px;display:none;text-align:center;margin:20px auto;position:static}.open #header .hdrContact{display:block}#header .hdrContact li:first-child{margin-bottom:20px !important}#header .hdrContact .tel{background-size:24px;font-size:34px;padding-left:30px}#header .hdrContact .tel a{color:#fff}#header .hdrContact dl dt{font-size:14px}#header .hdrContact dl dd{font-size:18px;line-height:15px}#header .hdrContact dl dd .f12{font-size:16px !important}#header .hdrContact li:nth-child(2) a{background:#fbf500 url(//www.keepercoating-orio.com/wp/wp-content/themes/keeperpro_WP/library/css/../images/common/icon_mail_blue.png) no-repeat left 15px center;background-size:24px auto;color:#0b3290;font-size:18px;padding:15px 15px 15px 35px}#header .hdrContact li:nth-child(2) a:hover{background-color:#fbf500}}@media screen and (max-width:320px){#header .hdrLogo li:first-child{width:200px}}nav{border-top:rgba(255,255,255,.5) 1px solid}nav>ul{width:1280px;display:table;text-align:center;margin:0 auto;table-layout:fixed}nav>ul>li{display:table-cell;position:relative}nav>ul>li>a{color:#fff;display:block;line-height:60px;border-right:rgba(255,255,255,.5) 1px solid}nav>ul>li:first-child>a{border-left:rgba(255,255,255,.5) 1px solid}nav>ul>li:hover>a{color:#fbf500}nav .child{width:100%;display:none;position:absolute;top:100%;left:0;z-index:99}nav .child a{background:rgba(13,58,168,.9);color:#fff;display:block;padding:10px 0;border-bottom:rgba(255,255,255,.5) 1px solid}nav .child li:last-child a{border-bottom:none}nav .child a:hover{background:#0d3aa8;color:#fbf500}#navToggle{width:48px;height:48px;background:#f2920c;display:none;position:fixed;top:0;right:0;z-index:999;transition:.5s}#navToggle span{width:60%;height:2px;background:#fff;display:block;position:absolute;left:0;right:0;margin:auto;transition:.5s}#navToggle span:first-child{top:30%}#navToggle span:nth-child(2){top:0;bottom:0}#navToggle span:last-child{bottom:30%}#navToggle.open span:first-child{-webkit-transform:translateY(9px) rotate(-135deg);transform:translateY(9px) rotate(-135deg)}#navToggle.open span:nth-child(2){opacity:0}#navToggle.open span:last-child{-webkit-transform:translateY(-8px) rotate(135deg);transform:translateY(-8px) rotate(135deg)}@media screen and (max-width:640px){nav{width:100%;min-height:100%;background:#0b3290;display:block;padding:20px;border-top:none;position:fixed;top:0;right:-100%;transition:.5s;opacity:0;z-index:99;overflow:auto}nav>ul{width:auto;display:block;text-align:left}nav>ul>li{display:block}nav>ul>li>a{font-size:14px;line-height:1.8;padding:10px;border-bottom:rgba(255,255,255,.5) 1px solid;border-right:none}nav>ul>li:first-child>a{border-left:none}nav .child{position:static}nav .child a{font-size:14px;padding:8px 8px 8px 20px}nav .child li:last-child a{border-bottom:rgba(255,255,255,.5) 1px solid}nav .child li a:before{content:'－';margin-right:5px}#navToggle{display:block}.open #navToggle{position:absolute}.subMenu_toggle{width:46px;height:46px;border-left:rgba(255,255,255,.5) 1px solid;position:absolute;top:0;right:0}.subMenu_toggle div{width:100%;height:100%;position:relative}.subMenu_toggle div span{content:'';background:#fff;display:block;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;transition:.3s}.subMenu_toggle div span:first-child{width:16px;height:1px}.subMenu_toggle div span:nth-child(2){width:1px;height:16px}.subMenu_toggle.open div span:first-child{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.subMenu_toggle.open div span:nth-child(2){-webkit-transform:rotate(90deg);transform:rotate(90deg)}#navToggle.open+nav{right:0;opacity:1}.open nav{height:100%;right:0;opacity:1;overflow:scroll;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}}#footer{background:#0b3290;color:#fff;position:relative}#footer #ftrContact{background:url(//www.keepercoating-orio.com/wp/wp-content/themes/keeperpro_WP/library/css/../images/common/ftrContact_bg.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;text-align:center;padding:80px 0}#footer #ftrContact h2{font-size:24px;font-weight:700;text-align:center;letter-spacing:.1em;margin-bottom:60px}#footer #ftrContact h2 span{color:#fff;font-size:48px;display:block;padding-bottom:10px;margin-bottom:10px;position:relative}#footer #ftrContact h2 span:before{height:4px;content:'';display:block;position:absolute;bottom:0;left:0;right:0;margin:auto}#footer #ftrContact h2 span:before{width:100px;background:#fff}#footer #ftrContact h2 span:after{content:none}#footer #ftrContact ul li{width:360px;background:rgba(255,255,255,.2);font-size:20px;font-weight:700;border:#fff 2px solid}#footer #ftrContact ul li:first-child{margin-right:80px}#footer #ftrContact ul li:nth-child(2):hover{background:rgba(0,0,0,.4)}#footer #ftrContact ul li .tel{background:url(//www.keepercoating-orio.com/wp/wp-content/themes/keeperpro_WP/library/css/../images/common/icon_tel.png) no-repeat left center;background-size:24px;font-size:30px;display:inline-block;line-height:80px;padding-left:34px}#footer #ftrContact ul li a{color:#fff;display:block;line-height:80px;position:relative}#footer #ftrContact ul li a:before{width:12px;height:12px;content:'';display:block;border-top:#fff 3px solid;border-right:#fff 3px solid;position:absolute;top:0;bottom:0;right:30px;margin:auto;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#footer #ftrContact ul li a:hover:before{-webkit-transform:rotate(45deg) translate(5px,-5px);transform:rotate(45deg) translate(5px,-5px)}#footer .ftrContent{font-size:14px;text-align:center;padding:80px 0 40px}#footer .ftrLogo,#footer .ftrMenu01{text-align:left}#footer .ftrLogo{line-height:1.5;margin-right:60px}#footer .ftrMenu01 dl dt{color:#fbf500;font-size:16px;font-weight:700;line-height:1.5;padding:10px;margin-bottom:10px;border-bottom:#fbf500 1px solid}#footer .ftrMenu01 dl dd{padding:0 10px}#footer .ftrMenu01 dl dd a{color:#fff;display:inline-block;padding-left:20px;position:relative}#footer .ftrMenu01 dl dd a:before,#footer .ftrMenu01 dl dd a:after{content:'';background:#fbf500;display:block;position:absolute;top:0;bottom:0;margin:auto}#footer .ftrMenu01 dl dd a:before{width:10px;height:1px;left:0}#footer .ftrMenu01 dl dd a:after{width:1px;height:10px;left:5px}#footer .ftrMenu01 dl dd a:hover{text-decoration:underline}#footer .ftrMenu01 dl dd a:hover:before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}#footer .ftrMenu01 dl dd a:hover:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}#footer .ftrMenu01 dl dd .child{margin-left:20px}#footer .ftrMenu01 dl dd .child a:after{content:none}#footer .ftrMenu01 dl dd .child a:hover:before{width:15px;transform:none}#footer .ftrMenu02{text-align:right}#footer .ftrMenu02 li:first-child:after{content:'｜';color:#fbf500;padding:0 5px}#footer .ftrMenu02 a{color:#fff}#footer .ftrMenu02 a:hover{text-decoration:underline}#footer .copyright{font-size:12px;text-align:center;line-height:1.5;padding-bottom:80px}#footer .bnr_ig{width:180px;position:fixed;bottom:10px;left:0;z-index:99}@media screen and (max-width:640px){#footer #ftrContact{background-attachment:inherit;padding:60px 0}#footer #ftrContact h2{font-size:20px;margin-bottom:40px;text-shadow:0 0 6px rgba(0,0,0,.4)}#footer #ftrContact h2 span{font-size:36px}#footer #ftrContact h2 span:before{box-shadow:0 0 6px rgba(0,0,0,.4)}#footer #ftrContact ul li{max-width:260px;font-size:16px}#footer #ftrContact ul li .tel{background:0 0;font-size:24px;display:block;line-height:60px;padding-left:0}#footer #ftrContact ul li a{background:rgba(0,0,0,.4);line-height:60px}#footer #ftrContact ul li .tel a{background:rgba(0,0,0,.4) url(//www.keepercoating-orio.com/wp/wp-content/themes/keeperpro_WP/library/css/../images/common/icon_tel.png) no-repeat left 25px center;background-size:20px}#footer #ftrContact ul li a:before{width:8px;height:8px;right:15px}#footer .ftrContent{text-align:center;padding:40px 0 20px}#footer .ftrContent .col li{display:block}#footer .ftrLogo{width:210px;font-size:12px;margin:0 auto}#footer .ftrLogo li:first-child{text-align:center}#footer .ftrMenu01,#footer .ftrMenu02{display:none}#footer .copyright{font-size:10px;padding-bottom:40px}}#pagetop{width:80px;height:80px;position:fixed;bottom:40px;right:0;z-index:99}#pagetop img{width:100%;height:auto;-webkit-transform:translateY(200px);transform:translateY(200px);transition:transform .5s cubic-bezier(.175,.885,.32,1.275)}@media screen and (max-width:640px){#pagetop{width:50px;height:50px;bottom:10px}}#follow{width:200px;display:none;position:fixed;top:100px;right:0;z-index:99}#follow li{margin-bottom:10px;-webkit-transform:translateX(100%);transform:translateX(100%);transition:transform .5s cubic-bezier(.19,1,.22,1)}@media screen and (max-width:640px){#follow{width:150px;top:10px;left:0;right:auto}#follow li{display:none;margin-bottom:0;-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}#follow li:first-child{display:block}.open #follow li{-webkit-transform:translate(-100%,0) !important;transform:translate(-100%,0) !important}}input[type=text],input[type=email],input[type=tel],input[type=date],input[type=time],input[type=number],input[type=password],textarea,select{font-size:16px;padding:5px 10px;margin:2px;border:#ccc 1px solid;border-radius:3px}input[type=checkbox],input[type=radio]{font-size:16px;margin:3px 3px 0 5px}input[type=submit],button{background:#eee;font-size:16px;padding:10px 20px;cursor:pointer;border:#ccc 1px solid;border-radius:5px}input[type=submit]:hover,button:hover{opacity:.6}@media screen and (max-width:640px){input[type=text],textarea{width:100%}input[type=submit],button{-webkit-appearance:none;-moz-appearance:none;appearance:none}}.fltL{float:left}.fltR{float:right}.clearfix:after{display:block;content:'';clear:both}.f10{font-size:10px !important}.f11{font-size:11px !important}.f12{font-size:12px !important}.f14{font-size:14px !important}.f16{font-size:16px !important}.f18{font-size:18px !important}.f20{font-size:20px !important}.f22{font-size:22px !important}.f24{font-size:24px !important}.f26{font-size:26px !important}.f28{font-size:28px !important}.f30{font-size:30px !important}.f36{font-size:36px !important}.fYuMincho{font-family:"游明朝体","Yu Mincho",YuMincho,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif}.fYuGothic{font-family:"Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif}.normal{font-weight:400}.bold{font-weight:700}.black{font-weight:900}.underline{text-decoration:underline}.italic{font-style:italic}.line{background:linear-gradient(transparent 60%,#ff0 60%)}.lh10{line-height:1}.lh12{line-height:1.2}.lh15{line-height:1.5}.lh20{line-height:2}.txtL{text-align:left !important}.txtR{text-align:right !important}.txtC{text-align:center !important}.fcRed{color:#cc1433}.fcBlue{color:#0b3290}.fcYellow{color:#fbf500}.fcOrange{color:#f2920c}.fcSkyBlue{color:#1ba8d8}.fcGold{color:#bfa548}.fcGreen{color:#18b630}.mt00{margin-top:0 !important}.mt05{margin-top:5px !important}.mt10{margin-top:10px !important}.mt15{margin-top:15px !important}.mt20{margin-top:20px !important}.mt30{margin-top:30px !important}.mt40{margin-top:40px !important}.mb00{margin-bottom:0 !important}.mb05{margin-bottom:5px !important}.mb10{margin-bottom:10px !important}.mb15{margin-bottom:15px !important}.mb20{margin-bottom:20px !important}.mb30{margin-bottom:30px !important}.mb40{margin-bottom:40px !important}.ml00{margin-left:0 !important}.ml05{margin-left:5px !important}.ml10{margin-left:10px !important}.ml15{margin-left:15px !important}.ml20{margin-left:20px !important}.ml30{margin-left:30px !important}.ml40{margin-left:40px !important}.mr00{margin-right:0 !important}.mr05{margin-right:5px !important}.mr10{margin-right:10px !important}.mr15{margin-right:15px !important}.mr20{margin-right:20px !important}.mr30{margin-right:30px !important}.mr40{margin-right:40px !important}.pt00{padding-top:0 !important}.pt05{padding-top:5px !important}.pt10{padding-top:10px !important}.pt15{padding-top:15px !important}.pt20{padding-top:20px !important}.pt30{padding-top:30px !important}.pt40{padding-top:40px !important}.pb00{padding-bottom:0 !important}.pb05{padding-bottom:5px !important}.pb10{padding-bottom:10px !important}.pb15{padding-bottom:15px !important}.pb20{padding-bottom:20px !important}.pb30{padding-bottom:30px !important}.pb40{padding-bottom:40px !important}.pl00{padding-left:0 !important}.pl05{padding-left:5px !important}.pl10{padding-left:10px !important}.pl15{padding-left:15px !important}.pl20{padding-left:20px !important}.pl30{padding-left:30px !important}.pl40{padding-left:40px !important}.pr00{padding-right:0 !important}.pr05{padding-right:5px !important}.pr10{padding-right:10px !important}.pr15{padding-right:15px !important}.pr20{padding-right:20px !important}.pr30{padding-right:30px !important}.pr40{padding-right:40px !important}