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/works/"> 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<style> 101.WorksIndex>*{margin-bottom: 2em !important;} 102.WorksIndex .image.clip{height: 0.01px; padding: 66.7% 0 0;} 103.WorksIndex h3{text-align: center; font-size: 120%; margin: 0.5em 0;} 104</style> 105<!--Googleã¢ããªãã£ã¯ã¹-->
106<script>
vendor: 339 bytes, lines 106-112
106 107 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 108 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 109 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 110 })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 111 112 ga('create', '
112UA-46633531-2
vendor: 54 bytes, lines 112-114
112', 'dairyukougyou.co.jp'); 113 ga('send', 'pageview'); 114
115</script>
115 116</head> 117<body> 118<div class="page" id="gotoTop"> 119<style> 120header.g{ line-height:1.4; background: rgba(255,255,255,0.9);} 121header.g .inner{ max-width:1400px; padding:0 20px; margin:auto; position:relative;} 122header.g .inner.height{ height:120px;} 123header.g div.logo{position: absolute; top: 13px; left: 20px; z-index: 10; color: #0099ff; line-height: 1.2;} 124header.g div.logo a{display: inline-block;} 125header.g div.logo img{ height:90px; transition:0.2s opacity; -webkit-transition:0.2s opacity; vertical-align: middle; display: inline-block;} 126header.g div.desc{position: absolute; top: 20px; left: 330px; z-index: 9; width: 300px;} 127header.g div.Contact{position: absolute; top: 15px; right:20px; z-index: 10; font-size: 18px; text-align: center;} 128/*ã¹ãã*/ 129@media(max-width:900px){ 130header.g{height:60px; position:fixed; top:0; left:0; right:0; z-index:199; min-width:320px;} 131header.g:before{content: ""; background: #0099ff; height: 1px; display: block; position: absolute; bottom: 0; left: 0; right: 0;} 132header.g .inner.height{ height:auto;} 133header.g div.logo{top:10px; left:10px;} 134header.g div.logo img{ height:40px;} 135header.g div.desc{left: 150px; top: 10px; width: 144px;} 136header.g .triggers{ position:absolute; top:0; right:15px; line-height:1; display:block;} 137header.g .triggers img{height: 60px;} 138} 139/*ã¹ãã*/ 140@media(max-width:510px){ 141header.g div.desc{display: none;} 142} 143/*ã¹ãã*/ 144@media(max-width:375px){ 145header.g .triggers{top: 5px;} 146header.g .triggers img{height: 50px;} 147} 148</style> 149<header class="g clearfix"> 150<div class="inner height"> 151 152<div class="logo"><a href="../"><img src="../img/logo-min.png" alt="(DAIRYU) æ ªå¼ä¼ç¤¾ 大éå·¥æ¥"></a></div> 153<div class="desc"><img src="../img/text-min.png" alt="æ°´å»»ãã®ãã©ãã«ã¯ãä»»ããã ããã"></div> 154 155<div class="Contact spHidden"> 156<strong class="color red">ãç¸è«ã»ãè¦ç©ã<span style="background: red; color: #fff; display: inline-block; padding: 0 0.5em;">ç¡æ</span></strong><br> 157<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> 158<span style="font-size: 14px;">å仿éã8:30ï½17:30</span> 159</div> 160 161<div class="triggers pcHidden"> 162<a href="../contact/"><img class="mail" src="../img/sp_mail.png" alt="ã¡ãã¥ã¼"></a> 163<a href="tel:0250410710"><img class="denwa" src="../img/sp_denwa.png" alt="é»è©±"></a> 164<img class="trigger_menu" src="../img/menu.png" alt="ãåãåãã"> 165</div> 166 167</div> 168</header> 169 170 171
172<script> 173//XXpxãéãããã°ããããè¿½å¾ 174$(function(){ 175 $(window).on("scroll", function() { 176 if ($(this).scrollTop() > 120) { 177 $('.gnav').addClass("fixed"); 178 } else { 179 $('.gnav').removeClass("fixed"); 180 } 181 }); 182//ã°ããããSPç¨ã«è¤è£½ 183 $(".gnav").clone().insertAfter(".gnav").removeClass("spHidden").addClass("pcHidden clone"); 184//ã°ããã 185 $("header.g .trigger_menu").click(function(){ 186 $(".gnav.pcHidden").fadeIn(500); 187 }); 188 $("li.triggerClose").click(function(){ 189 $(".gnav.pcHidden").fadeOut(500); 190 }); 191 $(".gnav .trigger").click(function(){ 192 $(this).toggleClass("open"); 193 $(this).next("ul").slideToggle(500); 194 }); 195//ãã¼ã¸å ãªã³ã¯ã«ãªãå¯è½æ§ã®ãããã¿ã³ã®å¯¾å¿ 196 $(".gnav.pcHidden a.FIX").click(function(){ 197 $(".gnav.pcHidden").fadeOut(200); 198 }); 199}); 200</script>
200 201<style> 202.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;} 203 .gnav.fixed .fix{ position:relative;} 204 /*å°å·ç¨*/ 205 @media print{.gnav,gnav.fixed,.gnav.fixed .fix{ position:relative !important;}} 206.gnav>*>ul>li{display:block; position:relative; border-bottom:1px solid rgba(0,153,255,0.5);} 207.gnav>*>ul>li>a{ display:block; font-size:16px; padding:18.8px 30px 18.8px 1em; position:relative; font-weight:bold;} 208.gnav>*>ul>li>a.Contact{color:#0099ff;} 209.gnav>*>ul>li>a:hover{ background:#fff;} 210.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;} 211.gnav>*>ul>li.triggerClose{ text-align:right; padding:0 1em; line-height:60px; background:#0099ff; color:#fff;} 212/*PC*/ 213@media(min-width:901px){ 214.gnav{ position:relative; background:none; overflow:inherit; text-align:center; min-width:inherit; height:60px;} 215 .gnav .fix{ background:rgba(225,243,255,0.9);} 216 .gnav .fix:before{content: ""; background: #0099ff; height: 2px; display: block; position: absolute; bottom: -2px; left: 0; right: 0;} 217 .gnav.fixed .fix{ position:fixed; top:0; left:0; right:0; min-width:1000px;} 218 .gnav.spHidden{display:block !important;} 219.gnav>*>ul{ max-width:1400px; margin:auto;} 220.gnav>*>ul>li.triggerClose{ display:none;} 221.gnav>*>ul>li{ float:left; border:none;} 222.gnav>*>ul>li>a{font-size:16px; padding: 0; line-height: 60px;} 223.gnav>*>ul>li.nigyou a{padding: 10.4px 0; line-height: 1.4;} 224.gnav>*>ul>li>a:after{ display:none;} 225} 226@media(max-width:1200px) and (min-width:901px){ 227.gnav>*>ul>li>a{font-size:14px;} 228.gnav>*>ul>li.nigyou a{padding: 13.2px 0;} 229} 230@media(max-width:900px){.gnav>*>ul>li{ width: 100% !important;}} 231</style> 232<nav class="gnav spHidden"> 233<div class="fix"> 234<ul class="clearfix"> 235<li class="triggerClose">éããã<img src="../img/timesw.png" alt="éãã" style="height: 1em; position: relative; top:-0.075em;"></li> 236<li style="width:16.6%;"><a href="../">ããã</a></li> 237<li style="width:16.6%;"><a href="../news/">ãç¥ãã</a></li> 238<li style="width:16.6%;"><a href="../business/">äºæ¥å 容</a></li> 239<li style="width:16.6%;"><a href="../works/">æ½å·¥ä¾ç´¹ä»</a></li> 240<li style="width:16.6%;"><a href="../company/">ä¼ç¤¾æ¡å </a></li> 241<li style="width:16.6%;"><a href="../contact/"><i class="far fa-envelope"></i> ãåãåãã</a></li> 242</ul> 243</div> 244</nav> 245<div class="wrapper mizu"> 246<div class="eyeCatch"> 247<h1>æ½å·¥ä¾ç´¹ä»</h1> 248</div> 249<!--<nav class="snav"> 250<div class="center head">æ½å·¥ä¾ç´¹ä»</div> 251<div class="trigger"></div> 252<div class="inner"> 253<ul class="nav"> 254<li><a href="#">Navigation</a></li> 255</ul> 256</div> 257</nav>--> 258<div class="wrapperInner"> 259<div class="container wide super"> 260 261<hr class="anc" id=""> 262<section> 263<ul class='grid4 margin hold to2 clearfix WorksIndex'> 264<li class='bl'><div class='image clip'>
264<img src='/common/resize_image.php?file=/home/rental/e13465/www/upload/2/file_2_13_1.jpg&width=300&height=300' alt='ãã¤ã¬æ¹ä¿®å·¥äº'></div><h3><a href='detail.html?id=13'>ãã¤ã¬æ¹ä¿®å·¥äº</a></h3></li> 265<li class='bl'><div class='image clip'><img src='/common/resize_image.php?file=/home/rental/e13465/www/upload/2/file_2_12_1.jpg&width=300&height=300' alt='ã²ãã³ããã¤ã¬ç©ºé'></div><h3><a href='detail.html?id=12'>ã²ãã³ããã¤ã¬ç©ºé</a></h3></li> 266<li class='bl'><div class='image clip'><img src='/common/resize_image.php?file=/home/rental/e13465/www/upload/2/file_2_11_1.jpg&width=300&height=300' alt='ãã¤ã¬æ¹ä¿®å·¥äº'></div><h3><a href='detail.html?id=11'>ãã¤ã¬æ¹ä¿®å·¥äº</a></h3></li> 267<li class='bl'><div class='image clip'><img src='/common/resize_image.php?file=/home/rental/e13465/www/upload/2/file_2_10_1.jpg&width=300&height=300' alt='ã¬ã³ã¸ãã¼ãåæ¿'></div><h3><a href='detail.html?id=10'>ã¬ã³ã¸ãã¼ãåæ¿</a></h3></li> 268<li class='bl'><div class='image clip'>
268<img src='/common/resize_image.php?file=/home/rental/e13465/www/upload/2/file_2_9_1.png&width=300&height=300' alt='給水管ã©ã¤ãã³ã°å·¥äºï¼SRCTå·¥æ³ï¼'></div><h3><a href='detail.html?id=9'>給水管ã©ã¤ãã³ã°å·¥äºï¼SRCTå·¥æ³ï¼</a></h3></li> 269<li class='bl'><div class='image clip'><img src='/common/resize_image.php?file=/home/rental/e13465/www/upload/2/file_2_8_1.jpg&width=300&height=300' alt='åå¼ä¾¿å¨ããæ´é¢¨ä¾¿å¨ã«åæ¿'></div><h3><a href='detail.html?id=8'>åå¼ä¾¿å¨ããæ´é¢¨ä¾¿å¨ã«åæ¿</a></h3></li> 270<li class='bl'><div class='image clip'><img src='/common/resize_image.php?file=/home/rental/e13465/www/upload/2/file_2_4_1.jpg&width=300&height=300' alt='çµ¦ææ°´ç®¡æ´çï¼SRCTå·¥æ³ï¼'></div><h3><a href='detail.html?id=4'>çµ¦ææ°´ç®¡æ´çï¼SRCTå·¥æ³ï¼</a></h3></li> 271<li class='bl'><div class='image clip'><img src='/common/resize_image.php?file=/home/rental/e13465/www/upload/2/file_2_5_1.jpg&width=300&height=300' alt='卿¿ææ°´å¦ç'></div><h3><a href='detail.html?id=5'>卿¿ææ°´å¦ç</a></h3></li> 272<li class='bl'><div class='image clip'>
272<img src='/common/resize_image.php?file=/home/rental/e13465/www/upload/2/file_2_3_1.jpg&width=300&height=300' alt='é»åæéã¦ã©ã¼ã«åç´ã®æ½å·¥'></div><h3><a href='detail.html?id=3'>é»åæéã¦ã©ã¼ã«åç´ã®æ½å·¥</a></h3></li> 273<li class='bl'><div class='image clip'><img src='/common/resize_image.php?file=/home/rental/e13465/www/upload/2/file_2_7_1.jpg&width=300&height=300' alt='Hæ§é¸ãæ°ç¯å·¥äº'></div><h3><a href='detail.html?id=7'>Hæ§é¸ãæ°ç¯å·¥äº</a></h3></li> 274</ul> 275 276</section> 277 278 279</div><!--end container--> 280</div><!--end wrapperInner--> 281</div><!--end wrapper--> 282<footer class="g wrapper"> 283<hr class="anc" id="footer"> 284<div class="wrapperInner" style="background: #E1F3FF;"> 285<div class="container wide"> 286 287<style> 288.Fu50{margin: 0 auto;} 289.Fu50 header{float: left; width: 28%;} 290.Fu50 header+div{float: right; width: 64%;} 291.Fu50 header div.kyaraWrap{position: relative; width: 100%; margin-bottom: 2em;} 292.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;} 293.Fu50 header img.kyara1{width: 25%; position: absolute; z-index: 2; top: 12%; left: 50%;} 294.Fu50 header img.kyara2{width: 70%; position: relative; z-index: 1;} 295.Fu50 header img.ansin{ width: 45%; position: absolute; z-index: 2; bottom: 0; right: 2%;} 296.Fu50 .Toraburu{background: #ffff00; overflow: hidden; padding: 1em; margin: 0 auto 3em;} 297.Fu50 .Toraburu img.fu00{float: left; width: 38%;} 298.Fu50 .Toraburu div.fu01{float: right; width: 58%; text-align: center;} 299.Fu50 .Toraburu div.fu01 img{width: 23.5%;} 300.Fu50 .Company{float: left; width: 48%;} 301.Fu50 .Company div.logoWrap{width: 300px;} 302.Fu50 .Company div.logoWrap .ruby{text-align: right; letter-spacing: 0.48em; font-size:80%;} 303.Fu50 .Company .TelFax{line-height: 1.4; margin-top: 1.6em;} 304.Fu50 .Company .TelFax .Fax{display: inline-block; padding-left: 2.5em; font-weight: bold;} 305.Fu50 .Buttons{float: right; width: 48%;} 306.Fu50 .Buttons .button{width: 100%; padding: 1.2em 0; margin: 0 auto 1em; font-size: 120%;} 307.button.mizu{background:url(../img/button.jpg) no-repeat center center / cover; border: 2px solid #0099ff; color: #0099ff !important;} 308/*ãã£ã©ï¼¿ã¢ãã¡ã¼ã·ã§ã³*/ 309.Fu50 header img.kyara1{animation: poyooon 1s linear 0s infinite;} 310@keyframes poyooon { 311 0% { transform: scale(1.0, 1.0) translate(0%, 0%); } 312 10% { transform: scale(1.05, 0.95) translate(0%, 2.5%); } 313 40% { transform: scale(1.1, 0.9) translate(0%, 7.5%); } 314 50% { transform: scale(1.0, 1.0) translate(0%, 0%); } 315 60% { transform: scale(0.95, 1.1) translate(0%, -70%); } 316 80% { transform: scale(0.95, 1.1) translate(0%, -10%); } 317 90% { transform: scale(1.1, 0.9) translate(0%, 7.5%); } 318 100% { transform: scale(1.0, 1.0) translate(0%, 0%); } 319} 320/*ãã£ã©ï¼¿ã¢ãã¡ã¼ã·ã§ã³*/ 321.Fu50 header img.kyara2{transform-origin: left bottom; animation: poyooon2 1s ease-in-out 0s infinite;} 322@keyframes poyooon2 { 323 0% {transform: rotate(0deg);} 324 44% {transform: rotate(0deg);} 325 48% {transform: rotate(4deg);} 326 56% {transform: rotate(-10deg);} 327 76% {transform: rotate(4deg);} 328 90% {transform: rotate(0deg);} 329 100% {transform: rotate(0deg);} 330} 331/*ã¹ãã*/ 332@media(max-width:900px){ 333footer.g .container{max-width: inherit;} 334.Fu50 header{float: none; width: auto; margin:0 auto 2em;} 335.Fu50 header+div{float: none; width: auto;} 336.Fu50 header div.kyaraWrap h2{font-size: 8vw;} 337.Fu50 header .kyoka{padding-left: 1em;} 338.Fu50 .Toraburu{padding: 2em 1em; margin: 0 -10px 3em; text-align: center;} 339.Fu50 .Toraburu img.fu00{float: none; width: auto; margin-bottom: 2em;} 340.Fu50 .Toraburu div.fu01{float: none; width: auto;} 341.Fu50 .Company{float: none; width: auto; margin-bottom: 3em; text-align: center;} 342.Fu50 .Company div.logoWrap{width: 260px; margin: auto;} 343.Fu50 .Company .TelFax{ font-size: 16px;} 344.Fu50 .Company .TelFax .Fax{padding: 0;} 345.Fu50 .Buttons{float: none; width: auto;} 346} 347/*ã¹ãã*/ 348@media(max-width:440px){ 349.Fu50 .Toraburu div.fu01 img{width: 44%; margin: 0 2% 1.5em;} 350} 351</style> 352<div class="Fu50 clearfix"> 353<header> 354<div class="kyaraWrap"> 355<h2>äºæ³ã®æ°´éå±ãã</h2> 356<img class="kyara1" src="../img/kyara1-min.png" alt="ããã§ãªã¼ã"> 357<img class="kyara2" src="../img/kyara2-min.png" alt="ã ããã ãå"> 358<img class="ansin" src="../img/ansin-min.png" alt="å®å¿ å®å ¨"> 359</div> 360<p class="kyoka">ç¹å®å»ºè¨æ¥è¨±å¯<br> 361æ°æ½çç¥äºè¨±å¯ã第42052å·</p> 362</header> 363<div> 364 365<div class="Toraburu"> 366<img class="fu00" src="../img/fu00-min.png" alt="æ¥ãªãã©ãã«ãæ°´æ¼ãã»ã¤ã¾ããä½ã§ããä»»ããã ãã!!"> 367<div class="fu01"> 368<a href="../business/#to1"><img src="../img/fu01.1-min.png" alt="ãã¤ã¬"></a> 369<a href="../business/#to2"><img src="../img/fu01.2-min.png" alt="ãããã³ã»æ´é¢æã»ã風å"></a> 370<a href="../business/#ko1"><img src="../img/fu01.3-min.png" alt="給水管ã»èµ¤æ°´ãã©ãã«"></a> 371<a href="../business/#ko2"><img src="../img/fu01.4-min.png" alt="ææ°´ç®¡ã»æªèã»ã¤ã¾ã"></a> 372</div> 373</div> 374 375<div class="clearfix"> 376<div class="Company"> 377<div class="logoWrap"> 378<img src="../img/logo-min.png" alt="(DAIRYU) æ ªå¼ä¼ç¤¾ 大éå·¥æ¥"> 379<p class="ruby">ã ããã ãããããã</p> 380</div> 381<p>ã959-1856ãæ°æ½çäºæ³å¸å±±å´ç²114çªå°1</p> 382<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> 383<span class="Fax">FAX 0250-41-0705</span></p> 384</div> 385<div class="Buttons"> 386<a class="button mizu" href="../company">ä¼ç¤¾æ¡å ã»ã¢ã¯ã»ã¹</a> 387<a class="button mizu" href="../contact/"><i class="far fa-envelope"></i> ãåãåãã</a> 388</div> 389</div> 390 391</div> 392</div><!--end Fu50--> 393</div><!--end container--> 394</div><!--end wrapperInner--> 395 396 397 398<div class="wrapperInner" style="padding-top: 1em; padding-bottom: 3em;"> 399<div class="container wide"> 400<style> 401.linkItem{max-width: 960px; margin: auto;} 402.linkItem .banners>*{display: inline-block; width: 200px; margin:0 1em 1em;} 403</style> 404<div class="linkItem"> 405<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> 406<div class="banners center"> 407<div><a href="http://yamataka-rcm.co.jp/" target="_blank">
407<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> 408</div> 409</div> 410</div><!--end container--> 411</div><!--end wrapperInner--> 412<style> 413address.copyright{background: #68b0f1; color: #fff; text-align: center; font-style: normal; padding: 10px 0 100px;} 414/*ã¹ãã*/ 415@media(max-width:900px){ 416address.copyright{font-size: 10px; padding: 10px 0;} 417} 418</style> 419<address class="copyright">Copyright © æ ªå¼ä¼ç¤¾ 大éå·¥æ¥</address> 420</footer><!--end wrapper--> 421 422 423 424<style> 425/* ----------------------------------------------------------- 426ãã¼ã¸å é 㸠427----------------------------------------------------------- */ 428a.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;} 429a.pageTopButton:before{font-family:"Font Awesome 5 Free"; font-weight:900; content: "\f077";} 430a.pageTopButton.active{bottom:150px; right:60px; opacity:1;} 431a.pageTopButton.active:hover{ opacity:0.8;} 432/*ã¹ãã*/ 433@media(max-width:900px){ 434a.pageTopButton{bottom:-40px; right:30px; width:40px; height:40px; font-size:20px; line-height:38px; border-width:0.5px;} 435a.pageTopButton.active{bottom:30px; right:30px;} 436} 437/*å°å·ç¨*/ 438@media print{ 439a.pageTopButton{ display:none;} 440} 441</style>
442<script> 443//X00pxãéããããã¼ã¸ããããã¿ã³ã表示 444$(function(){ 445 $(window).on("scroll", function() { 446 if ($(this).scrollTop() > 120) { 447 $('.pageTopButton,.fixedFooter').addClass("active"); 448 } else { 449 $('.pageTopButton,.fixedFooter').removeClass("active"); 450 } 451 }); 452 }); 453</script>
453 454<a class="pageTopButton" href="#gotoTop"></a> 455 456 457 458<style> 459/* ----------------------------------------------------------- 460ä¸é¨ã®è¿½å¾ãåãåãã 461----------------------------------------------------------- */ 462.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;} 463.fixedFooter.active{bottom: 0;} 464.fixedFooter .inner{margin: auto;} 465.fixedFooter .inner>*{display: inline-block; vertical-align: middle; margin: 0 1em;} 466@media(max-width:1160px){ 467.fixedFooter{font-size:1.5vw;} 468} 469</style> 470<div class="fixedFooter spHidden"> 471<div class="inner"> 472 473<div> 474<strong class="color red" style="font-size: 120%;">ãç¸è«ã»ãè¦ç©ã<span style="background: red; color: #fff; display: inline-block; padding: 0 0.5em;">ç¡æ</span></strong> 475</div> 476 477<div> 478<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> 479</div> 480 481<div> 482<strong style="font-size: 120%;">FAX 0250-41-0705</strong> 483</div> 484 485<div> 486<a href="../contact/" class="button"><i class="far fa-envelope"></i> ã¡ã¼ã«ã§ãåãåãã</a> 487</div> 488 489</div> 490</div><!--end fixedFooter--> 491</div><!--end page--> 492</body> 493</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.