<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>みみず酵素の開発物語 | 株式会社三高サプライ</title>

<!--基本meta情報-->
<meta name="keywords" content="株式会社三高サプライ" />
<meta name="description" content="株式会社三高サプライ　原料資材部。" />
<meta name="viewport" content="width=device-width,maximum-scale=1.0">
<meta name="format-detection" content="telephone=no">
<!--基本link情報-->
<link rel="icon" type="image/x-icon" href="../01top/images/mitaka-favicon.ico">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="common/css/base.css" rel="stylesheet" type="text/css" />
<!--<link href="common/css/style.css" rel="stylesheet" type="text/css" />-->
<link rel="stylesheet" href="../cgi-bin/mimicky/mfp.statics/mailformpro.css" type="text/css" />
<link href="common/js/lity/lity.min.css" rel="stylesheet" type="text/css" />
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="common/js/lity/lity.min.js"></script>


<style>
article{
  min-width: 1200px;
  background: #ffffff;
}
section{
    width:980px;
    margin:76px auto;
    text-align: center;
}
h2{
    font-size:2.0rem;
    color: #5e4898;
    font-weight: bold;
}
section img{
    vertical-align: bottom;
}
.youtube a{
    width:90%;
    display: block;
    margin: 50px auto;
    position: relative;
    border:1px solid #ccc;
}
.youtube a::after{
    content:"";
    display: block;
    width:80px;
    height:80px;
    margin: auto;
    background: url(common/images/ico_youtubePlay.png) center / 100% auto no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    bottom:0;
    left:0;
}
.youtube a img{
    width:100%;
}
p{
width: 90%;
margin: 0 auto;
padding: 30px;
line-height: 1.5;
border: 1px solid #ccc;
}
p span{
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
}
p a{
    font-size:1.9rem;
    font-weight: bold;
}
   
@media screen and (max-width: 768px) {
    article{
        padding: 0;
        min-width: 100%;
    }
    section{
        width:90%;/*980px*/
        margin:30px auto;/*70px auto*/
    }

    h2{
        font-size:1.4rem;
    }
    .youtube a{
　       margin:30px auto;
    }
    .youtube a::after{
        width:40px;
        height:40px;
    }
    p{
    padding: 20px;
    line-height: 1.5;
    }
    p span{
    }
    p a{
        font-size:1.3rem;
    }
}
</style>

		<!-- Global site tag (gtag.js) - Google Analytics -->
			<script async src="https://www.googletagmanager.com/gtag/js?id=UA-139925169-1"></script>
			<script>
				window.dataLayer = window.dataLayer || [];
				function gtag(){dataLayer.push(arguments);}
				gtag('js', new Date());

				gtag('config', 'UA-139925169-1');
			</script>
			<script src="//kitchen.juicer.cc/?color=EwWAkTTRoy0=" async></script>
</head>

<body>
<header>
<h1><img src="common/images/logo.svg" alt="三髙サプライ"></h1>
</header>

<article>
<!-- *************************** ★/　about　/★ *************************** -->
<section class="">
        <h2>ルンブルクス末の開発物語</h2>
    <div class="youtube">
        <a href="https://www.youtube.com/watch?v=Io9DUU1CB_g" data-lity="data-lity"><img src="common/images/img_youtube01.jpg" alt=""></a>
    </div>

    <p><span>［お問い合わせ］</span>
株式会社三高サプライ 原料資材部<br>
電話でのお問い合わせ：<br class="sp"><a href="tel:072-729-8382">072-729-8382</a><br>
（担当 : 中村）</p>
</section>
</article>

<!-- *************************** ★/　footer　/★ *************************** -->
<footer>
<div class="pagetop"><a href="#"><i class="fa fa-angle-up" aria-hidden="true"></i></a></div>
<div class="footer">
  <div class="add">
    <a href="../07info/policy.php">個人情報の取扱い　→</a>
    株式会社三高サプライ<br>
    〒562-0035 　大阪府箕面市船場東1丁目9番29号<br>
    TEL.072＊729＊8382　FAX.072＊729＊8387
  </div>
  <div class="logo">
    <img src="common/images/logo.svg" alt="三高サプライ"><br>
    ⓒMITAKA SUPPLY
  </div>
</div>
</footer>
</body>
</html>