@charset "utf-8";
/* Reset default browser CSS */
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,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table.table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;/*vertical-align: baseline;*/}
em{border:0:font-family:inherit;font-size:105%;font-style:inherit;font-weight:bold;margin:0;outline:0;padding:0;}
:focus {outline:0;}
ol,ul{list-style:none;}
table.table{border-collapse:separate;border-spacing:0;}
caption,th,td{font-weight:normal;text-align:left;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
a img{border:0;}
figure{margin:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
/* Common CSS Document */
/* clear */
.clear{clear:both;}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.clearfix{min-height:1px;}
* html .clearfix{height:1px;/*\*//*/height:auto;overflow: hidden;/**/}
/* fontsize */
.font10{font-size:83%;}
.font11{font-size:91%;}
.font12{font-size:100%;}
.font13{font-size:108%;}
.font14{font-size:117%;}
.font15{font-size:125%;}
.font16{font-size:133%;}
.font17{font-size:142%;}
.font18{font-size:150%;}
.font19{font-size:158%;}
.font20{font-size:166%;}
/* color */
.fontR{color:#ff0000;}
.fontB{color:#0af;}
.fontSB{color:#0068b7;}
/* text_align */
.alnL{text-align:left;}
.alnC{text-align:center;}
.alnR{text-align:right;}
/* float */
.fL{float:left;}
.fR{float:right;}
/* margin_top */
.mgt0{margin-top:0 !important; }
.mgt5{margin-top:5px !important; }
.mgt10{margin-top:10px !important; }
.mgt15{margin-top:15px !important; }
.mgt18{margin-top:18px !important; }
.mgt20{margin-top:20px !important; }
.mgt25{margin-top:25px !important; }
.mgt30{margin-top:30px !important; }
.mgt35{margin-top:35px !important; }
.mgt40{margin-top:40px !important; }
.mgt45{margin-top:45px !important; }
.mgt50{margin-top:50px !important; }
.mgt55{margin-top:55px !important; }
.mgt60{margin-top:60px !important; }
.mgt65{margin-top:65px !important; }
.mgt70{margin-top:70px !important; }
.mgt75{margin-top:75px !important; }
.mgt80{margin-top:80px !important; }
.mgt85{margin-top:85px !important; }
.mgt90{margin-top:90px !important; }
.mgt95{margin-top:95px !important; }
.mgt100{margin-top:100px !important; }
/* margin_bottom */
.mgb0{margin-bottom:0 !important; }
.mgb5{margin-bottom:5px !important; }
.mgb10{margin-bottom:10px !important; }
.mgb15{margin-bottom:15px !important; }
.mgb20{margin-bottom:20px !important; }
.mgb25{margin-bottom:25px !important; }
.mgb30{margin-bottom:30px !important; }
.mgb35{margin-bottom:35px !important; }
.mgb40{margin-bottom:40px !important; }
.mgb45{margin-bottom:45px !important; }
.mgb50{margin-bottom:50px !important; }
.mgb55{margin-bottom:55px !important; }
.mgb60{margin-bottom:60px !important; }
.mgb65{margin-bottom:65px !important; }
.mgb70{margin-bottom:70px !important; }
.mgb75{margin-bottom:75px !important; }
.mgb80{margin-bottom:80px !important; }
.mgb85{margin-bottom:85px !important; }
.mgb90{margin-bottom:90px !important; }
.mgb95{margin-bottom:95px !important; }
.mgb100{margin-bottom:100px !important; }
/* margin_left */
.mgl0{margin-left:0 !important; }
.mgl5{margin-left:5px !important; }
.mgl10{margin-left:10px !important; }
.mgl15{margin-left:15px !important; }
.mgl20{margin-left:20px !important; }
.mgl25{margin-left:25px !important; }
.mgl30{margin-left:30px !important; }
.mgl35{margin-left:35px !important; }
.mgl40{margin-left:40px !important; }
.mgl45{margin-left:45px !important; }
.mgl50{margin-left:50px !important; }
/* margin_right */
.mgr0{margin-right:0 !important; }
.mgr5{margin-right:5px !important; }
.mgr10{margin-right:10px !important; }
.mgr15{margin-right:15px !important; }
.mgr20{margin-right:20px !important; }
.mgr25{margin-right:25px !important; }
.mgr30{margin-right:30px !important; }
.mgr35{margin-right:35px !important; }
.mgr40{margin-right:40px !important; }
.mgr45{margin-right:45px !important; }
.mgr50{margin-right:50px !important; }
/* padding_top */
.pdt0{padding-top:0 !important; }
.pdt5{padding-top:5px !important; }
.pdt10{padding-top:10px !important; }
.pdt15{padding-top:15px !important; }
.pdt20{padding-top:20px !important; }
.pdt25{padding-top:25px !important; }
.pdt30{padding-top:30px !important; }
.pdt35{padding-top:35px !important; }
.pdt40{padding-top:40px !important; }
.pdt45{padding-top:45px !important; }
.pdt50{padding-top:50px !important; }
/* padding_bottom */
.pdb0{padding-bottom:0 !important; }
.pdb5{padding-bottom:5px !important; }
.pdb10{padding-bottom:10px !important; }
.pdb15{padding-bottom:15px !important; }
.pdb20{padding-bottom:20px !important; }
.pdb25{padding-bottom:25px !important; }
.pdb30{padding-bottom:30px !important; }
.pdb35{padding-bottom:35px !important; }
.pdb40{padding-bottom:40px !important; }
.pdb45{padding-bottom:45px !important; }
.pdb50{padding-bottom:50px !important; }
/* padding_left */
.pdl0{padding-left:0 !important; }
.pdl5{padding-left:5px !important; }
.pdl10{padding-left:10px !important; }
.pdl15{padding-left:15px !important; }
.pdl20{padding-left:20px !important; }
.pdl25{padding-left:25px !important; }
.pdl30{padding-left:30px !important; }
.pdl35{padding-left:35px !important; }
.pdl40{padding-left:40px !important; }
.pdl45{padding-left:45px !important; }
.pdl50{padding-left:50px !important; }
/* padding_right 
*/
.pdr0{padding-right:0 !important; }
.pdr5{padding-right:5px !important; }
.pdr10{padding-right:10px !important; }
.pdr15{padding-right:15px !important; }
.pdr20{padding-right:20px !important; }
.pdr25{padding-right:25px !important; }
.pdr30{padding-right:30px !important; }
.pdr35{padding-right:35px !important; }
.pdr40{padding-right:40px !important; }
.pdr45{padding-right:45px !important; }
.pdr50{padding-right:50px !important; }
/* Style CSS Document */
body{color:#333;font-size:13px;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo, Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-o-text-size-adjust:100%;border-top:5px solid #0068B7;}
/* --------Container-------- */
#container {width:100%;}
/* --------Common a tag-------- */
a{color:#333;text-decoration:none;}
a:hover{color:#ccc;text-decoration:none;}
a:active,a:focus{outline:0;}
a.gray-line{color:#333;text-decoration:underline;}
a.gray-line:hover{color:#ccc;text-decoration:none;}
a.sb-line{color:#0068b7;text-decoration:underline;}
a.sb-line:hover{color:#ccc;text-decoration:none;}
/* --------Common all-------- */
#mainContents{margin:0 auto;padding:0 1%;width:98%;position:relative;background: #fff;}
.navMenu{margin:0 auto;width:100%;}
/* --------Header-------- */
#header{height:120px;}
#header h1{padding: 8px 0 8px 15px;font-weight:bold;color:#898989;}
#header ul.headTop{float:right;padding: 7px 20px 7px 0;list-style:none;}
#header ul.headTop li{display:inline;color:#898989;font-size:90%;}
/* --------Logo-------- */
.logo{float:left;margin: 0 0 0 15px;}
/* --------Header Contact-------- */
.headBtn{float:right;padding-right:15px;text-align:right;}
/* --------Logo & Header TEL-------- */
.logo{padding-top:5px;}
.headBtn ul{margin-top:-5px;}
.headBtn li:first-child{float:left;margin-left:0;}
.headBtn li{float:left;margin-left:10px;}
.headBtn li:last-child img{border:2px solid #ebebeb;}
/**************************
/* メイン画像（トップページ+サブページ）
**************************/
#mainBanner{margin:15px auto -18px auto;padding:0;width:100%;position:relative;line-height:0;}
#mainBannerC, #tops{margin:15px auto 17px auto;padding:0;width:100%;position:relative;line-height:0;}
#mainBanner img,#mainBannerC img,#topps img{max-width:100%;height:auto;border:4px solid #ebebeb;}
/**************************
/* グリッド
**************************/
.boxContents{padding-bottom:20px;overflow:hidden;}
* html .boxContents,* html .chkCont,* html .leftCont,* html rightCont{height:1%;}
.grid{float:left;border-radius:5px;background:#fff;}
.box {margin:0 5px;padding:10px;border:1px solid #ebebeb;}
.box img{max-width:100%;height:auto;border:4px solid #ebebeb;}
.box h3{padding:10px 0 5px;color:#0068b7;font-size:150%;font-weight:bold;}
.box h3,.box p{text-align:left;}
.box p{font-size:105%;}
.box p.readmore{padding:10px 5px 5px;text-align:right;color:#08c;font-size:105%;}
.box p.readmore a,section.content article ul.strategy li.readmore a{text-decoration:underline;color:#00A0E9;}
.box p.readmore a:hover,section.content article ul.strategy li.readmore a:hover{text-decoration:underline;color:#009944;}
/* 項目チェック */
section.content ul li.chkR:first-child{margin:0 0 10px 0;}
section.content ul li.chkR{margin:10px 0;padding-left:40px;padding-top:5px;font-size:110%;background:url(../images/chkR_min.gif) no-repeat;}
section.content ul li.chkR:last-child{margin:10px 0 0 0;}
section.content ul li.chkB:first-child{margin: 0 0 10px 0;}
section.content ul li.chkB{margin:10px 0;padding-left:40px;padding-top:5px;font-size:110%;background:url(../images/chkB_min.gif) no-repeat;}
section.content ul li.chkB:last-child{margin:10px 0 0 0;}
/* Contact Area */
.contactAreaM{margin-bottom:15px;overflow:hidden;}
.contactAreaM .contactM{width:667px;}
.contactAreaM li.fl{float:left;}
.contactAreaM li.fR{float:right;}
/*************
メイン コンテンツ
*************/
section.content article{padding:20px;margin-bottom:20px;border:1px solid #ebebeb;overflow:hidden;}
section#tops article{padding:20px;margin-bottom:20px;overflow:hidden;}
* html section.content article{height:1%;}
section.content article.tab,section.content article.nb{padding:10px 0 0 0;border:none;}
section.content article.nb-pd0{padding:0 20px 20px 20px;border:none}
section.content article.nb-pd20{padding:20px;border:none;}
section.content p,section.content ul.contentsL li,section#tops ul.contentsL li {margin-bottom:5px;line-height:1.8;font-size:105%;}
section#tops ul.contentsL li .sep{margin-top:-24px;padding-left:27px}
section.content ul li img{padding-top:5px;}
section.content li{margin-bottom:10px;}
section#tops p{margin-bottom:5px;line-height:1.8;font-size:105%;}
section.content form span{margin-left:3px;}
h2.topsTitle{padding:0 30px;line-height:36px;color:#333;font-weight:bold;font-size:120%;background:url(../images/h2t_bg.gif) no-repeat;}
h3.heading{padding:0 45px;line-height:36px;color:#444;font-weight:bold;font-size:115%;background:url(../images/h3t_bg.gif) no-repeat;}
h3.headingNsq{padding:0 15px;line-height:36px;color:#444;font-weight: bold;font-size:115%;background:url(../images/nosqh3t_bg.gif) no-repeat;}
h3.headingNsq span.red{margin-left:0;color:#ff0000;}
#topSide h3.heading,#sidebar h3.heading{padding-left:30px;line-height:36px;color:#333;font-weight:bold;font-size:120%;background:#f7f7f7 url(../images/sh3t_bg.gif) no-repeat;}
h3.heading,h3.headingNsq,#topSide h3.heading,#sidebar h3.heading{max-width:100%;}
ul li dd,article dl dd{padding-top:10px;font-weight:normal;}
article.phil-contents dl dd{padding-top:0;}
section.content img{max-width:90%;height:auto;}
section.content img.contact,section.content img.mw-100{max-width:100%;height: auto;}
.alignleft{float:left;clear:left;margin:3px 10px 10px 0;}
.alignright{float:right;clear:right;margin:3px 0 10px 10px;}
#gallery .grid img,.border,ul.list img{border:4px solid #ebebeb;}
/* 共通 */
section.content article ol.step{overflow: hidden;}
section.content article ol.step li{float:left;margin:0;padding:0;}
section.content article ol.step li img{max-width:100%;}
/* 理念 */
section.content article.phil-contents h4{color:#1f86b6;font-size:110%;font-weight:bold;line-height:1.5;margin:10px 0 10px 0;}
section.content article.phil-contents dl{width:630px;font-size:105%;}
section.content article.phil-contents dt{float:left;clear:left;width:150px;}
section.content article.phil-contents dd{float:left;width:480px;}
/* コンサルタント紹介 */
section.content article ul.cert,section.content article ul.listC{list-style: none;}
section.content article ul.cert li,section.content article ul.listC li{margin-bottom:5px;font-size:105%;background: url(../images/circle.gif) no-repeat 0% 30%;margin:10px 0 5px 0;padding-left:30px;}
/* お問い合わせ */
.contact-com p{margin:0 0 15px 0;font-size:100%;padding-left:10px;}
.contact-com p:last-child{margin-bottom:0;}
.contact-com p img{max-width:100%;margin:0;vertical-align:middle;padding-bottom:2px;}
.contact-com p.ssl{float:right;padding-right:5px;font-size:100%;}
.contact-com p img.ssl-img{max-width:100%;vertical-align:middle;margin-right:10px;}
.content article img.mw100{max-width:100%;}
/* flow 内imgなどsection article に囲まれないimg */
#main img.mw100{max-width:100%;height:auto;}
/* サイトマップ */
section.content article ul.mapList{list-style: none;}
section.content article ul.mapList li{font-size:105%;font-weight:bold;background: url(../images/listmark-b.gif) no-repeat 0% 10%;border-bottom:1px dotted #888;margin:20px 0 10px 0;padding-bottom:15px;padding-left:30px;}
section.content article ul.mapList li:first-child{margin: 5px 0 10px 0;}
/*************
テーブル
*************/
table.table{width:100%;border-collapse:collapse;margin:0 0 15px 0;}
table.table tr{border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;}
table.table th{background-color:#f2f2f2;text-align:right;padding:8px;white-space:nowrap;color:#151515;font-size:105%;font-weight:normal;letter-spacing:1px;background-repeat:repeat-x;background-position:top;}
table.table td{font-size:105%;border-collapse:collapse;background-color:#fff;text-align:left;padding:8px;border-right:1px solid #ebebeb;line-height:20px;}
table.table td:first-child{border-top:1px solid #ebebeb;}
/* Google Map */
table.table td #map_canvas{max-width:100%;height:302px;border:none;overflow:hidden;background-color:transparent;background-repeat:no-repeat;display:block;margin:0 auto;}
table.table td #map_canvas img{max-width:none;}
/*************
/* サイドバー
*************/
#topSide ul,#sidebar ul,#topSide dl,#sidebar dl{padding:10px;}
#topSide article.service-area ul,#sidebar article.service-area ul,#topSide article.banner ul,#sidebar article.banner ul,#topSide article.sns,#sidebar article.sns{padding:0;}
#topSide li,#sidebar li{margin-bottom:10px;padding-bottom:10px;list-style:none;border-bottom:1px dotted #ccc;}
#topSide article.banner ul li,#sidebar article.banner ul li{margin-bottom:0;padding-bottom:0;border-bottom:0;border:0;}
#topSide article.sns,#sidebar article.sns{display:block;width:243px;height:110px;background:url(../images/sns-bg.jpg) no-repeat center;}
#topSide article.sns ul.snsHead li,#sidebar article.sns ul.snsHead li{display:block;margin:0;padding:5px 0 0 6px;}
#topSide article.sns ul.snsHead li:first-child,#sidebar article.sns ul.snsHead li:first-child{padding-left:6px;}
#topSide article.sns ul li a.sns-link img,#sidebar article.sns ul li a.sns-link img{width:230px;height:20px;}
#topSide article.sns ul,#sidebar article.sns ul{padding:0;line-height:0;}
#topSide article.sns ul li:first-child,#sidebar article.sns ul li:first-child{padding-left:6px;}
#topSide article.sns ul li,#sidebar article.sns ul li{display:inline-block;margin-top:5px;padding:10px 6px 0 0;border-bottom:none;}
#topSide article.banner ul li a img,#sidebar article.banner ul li a img,#topSide article.service-area ul li a img,#sidebar article.service-area ul li a img{max-width:100%;}
#topSide article.sns ul li a img,#sidebar article.sns ul li a img{width:70px;}
#topSide li:last-child,#sidebar li:last-child{border:0;margin-bottom:0;padding-bottom:0;}
#topSide li a, #sidebar li a{font-size:110%;font-weight:bold;color:#0068b7;display:block;}
#topSide li a:hover,#sidebar li a:hover{color:#888;}
/* 新着情報 */
#topSide li dd,#sidebar li dd,#topSide dl dd,#sidebar dl dd{padding-top:10px;}
#topSide li dd a,#sidebar li dd a,#topSide dl dd a,#sidebar dl dd a{font-size:110%;font-weight:normal;color:#0068b7;display:block;}
#topSide li dd a:hover,#sidebar li dd a:hover,#topSide dl dd a:hover,#sidebar dl dd a:hover{color:#888;}
/* topicpath */
.topicpath{margin:20px 0 10px 0;}
.topicpath ul{list-style:none;display:block;}
.topicpath ul li{display:inline;font-size:95%;line-height:1.335;}
.topicpath ul li a{text-decoration:underline;color:#0068b7;}
.topicpath ul li a:hover{text-decoration:underline;color:#ccc;}
/* pageTop right side fade */
#pageTop{width:71px;height:87px;position:fixed;bottom:30px;right:5%;}
#pageTop a{width:100px;display:block;}
/* Footer */
#footer{clear:both;overflow:hidden;padding:10px 10px 10px 10px;background:#f3f3f3;border-top:5px solid #0068b7;}
* html #footer{height:1%;}
ul.footNav{float:left;width:635px;margin-left:15px;padding:10px 0 5px 0;}
ul.footNav li{float:left;margin-bottom:10px;padding:0 10px;font-size:100%;border-right:1px solid #666;}
ul.footNav li:last-child{border-right:none;}
ul.footNav li.footContact{border:none;background:none;margin-left:-5px;margin-bottom:0;}
#footer a{color:#333;}
#footer a:hover{color:#888;}
#footer .grid{padding:10px 0 5px;margin:0;background:transparent;}
#footer #info{margin-top:-80px;}
#footer #info .info{float:right;}
#footer #info .logo, #footer #info .info{clear:both;padding:10px 0 0 15px;text-align:left;}
/* 下層ページ22px左に寄る対策 */
#underLayer #footer #info .info{clear:both;padding:10px 0 0 37px;text-align:left;}
#footer .logo{font-size:15px;margin-top:-30px;}
#footer .info{margin-top:30px;}
#footer #info .info li.corpName{color:#666;font-size:20px;font-weight:bold;line-height:0.1;margin-bottom:20px;}
#footer .copy{clear:both;width:950px;margin:0 auto;padding:5px;text-align:right;font-style:normal;font-size:100%;color:#666;background:#f3f3f3;}
#footer .copy a{color:#666;}
#footer .copy a:hover{color: #888;}
#footer .copy span.fTit{padding-right:10px;}
/* WordPress */
section .content article .wp-alr{float:right;clear:right;margin:0;}
section .content article .inner{width:100%;padding:15px;margin:0 auto;margin-top:50px;}
/* PC用
------------------------------------------------------------*/
@media only screen and (min-width: 960px){
#header,#mainContents,.navMenu{width:960px;padding:0;margin:0 auto;}
#mainContents{padding-bottom:20px;}
nav#globalNav{clear:both;overflow:hidden;position:relative;background-color:#0068b7;border-bottom: #004d89 solid 3px;
/*background:linear-gradient(to bottom, #77A0C8,#4881B0,#1667A9);background:-ms-linear-gradient(bottom,  #77A0C8,#4881B0,#1667A9);background:-moz-linear-gradient(center top, #77A0C8 100%,#4881B0 50%,#1667A9 0%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1.0, #0a84ff),color-stop(0.5, #0582ff),color-stop(0.0, #007fff));*/}
nav#globalNav .navMenu{width:932px;padding:0 14px;}
nav#globalNav ul li{float:left;position: relative;}
nav#globalNav li.last{border-right:1px solid #ebebeb;}
nav#globalNav ul li a{display:block;text-align:center;font-size:100%;font-weight:bold;width:154px;height:45px;padding-top:15px;color:#fff;background-color:#0068b7;border-left:1px solid #ebebeb;
/*background:linear-gradient(to bottom, #77A0C8,#4881B0,#1667A9);background:-ms-linear-gradient(bottom,  #77A0C8,#4881B0,#1667A9);background:-moz-linear-gradient(center top, #77A0C8 100%,#4881B0 50%,#1667A9 0%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1.0, #77A0C8),color-stop(0.5, #4881B0),color-stop(0.0, #1667A9));*/}
nav#globalNav ul li a.fdown{font-size:95%;padding-top:15px;}
nav#globalNav li.last a{background-color: #009944;
/*background:linear-gradient(to bottom, #CCEBB9,#99D47F,#66BB50);background:-ms-linear-gradient(bottom,  #CCEBB9,#99D47F,#66BB50);background:-moz-linear-gradient(center top, #CCEBB9 100%,#99D47F 50%,#66BB50 0%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1.0, #CCEBB9),color-stop(0.5, #99D47F),color-stop(0.0, #66BB50));*/}
nav#globalNav ul li a span,nav#globalNav ul li a,nav#globalNav ul li a strong{display:block;}
nav#globalNav ul li a span{color: #fff;font-size:11px;}
nav#globalNav li.active a,nav#globalNav li a:hover{color: #fff;background-color: #0081e4;padding-top:15px;
/*background:linear-gradient(to bottom, #77A0C8,#4881B0);background:-ms-linear-gradient(bottom,  #77A0C8,#4881B0);background: -moz-linear-gradient(center top, #77A0C8 50%,#4881B0 0%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0.5, #77A0C8),color-stop(0.0, #4881B0));*/}
nav#globalNav li.active a,nav#globalNav li.last a:hover{color: #fff;background-color: #00bf55;padding-top:15px;
/*background:linear-gradient(to bottom, #CCEBB9,#99D47F);background:-ms-linear-gradient(bottom,  #CCEBB9,#99D47F);background: -moz-linear-gradient(center top, #CCEBB9 50%,#99D47F 0%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0.5, #CCEBB9),color-stop(0.0, #99D47F));*/}
#mainBanner{margin-left:15px;}
#underLayer #mainBanner,#underLayer #tops{margin: 15px auto;}
#underLayer #mainBannerC{margin: 0 auto 15px auto;}
#main{float:left;width:667px;padding-left:15px;}
#sidebar{float:right;width:245px;padding:54px 15px 0 15px;overflow:hidden;}
#topSide{float: right;width:245px;padding: 0 15px 0 15px;overflow:hidden;}
#topSide article,#sidebar article{padding:7px;margin-bottom:20px;border:1px solid #ebebeb;overflow:hidden;}
#topSide article.service-area,#sidebar article.service-area,#topSide article.banner,#sidebar article.banner,#topSide article.sns,#sidebar article.sns{padding:0;line-height:0;}
/* グリッド全体 */
.boxContents{width:960px;margin:0 0 0 -10px;}
/* グリッド */
.grid{float:left;width:300px;margin-left:20px;}
#underLayer .grid{width:auto;}
}
@media only screen and (max-width:959px){
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing: border-box;}
nav#globalNav{clear:both;width:100%;margin:0 auto;padding:0;background:-webkit-gradient(linear, left top, left bottom, color-stop(1, #f5f5f5), color-stop(0.5, #f0f0f0), color-stop(0.00, #f7f7f7));}
nav#globalNav ul li{float:none;clear:both;width:100%;height:auto;line-height:1.2;}
nav#globalNav ul li a,nav#globalNav ul li.current-menu-item li a{display:block;padding:15px 10px;text-align:left;border-bottom:1px dashed #fff;}
nav#globalNav ul li a span{padding-left:10px;}
nav#globalNav ul li:first-child a{border-top:2px solid #0081e4;}
nav#globalNav ul li:last-child a{border-bottom:2px solid #0081e4;}
#underLayer #mainBanner,#underLayer #mainBannerC,#tops{max-width:668px;}
#topSide,#sidebar{padding-bottom:30px;}
#topSide article,#sidebar article{padding:7px 0;}
#topSide article.service-area,#sidebar article.service-area{padding:0;}
#footer .grid,#footer ul.footNav{float:none;width:100%;text-align:center;}
ul.footNav li{float:none;display:inline-block;}
.grid{width:32%;margin:10px 0 0 1%;}
#footer .grid img,#footer .info{float:none;}
#footer .grid p{display:block;}
#footer #info .info{float:none;text-align:center;}
#footer.logo,#footer .info{width:100%;float:none;}
}
/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
#header{height:auto;padding-bottom:20px;}
#header h1,.logo,.info{text-align:center;}
.logo,.info{clear:both;width:100%;float:none;margin:0;}
.box img{float:left;margin-right:5px;}
.box h3{padding-top:0;}
.alignleft,.alignright{float:none;display:block;margin:0 auto 10px;}
}
/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
#header h1{font-size:88%;padding:8px 0 8px 8px;}
.logo{margin:0;padding-left:8px;}
.headTop, .headBtn{display: none;}
#header ul.headTop img {float:right; max-width:95%; margin:0 auto;}
.grid{width:100%;}
.box{margin:0 5px 0 -2px;padding:10px;border:1px solid #ebebeb;}
.box img{max-width:100px;}
#mainBanner h2,#mainBanner p,#mainBannerC h2,#mainBannerC p,#tops h2{font-size:98%;}
section.content h3{font-size:98%;}
.logo{margin-top:-10px;text-align:left;}
.logo img{max-width: 82%; height: auto;}
.headBtn ul li:first-child{margin-top:5px;padding:0 6px;}
.headBtn ul li img{width:130%;height: auto;}
.headBtn ul li:last-child{display:none;padding:0 30px;}
.contactAreaM ul.contactM li{clear: both;float:left;}
.contactAreaM ul.contactM li img{width:112%;height:auto;}
section.content article ol.step li img{text-align:center;width:340px;height:auto;}
table.table{max-width:100%;padding:0px;border:solid 1px #ccc;border-collapse:collapse;}
table.table tr th{padding:7px 0px 7px 5px;border:solid 1px #ccc;font-weight:normal;font-size:85%;text-align:left;width:25%;background:#f2f2f2;}
table.table tr td{padding:7px 5px 7px 5px;border-bottom:solid 1px #ccc;font-size:90%;width:75%;background:#fff;}
table.table tr td ul li,table.mailform tr td ul,table.mailform tr td ol,table.mailform tr td ol li{list-style: none;margin:0;padding:0;}
table.table tr td p,table.mailform tr td div,table.mailform tr td span{clear:both;}
section.content article.phil-contents dl{width:460px;font-size:80%;}
section.content article.phil-contents dt{float:left;clear:left;width:100px;}
section.content article.phil-contents dd{float:left;width:360px;}
#topSide img,#sidebar img{display:block;text-align:center;margin:0 auto;width:340px;height: auto;/*背景画像の指定*//*background:url(表示する画像ファイル) no-repeat 0 0;*//*背景画像の表示したい横幅と高さ*//*-webkit-background-size:320px 50px;*/}
#topSide article.sns,#sidebar article.sns{display:block;width:243px;height:100px;margin:0 auto;margin-top:5px;margin-bottom:10px;background:url(../images/sns-bg.jpg) no-repeat center;}
#topSide article.sns ul.snsHead,#sidebar article.sns ul.snsHead{display:block;text-align:center;margin:0 auto;margin-bottom:-5px;}
#topSide article.sns ul.snsHead li,#sidebar article.sns ul.snsHead li{display:block;margin:0;padding:5px 0 0 0;}
#topSide article.sns ul.snsHead li:first-child,#sidebar article.sns ul.snsHead li:first-child{padding-left:1px;}
#topSide article.sns ul li a.sns-link img,#sidebar article.sns ul li a.sns-link img{width: 230px;height:20px;}
#topSide article.sns ul,#sidebar article.sns ul{display:block;text-align:center;margin:0 auto;}
#topSide article.sns ul li:first-child,#sidebar article.sns ul li:first-child{padding-left:3px;}
#topSide article.sns ul li,#sidebar article.sns ul li{padding-bottom:0;}
#topSide article.sns ul li:last-child,#sidebar article.sns ul li:last-child{padding-bottom:10px;}
ul.footNav{margin:0 auto;}
ul.footNav li img{max-width:100%;height:auto;}
#footer #info,#underLayer #footer #info{margin-top:0;}
#footer #info .logo,#underLayer #footer #info .logo{clear:both;margin-top:10px;padding:0 0 0 20px;text-align:left;}
#footer #info .info,#underLayer #footer #info .info{clear:both;padding:0 0 0 25px;text-align:left;}
#footer .copy{clear:both;max-width:100%;margin:0;padding:0 0 0 25px;text-align:left;}
}
/** Toggle Menu CSS Document */
@media only screen and (min-width:960px){
.menu-toggle {display:none;}
}
@media only screen and (max-width:959px){
.toggle{display:block;max-width:100%;height:auto;position:absolute;top:35px;right:9px;z-index:10;}
.menu-toggle{max-width:100%;float:right;height:auto;display:inline-block;}
#menu{display:none;padding:0;margin:0;}
#menu li{list-style-type:none;background:#0068b7;margin:0 auto;}
#menu li a{color:#fff;font-weight:bold;display:block;padding:7px;text-align:left;}
#mainBanner{margin-top:10px;}
header{margin-bottom:-15px;}
}