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