@charset "UTF-8";
/*=====================================*/
/*====================================*/
/*====================================*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, abbr, address, cite, code, em, img, dl, dt, dd, ol, ul, li, label, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, footer, header, nav, section { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; font-family: 'メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino kaku Gothic Pro','MS Pゴシック','MS PGothic',sans-serif; box-sizing: border-box; font-size: 14px; }

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

img { width: 100%; max-width: 410px; height: auto; vertical-align: bottom; }

a { text-decoration: none; color: #1565B9; }

li { list-style: none; }

p, li, dd { line-height: 1.8em; }

/*====================================*/
/*====================================*/
#header1 { text-align: center; }
#header1 h1 { text-align: center; padding-bottom: 20px; background: #FFF; position: relative; border-bottom: 2px solid #0b335d; }
#header1 h1 a:before { content: url(images/logo_03.png); position: relative; top: 15px; }
#header1 p { background: #1565B9; color: #FFF; padding: 10px 0; }
#header1 ul { overflow: hidden; }
#header1 ul li { float: right; width: 50%; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
#header1 ul li a { display: block; padding: 10px 0; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 20%, #e5e5e5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #ffffff), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 20%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 20%, #e5e5e5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 20%, #e5e5e5 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 20%, #e5e5e5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ position: relative; }

#header2 { text-align: center; }
#header2 .title1 { background: #1565B9 url(images/sub-sptop.jpg) center top no-repeat; padding: 140px 0 0 0; color: #FFF; }
#header2 .title2 { background: #1565B9; color: #FFF; padding: 0 5px 5px 5px; font-size: 12px; }
#header2 ol { background: #daedf9; padding: 5px 0; overflow: hidden; }
#header2 ol li { padding: 3px 15px; }
#header2 ol li img { max-width: 200px; }

.top-header2 .title1 { background: #1565B9 url(images/sptop.jpg) center top no-repeat !important; padding: 400px 0 0 0 !important; color: #FFF; }
.top-header2 ol li { padding: 5px 15px; }
.top-header2 ol li img { max-width: 300px; }

#main-nav { background: #1565B9; padding: 15px; overflow: hidden; }
#main-nav li { float: left; width: 50%; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
#main-nav li a { display: block; padding: 15px 10px; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 20%, #e5e5e5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #ffffff), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 20%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 20%, #e5e5e5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 20%, #e5e5e5 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 20%, #e5e5e5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ }
#main-nav .on a { background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(45deg, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(45deg, #ffffff 0%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(45deg, #ffffff 0%, #e5e5e5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(45deg, #ffffff 0%, #e5e5e5 100%); /* IE10+ */ background: linear-gradient(45deg, #ffffff 0%, #e5e5e5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 */ }

#main-nav:before { text-align: center; content: "出張サービス"; display: block; text-align: center; color: #FFF; font-size: 18px; font-weight: bold; padding-bottom: 10px; }

/*====================================*/
/*====================================*/
.content-tel { background: #1565B9; padding: 0 15px 20px 15px; text-align: center; }

.content h2 { text-align: center; margin: 20px 15px 0 15px; font-size: 18px; padding: 10px; color: #FFF; background: #f85032; /* Old browsers */ background: -moz-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f85032), color-stop(50%, #f16f5c), color-stop(51%, #f6290c), color-stop(71%, #f02f17), color-stop(100%, #e73827)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* IE10+ */ background: linear-gradient(to bottom, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); }
.content .bar-blue { background: #1565B9; padding: 10px 15px; margin: 0 15px; text-align: center; color: #FFF; }

#top-content #top-content1 { margin: 0 15px 20px 15px; border: #CCC 1px solid; padding: 230px 20px 0 20px; background: url(images/top_22.jpg) center 20px no-repeat; background-size: 300px; }
#top-content #top-content1 p { padding-bottom: 15px; }
#top-content .content2 { background: #daedf9; padding: 0 10px 10px 10px; margin: 0 15px; }
#top-content .content2 p { background: #FFF; padding: 15px; font-size: 13px; }
#top-content .content2 p a { display: block; padding: 10px 0 0 60px; line-height: 1.4em; position: relative; font-size: 16px; }
#top-content #topic1 a:before { position: absolute; left: -10px; top: 0; content: url(images/icon_26.gif); }
#top-content #topic2 a:before { position: absolute; left: -10px; top: 0; content: url(images/icon2_26.gif); }
#top-content #topic3 a:before { position: absolute; left: -10px; top: 0; content: url(images/icon3_26.gif); }
#top-content #topic4 a:before { position: absolute; left: -10px; top: 0; content: url(images/icon4_26.gif); }
#top-content .content3 { margin: 0 15px; border: 1px solid #CCC; padding: 300px 15px 15px 15px; background: url(images/top_26.jpg) center 20px no-repeat; background-size: 300px; }
#top-content .content-title2 { background: #1565B9; padding: 15px 15px 0 15px; color: #FFF; margin-top: 20px; }

#content-foot { padding: 15px; background: #1565B9; }
#content-foot dt { padding: 10px 15px 10px 35px; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 20%, #e5e5e5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #ffffff), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 20%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 20%, #e5e5e5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 20%, #e5e5e5 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 20%, #e5e5e5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ font-weight: bold; font-size: 16px; position: relative; border: 1px solid #CCC; }
#content-foot dt span { color: #f02f17; font-size: 16px; }
#content-foot .icon-down-open:before { position: absolute; left: 8px; top: 40%; }
#content-foot dd { display: none; background: #FFF; padding: 15px; }

#footer { background: #1565B9; overflow: hidden; }
#footer #tel { margin: 0 15px; padding: 15px 15px 0 15px; background: #FFF; }
#footer #card { background: #FFF; margin: 0 15px; padding: 10px 15px 15px 15px; text-align: center; border-bottom: dotted 1px #CCC; }
#footer #card img { max-width: 200px; }
#footer ol { padding: 0 15px; overflow: hidden; margin-bottom: 5px; }
#footer ol li { float: left; width: 50%; background: #FFF; text-align: center; font-size: 12px; padding: 10px 0; border: #CCC 1px solid; }
#footer ol li span { font-weight: bold; }
#footer ol li img { display: block; margin: 0 auto; max-width: 80px; }
#footer #footer-tel { padding: 15px; background: #1565B9; text-align: center; }

.footer-dl { background: #1565B9; overflow: hidden; padding: 15px; }
.footer-dl dt { font-weight: bold; color: #FFF; }
.footer-dl dd { color: #FFF; font-size: 14px; line-height: 1.8em; }
.footer-dl dd a { color: #FFF; font-size: 14px; }

.footer-nav { overflow: hidden; background: #1565B9; }
.footer-nav li { float: left; width: 50%; text-align: left; margin: 0; color: #FFF; line-height: 0; font-size: 0; }
.footer-nav li a { font-size: 14px; display: block; padding: 15px 10px; line-height: 1; border: 1px solid #CCC; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 20%, #e5e5e5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #ffffff), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 20%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 20%, #e5e5e5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 20%, #e5e5e5 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 20%, #e5e5e5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ }
.footer-nav .sp-sls { float: none; clear: both; margin-bottom: 20px; }

#pageup { clear: both; width: 100%; text-align: center; }
#pageup a { padding: 10px; display: block; border: 1px solid #CCC; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 20%, #e5e5e5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #ffffff), color-stop(100%, #e5e5e5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 20%, #e5e5e5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 20%, #e5e5e5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 20%, #e5e5e5 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 20%, #e5e5e5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ }

#address { clear: both; padding: 15px 15px 80px 15px; background: #1565B9; color: #FFF; text-align: center; font-size: 12px; }
#address a { color: #FFF; font-size: 12px; }

/*====================================*/
/*====================================*/
.service .content3 { padding: 15px; }
.service .content3 .content-title1 { background: #f85032; /* Old browsers */ background: -moz-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f85032), color-stop(50%, #f16f5c), color-stop(51%, #f6290c), color-stop(71%, #f02f17), color-stop(100%, #e73827)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* IE10+ */ background: linear-gradient(to bottom, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); text-align: center; padding: 10px; color: #FFF; }
.service .content3 p { border-right: #CCC 1px solid; border-left: #CCC 1px solid; border-bottom: #CCC 1px solid; padding: 15px; }
.service .ser-price, .service .ser-pricesub { margin: 0 15px; background: #daedf9; text-align: center; padding: 15px 15px 10px 15px; }
.service .ser-price .right, .service .ser-pricesub .right { font-size: 20px; font-weight: bold; color: #1565B9; }
.service .price-sub { margin: 0 15px; padding: 0 15px 15px 15px; font-size: 12px; background: #daedf9; }
.service .content-title2 { background: #1565B9; padding: 10px 15px; margin: 0 15px; text-align: center; color: #FFF; }
.service .content4 { margin: 0 15px; padding: 5px 15px 15px 15px; background: #daedf9; }
.service .content4 p { background: #FFF; padding: 15px; }
.service .content4 h4 { padding: 0 0 15px 130px; height: 80px; margin-top: 10px; }
.service .content4 .topic { border-top: 1px dotted #CCC; padding-bottom: 15px; }
.service .content4 .topic .blue { font-weight: bold; }
.service .content4 .topic span { display: block; font-size: 12px; line-height: 1.8em; }
.service .content5 h3 { background: #f85032; /* Old browsers */ background: -moz-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f85032), color-stop(50%, #f16f5c), color-stop(51%, #f6290c), color-stop(71%, #f02f17), color-stop(100%, #e73827)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* IE10+ */ background: linear-gradient(to bottom, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); text-align: center; padding: 10px; color: #FFF; margin: 20px 15px 0 15px; }
.service .content5 .ser-topic { margin: 0 15px; border: 1px solid #CCC; padding: 15px; }
.service .content5 .ser-topic .title1 { text-align: center; padding: 10px; background: #1565B9; color: #FFF; }
.service .content5 .ser-topic ul { overflow: hidden; padding: 10px 0; }
.service .content5 .ser-topic ul li { border-bottom: 2px dotted #CCC; font-weight: bold; margin-bottom: 10px; line-height: 1.4em; padding: 0 10px 5px 10px; }
.service .content5 .ser-topic ul li:before { content: "・"; }
.service .content5 p.bold { text-align: center; padding: 10px; background: #1565B9; color: #FFF; margin: 0 15px; }
.service .content5 .topic-ul2 { overflow: hidden; margin: 0 15px 30px 15px; }
.service .content5 .topic-ul2 li { float: left; padding: 30px 10px; width: 50%; font-size: 16px; border: 1px solid #CCC; }
.service .content6 .ser-topic2 { margin: 0 15px 20px 15px; border: 2px solid #1565B9; padding: 15px; }

.ser-box .content-title2 { margin: 0; }

.ser-voice2 { margin: 0 15px; border-bottom: 1px solid #CCC; }
.ser-voice2 dt { padding: 15px 15px 15px 90px; font-weight: bold; min-height: 60px; }
.ser-voice2 dd { padding: 15px; }

.sp-tel-margin { padding: 15px; }

/*====================================*/
/*====================================*/
#open-content .content3 .sp-img { background: url(images/open_26.jpg) center 20px no-repeat; background-size: 230px; padding: 230px 15px 15px 15px; }
#open-content #ser1 h4 { background: url(images/ser1_07.png) left bottom no-repeat; background-size: 120px; }
#open-content #ser2 h4 { background: url(images/ser2_11.png) left bottom no-repeat; background-size: 120px; }
#open-content #ser3 h4 { background: url(images/ser3_14.png) left bottom no-repeat; background-size: 120px; }
#open-content #ser4 { margin-bottom: 30px; }
#open-content #ser4 h4 { background: url(images/ser4_15.png) left bottom no-repeat; background-size: 120px; }
#open-content .face1 dt { background: #fbf7d8 url(images/face1_17.png) left top no-repeat; background-size: 80px; }

/*====================================*/
/*====================================*/
#change-content .content3 .sp-img { background: url(images/change_26.jpg) center 20px no-repeat; background-size: 230px; padding: 230px 15px 15px 15px; }
#change-content .content-tel { padding: 15px; }
#change-content #ser1 h4 { background: url(images/change_03.gif) left bottom no-repeat; background-size: 120px; }
#change-content #ser2 h4 { background: url(images/change_05.png) left bottom no-repeat; background-size: 120px; }
#change-content #ser3 h4 { background: url(images/change_04.png) left bottom no-repeat; background-size: 120px; }
#change-content .ser-topic { padding-bottom: 90px; background: url(images/change_07.png) right bottom no-repeat; background-size: 120px; }
#change-content #topic1 { background: #FFF url(images/change_08.png) right top no-repeat; }
#change-content #topic2 { background: #FFF url(images/change_09.png) right top no-repeat; }
#change-content #topic3 { background: #FFF url(images/change_10.png) right top no-repeat; }
#change-content #topic4 { background: #FFF url(images/change_11.png) right top no-repeat; }
#change-content .face1 dt { background: #fbf7d8 url(images/face4.fw.png) left top no-repeat; background-size: 80px; }

/*====================================*/
/*====================================*/
#repair-content .content3 .sp-img { background: url(images/repair_26.jpg) center 20px no-repeat; background-size: 230px; padding: 230px 15px 15px 15px; }
#repair-content #ser1 h4 { background: url(images/ser1_07.png) left bottom no-repeat; background-size: 120px; }
#repair-content #ser3 { margin-bottom: 30px; }
#repair-content #ser3 h4 { background: url(images/ser3_14.png) left bottom no-repeat; background-size: 120px; }
#repair-content .content-tel { padding: 15px; }
#repair-content .face1 dt { background: #fbf7d8 url(images/face3.fw.png) left top no-repeat; background-size: 80px; }

#make-content .content3 .sp-img { background: url(images/make_26.jpg) center 20px no-repeat; background-size: 230px; padding: 230px 15px 15px 15px; }
#make-content .face1 dt { background: #fbf7d8 url(images/face3.fw.png) left top no-repeat; background-size: 80px; }
#make-content .face2 dt { background: #fbf7d8 url(images/face3.fw.png) left top no-repeat; background-size: 80px; }
#make-content #ser1 h4 { background: url(images/make_03.png) left bottom no-repeat; background-size: 120px; }
#make-content #ser2 h4 { background: url(images/make1_03.png) left bottom no-repeat; background-size: 120px; }

/*====================================*/
/*====================================*/
#price-content .ser-price2 { margin: 0 auto; width: 92%; }
#price-content .ser-price2 td, #price-content .ser-price2 th { background: #daedf9; vertical-align: middle; padding: 10px; clear: both; width: 50%; font-size: 16px; }
#price-content .ser-price2 td img { clear: both; float: left; width: 60px; }
#price-content .ser-price2 .td1 { display: none; }
#price-content .ser-price2 .td2 { font-weight: bold; color: #1565B9; }
#price-content .price-sub2 { text-align: center; margin: 0 15px 30px 15px; }