.opentip-container,.opentip-container *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.opentip-container{position:absolute;max-width:300px;z-index:100;-webkit-transition:-webkit-transform 1s ease-in-out;-moz-transition:-moz-transform 1s ease-in-out;-o-transition:-o-transform 1s ease-in-out;-ms-transition:-ms-transform 1s ease-in-out;transition:transform 1s ease-in-out;pointer-events:none;-webkit-transform:translateX(0) translateY(0);-moz-transform:translateX(0) translateY(0);-o-transform:translateX(0) translateY(0);-ms-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}.opentip-container.ot-fixed.ot-hidden.stem-top.stem-center,.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-center,.opentip-container.ot-fixed.ot-hiding.stem-top.stem-center{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-o-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}.opentip-container.ot-fixed.ot-hidden.stem-top.stem-right,.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-right,.opentip-container.ot-fixed.ot-hiding.stem-top.stem-right{-webkit-transform:translateY(-5px) translateX(5px);-moz-transform:translateY(-5px) translateX(5px);-o-transform:translateY(-5px) translateX(5px);-ms-transform:translateY(-5px) translateX(5px);transform:translateY(-5px) translateX(5px)}.opentip-container.ot-fixed.ot-hidden.stem-middle.stem-right,.opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-right,.opentip-container.ot-fixed.ot-hiding.stem-middle.stem-right{-webkit-transform:translateX(5px);-moz-transform:translateX(5px);-o-transform:translateX(5px);-ms-transform:translateX(5px);transform:translateX(5px)}.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-right,.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-right,.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-right{-webkit-transform:translateY(5px) translateX(5px);-moz-transform:translateY(5px) translateX(5px);-o-transform:translateY(5px) translateX(5px);-ms-transform:translateY(5px) translateX(5px);transform:translateY(5px) translateX(5px)}.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-center,.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-center,.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-center{-webkit-transform:translateY(5px);-moz-transform:translateY(5px);-o-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px)}.opentip-container.ot-fixed.ot-hidden.stem-bottom.stem-left,.opentip-container.ot-fixed.ot-going-to-show.stem-bottom.stem-left,.opentip-container.ot-fixed.ot-hiding.stem-bottom.stem-left{-webkit-transform:translateY(5px) translateX(-5px);-moz-transform:translateY(5px) translateX(-5px);-o-transform:translateY(5px) translateX(-5px);-ms-transform:translateY(5px) translateX(-5px);transform:translateY(5px) translateX(-5px)}.opentip-container.ot-fixed.ot-hidden.stem-middle.stem-left,.opentip-container.ot-fixed.ot-going-to-show.stem-middle.stem-left,.opentip-container.ot-fixed.ot-hiding.stem-middle.stem-left{-webkit-transform:translateX(-5px);-moz-transform:translateX(-5px);-o-transform:translateX(-5px);-ms-transform:translateX(-5px);transform:translateX(-5px)}.opentip-container.ot-fixed.ot-hidden.stem-top.stem-left,.opentip-container.ot-fixed.ot-going-to-show.stem-top.stem-left,.opentip-container.ot-fixed.ot-hiding.stem-top.stem-left{-webkit-transform:translateY(-5px) translateX(-5px);-moz-transform:translateY(-5px) translateX(-5px);-o-transform:translateY(-5px) translateX(-5px);-ms-transform:translateY(-5px) translateX(-5px);transform:translateY(-5px) translateX(-5px)}.opentip-container.ot-fixed .opentip{pointer-events:auto}.opentip-container.ot-hidden{display:none}.opentip-container .opentip{position:relative;font-size:13px;line-height:120%;padding:9px 14px;color:#4f4b47;text-shadow:-1px -1px 0px rgba(255,255,255,0.2)}.opentip-container .opentip .header{margin:0;padding:0}.opentip-container .opentip .ot-close{pointer-events:auto;display:block;position:absolute;top:-12px;left:60px;color:rgba(0,0,0,0.5);background:transparent;text-decoration:none}.opentip-container .opentip .ot-close span{display:none}.opentip-container .opentip .ot-loading-indicator{display:none}.opentip-container.ot-loading .ot-loading-indicator{width:30px;height:30px;font-size:30px;line-height:30px;font-weight:bold;display:block}.opentip-container.ot-loading .ot-loading-indicator span{display:block;-webkit-animation:otloading 2s linear infinite;-moz-animation:otloading 2s linear infinite;-o-animation:otloading 2s linear infinite;-ms-animation:otloading 2s linear infinite;animation:otloading 2s linear infinite;text-align:center}.opentip-container.style-dark .opentip,.opentip-container.style-alert .opentip{color:#f8f8f8;text-shadow:1px 1px 0px rgba(0,0,0,0.2)}.opentip-container.style-glass .opentip{padding:15px 25px;color:#317cc5;text-shadow:1px 1px 8px rgba(0,94,153,0.3)}.opentip-container.ot-hide-effect-fade{-webkit-transition:-webkit-transform 0.5s ease-in-out, opacity 1s ease-in-out;-moz-transition:-moz-transform 0.5s ease-in-out, opacity 1s ease-in-out;-o-transition:-o-transform 0.5s ease-in-out, opacity 1s ease-in-out;-ms-transition:-ms-transform 0.5s ease-in-out, opacity 1s ease-in-out;transition:transform 0.5s ease-in-out, opacity 1s ease-in-out;opacity:1;-ms-filter:none;filter:none}.opentip-container.ot-hide-effect-fade.ot-hiding{opacity:0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.opentip-container.ot-show-effect-appear.ot-going-to-show,.opentip-container.ot-show-effect-appear.ot-showing{-webkit-transition:-webkit-transform 0.5s ease-in-out, opacity 1s ease-in-out;-moz-transition:-moz-transform 0.5s ease-in-out, opacity 1s ease-in-out;-o-transition:-o-transform 0.5s ease-in-out, opacity 1s ease-in-out;-ms-transition:-ms-transform 0.5s ease-in-out, opacity 1s ease-in-out;transition:transform 0.5s ease-in-out, opacity 1s ease-in-out}.opentip-container.ot-show-effect-appear.ot-going-to-show{opacity:0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}.opentip-container.ot-show-effect-appear.ot-showing{opacity:1;-ms-filter:none;filter:none}.opentip-container.ot-show-effect-appear.ot-visible{opacity:1;-ms-filter:none;filter:none}@-moz-keyframes otloading{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes otloading{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes otloading{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes otloading{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes otloading{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}cf{zoom:1}.cf:after{content:"";display:block;clear:both}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,sup,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}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}body{width:100%;text-align:center;background-image:url(/sp/images/background.jpg)}#content{margin:0 auto;padding-bottom:20px}nav#header{position:relative;width:100%;height:94px;margin:0 auto;background-color:white}nav#header a{width:156px;height:68px;display:block;margin:0 auto;padding:13px 0}nav#header>img{position:absolute;top:0;right:0}ul#menu{overflow:hidden;width:100%;margin:0 auto}ul#menu li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background-color:#00b1cd;height:80px;border-bottom:solid 1px white;padding:20px 18px}#top{width:640px;margin:0 auto}#top #main{width:640px}#top #top-nav{width:616px;margin-left:auto;margin-right:auto;margin-top:20px}#top #top-nav a{width:298px;float:left;margin-bottom:20px}#top #top-nav .right{margin-left:20px}header.page-header{background-position:center center;width:100%;height:80px}#company-page header{background-image:url(/sp/images/header-company.png)}#company-page .container{background-color:rgba(52,52,53,0.1);padding:40px 0px}#company-page .container table{width:488px;margin:0 auto;font-size:20px;line-height:34px;color:#231F20}#company-page .container table th{width:150px;vertical-align:top}#company-page .container table td{padding-bottom:10px}#company-page .container table td .map{display:inline-block;float:right}#philosophy-page header{background-image:url(/sp/images/header-philosophy.png)}#philosophy-page .container{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:640px;margin:0 auto;background-color:rgba(52,52,53,0.1);padding:20px}#philosophy-page .container p{text-align:justify;margin:20px 0px;font-size:20px;line-height:36px;letter-spacing:0.24px;color:#241a16}#philosophy-page .container>span{display:block;width:100%;text-align:right}#philosophy-page .container>span img{width:184px}#service-page header{background-image:url(/sp/images/header-service.png)}#service-page ul{width:590px;margin:0 auto}#service-page ul li{margin-top:20px}#service-page ul li:last-child{margin-bottom:20px}#service-detail-page header{background-image:url(/sp/images/header-service.png)}#service-detail-page .content{width:640px;margin:0 auto;background-color:rgba(52,52,53,0.1);text-align:center;padding:20px 0}#works-page header{background-image:url(/sp/images/header-works.png)}#works-page .container{width:586px;height:264px;margin:0 auto;padding-top:20px;padding-left:27px;padding-right:27px}#works-page .container .item{width:276px;height:240px;float:left;margin-bottom:20px;font-size:12px;line-height:14px;letter-spacing:2.4px;color:#231F20}#works-page .container .item img{width:276px;height:155px}#works-page .container .item .title{font-size:18px;letter-spacing:3.6px;color:#231F20}#works-page .container .item .description{width:276px}#works-page .container .item:nth-child(even){margin-left:32px}#philosophy-title{display:block;width:566px;margin-top:32px;margin-left:auto;margin-right:auto}#philosophy-image{display:block;width:590px;margin-top:20px;margin-left:auto;margin-right:auto}#dropdown{height:80px}#dropdown ul{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;border:solid 1px rgba(127,127,132,0.9);margin:0 auto;width:100%;height:80px;overflow:hidden;z-index:10}#dropdown ul li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:80px;background-color:rgba(52,52,53,0.9);border-bottom:solid 1px rgba(200,200,200,0.8)}#dropdown ul li:first-child{background-color:rgba(52,52,53,0.9)}#dropdown ul li:last-child{border-bottom:none}.contact-link{display:block;width:612px;margin:0 auto}footer{width:100%;height:39px;background-color:#00b1cd}#page-contact header{background-image:url(/sp/images/header-contact.png)}#page-contact form{width:480px;margin-left:auto;margin-right:auto;margin-top:40px}#page-contact input,#page-contact select,#page-contact textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;width:480px;margin-bottom:20px;font-size:20px}#page-contact input{height:40px}#page-contact input[type=submit]{-webkit-appearance:none;background-color:#00b1cd;color:white;border:none}#page-contact select{height:40px}#page-contact textarea{resize:none;height:200px}.popup{position:fixed;width:100%;top:0;left:0;z-index:200;background-color:#343435;color:white;text-align:left}.popup .container{width:520px;margin:0 auto;padding:0 60px}.popup .close{position:absolute;top:20px;right:20px;display:block;width:40px;height:40px;border:solid 1px black;background-color:#343435;background-image:url(/sp/images/works-popup-close.png);background-position:center center;background-repeat:no-repeat;background-size:21px 21px}.popup .close:hover,.popup .close:active,.popup .close:focus{border-color:#666666;background-color:black}.popup .header{position:fixed;top:0;left:0;width:100%;height:140px;background-color:#343435;border-bottom:solid 1px #7f7f84;z-index:210}.popup .header h2{font-size:22px;letter-spacing:4.4px;margin-top:32px}.popup .header .category,.popup .header .date{font-size:18px;line-height:24px;letter-spacing:1.8px}.popup .content{overflow:scroll;padding-top:160px;padding-bottom:20px}.popup .content p{font-size:16px;line-height:20px;letter-spacing:0.8px;margin-top:12px}.popup .content .image-container{margin-top:12px}.popup .content .image-container img{width:520px}.popup ::-webkit-scrollbar{display:none}