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/"> 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/*------------------------------------------------- 102ãå¾ãªãã£ã³ãã¼ã³ 103-------------------------------------------------*/ 104.Campaign .Item{background: #fff; padding: 1em; margin: 0 auto 3em; box-shadow: 0 0 0.5em rgba(0,0,0,0.1);} 105.Campaign .Item h2{border-top:5px solid #ffa50d; border-bottom: 5px solid #ffa50d; padding: 0.5em; text-align: center;} 106.Campaign .Item .image{float: left; width: 44%; margin: 0 1em 0 0;} 107.Campaign .Item .text{ overflow: hidden;} 108.Campaign .Item .more{text-align: center;padding: 0.5em;} 109.Campaign .Item .more .button{ padding: 0.7em 0; font-size: 120%; width: 100%; display: block; color: #ff0000 !important;} 110.Campaign .kyanpe-nkakaku{background: url(img/kyanpe-nkakaku-min.png) no-repeat center bottom; background-size: 100% 100%; text-align: center; text-align: center; font-size: 44px; color: yellow; font-weight: bold; padding: 40px 0 10px 10px; 111text-shadow: 0 0 0.01em #000,0 0 0.02em #000,0 0 0.03em #000,0 0 0.04em #000,0 0 0.05em #000,0 0 0.06em #000,0 0 0.07em #000,0 0 0.08em #000,0 0 0.09em #000,0 0 0.10em #000; line-height: 1;} 112.Campaign .kyanpe-nkakaku .kakaku{display: inline-block;} 113.Campaign .kyanpe-nkakaku .yen{display: inline-block; font-size: 70%;} 114.Campaign .kyanpe-nkakaku .zei{display: inline-block; font-size: 40%;} 115/*ã¹ãã*/ 116@media(max-width:900px){ 117.Campaign .Item .image{width: 33%;} 118} 119/*ã¹ãã*/ 120@media(max-width:440px){ 121.Campaign .Item .image{float: none; width:auto; text-align: center; margin: 0 auto 1em;} 122} 123/*------------------------------------------------- 124ããããã¼ã¸_ã¹ã©ã¤ãã£ã³ã°ç»å 125-------------------------------------------------*/ 126.sliderWrap{max-width: 1920px; margin: 0 auto 0; overflow: hidden;} 127.slider .image.clip{height: 460px;} 128@media(max-width:1260px){ 129.slider .image.clip{height: 356px;} 130} 131/*ã¹ãã*/ 132@media(max-width:900px){ 133.slider .image.clip{height: 37vw;} 134} 135/*------------------------------------------------- 136ããããã¼ã¸_å·¦å³ã«è²åããããç®± 137-------------------------------------------------*/ 138.tY{width: 50%; background:#FFFFD5; float: left;} 139.tB{width: 50%; background:#E1F3FF; float: right;} 140.tY>.inner,.tB>.inner{padding:30px 20px; max-width: 800px; margin: auto;} 141.tY header{background:#ffff00;} 142.tB header{background: #2D92EC;} 143.tY header,.tB header{ padding: 30px 20px; text-align: center;} 144/*ã¹ãã*/ 145@media(max-width:900px){ 146.tY{width: auto; float: none;} 147.tB{width: auto; float: none;} 148.tY>.inner,.tB>.inner{padding:20px 10px;} 149.tY header,.tB header{padding:20px 10px;} 150} 151/*------------------------------------------------- 152å·¥æ³ã®ãªã¹ã 153-------------------------------------------------*/ 154.Kouhou .Item{background: #fff; padding: 1em; margin: 0 auto 3em; box-shadow: 0 0 0.5em rgba(0,0,0,0.1);} 155.Kouhou .Item .image{float: left; width: 44%; margin: 0 1em 0 0;} 156.Kouhou .Item .text{ overflow: hidden;} 157.Kouhou .Item .more{text-align: center;padding: 0.5em;} 158.Kouhou .Item .more .button{ padding: 0.7em 0; font-size: 120%; width: 100%; display: block;} 159/*ã¹ãã*/ 160@media(max-width:900px){ 161.Kouhou .Item .image{width: 33%;} 162} 163/*ã¹ãã*/ 164@media(max-width:440px){ 165.Kouhou .Item .image{float: none; width:auto; text-align: center; margin: 0 auto 1em;} 166} 167</style> 168<!--Googleã¢ããªãã£ã¯ã¹-->
169<script>
vendor: 339 bytes, lines 169-175
169 170 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 171 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 172 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 173 })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 174 175 ga('create', '
175UA-46633531-2
vendor: 54 bytes, lines 175-177
175', 'dairyukougyou.co.jp'); 176 ga('send', 'pageview'); 177
178</script>
178 179</head> 180<body> 181<div class="page" id="gotoTop"> 182<style> 183header.g{ line-height:1.4; background: rgba(255,255,255,0.9);} 184header.g .inner{ max-width:1400px; padding:0 20px; margin:auto; position:relative;} 185header.g .inner.height{ height:120px;} 186header.g div.logo{position: absolute; top: 13px; left: 20px; z-index: 10; color: #0099ff; line-height: 1.2;} 187header.g div.logo a{display: inline-block;} 188header.g div.logo img{ height:90px; transition:0.2s opacity; -webkit-transition:0.2s opacity; vertical-align: middle; display: inline-block;} 189header.g div.desc{position: absolute; top: 20px; left: 330px; z-index: 9; width: 300px;} 190header.g div.Contact{position: absolute; top: 15px; right:20px; z-index: 10; font-size: 18px; text-align: center;} 191/*ã¹ãã*/ 192@media(max-width:900px){ 193header.g{height:60px; position:fixed; top:0; left:0; right:0; z-index:199; min-width:320px;} 194header.g:before{content: ""; background: #0099ff; height: 1px; display: block; position: absolute; bottom: 0; left: 0; right: 0;} 195header.g .inner.height{ height:auto;} 196header.g div.logo{top:10px; left:10px;} 197header.g div.logo img{ height:40px;} 198header.g div.desc{left: 150px; top: 10px; width: 144px;} 199header.g .triggers{ position:absolute; top:0; right:15px; line-height:1; display:block;} 200header.g .triggers img{height: 60px;} 201} 202/*ã¹ãã*/ 203@media(max-width:510px){ 204header.g div.desc{display: none;} 205} 206/*ã¹ãã*/ 207@media(max-width:375px){ 208header.g .triggers{top: 5px;} 209header.g .triggers img{height: 50px;} 210} 211</style> 212<header class="g clearfix"> 213<div class="inner height"> 214 215<div class="logo"><a href="./"><img src="./img/logo-min.png" alt="(DAIRYU) æ ªå¼ä¼ç¤¾ 大éå·¥æ¥"></a></div> 216<div class="desc"><img src="./img/text-min.png" alt="æ°´å»»ãã®ãã©ãã«ã¯ãä»»ããã ããã"></div> 217 218<div class="Contact spHidden"> 219<strong class="color red">ãç¸è«ã»ãè¦ç©ã<span style="background: red; color: #fff; display: inline-block; padding: 0 0.5em;">ç¡æ</span></strong><br> 220<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> 221<span style="font-size: 14px;">å仿éã8:30ï½17:30</span> 222</div> 223 224<div class="triggers pcHidden"> 225<a href="./contact/"><img class="mail" src="./img/sp_mail.png" alt="ã¡ãã¥ã¼"></a> 226<a href="tel:0250410710"><img class="denwa" src="./img/sp_denwa.png" alt="é»è©±"></a> 227<img class="trigger_menu" src="./img/menu.png" alt="ãåãåãã"> 228</div> 229 230</div> 231</header> 232 233 234
235<script> 236//XXpxãéãããã°ããããè¿½å¾ 237$(function(){ 238 $(window).on("scroll", function() { 239 if ($(this).scrollTop() > 120) { 240 $('.gnav').addClass("fixed"); 241 } else { 242 $('.gnav').removeClass("fixed"); 243 } 244 }); 245//ã°ããããSPç¨ã«è¤è£½ 246 $(".gnav").clone().insertAfter(".gnav").removeClass("spHidden").addClass("pcHidden clone"); 247//ã°ããã 248 $("header.g .trigger_menu").click(function(){ 249 $(".gnav.pcHidden").fadeIn(500); 250 }); 251 $("li.triggerClose").click(function(){ 252 $(".gnav.pcHidden").fadeOut(500); 253 }); 254 $(".gnav .trigger").click(function(){ 255 $(this).toggleClass("open"); 256 $(this).next("ul").slideToggle(500); 257 }); 258//ãã¼ã¸å ãªã³ã¯ã«ãªãå¯è½æ§ã®ãããã¿ã³ã®å¯¾å¿ 259 $(".gnav.pcHidden a.FIX").click(function(){ 260 $(".gnav.pcHidden").fadeOut(200); 261 }); 262}); 263</script>
263 264<style> 265.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;} 266 .gnav.fixed .fix{ position:relative;} 267 /*å°å·ç¨*/ 268 @media print{.gnav,gnav.fixed,.gnav.fixed .fix{ position:relative !important;}} 269.gnav>*>ul>li{display:block; position:relative; border-bottom:1px solid rgba(0,153,255,0.5);} 270.gnav>*>ul>li>a{ display:block; font-size:16px; padding:18.8px 30px 18.8px 1em; position:relative; font-weight:bold;} 271.gnav>*>ul>li>a.Contact{color:#0099ff;} 272.gnav>*>ul>li>a:hover{ background:#fff;} 273.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;} 274.gnav>*>ul>li.triggerClose{ text-align:right; padding:0 1em; line-height:60px; background:#0099ff; color:#fff;} 275/*PC*/ 276@media(min-width:901px){ 277.gnav{ position:relative; background:none; overflow:inherit; text-align:center; min-width:inherit; height:60px;} 278 .gnav .fix{ background:rgba(225,243,255,0.9);} 279 .gnav .fix:before{content: ""; background: #0099ff; height: 2px; display: block; position: absolute; bottom: -2px; left: 0; right: 0;} 280 .gnav.fixed .fix{ position:fixed; top:0; left:0; right:0; min-width:1000px;} 281 .gnav.spHidden{display:block !important;} 282.gnav>*>ul{ max-width:1400px; margin:auto;} 283.gnav>*>ul>li.triggerClose{ display:none;} 284.gnav>*>ul>li{ float:left; border:none;} 285.gnav>*>ul>li>a{font-size:16px; padding: 0; line-height: 60px;} 286.gnav>*>ul>li.nigyou a{padding: 10.4px 0; line-height: 1.4;} 287.gnav>*>ul>li>a:after{ display:none;} 288} 289@media(max-width:1200px) and (min-width:901px){ 290.gnav>*>ul>li>a{font-size:14px;} 291.gnav>*>ul>li.nigyou a{padding: 13.2px 0;} 292} 293@media(max-width:900px){.gnav>*>ul>li{ width: 100% !important;}} 294</style> 295<nav class="gnav spHidden"> 296<div class="fix"> 297<ul class="clearfix"> 298<li class="triggerClose">éããã<img src="./img/timesw.png" alt="éãã" style="height: 1em; position: relative; top:-0.075em;"></li> 299<li style="width:16.6%;"><a href="./">ããã</a></li> 300<li style="width:16.6%;"><a href="./news/">ãç¥ãã</a></li> 301<li style="width:16.6%;"><a href="./business/">äºæ¥å 容</a></li> 302<li style="width:16.6%;"><a href="./works/">æ½å·¥ä¾ç´¹ä»</a></li> 303<li style="width:16.6%;"><a href="./company/">ä¼ç¤¾æ¡å </a></li> 304<li style="width:16.6%;"><a href="./contact/"><i class="far fa-envelope"></i> ãåãåãã</a></li> 305</ul> 306</div> 307</nav> 308<div class="wrapper"> 309
310<script> 311$(function() { 312 $('div.slider').slick({ 313 arrows: false, 314 fade: true, 315 dots: true, 316 autoplaySpeed: 4000, 317 speed: 1000, 318 responsive: [ 319 { 320 breakpoint: 740, 321 settings: { 322 fade: false, 323 dots: false, 324 autoplaySpeed: 3000, 325 speed: 400 326 } 327 } 328 ] 329 }); 330}); 331</script>
331 332<div class='sliderWrap'> 333<div class='slider'> 334<div class='image clip'><a href='./#Campaign'><img src='/upload/2/file_8_0_1.jpg?1598255970' alt=''></a></div> 335<div class='image clip'><a href='./business/#trouble'><img src='/upload/2/file_8_1_1.jpg?1598255981' alt=''></a></div> 336<div class='image clip'><a href='./business/#business'><img src='/upload/2/file_8_2_1.jpg?1598255987' alt=''></a></div> 337<div class='image clip'><a href='./business/#ko1'><img src='/upload/2/file_8_3_1.jpg?1598255998' alt=''></a></div> 338<div class='image clip'><a href='./business/#ko2'><img src='/upload/2/file_8_4_1.jpg?1598256005' alt=''></a></div> 339<div class='image clip'><a href='./business/#ko3'><img src='/upload/2/file_8_5_1.jpg?1598256085' alt=''></a></div> 340</div> 341</div> 342 343<div class='wrapperInner News'> 344<div class='container wide'> 345<hr class='anc' id='index'> 346<section class='Osiraseitiran'> 347<h2 class='style'>ãç¥ããä¸è¦§</h2> 348<div class='narrow'> 349<ul class='nav'> 350<li class='bl'> 351<div class='image clip'><img src='/common/resize_image.php?file=/home/rental/e13465/www/upload/2/file_1_17_1.jpg&width=120&1655883262' alt=''></div> 352<div class='text'> 353<span class='date'>2022/06/23</span> 354<h3><a href='news/?id=17'>SDGséæã«åããåãçµã¿ãã¹ã¿ã¼ããã¾ã</a></h3> 355</div> 356</li> 357<li class='bl'> 358<div class='image clip'>
358<img src='/common/resize_image.php?file=/home/rental/e13465/www/upload/2/file_1_16_1.jpg&width=120&1627352860' alt=''></div> 359<div class='text'> 360<span class='date'>2021/07/27</span> 361<h3><a href='news/?id=16'>æ½å·¥ä¾ã追å ãã¾ããï¼ãã¤ã¬æ¹ä¿®å·¥äºï¼</a></h3> 362</div> 363</li> 364<li class='bl'> 365<div class='image clip'><img src='/common/resize_image.php?file=/home/rental/e13465/www/upload/2/file_1_15_1.jpg&width=120&1619763778' alt=''></div> 366<div class='text'> 367<span class='date'>2021/04/30</span> 368<h3><a href='news/?id=15'>æ½å·¥ä¾ã追å ãã¾ããï¼ã²ãã³ããã¤ã¬ç©ºéï¼</a></h3> 369</div> 370</li> 371<li class='bl'> 372<div class='image clip'><img src='/common/resize_image.php?file=/home/rental/e13465/www/upload/2/file_1_14_1.jpg&width=120&1617859626' alt=''></div> 373<div class='text'> 374<span class='date'>2021/04/08</span> 375<h3><a href='news/?id=14'>æ½å·¥ä¾ã追å ãã¾ããï¼ãã¤ã¬æ¹ä¿®å·¥äºï¼</a></h3> 376</div> 377</li> 378<li class='bl'> 379<div class='image clip'><img src='/common/resize_image.php?f
379ile=/home/rental/e13465/www/upload/2/file_1_13_1.jpg&width=120&1601886047' alt=''></div> 380<div class='text'> 381<span class='date'>2020/10/05</span> 382<h3><a href='news/?id=13'>æ½å·¥ä¾ã追å ãã¾ããï¼ã¬ã³ã¸ãã¼ãåæ¿ï¼</a></h3> 383</div> 384</li> 385</ul> 386</div> 387</section> 388</div><!--end container--> 389</div> 390 391<div class="clearfix mh"> 392<div class="tY"> 393<header> 394<a href="tel:0250410710"><img src="img/to00-min.png" alt="æ°´å»»ãã®ãã©ãã«ããé»è©±ä¸æ¬é§ãã¤ãã¾ãããTEL 0250-41 0710ãå¶æ¥ã¨ãªã¢ï¼äºæ³å¸ãæ°æ½å¸ãäºæ³ã®æ°´éå±ãã"></a> 395</header> 396<div class="inner"> 397<div class="grid3 clearfix hold"> 398<div><a href="business/#to1"><img src="img/to01.jpg" alt="ãã¤ã¬ãæ°´æ¼ãã»ã¤ã¾ãã詳細ãè¦ã"></a></div> 399<div><a href="business/#to2"><img src="img/to02.jpg" alt="ãããã³ãæ°´æ¼ãã»ã¤ã¾ãã詳細ãè¦ã"></a></div> 400<div><a href="business/#to2"><img src="img/to03.jpg" alt="æ´é¢æã»ã風åãæ°´æ¼ãã»ã¤ã¾ãã詳細ãè¦ã"></a></div> 401</div><!--end grid--> 402 403<div style="margin: 1em auto 3em;"> 404<h2 style="color: #ff8000;" class="large center">ä½ã¾ãã¨æ®ããããµãã¼ã</h2> 405<p>ãã¤ã¬ããããã³ãæ´é¢æãã風åã給湯å¨ããã³ããªã©å種ãã©ãã«ã«å¯¾å¿ãã¾ãã䏿°´éå·¥äºã空調è¨åããªãã§ããç¸è«ãã ããã<strong class="color red ib" style="font-size: 120%;">ãç¸è«ã»ãè¦ç©ã <span style="background: red; color: #fff; display: inline-block; padding: 0 0.5em;">ç¡æ</span> !!</strong></p> 406</div> 407 408<img src="img/to04.jpg" alt="ã¤ã¤ã¡ã¡ã¡ã¡ãï¼ãããããããã£ï¼" style="margin-bottom: 3em;"> 409 410<div class="clearfix" style="margin-bottom: 3em;"> 411<a class="button mizu spWidth100per fl-center" style="width: 48%; padding: 1em 0; font-size: 110%;" href="works/">ãå®¶åºåãã®æ½å·¥ä¾ç´¹ä»</a> 412<a class="button mizu spWidth100per fr-center" style="width: 48%; padding: 1em 0; font-size: 110%;" href="business/#price">æ°´å»»ãã®ãã©ãã«æé表</a> 413</div> 414 415</div><!--end inner--> 416</div><!--end tY--> 417 418 419 420<div class="tB"> 421<header> 422<img src="img/to07-min.png" alt="å種工äºã®ãæ¡å "> 423</header> 424<div class="inner"> 425 426<div class="clearfix" style="margin-bottom: 4em;"> 427<img class="fl-center spWidth100per" style="width: 52%;" src="img/to08.jpg" alt="å·¥äºã®æ§å"> 428<img class="fr-center spWidth100per" style="width: 44%;" src="img/to09-min.png" alt="âå®å ¬åºçºæ³¨é 水管å¸è¨å·¥äºâå® å 給水管å¼è¾¼å·¥äºâå® å 䏿°´éå·¥äºâæµåæ§½å¸è¨å·¥äºâæ°ç¯åã³ãªãã©ã¼ã ã«ä¼´ãè¨åå·¥äºâ空調è¨åå·¥äº"> 429</div> 430 431<div class="Kouhou"> 432<div class="Item"> 433<div class="image"><img src="img/to10.jpg" alt=""></div> 434<div class="text"> 435<h3><img src="img/to11-min.png" alt="çµ¦ææ°´ç®¡æ´ç(SRCTå·¥æ³)"></h3> 436<p>ãç空å¸å¼åããå©ç¨ãã¦ãèæ½åããçµ¦ã»ææ°´ç®¡ã®å é¢ã«çºçããéãä»çç©ãã¯ãªã¼ãã³ã°ããå¼·åºãªå¡èã管å ã«ã©ã¤ãã³ã°ããå¸å¼å¼ã®ãã¤ãã©ã¤ãã³ã°å·¥æ³ã</p> 437<div class="more"><a class="button" href="business/#ko1">詳細ã¯ãã¡ã</a></div> 438</div> 439</div> 440 441<div class="Item"> 442<div class="image"><img src="img/to12.jpg" alt=""></div> 443<div class="text"> 444<h3><img src="img/to13-min.png" alt="卿¿é¢é£ãæ²¹åè§£ã·ã¹ãã "></h3> 445<p>ææ°´ä¸ã®æ²¹åãæ°´ã¨äºé ¸åçç´ ã«åè§£é¤å»ãé 管詰ã¾ãã»æªèã»æµ®ä¸ã¹ã«ã é¤å»ä½æ¥ãªã©ãæ¹åãã¾ãã</p> 446<div class="more"><a class="button" href="business/#ko2">詳細ã¯ãã¡ã</a></div> 447</div> 448</div> 449 450<div class="Item"> 451<div class="image"><img src="img/to14.jpg" alt=""></div> 452<div class="text"> 453<h3><img src="img/to15-min.png" alt="å°ä¸ç±å©ç¨ãã¼ããã³ãã·ã¹ãã "></h3> 454<p>å°ç±ãã¼ããã³ãã¯ãããããªé»æ°ã§å°ä¸ã®ç±ããã¿ãããå±å ã¸éã¶æ©æ§ã§ãæå ¥ã¨ãã«ã®ã¼ã®ç´ï¼ï½ï¼åã®ç±ã¨ãã«ã®ã¼ãåãåºãã¾ãã</p> 455<div class="more"><a class="button" href="business/#ko3">詳細ã¯ãã¡ã</a></div> 456</div> 457</div> 458</div><!--end Kouhou--> 459 460<p style="font-size: 120%; font-weight: bold; text-align: center; color: #002d66;">å ¬å¶ä½å® ã»ãã³ã·ã§ã³ã»ããã«ï½¥å¦æ ¡ããªãã£ã¹ãã«ï½¥å·¥å ´ãªã©ã®<span class="ib">大åå·¥äºã«ã対å¿ãããã¾ãã</span></p> 461 462</div><!--end inner--> 463</div><!--end tB--> 464</div><!--end clearfix--> 465 466 467<hr style="background: #0099ff; height: 1em; margin: auto;"> 468 469<!--
469<script> 470$(function(){ 471 //è¨äºç»åã2å以ä¸ãªã.grid2ãä»å 472 var mainImageNum = $("article.news div.image>*").length; 473 if(mainImageNum > 1){ 474 $("article.news div.image").addClass("grid2 clearfix"); 475 } 476}); 477</script>
477--> 478 479</div><!--end wrapper--> 480<footer class="g wrapper"> 481<hr class="anc" id="footer"> 482<div class="wrapperInner" style="background: #E1F3FF;"> 483<div class="container wide"> 484 485<style> 486.Fu50{margin: 0 auto;} 487.Fu50 header{float: left; width: 28%;} 488.Fu50 header+div{float: right; width: 64%;} 489.Fu50 header div.kyaraWrap{position: relative; width: 100%; margin-bottom: 2em;} 490.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;} 491.Fu50 header img.kyara1{width: 25%; position: absolute; z-index: 2; top: 12%; left: 50%;} 492.Fu50 header img.kyara2{width: 70%; position: relative; z-index: 1;} 493.Fu50 header img.ansin{ width: 45%; position: absolute; z-index: 2; bottom: 0; right: 2%;} 494.Fu50 .Toraburu{background: #ffff00; overflow: hidden; padding: 1em; margin: 0 auto 3em;} 495.Fu50 .Toraburu img.fu00{float: left; width: 38%;} 496.Fu50 .Toraburu div.fu01{float: right; width: 58%; text-align: center;} 497.Fu50 .Toraburu div.fu01 img{width: 23.5%;} 498.Fu50 .Company{float: left; width: 48%;} 499.Fu50 .Company div.logoWrap{width: 300px;} 500.Fu50 .Company div.logoWrap .ruby{text-align: right; letter-spacing: 0.48em; font-size:80%;} 501.Fu50 .Company .TelFax{line-height: 1.4; margin-top: 1.6em;} 502.Fu50 .Company .TelFax .Fax{display: inline-block; padding-left: 2.5em; font-weight: bold;} 503.Fu50 .Buttons{float: right; width: 48%;} 504.Fu50 .Buttons .button{width: 100%; padding: 1.2em 0; margin: 0 auto 1em; font-size: 120%;} 505.button.mizu{background:url(./img/button.jpg) no-repeat center center / cover; border: 2px solid #0099ff; color: #0099ff !important;} 506/*ãã£ã©ï¼¿ã¢ãã¡ã¼ã·ã§ã³*/ 507.Fu50 header img.kyara1{animation: poyooon 1s linear 0s infinite;} 508@keyframes poyooon { 509 0% { transform: scale(1.0, 1.0) translate(0%, 0%); } 510 10% { transform: scale(1.05, 0.95) translate(0%, 2.5%); } 511 40% { transform: scale(1.1, 0.9) translate(0%, 7.5%); } 512 50% { transform: scale(1.0, 1.0) translate(0%, 0%); } 513 60% { transform: scale(0.95, 1.1) translate(0%, -70%); } 514 80% { transform: scale(0.95, 1.1) translate(0%, -10%); } 515 90% { transform: scale(1.1, 0.9) translate(0%, 7.5%); } 516 100% { transform: scale(1.0, 1.0) translate(0%, 0%); } 517} 518/*ãã£ã©ï¼¿ã¢ãã¡ã¼ã·ã§ã³*/ 519.Fu50 header img.kyara2{transform-origin: left bottom; animation: poyooon2 1s ease-in-out 0s infinite;} 520@keyframes poyooon2 { 521 0% {transform: rotate(0deg);} 522 44% {transform: rotate(0deg);} 523 48% {transform: rotate(4deg);} 524 56% {transform: rotate(-10deg);} 525 76% {transform: rotate(4deg);} 526 90% {transform: rotate(0deg);} 527 100% {transform: rotate(0deg);} 528} 529/*ã¹ãã*/ 530@media(max-width:900px){ 531footer.g .container{max-width: inherit;} 532.Fu50 header{float: none; width: auto; margin:0 auto 2em;} 533.Fu50 header+div{float: none; width: auto;} 534.Fu50 header div.kyaraWrap h2{font-size: 8vw;} 535.Fu50 header .kyoka{padding-left: 1em;} 536.Fu50 .Toraburu{padding: 2em 1em; margin: 0 -10px 3em; text-align: center;} 537.Fu50 .Toraburu img.fu00{float: none; width: auto; margin-bottom: 2em;} 538.Fu50 .Toraburu div.fu01{float: none; width: auto;} 539.Fu50 .Company{float: none; width: auto; margin-bottom: 3em; text-align: center;} 540.Fu50 .Company div.logoWrap{width: 260px; margin: auto;} 541.Fu50 .Company .TelFax{ font-size: 16px;} 542.Fu50 .Company .TelFax .Fax{padding: 0;} 543.Fu50 .Buttons{float: none; width: auto;} 544} 545/*ã¹ãã*/ 546@media(max-width:440px){ 547.Fu50 .Toraburu div.fu01 img{width: 44%; margin: 0 2% 1.5em;} 548} 549</style> 550<div class="Fu50 clearfix"> 551<header> 552<div class="kyaraWrap"> 553<h2>äºæ³ã®æ°´éå±ãã</h2> 554<img class="kyara1" src="./img/kyara1-min.png" alt="ããã§ãªã¼ã"> 555<img class="kyara2" src="./img/kyara2-min.png" alt="ã ããã ãå"> 556<img class="ansin" src="./img/ansin-min.png" alt="å®å¿ å®å ¨"> 557</div> 558<p class="kyoka">ç¹å®å»ºè¨æ¥è¨±å¯<br> 559æ°æ½çç¥äºè¨±å¯ã第42052å·</p> 560</header> 561<div> 562 563<div class="Toraburu"> 564<img class="fu00" src="./img/fu00-min.png" alt="æ¥ãªãã©ãã«ãæ°´æ¼ãã»ã¤ã¾ããä½ã§ããä»»ããã ãã!!"> 565<div class="fu01"> 566<a href="./business/#to1"><img src="./img/fu01.1-min.png" alt="ãã¤ã¬"></a> 567<a href="./business/#to2"><img src="./img/fu01.2-min.png" alt="ãããã³ã»æ´é¢æã»ã風å"></a> 568<a href="./business/#ko1"><img src="./img/fu01.3-min.png" alt="給水管ã»èµ¤æ°´ãã©ãã«"></a> 569<a href="./business/#ko2"><img src="./img/fu01.4-min.png" alt="ææ°´ç®¡ã»æªèã»ã¤ã¾ã"></a> 570</div> 571</div> 572 573<div class="clearfix"> 574<div class="Company"> 575<div class="logoWrap"> 576<img src="./img/logo-min.png" alt="(DAIRYU) æ ªå¼ä¼ç¤¾ 大éå·¥æ¥"> 577<p class="ruby">ã ããã ãããããã</p> 578</div> 579<p>ã959-1856ãæ°æ½çäºæ³å¸å±±å´ç²114çªå°1</p> 580<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> 581<span class="Fax">FAX 0250-41-0705</span></p> 582</div> 583<div class="Buttons"> 584<a class="button mizu" href="./company">ä¼ç¤¾æ¡å ã»ã¢ã¯ã»ã¹</a> 585<a class="button mizu" href="./contact/"><i class="far fa-envelope"></i> ãåãåãã</a> 586</div> 587</div> 588 589</div> 590</div><!--end Fu50--> 591</div><!--end container--> 592</div><!--end wrapperInner--> 593 594 595 596<div class="wrapperInner" style="padding-top: 1em; padding-bottom: 3em;"> 597<div class="container wide"> 598<style> 599.linkItem{max-width: 960px; margin: auto;} 600.linkItem .banners>*{display: inline-block; width: 200px; margin:0 1em 1em;} 601</style> 602<div class="linkItem"> 603<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> 604<div class="banners center"> 605<div><a href="http://yamataka-rcm.co.jp/" target="_blank">
605<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> 606</div> 607</div> 608</div><!--end container--> 609</div><!--end wrapperInner--> 610<style> 611address.copyright{background: #68b0f1; color: #fff; text-align: center; font-style: normal; padding: 10px 0 100px;} 612/*ã¹ãã*/ 613@media(max-width:900px){ 614address.copyright{font-size: 10px; padding: 10px 0;} 615} 616</style> 617<address class="copyright">Copyright © æ ªå¼ä¼ç¤¾ 大éå·¥æ¥</address> 618</footer><!--end wrapper--> 619 620 621 622<style> 623/* ----------------------------------------------------------- 624ãã¼ã¸å é 㸠625----------------------------------------------------------- */ 626a.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;} 627a.pageTopButton:before{font-family:"Font Awesome 5 Free"; font-weight:900; content: "\f077";} 628a.pageTopButton.active{bottom:150px; right:60px; opacity:1;} 629a.pageTopButton.active:hover{ opacity:0.8;} 630/*ã¹ãã*/ 631@media(max-width:900px){ 632a.pageTopButton{bottom:-40px; right:30px; width:40px; height:40px; font-size:20px; line-height:38px; border-width:0.5px;} 633a.pageTopButton.active{bottom:30px; right:30px;} 634} 635/*å°å·ç¨*/ 636@media print{ 637a.pageTopButton{ display:none;} 638} 639</style>
640<script> 641//X00pxãéããããã¼ã¸ããããã¿ã³ã表示 642$(function(){ 643 $(window).on("scroll", function() { 644 if ($(this).scrollTop() > 120) { 645 $('.pageTopButton,.fixedFooter').addClass("active"); 646 } else { 647 $('.pageTopButton,.fixedFooter').removeClass("active"); 648 } 649 }); 650 }); 651</script>
651 652<a class="pageTopButton" href="#gotoTop"></a> 653 654 655 656<style> 657/* ----------------------------------------------------------- 658ä¸é¨ã®è¿½å¾ãåãåãã 659----------------------------------------------------------- */ 660.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;} 661.fixedFooter.active{bottom: 0;} 662.fixedFooter .inner{margin: auto;} 663.fixedFooter .inner>*{display: inline-block; vertical-align: middle; margin: 0 1em;} 664@media(max-width:1160px){ 665.fixedFooter{font-size:1.5vw;} 666} 667</style> 668<div class="fixedFooter spHidden"> 669<div class="inner"> 670 671<div> 672<strong class="color red" style="font-size: 120%;">ãç¸è«ã»ãè¦ç©ã<span style="background: red; color: #fff; display: inline-block; padding: 0 0.5em;">ç¡æ</span></strong> 673</div> 674 675<div> 676<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> 677</div> 678 679<div> 680<strong style="font-size: 120%;">FAX 0250-41-0705</strong> 681</div> 682 683<div> 684<a href="./contact/" class="button"><i class="far fa-envelope"></i> ã¡ã¼ã«ã§ãåãåãã</a> 685</div> 686 687</div> 688</div><!--end fixedFooter--> 689</div><!--end page--> 690</body> 691</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.