1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4<meta charset="utf-8"> 5<title>ãåãåãã - æ ªå¼ä¼ç¤¾å¤§éå·¥æ¥</title> 6<meta name="description" content="ãåãåããã®ãã¼ã¸ã§ããæ ªå¼ä¼ç¤¾å¤§éå·¥æ¥ã¯ãäºæ³å¸ã»æ°æ½å¸ã»æ°çºç°å¸ã»é¿è³éå¸ã»é¿è³çºã®æå®å·¥äºåºç»é²ã§ããçµ¦ææ°´è¨åå·¥äºã»æµå槽工äºã»ç©ºèª¿è¨åå·¥äºä¸å¼ãæ¿ãã¾ããæ°´å»»ãã®ãã©ãã«ãè¨åå·¥äºã¯æ¯éãç¸è«ãã ããã"> 7<meta name="keywords" content="ãåãåãã,大éå·¥æ¥,è¨å,æ°´é,䏿°´,æ°´å»»ã,ä¿®ç,å·¥äº,給水,ææ°´,æµåæ§½,空調,çµ¦æ°´ç®¡æ´æ£å·¥æ³,SRCT,æ²¹åè§£ã·ã¹ãã ,å°ä¸ç±å©ç¨,ãã¼ããã³ã"> 8<meta name="format-detection" content="telephone=no"> 9<link rel="canonical" href="https://dairyukougyou.co.jp/contact/"> 10<link rel="shortcut icon" href="../favicon.ico"> 11<link rel="stylesheet" href="../css/reset.css?v=1598079735"> 12<link rel="stylesheet" href="../css/base.css?v=1643590477"> 13<link rel="stylesheet" href="../css/grid.css"> 14<link rel="stylesheet" href="../css/slick.css"> 15<link rel="stylesheet" href="../css/photoswipe.css"> 16<link href="https://cdn.attend.jp/fonts/FontAwesome/5.9.0/css/fontawesome_min.css" rel="stylesheet">
17<script src="https://code.jquery.com/jquery-2.0.2.min.js"></script>
vendor: 1 bytes, line 17
17
18<script> 19var ua = navigator.userAgent; 20if ((ua.indexOf('iPhone') > 0) || ua.indexOf('iPod') > 0 || (ua.indexOf('Android') > 0 && ua.indexOf('Mobile') > 0)) { 21 $('head').prepend('<meta name="viewport" content="width=device-width, initial-scale=1.0">'); 22}else{ 23 $('head').prepend('<meta name="viewport" content="width=1000">'); 24} 25</script>
vendor: 1 bytes, line 25
25
26<script src="../js/scroller.js"></script>
vendor: 1 bytes, line 26
26
27<script src="../js/jquery.matchHeight.js"></script>
vendor: 1 bytes, line 27
27
28<script src="../js/biggerlink.js"></script>
vendor: 1 bytes, line 28
28
29<script src="../js/jquery.photoswipe.js"></script>
vendor: 1 bytes, line 29
29
30<script src="../js/slick.js"></script>
vendor: 1 bytes, line 30
30
31<script> 32$(function(){ 33//ã¿ããããã¤ã¹ã:hoverãå¹ãããã«ãã 34 $( '*' ) 35 .bind( 'touchstart', function(){}) 36 .bind( 'touchend', function(){}); 37//biggerlink 38 $('a[target="_blank"]').click(function(){ 39 window.open(this.href); 40 return false; 41 }); 42 $(".bl").biggerlink(); 43// é«ããæãã 44 $('.mh>*').matchHeight(); 45 $('.mhChild').matchHeight(); 46//ãã©ãã¹ã¯ã¤ã 47 $('.photoSwipe').photoSwipe(); 48 $('.photoSwipe.text,.photoSwipeHidden .photoSwipe').append('<img src="../img/blank.png" class="photoSwipeDummy">');//ããã¹ãç¨ã®ããã¼ç»åãé ç½® 49//ã¤ã¡ã¼ã¸ã¯ãªããå ã«ç»åããã£ãå ´åãèæ¯ç»åã¨ãã 50 $(".image.clip").has('img').each(function(){ 51 var list = $(this).find('img'); 52 var srcImg = list.attr("src"); 53 $(this).css({"background-image":"url('" + srcImg + "')"}); 54 }); 55//ã¤ã¡ã¼ã¸ã¯ãªããå ã«aãããå ´å 56 $(".image.clip").has('a').each(function(){ 57 var list = $(this).find('a'); 58 var srcAnc = list.attr("class"); 59 $(this).addClass("anc"); 60 }); 61//ãµããã 62 $(".snav")//ãµããããè¤è£½ 63 .clone().insertBefore("footer.g").addClass("clone"); 64 $(".snav div.trigger").click(function(){ 65 $(this).toggleClass("open"); 66 $(this).next("div.inner").slideToggle(500); 67 }); 68//checkbox, radio ã«ãã§ãã¯ããã£ãã label ã« class ãä»ãã 69 var checkboxList = $("body");//親è¦ç´ 70 checkboxList.each(function() { 71 var label = $(this).find("label"); 72 // æå 73 $(this).find(":checked").closest("label").addClass("checked"); 74 // ã©ãã«ã¯ãªã㯠75 label.click(function() { 76 label.filter(".checked").removeClass("checked"); 77 label.find(":checked").closest(label).addClass("checked"); 78 }); 79 }); 80//labelãã©ã¸ãªãªã.radio 81 $("label").has('input[type="radio"]').each(function(){ 82 $(this).addClass("radio"); 83 }); 84//ã¢ã³ã¼ãã£ãªã³ãããã©ã«ã 85 $(".ac .trigger").click(function(){ 86 $(this).next("*").slideToggle(300); 87 $(this).toggleClass("open"); 88 }); 89//ã¢ã³ã¼ãã£ãªã³ãããã·ã¥ãä»ãã¦ãããå±éããã 90var hash = "#" + location.hash.replace(/[^\w]/g, ""); 91 if(hash == location.hash) { 92 $(".trigger"+hash).addClass("open"); 93 $(".trigger"+hash).next("div").slideDown(); 94 } 95//æ å ±éã®å¤ããã¼ãã«ã¯å·¦å³ã«ã¹ã¯ã¤ã 96 $("table.hold.overflow-x").wrap("<div class='overflow-x-wrapper'></div>"); 97 $("div.overflow-x-wrapper").before("<div class='you_can_swipe pcHidden tbHidden'>â å·¦å³ã«ã¹ã¯ã¤ãã§ãã¾ã â</div>"); 98}); 99</script>
99 100
101<script src="https://axa.attend.jp/commonLibs/googlecode.com/ajaxzip3/ajaxzip3.js" charset="UTF-8"></script>
101 102 103<style> 104/*------------------------------------------------- 105é»è©±ã§ã®ãåãåãã 106-------------------------------------------------*/ 107.Odenwa{margin-bottom: 4em; position: relative;} 108.Odenwa>*{position: relative; z-index: 2;} 109.Odenwa img.illust{position: absolute; z-index: 1; right: 0; bottom: 0; width: 56.5%;} 110.Odenwa .TelFax{margin: 2em 0 0; font-size: 160%; line-height: 1.1; padding: 0 0 0 2em;} 111/*ã¹ãã*/ 112@media(max-width:900px){ 113.Odenwa{margin-bottom: 2em;} 114.Odenwa img.illust{position: relative; display: block; width: 80%; max-width: 400px; margin: auto auto 1.5em;} 115.Odenwa .TelFax{padding: 0; text-align: center;} 116} 117/*------------------------------------------------- 118ã¡ã¼ã«ãã©ã¼ã 119-------------------------------------------------*/ 120.mailform .ninni{display: inline-block; background:#fff; border: 1px solid #333; color: #333; font-weight: bold; line-height: 1.4; font-size: 80%; padding: 0.2em 0.4em; vertical-align: middle; margin: 0 0.6em 0 0; position: relative; top: -0.1em;} 121.mailform .hissu{display: inline-block; background:#fff; border: 1px solid red; color: red; font-weight: bold; line-height: 1.4; font-size: 80%; padding: 0.2em 0.4em; vertical-align: middle; margin: 0 0.6em 0 0; position: relative; top: -0.1em;} 122.mailform .button{font-size: 120%; padding: 0.7em 4em;} 123.mailFormErrorElement{background:#FFE5E5 !important;} 124.mailFormErrorMessage{font-weight: bold; color: red;} 125/*ã¹ãã*/ 126@media(max-width:900px){ 127.mailform .button{font-size: 110%; padding: 0.7em 2.5em;} 128} 129/*------------------------------------------------- 130ãã©ã¤ãã·ã¼ããªã·ã¼ 131-------------------------------------------------*/ 132section.privacy{border: 1px solid #ddd; font-size: 90%;} 133section.privacy>h2{font-size: 140%; text-align: center; background: #f5f5f5; padding: 1em; margin:auto;} 134section.privacy .inner{max-width: 800px; margin: auto; padding: 3em 1em 2em;} 135section.privacy h3{font-size: 120%; margin-bottom: 0.3em;} 136</style> 137<!--Googleã¢ããªãã£ã¯ã¹-->
138<script>
vendor: 339 bytes, lines 138-144
138 139 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 140 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 141 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 142 })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 143 144 ga('create', '
144UA-46633531-2
vendor: 54 bytes, lines 144-146
144', 'dairyukougyou.co.jp'); 145 ga('send', 'pageview'); 146
147</script>
147 148</head> 149<body> 150<div class="page" id="gotoTop"> 151<style> 152header.g{ line-height:1.4; background: rgba(255,255,255,0.9);} 153header.g .inner{ max-width:1400px; padding:0 20px; margin:auto; position:relative;} 154header.g .inner.height{ height:120px;} 155header.g div.logo{position: absolute; top: 13px; left: 20px; z-index: 10; color: #0099ff; line-height: 1.2;} 156header.g div.logo a{display: inline-block;} 157header.g div.logo img{ height:90px; transition:0.2s opacity; -webkit-transition:0.2s opacity; vertical-align: middle; display: inline-block;} 158header.g div.desc{position: absolute; top: 20px; left: 330px; z-index: 9; width: 300px;} 159header.g div.Contact{position: absolute; top: 15px; right:20px; z-index: 10; font-size: 18px; text-align: center;} 160/*ã¹ãã*/ 161@media(max-width:900px){ 162header.g{height:60px; position:fixed; top:0; left:0; right:0; z-index:199; min-width:320px;} 163header.g:before{content: ""; background: #0099ff; height: 1px; display: block; position: absolute; bottom: 0; left: 0; right: 0;} 164header.g .inner.height{ height:auto;} 165header.g div.logo{top:10px; left:10px;} 166header.g div.logo img{ height:40px;} 167header.g div.desc{left: 150px; top: 10px; width: 144px;} 168header.g .triggers{ position:absolute; top:0; right:15px; line-height:1; display:block;} 169header.g .triggers img{height: 60px;} 170} 171/*ã¹ãã*/ 172@media(max-width:510px){ 173header.g div.desc{display: none;} 174} 175/*ã¹ãã*/ 176@media(max-width:375px){ 177header.g .triggers{top: 5px;} 178header.g .triggers img{height: 50px;} 179} 180</style> 181<header class="g clearfix"> 182<div class="inner height"> 183 184<div class="logo"><a href="../"><img src="../img/logo-min.png" alt="(DAIRYU) æ ªå¼ä¼ç¤¾ 大éå·¥æ¥"></a></div> 185<div class="desc"><img src="../img/text-min.png" alt="æ°´å»»ãã®ãã©ãã«ã¯ãä»»ããã ããã"></div> 186 187<div class="Contact spHidden"> 188<strong class="color red">ãç¸è«ã»ãè¦ç©ã<span style="background: red; color: #fff; display: inline-block; padding: 0 0.5em;">ç¡æ</span></strong><br> 189<strong class="color" style="font-size: 180%; display: inline-block; line-height: 1; padding: 0.2em 0 0;"><i class="fas fa-phone-alt"></i> 0250-41-0710</strong><br> 190<span style="font-size: 14px;">å仿éã8:30ï½17:30</span> 191</div> 192 193<div class="triggers pcHidden"> 194<a href="../contact/"><img class="mail" src="../img/sp_mail.png" alt="ã¡ãã¥ã¼"></a> 195<a href="tel:0250410710"><img class="denwa" src="../img/sp_denwa.png" alt="é»è©±"></a> 196<img class="trigger_menu" src="../img/menu.png" alt="ãåãåãã"> 197</div> 198 199</div> 200</header> 201 202 203
204<script> 205//XXpxãéãããã°ããããè¿½å¾ 206$(function(){ 207 $(window).on("scroll", function() { 208 if ($(this).scrollTop() > 120) { 209 $('.gnav').addClass("fixed"); 210 } else { 211 $('.gnav').removeClass("fixed"); 212 } 213 }); 214//ã°ããããSPç¨ã«è¤è£½ 215 $(".gnav").clone().insertAfter(".gnav").removeClass("spHidden").addClass("pcHidden clone"); 216//ã°ããã 217 $("header.g .trigger_menu").click(function(){ 218 $(".gnav.pcHidden").fadeIn(500); 219 }); 220 $("li.triggerClose").click(function(){ 221 $(".gnav.pcHidden").fadeOut(500); 222 }); 223 $(".gnav .trigger").click(function(){ 224 $(this).toggleClass("open"); 225 $(this).next("ul").slideToggle(500); 226 }); 227//ãã¼ã¸å ãªã³ã¯ã«ãªãå¯è½æ§ã®ãããã¿ã³ã®å¯¾å¿ 228 $(".gnav.pcHidden a.FIX").click(function(){ 229 $(".gnav.pcHidden").fadeOut(200); 230 }); 231}); 232</script>
232 233<style> 234.gnav{background:rgba(225,243,255,0.9); height:auto; margin:0; padding:0; position:fixed; top:0; left:0; right:0; bottom:0; z-index:300; overflow-y:scroll; -webkit-overflow-scrolling: touch; display:none; min-width:320px; line-height:1.4;} 235 .gnav.fixed .fix{ position:relative;} 236 /*å°å·ç¨*/ 237 @media print{.gnav,gnav.fixed,.gnav.fixed .fix{ position:relative !important;}} 238.gnav>*>ul>li{display:block; position:relative; border-bottom:1px solid rgba(0,153,255,0.5);} 239.gnav>*>ul>li>a{ display:block; font-size:16px; padding:18.8px 30px 18.8px 1em; position:relative; font-weight:bold;} 240.gnav>*>ul>li>a.Contact{color:#0099ff;} 241.gnav>*>ul>li>a:hover{ background:#fff;} 242.gnav>*>ul>li>a:after{font-family:"Font Awesome 5 Free"; font-weight:600; content: "\f054"; display:block; width:1em; height:1em; line-height:1em; font-size:0.8em; margin-top:-0.5em; position:absolute; top:50%; right:1em; text-align:center; color: #0099ff;} 243.gnav>*>ul>li.triggerClose{ text-align:right; padding:0 1em; line-height:60px; background:#0099ff; color:#fff;} 244/*PC*/ 245@media(min-width:901px){ 246.gnav{ position:relative; background:none; overflow:inherit; text-align:center; min-width:inherit; height:60px;} 247 .gnav .fix{ background:rgba(225,243,255,0.9);} 248 .gnav .fix:before{content: ""; background: #0099ff; height: 2px; display: block; position: absolute; bottom: -2px; left: 0; right: 0;} 249 .gnav.fixed .fix{ position:fixed; top:0; left:0; right:0; min-width:1000px;} 250 .gnav.spHidden{display:block !important;} 251.gnav>*>ul{ max-width:1400px; margin:auto;} 252.gnav>*>ul>li.triggerClose{ display:none;} 253.gnav>*>ul>li{ float:left; border:none;} 254.gnav>*>ul>li>a{font-size:16px; padding: 0; line-height: 60px;} 255.gnav>*>ul>li.nigyou a{padding: 10.4px 0; line-height: 1.4;} 256.gnav>*>ul>li>a:after{ display:none;} 257} 258@media(max-width:1200px) and (min-width:901px){ 259.gnav>*>ul>li>a{font-size:14px;} 260.gnav>*>ul>li.nigyou a{padding: 13.2px 0;} 261} 262@media(max-width:900px){.gnav>*>ul>li{ width: 100% !important;}} 263</style> 264<nav class="gnav spHidden"> 265<div class="fix"> 266<ul class="clearfix"> 267<li class="triggerClose">éããã<img src="../img/timesw.png" alt="éãã" style="height: 1em; position: relative; top:-0.075em;"></li> 268<li style="width:16.6%;"><a href="../">ããã</a></li> 269<li style="width:16.6%;"><a href="../news/">ãç¥ãã</a></li> 270<li style="width:16.6%;"><a href="../business/">äºæ¥å 容</a></li> 271<li style="width:16.6%;"><a href="../works/">æ½å·¥ä¾ç´¹ä»</a></li> 272<li style="width:16.6%;"><a href="../company/">ä¼ç¤¾æ¡å </a></li> 273<li style="width:16.6%;"><a href="../contact/"><i class="far fa-envelope"></i> ãåãåãã</a></li> 274</ul> 275</div> 276</nav> 277<div class="wrapper mizu"> 278<div class="eyeCatch"> 279<h1>ãåãåãã</h1> 280</div> 281<!--<nav class="snav"> 282<div class="center head">ãåãåãã</div> 283<div class="trigger"></div> 284<div class="inner"> 285<ul class="nav"> 286<li><a href="#mailform">ã¡ã¼ã«ã§ãåãåãã</a></li> 287<li><a href="#privacy">ãã©ã¤ãã·ã¼ããªã·ã¼</a></li> 288</ul> 289</div> 290</nav>--> 291<div class="wrapperInner "> 292<div class="container wide"> 293 294<div class="narrow clearfix Odenwa"> 295<img src="img/illust-min.png" alt="ãé»è©±ãããã¨ãï¼å¤§éå·¥æ¥ã®ã ããã ãåã¨ç³ãã¾ãï¼ããã§ãªã¼ã" class="illust"> 296<h2 class="color red left-center">ãåãåããã¯ãæ°è»½ã«ï¼</h2> 297<p>æ°´å»»ãã®ãã©ãã«ã空調è¨åã«é¢ãããåãåãããæ¿ã£ã¦ããã¾ãã<br class="spHidden">ã¾ãã¯ä¸è¨ããé»è©±ã»ãã¡ãã¯ã¹ã»ã¡ã¼ã«ã§ãæ°è»½ã«ãé£çµ¡ãã ããã</p> 298<div class="TelFax"> 299<p><a href="tel:0250410710" style="font-weight: bold; color:#0099ff !important;">TEL 0250-41-0710</a><br><span style="display: inline-block; font-size: 60%;">å仿éã8:30ï½17:30</span></p> 300<p><strong>FAX 0250-41-0705</strong></p> 301</div> 302</div> 303 304<hr class="anc" id="mailform"> 305<section class="mailform"> 306<h2 class="style"><i class="far fa-envelope"></i> ã¡ã¼ã«ã§ãåãåãã</h2> 307<div class="narrow"> 308 <form name='form1' action='#mailform' method='post' class='formstyle' enctype="multipart/form-data"> 309 <input type='hidden' name='mode' value='confirm' /> 310 <input type='hidden' name='secure_key' value='f2b6cfad36a28d5148c0b36baf68d123'> 311 <table id="form" class="style mailform border"> 312 <col style="width:25%;"> 313 <col style="width:auto;"> 314 <tr> 315 <th> 316 <span class='hissu'>å¿ é </span>ãåå 317 </th> 318 <td> 319 <input class='spWidth100per' type='text' style='width:80%' name='name' value='' /> </td> 320 </tr> 321 <tr> 322 <th> 323 <span class='ninni'>ä»»æ</span>éµä¾¿çªå· 324 </th> 325 <td> 326 <input class='spWidth100per' type='text' maxlength='7' name='zipcode' style='width: 40%; ime-mode: disabled;' value='' onKeyUp="AjaxZip3.zip2addr(this,'','address','address');" placeholder='åè§æ°åï¼æ¡' /> </td> 327 </tr> 328 <tr> 329 <th> 330 <span class='ninni'>ä»»æ</span>ã使 331 </th> 332 <td> 333 <input class='spWidth100per' type='text' style='width:80%;' name='address' value='' /> </td> 334 </tr> 335 <tr> 336 <th> 337 <span class='ninni'>ä»»æ</span>é»è©±çªå· 338 </th> 339 <td> 340 <input class='spWidth100per' type='text' maxlength='20' name='tel' style='width:80%; ime-mode: disabled;' value='' /> </td> 341 </tr> 342 <tr> 343 <th> 344 <span class='hissu'>å¿ é </span>ã¡ã¼ã«ã¢ãã¬ã¹ 345 </th> 346 <td> 347 <input class='spWidth100per' type='text' name='email' style='width:80%; ime-mode: disabled;' value='' /><br /><input class='spWidth100per' type='text' name='email1' style='width:80%; ime-mode: disabled;' value='' placeholder='確èªã®çºãååº¦å ¥åãã¦ãã ãã'/> </td> 348 </tr> 349 <tr> 350 <th> 351 <span class='hissu'>å¿ é </span>ãåãåããå 容 352 </th> 353 <td> 354 <textarea class='spWidth100per' name='comment' style='width:80%;height:12em;'></textarea> </td> 355 </tr> 356 357 </table> 358<p class="center-left">ã客æ§ã®å人æ å ±ã¯ <a href="#privacy">ãã©ã¤ãã·ã¼ããªã·ã¼</a> ã«åãå³éã«åæ±ããããã¾ãã</p> 359 <div class='center'> 360 <input type='button' class='button' value='確èªç»é¢ã¸' onclick='doCheckSubmit(); return false;' /> 361 </div> 362 </form>
363<script Language="JavaScript"><!-- 364 365 // ãã§ãã¯ï¼å®è¡ 366 function doCheckSubmit() { 367 $isError = ''; // åæå 368 369 // æ·»ä»ãã¡ã¤ã«ãã§ã㯠370 $('input[type=file]').each(function () { 371 var $file = $(this).prop('files')[0]; 372 if (typeof $file !== "undefined" && 0 < $file.size) { 373 // æå¤§ãµã¤ãº 374 if (104857600 < $file.size) { 375 alert('ãã¡ã¤ã«ã' + $file.name + 'ãã®ãµã¤ãºãæå¤§å¤ãè¶ ãã¦ãã¾ãã'); 376 $isError = 'err'; 377 return false; 378 } 379 } 380 }); 381 382 // ã¨ã©ã¼ãç¡ããã° 383 if ('' == $isError) { 384 // å®è¡ 385 $('form[name="form1"]').submit(); 386 } 387 } 388// --></script>
388 389 390</div> 391</section> 392 393 394<hr class="anc" id="privacy"> 395<section class="privacy"> 396<h2><i class="fas fa-user-lock"></i> ãã©ã¤ãã·ã¼ããªã·ã¼<span class="ib" style="font-size: 80%; font-weight: 500;">ï¼å人æ å ±ä¿è·æ¹éï¼</span></h2> 397<div class="inner"> 398<p>æ ªå¼ä¼ç¤¾ 大éå·¥æ¥ï¼ä»¥ä¸ãå½ç¤¾ï¼ã¯ã以ä¸ã®ã¨ããå人æ å ±ä¿è·æ¹éãå®ãã¾ãã</p> 399<h3>å人æ å ±ã®ç®¡ç</h3> 400<p>å½ç¤¾ã¯ãã客ãã¾ã®å人æ å ±ã¸ã®ä¸æ£ã¢ã¯ã»ã¹ã»ç´å¤±ã»ç ´æã»æ¹ããã»æ¼æ´©ãªã©ã鲿¢ãããããå³éãªç®¡çãè¡ãªãã¾ãã</p> 401<h3>å人æ å ±ã®å©ç¨ç®ç</h3> 402<p>ã客ãã¾ãããé ããããå人æ å ±ã¯ãå½ç¤¾ããã®ãé£çµ¡ãæ¥åã®ãæ¡å ãã質åã«å¯¾ããåçã¨ãã¦ãé»åã¡ã¼ã«ãè³æã®ãéä»ã«å©ç¨ãããã¾ãã</p> 403<h3>å人æ å ±ã®ç¬¬ä¸è ã¸ã®éç¤ºã»æä¾ã®ç¦æ¢</h3> 404<p>å½ç¤¾ã¯ãã客ãã¾ãããé ããããå人æ å ±ãé©åã«ç®¡çããæ¬¡ã®ããããã«è©²å½ããå ´åãé¤ããå人æ å ±ã第ä¸è ã«é示ãããã¾ããã</p> 405<ul class="disc"> 406<li>ã客ãã¾ã®åæãããå ´å</li> 407<li>æ³ä»¤ã«åºã¥ãé示ãããã¨ãå¿ è¦ã§ããå ´å</li> 408</ul> 409<h3>ãæ¬äººã®ç §ä¼</h3> 410<p>ã客ãã¾ããæ¬äººã®å人æ å ±ã®ç §ä¼ã»ä¿®æ£ã»åé¤ãªã©ãã叿ãããå ´åã«ã¯ããæ¬äººã§ãããã¨ã確èªã®ä¸ã対å¿ããã¦ããã ãã¾ãã</p> 411<h3>æ³ä»¤ãè¦ç¯ã®éµå®ã¨è¦ç´ã</h3> 412<p>å½ç¤¾ã¯ãä¿æããå人æ å ±ã«é¢ãã¦é©ç¨ãããæ¥æ¬ã®æ³ä»¤ããã®ä»è¦ç¯ãéµå®ããã¨ã¨ãã«ãæ¬ããªã·ã¼ã®å 容ãé©å®è¦ç´ãããã®æ¹åã«åªãã¾ãã</p> 413</div> 414</section> 415 416 417 418 419 420</div><!--end container--> 421</div><!--end wrapperInner--> 422</div><!--end wrapper--> 423<footer class="g wrapper"> 424<hr class="anc" id="footer"> 425<div class="wrapperInner" style="background: #E1F3FF;"> 426<div class="container wide"> 427 428<style> 429.Fu50{margin: 0 auto;} 430.Fu50 header{float: left; width: 28%;} 431.Fu50 header+div{float: right; width: 64%;} 432.Fu50 header div.kyaraWrap{position: relative; width: 100%; margin-bottom: 2em;} 433.Fu50 header div.kyaraWrap h2{position: absolute; top: 0; right:5%; width: 1.4em; text-align: center; line-height: 1; font-size: 26px; color: #002d66;} 434.Fu50 header img.kyara1{width: 25%; position: absolute; z-index: 2; top: 12%; left: 50%;} 435.Fu50 header img.kyara2{width: 70%; position: relative; z-index: 1;} 436.Fu50 header img.ansin{ width: 45%; position: absolute; z-index: 2; bottom: 0; right: 2%;} 437.Fu50 .Toraburu{background: #ffff00; overflow: hidden; padding: 1em; margin: 0 auto 3em;} 438.Fu50 .Toraburu img.fu00{float: left; width: 38%;} 439.Fu50 .Toraburu div.fu01{float: right; width: 58%; text-align: center;} 440.Fu50 .Toraburu div.fu01 img{width: 23.5%;} 441.Fu50 .Company{float: left; width: 48%;} 442.Fu50 .Company div.logoWrap{width: 300px;} 443.Fu50 .Company div.logoWrap .ruby{text-align: right; letter-spacing: 0.48em; font-size:80%;} 444.Fu50 .Company .TelFax{line-height: 1.4; margin-top: 1.6em;} 445.Fu50 .Company .TelFax .Fax{display: inline-block; padding-left: 2.5em; font-weight: bold;} 446.Fu50 .Buttons{float: right; width: 48%;} 447.Fu50 .Buttons .button{width: 100%; padding: 1.2em 0; margin: 0 auto 1em; font-size: 120%;} 448.button.mizu{background:url(../img/button.jpg) no-repeat center center / cover; border: 2px solid #0099ff; color: #0099ff !important;} 449/*ãã£ã©ï¼¿ã¢ãã¡ã¼ã·ã§ã³*/ 450.Fu50 header img.kyara1{animation: poyooon 1s linear 0s infinite;} 451@keyframes poyooon { 452 0% { transform: scale(1.0, 1.0) translate(0%, 0%); } 453 10% { transform: scale(1.05, 0.95) translate(0%, 2.5%); } 454 40% { transform: scale(1.1, 0.9) translate(0%, 7.5%); } 455 50% { transform: scale(1.0, 1.0) translate(0%, 0%); } 456 60% { transform: scale(0.95, 1.1) translate(0%, -70%); } 457 80% { transform: scale(0.95, 1.1) translate(0%, -10%); } 458 90% { transform: scale(1.1, 0.9) translate(0%, 7.5%); } 459 100% { transform: scale(1.0, 1.0) translate(0%, 0%); } 460} 461/*ãã£ã©ï¼¿ã¢ãã¡ã¼ã·ã§ã³*/ 462.Fu50 header img.kyara2{transform-origin: left bottom; animation: poyooon2 1s ease-in-out 0s infinite;} 463@keyframes poyooon2 { 464 0% {transform: rotate(0deg);} 465 44% {transform: rotate(0deg);} 466 48% {transform: rotate(4deg);} 467 56% {transform: rotate(-10deg);} 468 76% {transform: rotate(4deg);} 469 90% {transform: rotate(0deg);} 470 100% {transform: rotate(0deg);} 471}
471 472/*ã¹ãã*/ 473@media(max-width:900px){ 474footer.g .container{max-width: inherit;} 475.Fu50 header{float: none; width: auto; margin:0 auto 2em;} 476.Fu50 header+div{float: none; width: auto;} 477.Fu50 header div.kyaraWrap h2{font-size: 8vw;} 478.Fu50 header .kyoka{padding-left: 1em;} 479.Fu50 .Toraburu{padding: 2em 1em; margin: 0 -10px 3em; text-align: center;} 480.Fu50 .Toraburu img.fu00{float: none; width: auto; margin-bottom: 2em;} 481.Fu50 .Toraburu div.fu01{float: none; width: auto;} 482.Fu50 .Company{float: none; width: auto; margin-bottom: 3em; text-align: center;} 483.Fu50 .Company div.logoWrap{width: 260px; margin: auto;} 484.Fu50 .Company .TelFax{ font-size: 16px;} 485.Fu50 .Company .TelFax .Fax{padding: 0;} 486.Fu50 .Buttons{float: none; width: auto;} 487} 488/*ã¹ãã*/ 489@media(max-width:440px){ 490.Fu50 .Toraburu div.fu01 img{width: 44%; margin: 0 2% 1.5em;} 491} 492</style> 493<div class="Fu50 clearfix"> 494<header> 495<div class="kyaraWrap"> 496<h2>äºæ³ã®æ°´éå±ãã</h2> 497<img class="kyara1" src="../img/kyara1-min.png" alt="ããã§ãªã¼ã"> 498<img class="kyara2" src="../img/kyara2-min.png" alt="ã ããã ãå"> 499<img class="ansin" src="../img/ansin-min.png" alt="å®å¿ å®å ¨"> 500</div> 501<p class="kyoka">ç¹å®å»ºè¨æ¥è¨±å¯<br> 502æ°æ½çç¥äºè¨±å¯ã第42052å·</p> 503</header> 504<div> 505 506<div class="Toraburu"> 507<img class="fu00" src="../img/fu00-min.png" alt="æ¥ãªãã©ãã«ãæ°´æ¼ãã»ã¤ã¾ããä½ã§ããä»»ããã ãã!!"> 508<div class="fu01"> 509<a href="../business/#to1"><img src="../img/fu01.1-min.png" alt="ãã¤ã¬"></a> 510<a href="../business/#to2"><img src="../img/fu01.2-min.png" alt="ãããã³ã»æ´é¢æã»ã風å"></a> 511<a href="../business/#ko1"><img src="../img/fu01.3-min.png" alt="給水管ã»èµ¤æ°´ãã©ãã«"></a> 512<a href="../business/#ko2"><img src="../img/fu01.4-min.png" alt="ææ°´ç®¡ã»æªèã»ã¤ã¾ã"></a> 513</div> 514</div> 515 516<div class="clearfix"> 517<div class="Company"> 518<div class="logoWrap"> 519<img src="../img/logo-min.png" alt="(DAIRYU) æ ªå¼ä¼ç¤¾ 大éå·¥æ¥"> 520<p class="ruby">ã ããã ãããããã</p> 521</div> 522<p>ã959-1856ãæ°æ½çäºæ³å¸å±±å´ç²114çªå°1</p> 523<p class="TelFax"><strong class="color" style="font-size: 180%; display: inline-block;"><a href="tel:0250410710"><i class="fas fa-phone-alt"></i> 0250-41-0710</a></strong><br> 524<span class="Fax">FAX 0250-41-0705</span></p> 525</div> 526<div class="Buttons"> 527<a class="button mizu" href="../company">ä¼ç¤¾æ¡å ã»ã¢ã¯ã»ã¹</a> 528<a class="button mizu" href="../contact/"><i class="far fa-envelope"></i> ãåãåãã</a> 529</div> 530</div> 531 532</div> 533</div><!--end Fu50--> 534</div><!--end container--> 535</div><!--end wrapperInner--> 536 537 538 539<div class="wrapperInner" style="padding-top: 1em; padding-bottom: 3em;"> 540<div class="container wide"> 541<style> 542.linkItem{max-width: 960px; margin: auto;} 543.linkItem .banners>*{display: inline-block; width: 200px; margin:0 1em 1em;} 544</style> 545<div class="linkItem"> 546<h2 style="border-bottom:1px solid rgba(0,0,0,0.2); padding-bottom:0.5em;"><span style="font-size:80%;"><i class="fas fa-external-link-alt" style="color:#0099ff;"></i> ãªã³ã¯</span></h2> 547<div class="banners center"> 548<div><a href="http://yamataka-rcm.co.jp/" target="_blank"><img src="../img/bn1.jpg" alt="å±±éãªã³ã æ ªå¼ä¼ç¤¾"></a></div><div><a href="http://www.city.gosen.lg.jp/" target="_blank"><img src="../img/bn2.jpg" alt="äºæ³å¸ãã¼ã ãã¼ã¸"></a></div> 549</div> 550</div> 551</div><!--end container--> 552</div><!--end wrapperInner--> 553<style> 554address.copyright{background: #68b0f1; color: #fff; text-align: center; font-style: normal; padding: 10px 0 100px;} 555/*ã¹ãã*/ 556@media(max-width:900px){ 557address.copyright{font-size: 10px; padding: 10px 0;} 558} 559</style> 560<address class="copyright">Copyright © æ ªå¼ä¼ç¤¾ 大éå·¥æ¥</address> 561</footer><!--end wrapper--> 562 563 564 565<style> 566/* ----------------------------------------------------------- 567ãã¼ã¸å é 㸠568----------------------------------------------------------- */ 569a.pageTopButton{position: fixed; z-index:200; display:block; text-align:center; bottom:-60px; right:60px; width:60px; height:60px; font-size:30px; line-height:56px; color:#0099ff; border:1px solid #0099ff; background:rgba(255,255,255,0.9); overflow:hidden; -webkit-transition:bottom 0.4s; transition:bottom 0.4s; border-radius:3px;} 570a.pageTopButton:before{font-family:"Font Awesome 5 Free"; font-weight:900; content: "\f077";} 571a.pageTopButton.active{bottom:150px; right:60px; opacity:1;} 572a.pageTopButton.active:hover{ opacity:0.8;} 573/*ã¹ãã*/
574@media(max-width:900px){ 575a.pageTopButton{bottom:-40px; right:30px; width:40px; height:40px; font-size:20px; line-height:38px; border-width:0.5px;} 576a.pageTopButton.active{bottom:30px; right:30px;} 577} 578/*å°å·ç¨*/ 579@media print{ 580a.pageTopButton{ display:none;} 581} 582</style>
583<script> 584//X00pxãéããããã¼ã¸ããããã¿ã³ã表示 585$(function(){ 586 $(window).on("scroll", function() { 587 if ($(this).scrollTop() > 120) { 588 $('.pageTopButton,.fixedFooter').addClass("active"); 589 } else { 590 $('.pageTopButton,.fixedFooter').removeClass("active"); 591 } 592 }); 593 }); 594</script>
594 595<a class="pageTopButton" href="#gotoTop"></a> 596 597 598 599<style> 600/* ----------------------------------------------------------- 601ä¸é¨ã®è¿½å¾ãåãåãã 602----------------------------------------------------------- */ 603.fixedFooter{position: fixed; bottom:-90px; left:0; right:0; z-index:199; background: rgba(255,255,0,0.9); text-align: center; line-height: 1.4; padding: 12px 0; font-size:18px; -webkit-transition:bottom 0.3s; transition:bottom 0.3s;} 604.fixedFooter.active{bottom: 0;} 605.fixedFooter .inner{margin: auto;} 606.fixedFooter .inner>*{display: inline-block; vertical-align: middle; margin: 0 1em;} 607@media(max-width:1160px){ 608.fixedFooter{font-size:1.5vw;} 609} 610</style> 611<div class="fixedFooter spHidden"> 612<div class="inner"> 613 614<div> 615<strong class="color red" style="font-size: 120%;">ãç¸è«ã»ãè¦ç©ã<span style="background: red; color: #fff; display: inline-block; padding: 0 0.5em;">ç¡æ</span></strong> 616</div> 617 618<div> 619<strong class="color" style="font-size: 180%; display: inline-block; line-height: 1; padding: 0.2em 0 0;"><i class="fas fa-phone-alt"></i> 0250-41-0710</strong><br><span style="font-size: 14px;">å仿éã8:30ï½17:30</span> 620</div> 621 622<div> 623<strong style="font-size: 120%;">FAX 0250-41-0705</strong> 624</div> 625 626<div> 627<a href="../contact/" class="button"><i class="far fa-envelope"></i> ã¡ã¼ã«ã§ãåãåãã</a> 628</div> 629 630</div> 631</div><!--end fixedFooter--> 632</div><!--end page--> 633</body> 634</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.