/*--------*/
@media screen and (min-width: 640px) {

html{background:#eee;}
body{
width:840px;
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:0;}

hedder{height:36px;}
h1{margin:0;height:36px;padding-top:20px;}
h1 img.pc{height:36px;}
h1 img.sp{display:none;}
.banner p{height:470px;margin:0px;}
.banner p img{width:840px;height:470px;margin:0px;}
h1 a:hover{opacity:0.6;background-color:white;}
nav{
text-align: center;
width:840px;height:40px;background-color:#3a3e39;margin-top:0px;}

nav ul{
margin: 0 ;
padding: 5px ;}

nav li{
display: inline-block;
padding:0px 20px;}

nav li:not(:last-child){
border-right:2px solid #ddd;}

nav a{
color: #fff;}

section{
width:780px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:40px;}
h2 img.pc{width:100%;height:100%;}
h2 img.sp{display:none;}
#sec00{width:780px;margin-top:40px; padding-bottom:10px;}
#sec00 div.first_inner{width:780px;}
#sec00 div.img{float:left;padding-top:20px;padding-left:20px;width:330px;}
#sec00 div.text-box{width:400px;padding-left:360px;padding-top:10px;}
#sec00 p.product_no{width:70px;padding-left:10px;color:#fff;background-color:#000;margin-bottom:5px;}
#sec00 p.product_name{margin:0;font-size:18px;font-weight:bold;margin-bottom:10px;border-bottom:2px solid #000;}
#sec00 ul{padding:0;margin:0;}
#sec00 div.text-box-2 p{margin-top:5px;margin-bottom:0;padding:10px;border:2px solid #000;line-height:20px;text-align:justify;}
#sec00 p.pattent_no{font-size:16px;margin-top:5px;margin-bottom:0;}


section h3.heading{margin:0;color:#006738;font-size:26px;font-weight:bold; text-align:center;}
section article.a-box{width:740px;}
section div.s2_img{float:right;}

#sec01{width:780px;padding-bottom:40px;margin-bottom:75px;}
#sec01 div.text-box-3{width:400px;}
#sec01 div.text-box-3 li{margin-top:20px;line-height:20px;}
#sec01 div.text-box-3 ul{width:380px;padding-top:0px;}
#sec01 div.text-box-3 li::before {position:relative; content: "●";font-size:24px;top:2px;}
#sec01 div.text-box-3 ul ~ P{padding-left:40px;}
#sec01 .link_bottan {margin-top:40px;margin-left:40px;width:380px;padding:5px 0;background:#009245;}
#sec01 .link_bottan a{padding:15px 106px;text-align:center;color:#fff;}
#sec01 .link_bottan a:hover{opacity:0.6;background-color:white;color:#000;}

#sec02{width:780px;}
#sec02 div.text-box-3{width:420px;}
#sec02 div.text-box-3 li{margin-top:10px;line-height:20px;}
#sec02 div.text-box-3 ul{width:380px;}
#sec02 div.text-box-3 li::before {position:relative; content: "●";font-size:24px;top:2px;}
#sec02 div.text-box-3 ul ~ P{padding-left:40px;}
#sec02 .link_bottan{margin-left:40px;width:380px;padding:5px 0;background:#009245;}
#sec02 .link_bottan a{padding:15px 78px;text-align:center;color:#fff;}
#sec02 .link_bottan a:hover{opacity:0.6;background-color:white;color:#000;}

#sec03{width:780px;}
#sec03 div.text-box-3{width:700px;padding-top:40px;}
#sec03 div.text-box-3 li{margin-top:10px;line-height:20px;}
#sec03 div.text-box-3 ul{width:700px;}
#sec03 div.text-box-3 li::before {position:relative; content: "●";font-size:24px;top:2px;}
#sec03 div.text-box-3 p{margin-left:40px;width:700px;}
#sec03 div.text-box-3 p.under_line{border-bottom:2px solid #000;padding-bottom:10px;}

#sec04 div.come p{color:red;font-size: 24px; font-weight: bold;text-align:center;}

.inner{
width: 780px;
margin: 0 auto;}


.col3 {padding-top:20px;}
.col3 li{
width: 346px;
text-align: center;
margin-right:10px;
float: left;}

.col3 li p{
text-align:left;
line-height:21px;
font-size:16px;
margin:0;}

.col3 li p.img{padding:0;margin:0;}
.col3 li p.img img{width:330px;}

.crier{
clear:both;}


.left_box{margin-left:30px;margin-top:10px;}
.left_box img{width:380px;}
.link_bottan{width:380px;padding:5px 0;background:#009245;}
.link_bottan a{padding:10px 111px;text-align:center;color:#fff;}
.link_bottan a:hover{opacity:0.6;background-color:white;color:#000;}
.a-box hr{margin-top:30px;margin-left:30px;margin-bottom:30px;}

div.shop_guide p{text-align:center;margin-bottom:30px;}
div.shop_guide p img{width:560px;}
div.shop_guide p a:hover{opacity:0.6;background-color:white;}

footer{
text-align:center;
color:#fff;
margin-bottom:0;}

footer .box{
background-color:#3a3e39;}

footer .img{
padding-top:30px;}

footer ul{
margin:0;
padding:0;}

footer li{
display:inline-block;
margin:10px 10px ;
font-size:16px;}

footer li .bbb{
font-size:18px;
font-weight:bold;}

footer li a{
color:#fff;}

footer li a::before {
content:"";
display:block;
width:26px;
height:16px;
background:url("../img/mail.png");
position:relative;
top: 23px;
bottom: auto;
left: auto;
right: 32px;}

footer div.img p a:hover{opacity:0.6;background-color:#3a3e39;}

footer p{margin:0;padding:0;}

footer #copyright{font-size:12px;padding-bottom:30px;padding-top:0px;}


/*-------------ページトップボタン-------------*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 100%;}

#page-top a {
    background: #82e7e6;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;}

#page-top a:hover {
    text-decoration: none;
    background: #62bdbc;}
}