@charset "utf-8";
/* CSS Document */
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
	margin:0;
	padding:0;
	}
h1,h2{
	margin:0;
	padding:0;
	}

img{
	border:none;}

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

#footer{
	background-color:#FFFFFF;
	padding:20px;
	}
#footer .footertext{
    width: 100%;
	text-align: center;
	font-size:14px;
	margin:0 auto;
	color:#000000;
	}
			
@media (min-width: 1025px) {

img{
	width:100%;
	}
#container{
	width:100%;
	margin:0 auto;
	padding:0;
	}
#header{
	width:100%;
	background-image:url(../img/TOP_bg_bar02.png);
	background-repeat:repeat-x;
	position:relative;
	}
#header .mainframe{
	position:relative;
	width:1200px;
	display:block;
	margin:0 auto;
	height:196px;
	z-index:999;
	}	
#header .toplogo{
    position: absolute;
    top: 5%;
    left: 0;
	}
#header .toptel{
	position: absolute;
    top: 8%;
    right: 0%;
	}
#header .toptext{
	position:absolute;
	top:65px;
	right:0;
	}
#header .emblem{
	position:absolute;
	top:59px;
	left:106px;
	}
#header .mainimg{
position: absolute;
    top: 59px;
    left: 0;
    width: 100%;
    z-index: 1000;
	}
#header .bgblue{
    height: 363px;
    background-image: url(../img/top_bg_blue02.png);
    background-repeat: repeat-x;
    /*background-position: 100% 0;*/
	background-position: center top;
	}
#slider{
	margin:0;
	display:block;
	}


#wrapper{
	width:100%;
	margin:0 auto;
	}
.menunav{
	width:100%;
	color:#FFFFFF;
	overflow:hidden;
	background-color:#007db6;
	margin:0 auto;
	}
.menunav ul {
	list-style:none;
	margin:0 auto;
	padding:0;
	width:1000px;
	}
.menunav ul li{
    color: #fff;
    float: left;
    margin: 0 auto;
    padding: 0;
    /* padding: 20px 30px; */
    background-image: url(../img/nav_borderline.png);
    background-repeat: no-repeat;
    background-position: 0% 50%;
	}
.menunav ul li:last-child{
    background-image: url(../img/nav_borderline.png), url(../img/nav_borderline.png);
    background-repeat: no-repeat;
    background-position: 0% 50%, 100% 50%;
	}


.menunav ul li a{
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 20px 75px;
}
.menunav ul li:hover{
	color:#fff;
	background-color:#2aa7e0;
	}

/* ▼cnt1▼ */
#cnt1{
    background-image: url(../img/cnt01_bg_image.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    padding-bottom: 30px;
	padding-top: 60px;
	width: 100%;
	}
	
#cnt1 .innerbox{
	width:1000px;
	margin:0 auto;
	}
	
#cnt1 .titleframe{
	position:relative;
	}
#cnt1 .titleframe .textbox{
	/*position:absolute;
	top:47%; left:0;*/
	font-size:18px;
	color:#333;
	margin-bottom: 30px;
	}
	
#cnt1 .lead{
	margin:20px 0;
	}
#cnt1 .titleframe .textbox span{
	color:#d1291e;
	}
#cnt1 .plandetail{
	margin:0 auto;
	width:1000px;
	overflow:hidden;
	}
#cnt1 .clientbox_l{
   width: 490px;
   float: left;
   margin-right:4px;
   }
#cnt1 .clientbox_r{
   width:490px;
   float:right;
   margin-right:4px;
   }
   
/* ▲cnt1▲ */        
	
/* ▼cnt2▼ */
#cnt2{
    position: relative;
    margin: 0 auto;
    background-image: url(../img/bg_blue.png);
    background-repeat: repeat-x;
    background-position: 100% 0%;
    background-size: 100%;
    padding: 53px 0 0;
	}
#cnt2 .contentsbox{
	background-color:#FFFFFF;
	margin:0px auto;
	width:1000px;
	}
	
#cnt2 .innertitle{
	width:699px;
	margin:20px auto;
	padding:60px 0 5px;
	}
#cnt2 .cnt2innertext{
	width: 959px;
	margin: auto;
	font-size: 18px;
	}
	
#cnt2 .cnt2innertext span{
	color:#d1291e;
	}
	
#cnt2 .innerbox{
	z-index:999;
	position:relative;
	}
	
.cnt2shadow{
	width: 1000px;
    margin: -64px auto 20px;
    z-index: 1;
	}
	
.innerframe1{
	background-image: url(../img/cnt2_bg_drug01.png);
	background-repeat: no-repeat;
	z-index: 999;
	background-position: 100% 0;
	background-size: 100%;
	margin-bottom: 40px;
	}
.innerframe2{
	background-image: url(../img/cnt2_bg_drug02.png);
	background-repeat: no-repeat;
	z-index: 999;
	background-position: 100% 100%;
	background-size: 100%;
	padding-bottom: 22px;
	}
	
.innerframe2 .qualitybox{
	width:940px;
	margin:20px auto;
	overflow:hidden;
	}
.innerframe2 .qualitybox .leftside{
	float:left;
	width:299px;
	margin-right:18px;
	}
.innerframe2 .qualitybox .rightside{
	float:left;
	margin:0 0 0 20px;
	width:600px;
	}
.qualitybox .rightside .topicbox{
	overflow:hidden;
	}
.qualitybox .rightside .topicimg{
	float:left;
	margin:6px 20px 0 0;
	}
.qualitybox .rightside .topictex{
	float:left;
	font-size:28px;
	color:#008ccc;
	margin:-6px 0 0 0;
	}
.qualitybox .rightside .topicimg2{
	float:left;
	margin:0 20px 0 0;
	}
.qualitybox .rightside .topictex2{
	float:left;
	font-size:28px;
	color:#008ccc;
	margin:2px 0 0 0;
	}
.rightside .detailtex{
	font-size:15px;
	color:#333;
	width:100%;
	margin:10px 0;
	}
			
/* ▲cnt2▲ */        
	
/* ▼cnt3▼ */
#cnt3{
	position:relative;
	margin:0 auto 20px;
	}
#cnt3 .shadow{
	position: absolute;
	bottom: 4%;
	left:0;
	margin: 0 19%;
	width: 66%;
	}
	
#cnt3 .contentsbox{
	width:1000px;
	margin:0 auto;
	padding:3% 0 2%;
	position:relative;
	}
	
#cnt3 .innertitle{
	position: relative;
    width: 312px;
    margin:20px auto 30px;
	}
#cnt3 .titletext{
	position:absolute;
	bottom:20px;
	left:0;
	margin: 0 3%;
	}
#cnt3 .innerbox{
	position:relative;
	overflow:hidden;
	}
	
#cnt3 .innerbox2{
	position:relative;
	margin:20px auto;
	width:666px;
	text-align:center;
	}
	
#cnt3 .innerbox table{
	width:100%;
	background-color:#B7B7B7;
	border:#FFFFFF 1px solid;
	}
	
	
#cnt3　table {
border-collapse: separate;
border-spacing: 0;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-radius: 8px;
}

#cnt3　table tr:first-child td:last-child {
border-radius: 0 8px 0 0;
}
#cnt3　table tr:last-child td:first-child {
border-radius: 0 0 0 8px;
}
#cnt3　table tr:last-child td:last-child {
border-radius: 0 0 8px 0;
}
#cnt3 .productframe{
	float:left;
	background-color:#FFFFFF;
	width: 490px;
	}
	
#cnt3 .producttitle{
	width:100%;
	color:#FFFFFF;
	padding:10px 0;
	font-size:26px;
	text-align:center;
	margin-bottom:20px;
	}
#cnt3 .productimg{
	margin:0 auto;
	}
#cnt3 .producttext{
	text-align:left;
	width:90%;
	margin:20px auto;
  font-size:18px;
	}
	
#cnt3 .productframe {
  box-sizing: border-box;
  height: 420px;
	}
#cnt3 .frame01{
	border:#70b03d solid 2px;
	margin: 0 20px 0 0;
	
	}
#cnt3 .title01{
	background-color:#70b03d;
	}
#cnt3 .img01{
	width:148px;
	}
#cnt3 .frame02{
	border:#18906a solid 2px;
	margin: 0 19px 0 0;
	}
#cnt3 .title02{
	background-color:#18906a;
	}
#cnt3 .img02{
	width:148px;
	}
#cnt3 .frame03{
	border:#03b1ca solid 2px;
	margin: 0;
	}
#cnt3 .title03{
	background-color:#03b1ca;
	}
#cnt3 .img03{
	width:148px;
	}
#cnt3 .frame04{
	border:#0675cf solid 2px;
	margin: 20px 20px 0 0;
	height:400px;
	}
#cnt3 .title04{
	background-color:#0675cf;
	}
#cnt3 .img04{
	width:148px;
	}
#cnt3 .frame05{
	border:#2a5ea2 solid 2px;
	margin: 20px 0 0;
	height:400px;
	}
#cnt3 .title05{
	background-color:#2a5ea2;
	}
#cnt3 .img05{
	width:148px;
	}

/* ▲cnt3▲ */

/* ▼cnt4▼ */
#cnt4{
	position:relative;
	margin:0 auto;
	background-color:#d9eef9;
	}
#cnt4 .shadow{
	position: absolute;
	bottom: 4%;
	left:0;
	margin: 0 19%;
	width: 66%;
	}
	
#cnt4 .contentsbox{
	width:1000px;
	margin:0 auto;
	padding:3% 0 2%;
	position:relative;
	}
	
#cnt4 .innertitle{
    position: relative;
    width: 416px;
    margin: 20px auto 30px;
	}
#cnt4 .titletext{
	position:absolute;
	bottom:20px;

	left:0;
	margin: 0 3%;
	}
#cnt4 .innerbox{
	position:relative;
	}
	
#cnt4 .innerbox table{
	width:100%;
	background-color:#B7B7B7;
	border:#FFFFFF 1px solid;
	}
	
#cnt4　table {
	border-collapse: separate;
	border-spacing: 0;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-radius: 8px;
	}

#cnt4　table tr:first-child td:last-child {
	border-radius: 0 8px 0 0;
	}
#cnt4　table tr:last-child td:first-child {
	border-radius: 0 0 0 8px;
	}
#cnt4　table tr:last-child td:last-child {
	border-radius: 0 0 8px 0;
	}

#cnt4 .innerbox .tableimg{
    margin: 20px auto;
	z-index:999;
	position:relative;
		 }
#cnt4 .innerbox .bottomtex{
    width: 100%;
    margin: 20px auto;
    font-size: 13px;
	}
#cnt4 .shadow{
    position: absolute;
    bottom: 357px;
    width: 100%;
    margin: 0 auto;
    z-index: 1;
	}
/* ▲cnt4▲ */
		
/* ▼cnt5▼ */
#cnt5{
    height: 500px;
    margin: 0 auto;
    /* padding: 3% 0 2%; */
    position: relative;
    background-image: url(../img/bg_bottle.png);
    background-repeat: repeat-x;
    background-position: 100% 100%;
    background-size: 253px 389px;
    padding: 60px 0 0;
    overflow: hidden;
	}
#cnt5 .contentsbox{
    width: 1000px;
    margin: 0 auto;
    position: relative;
	}
#cnt5 .innertitle{
	position: relative;
    width: 706px;
    margin: 0 0 3%;
	}
#cnt5 .innerimg{
    position: absolute;
    top: 127px;
    left: 583px;
    width: 443px;
    z-index: 999;
	}
#cnt5 .innerbg{
    position: absolute;
    top: 115px;
    left: 368px;
    width: 752px;
    z-index: 1;
	}
#cnt5 .textbox{
	position:relative;
	font-size:18px;
	color:#333;
	width:500px;
	margin:3% 0 0 0;
	}
#cnt5 .textbox span{
	color:#d1291e;
	}
/* ▲cnt5▲ */

/* ▼cnt6▼ */
#cnt6{
    margin: 0 auto;
    padding: 60px 0 50px;
    position: relative;
    background-color: #f1f1f1;
    font-size: 18px;
	}
#cnt6 .contentsbox{
	width:1000px;
	margin:0 auto;
	}
#cnt6 .innertitle{
    position: relative;
    width: 354px;
    margin: 0px auto 17px;
	}
	
#cnt6 .titletext{
	text-align: center;
	margin:30px 0;
}
#cnt6 ul {
	overflow:hidden;
	margin: 0;
	padding: 0;
}
#cnt6 ul li.block{
	background-color: #fff;
	width: 490px;
	list-style: none;
	float: left;
	margin-bottom: 20px;
	box-shadow: 0px 0px 20px 0px #d4d4d4;
    -moz-box-shadow: 0px 0px 20px 0px #d4d4d4;
    -webkit-box-shadow: 0px 0px 20px 0px #d4d4d4;

}

#cnt6 ul li.block h3{
	background-color: #008ccc;
	color:#fff;
	font-size: 28px;
	margin: 0;
	padding: 10px 20px;
	font-weight:normal;
}

#cnt6 ul li.block .product{
	background-color: #ccc;
	background-image: url(../img/bg_plaid.jpg);
	background-repeat:repeat;
	font-size: 15px;
	width: 410px;
	margin: 15px 25px 10px;
	padding: 15px;
}

#cnt6 ul li.block p.txt{
	font-size: 18px;
	width: 440px;
	margin: 0 25px 20px;
	padding-bottom: 25px;
	background-image: url(../img/memo.jpg);
    line-height: 32px;
}

#cnt6 ul li.block p.txt span{
	color: #d1291e;
}

#cnt6 ul li#block01, #cnt6 ul li#block03{
	margin-right: 20px;
}

#cnt6 ul li#block01, #cnt6 ul li#block02{
	height: 450px;
}

#cnt6 ul li#block03, #cnt6 ul li#block04{
	height: 390px;
}

#cnt6 ul li#block03, #cnt6 ul li#block04{
	height: 390px;
}
#cnt6  ul.btn{
	margin: 0 auto;
	width: 960px;
}
#cnt6  ul.btn li{
	margin:  auto;
	width: 480px;
	list-style: none;
	float: left;
}


/* ▲cnt6▲ */

/* ▼cnt7▼ */
#cnt7{
position: relative;
    margin: 0 auto;
    padding: 68px 0 70px;
    background-image: url(../img/bg_img.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
	}
#cnt7 .shadow{
    position: absolute;
    bottom: 8px;
    left: 299px;
    /* margin: 0 auto; */
    /* width: 998px; */
	}
	
#cnt7 .contentsbox{
	position:relative;
	width:1000px;
	margin:0 auto;
	background-color:#FFFFFF;
	padding-bottom:60px;
	z-index:999;
	}
	
#cnt7 .innertitle{
    position: relative;
    margin: 0 auto;
    width: 940px;
    padding: 52px 0 10px;
	}
#cnt7 .titletext{
    margin: 14px auto 30px;
    width: 94%;
	text-align: center;
	font-size: 18px;
	}
#cnt7 .innerbox{
	position:relative;
	width:940px;
	margin:10px auto 20px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 20px;
	padding-bottom: 20px;
	}
	
#cnt7 .innerbox .topic{
	position:absolute;
	top: 199px;
	left: 86px;
	margin:0px 14px;
	color:#008ccc;
	font-size:28px;
	}
#cnt7 .innerbox .texbox{
	position: absolute;
	top: 258px;
	left: 23px;
	width: 94%;
	}
.qbox{
	margin:5px 0 10px 0;
	width:940px;
		}
.qbox .imgframe{
		float:left;
		width:52px;
		}
.qbox .qtex{
	font-size:28px;
	color:#008ccc;
	padding:4px 70px;
	}
.innerbox .qtexbox{
	font-size:16px;
	color:#333;
	}
.innerbox .dotsline{
	margin:20px auto 0;
	width:940px;
	margin:20px auto 0;
	width:940px;
	}
	
#cnt7 p{
	font-size: 28px;
	color:#008ccc;
	text-align: center;
	margin-bottom: 0;
	
}
	
/* ▲cnt7▲ */

/* ▼cnt8▼ */
		
#cnt8{
	position:relative;
	margin:0 auto;
	padding:6px 0;
	}
#cnt8 .innerbox{
	position:relative;
	width:1000px;
	margin:0 auto;
	}
	
/* ▲cnt8▲ */

.toiawase01{
	background-color:#008ccc;
	margin:0 auto;
	padding:10px 0 3px;
	}
.toiawase01 .contentsbox{
	width:1000px;
	margin:0 auto;
	padding:2% 0;
	}
.toiawase01 .innerbox{
	position:relative;
	}
.toiawase01 .innerbox .title{
	width:844px;
	margin:0 auto 20px;
	}
.toiawase01 .innerbox .tel{
	position: absolute;
    bottom: 20px;
    left: 200px;
    width: 666px;
	}
.toiawase01 .innerbox .client_frame{
	background-color: #FFFFFF;
    border-radius: 5px;
    position: relative;
    height: 256px; z-index:999;
	}
	
.toiawase01 .innerbox .client_l{
    position: absolute;
    top: 40px;
    left: 18px;
    width: 468px;
    box-shadow: 0px 0px 16px 0px #d4d4d4;
    -moz-box-shadow: 0px 0px 16px 0px #d4d4d4;
    -webkit-box-shadow: 0px 0px 16px 0px #d4d4d4;
    border-radius: 8px;
	}
.toiawase01 .innerbox .client_r{
	position:absolute;
	top:40px;
	right:18px;
	width:468px;
    box-shadow: 0px 0px 16px 0px #d4d4d4;
    -moz-box-shadow: 0px 0px 16px 0px #d4d4d4;
    -webkit-box-shadow: 0px 0px 16px 0px #d4d4d4;
    border-radius: 8px;
	}
.toiawase01 .innerbox .shadow{
	position:absolute;
	bottom:-40px;
	left:0;
	z-index:1;
	}
.toiawase01 .innerbox .banner{
	margin:20px auto;
	}
	
/* loopslider */	
#loopslider * {
	padding: 0;
	margin:0;
}
#loopslider {
	margin: 0 auto;
	width: 100%;
	height: 164px;
	text-align: left;
	position: relative;
	overflow: hidden;
	background-image:url(../img/supple/supple_bg.png);
	background-repeat:repeat-x;
	
}

#loopslider ul {
/*	width: 100%;*/
	height: 152px;
	float: left;
	display: inline;
	overflow: hidden;
	margin-top:8px;
}
#loopslider ul li {
	width: 112px;
	height: 152px;
	float: left;
	display: inline;
	overflow: hidden;
}


/* =======================================
	ClearFixElements
======================================= */
#loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#loopslider ul {
	display: inline-block;
	overflow: hidden;
}	
/* loopslider END */	


/*追従ナビ*/
#followingnavi {
    overflow: hidden;
    position: fixed;
    right: 0px;
    bottom: 10px;
    width: 113px;
    z-index: 19999;
	}

#followingnavi ul li{
    list-style: none;
    width: 73px;
    padding: 0;
	}
/*追従ナビEND*/


}


@media (min-width: 768px) and (max-width: 1024px) {

img{
	width:100%;
	}
#container{
	width:100%;
	margin:0 auto;
	padding:0;
	}
#header{
width: 100%;
    display: block;
	margin: 5% auto 38%;
	}
#header .mainframe{
    position: relative;
    width: 100%;
    display: block;
    height: 37px;
    z-index: 999;
	}
#header .toplogo{
    position: absolute;
    top: -99%;
    left: 0%;
	}
#header .toptel{
    position: absolute;
  	top: -74%;
    right: 1%;
    width: 43%;
	}
#header .toptext{
    position: absolute;
    top: 47px;
    right: 0;
    width: 74%;
	}
#header .emblem{
    position: absolute;
    top: 30%;
    left: 5%;
    width: 15%;
	}
#header .mainimg{
    position: absolute;
    top: 30%;
    width: 100%;
    z-index: 1000;
	}
#header .bgblue{
    display: none;
	}
	
#slider{
	margin:0;
	display:block;
	}

#wrapper{
	width:100%;
	margin:0 auto;
	}
.menunav{
	width:100%;
	color:#FFFFFF;
	overflow:hidden;
	background-color:#007db6;
	margin:0 auto;
    font-size: 14px;
	}
	
.menunav ul {
	list-style:none;
	margin:0 auto;
	padding:0;
	width:100%;
	}
.menunav ul li{
    color: #fff;
    float: left;
    margin: 0 auto;
    padding: 2% 0%;
	width: 25%;
	/*width: 16.6%;*/
    text-align: center;
    background-image: url(../img/nav_borderline.png);
    background-repeat: no-repeat;
    background-position: 0% 50%;
	}
	
.menunav ul li:last-child{
	background-image: url(../img/nav_borderline.png), url(../img/nav_borderline.png);
    background-repeat: no-repeat;
    background-position: 0% 50%, 100% 50%;
}

.menunav ul li a{
	color:#fff;
	text-decoration:none;
	display:block;

}
.menunav ul li:hover{
	color:#fff;
	background-color:#2aa7e0;
	}

/* ▼cnt1▼ */
#cnt1{
    background-image: url(../img/cnt01_bg_image.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: 43%;
    padding-bottom: 10%;
    width: 100%;
	padding-top: 60px;
	}
	
#cnt1 .innerbox{
    width: 96%;
    margin: 0 auto;
	}
	
#cnt1 .titleframe{
    position: relative;
    width: 99%;
    margin:0 auto 6%;
	}
#cnt1 .titleframe .textbox{
    /*position: absolute;
    top: 47%;
    left: 0;*/
    font-size: 100%;
    color: #333;
	}
#cnt1 .lead{
	margin:30px 0;
}
#cnt1 .titleframe .textbox span{
	color:#d1291e;
	}
#cnt1 .plandetail{
    margin: 4% auto 0;
    width: 100%;
    overflow: hidden;
	}
#cnt1 .clientbox_l{
    width: 49%;
    float: left;
    margin-right: 4px;
	 }
#cnt1 .clientbox_r{
    width: 49%;
    float: right;
    margin-right: 4px;
	}
/* ▲cnt1▲ */        
	
/* ▼cnt2▼ */
#cnt2{
    position: relative;
    margin: 0 auto;
    background-image: url(../img/bg_blue.png);
    background-repeat: repeat-x;
    background-position: 100% 0;
    background-size: 100%;
    padding: 40px 0 0;
    width: 100%;
	}
#cnt2 .contentsbox{
    background-color: #FFFFFF;
    margin: 0px auto;
    width: 96%;
	}
	
#cnt2 .innertitle{
    width: 70%;
    margin: 2% auto;
    padding: 6% 0 1%;
	}
#cnt2 .cnt2innertext{
	width: 96%;
    margin: auto;
    font-size: 100%;
	}
	
#cnt2 .cnt2innertext span{
	color:#d1291e;
	}
	
#cnt2 .innerbox{
	z-index:999;
	position:relative;
	}
	
.cnt2shadow{
    width: 100%;
    margin: -6% auto 2%;
    z-index: 1;
	}
	
.innerframe1{
    background-image: url(../img/cnt2_bg_drug01.png);
    background-repeat: no-repeat;
    z-index: 999;
    background-position: 100% 0;
    background-size: 100%;
    margin-bottom: 40px;
	}
.innerframe2{
    background-image: url(../img/cnt2_bg_drug02.png);
    background-repeat: no-repeat;
    z-index: 999;
    background-position: 100% 100%;
    background-size: 100%;
    padding-bottom: 22px;
	}
	
.innerframe2 .qualitybox{
    width: 98%;
    margin: 3% auto;
    overflow: hidden;
	}
.innerframe2 .qualitybox .leftside{
    float: left;
    width: 34%;
    margin-right: 0;
	}
.innerframe2 .qualitybox .rightside{
    float: left;
    margin: 0 0 0 2%;
    width: 62%;
	}
.qualitybox .rightside .topicbox{
	overflow:hidden;
	}
.qualitybox .rightside .topicimg{
	float: left;
    margin: 0% 20px 0 0;
    width: 8%;
	}
.qualitybox .rightside .topictex{
    float: left;
    font-size: 140%;
    color: #008ccc;
    margin: 0;
	}
.qualitybox .rightside .topicimg2{
    float: left;
    margin: 0% 2% 0 0;
    width: 8%;
	}
.qualitybox .rightside .topictex2{
    float: left;
    color: #008ccc;
    margin: 0;
    font-size: 140%;
	}
.rightside .detailtex{
    font-size: 91%;
    color: #333;
    width: 100%;
    margin: 2% 0;
	}
	
/* ▲cnt2▲ */        
	
/* ▼cnt3▼ */
#cnt3{
    position: relative;
    margin: 0 auto;
    width: 100%;
	}
#cnt3 .shadow{
	position: absolute;
	bottom: 4%;
	left:0;
	margin: 0 19%;
	width: 66%;
	}
	
#cnt3 .contentsbox{
width: 100%;
    margin: 0 auto;
    padding: 5% 0 5%;
    position: relative;
	}
	
#cnt3 .innertitle{
    position: relative;
    width: 30%;
    margin: 0 auto;
	}
#cnt3 .titletext{
	position:absolute;
	bottom:20px;
	left:0;
	margin: 0 3%;
	}
#cnt3 .innerbox{
    position: relative;
    overflow: hidden;
    margin:3% auto;
    width: 96%;
	}
	
#cnt3 .innerbox2{
    position: relative;
    overflow: hidden;
    margin: 4% auto;
    width: 96%;
	}

#cnt3 .innerbox table{
	width:100%;
	background-color:#B7B7B7;
	border:#FFFFFF 1px solid;
	}
	
	
#cnt3　table {
border-collapse: separate;
border-spacing: 0;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-radius: 8px;
}

#cnt3　table tr:first-child td:last-child {
border-radius: 0 8px 0 0;
}
#cnt3　table tr:last-child td:first-child {
border-radius: 0 0 0 8px;
}
#cnt3　table tr:last-child td:last-child {
border-radius: 0 0 8px 0;
}

#cnt3 .productframe{
    float: left;
    background-color: #FFFFFF;
    width: 48%;
	}
	
#cnt3 .producttitle{
    width: 100%;
    color: #FFFFFF;
    padding: 3% 0;
    font-size: 18px;
    text-align: center;
    margin-bottom: 6%;
	}
#cnt3 .productimg{
	margin:0 auto;
	}
#cnt3 .producttext{
text-align: left;
    width: 90%;
    margin: 20px auto;
    font-size: 90%;
	}
	
#cnt3 .frame01{
    border: #70b03d solid 2px;
    margin: 0 2% 0 0;
    height: 400px;	
	}
#cnt3 .title01{
	background-color:#70b03d;
	}
#cnt3 .img01{
    width: 148px;
	}
#cnt3 .frame02{
    border: #18906a solid 2px;
    margin: 0 2% 0 0;
    height: 400px;
	}
#cnt3 .title02{
	background-color:#18906a;
	}
#cnt3 .img02{
	width: 148px;
	}
#cnt3 .frame03{
    border: #03b1ca solid 2px;
    margin: 0;
    height: 400px;
	}
#cnt3 .title03{
	background-color:#03b1ca;
	}
#cnt3 .img03{
	width: 148px;
	}
#cnt3 .frame04{
    border: #0675cf solid 2px;
    margin: 0px 2% 0 0;
    height: 370px;
	}
#cnt3 .title04{
	background-color:#0675cf;
	}
#cnt3 .img04{
	width: 148px;
	}
#cnt3 .frame05{
  border: #2a5ea2 solid 2px;
  margin: 0;
  height: 370px;
	}
#cnt3 .title05{
	background-color:#2a5ea2;
	}
#cnt3 .img05{
	width: 148px;
	}

/* ▲cnt3▲ */

/* ▼cnt4▼ */
#cnt4{
    position: relative;
    margin: 0 auto;
    background-color: #d9eef9;
    width: 100%;
	}
#cnt4 .shadow{
    position: absolute;
    bottom: 37%;
    left: 0;
    margin: 0 auto;
    width: 100%;
	}
	
#cnt4 .contentsbox{
    width: 100%;
    margin: 0 auto;
    padding: 3% 0 2%;
    position: relative;
	}
	
#cnt4 .innertitle{
	position: relative;
    width: 40%;
    margin: 3% auto;
	}
#cnt4 .titletext{
	position:absolute;
	bottom:20px;

	left:0;
	margin: 0 3%;
	}
#cnt4 .innerbox{
    position: relative;
    width: 96%;
    margin: 2% auto;
	}
	
#cnt4 .innerbox table{
	width:100%;
	background-color:#B7B7B7;
	border:#FFFFFF 1px solid;
	}
	
#cnt4　table {
	border-collapse: separate;
	border-spacing: 0;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-radius: 8px;
	}

#cnt4　table tr:first-child td:last-child {
	border-radius: 0 8px 0 0;
	}
#cnt4　table tr:last-child td:first-child {
	border-radius: 0 0 0 8px;
	}
#cnt4　table tr:last-child td:last-child {
	border-radius: 0 0 8px 0;
	}
#cnt4 .innerbox .tableimg{
    margin: 0 auto 3%;
    z-index: 999;
    position: relative;
	 }
#cnt4 .innerbox .bottomtex{
    width: 100%;
    margin: 0% auto;
    font-size: 12px;
	}

/* ▲cnt4▲ */
		
/* ▼cnt5▼ */
#cnt5{
    height: 500px;
    margin: 0 auto;
    padding: 3% 0 2%;
    position: relative;
    background-image: url(../img/bg_bottle.png);
    background-repeat: repeat-x;
    background-position: 100% 100%;
    background-size: 30%;
    width: 100%;
	overflow:hidden;
	}
#cnt5 .contentsbox{
    width: 100%;
    margin: 0 auto;
	}
#cnt5 .innertitle{
    position: relative;
    width: 70%;
    margin: 2% auto 5%;
	}
#cnt5 .innerimg{
    position: absolute;
    top: 43%;
    left: 63%;
    width: 36%;
    z-index: 999;
	}
#cnt5 .innerbg{
    position: absolute;
    top: 26%;
    left: 24%;
    width: 100%;
    z-index: 1;
	}
#cnt5 .textbox{
    position: relative;
    font-size: 100%;
    color: #333;
    width: 57%;
    margin: 0 0 0 5%;
	}
#cnt5 .textbox span{
	color:#d1291e;
	}
/* ▲cnt5▲ */

/* ▼cnt6▼ */
#cnt6{
    margin: 0 auto;
    padding: 3% 0 2%;
    position: relative;
    background-color: #f1f1f1;
    font-size: 18px;
	}
#cnt6 .contentsbox{
	width:100%;
	margin:0 auto;
	}
#cnt6 .innertitle{
    position: relative;
	width: 30%;
    margin: 30px auto 17px;
	}
	
#cnt6 .titletext{
	text-align: center;
	margin:20px 0;
}
#cnt6 ul {
	overflow:hidden;
	width: 94%;
	margin:0 auto;
	padding: 0;

}
#cnt6 ul li.block{
	background-color: #fff;
	width: 49%;
	list-style: none;
	float: left;
	margin-bottom: 20px;
	box-shadow: 0px 0px 20px 0px #d4d4d4;
    -moz-box-shadow: 0px 0px 20px 0px #d4d4d4;
    -webkit-box-shadow: 0px 0px 20px 0px #d4d4d4;
}

#cnt6 ul li#block01, #cnt6 ul li#block03{
	margin-right: 2%;
}

#cnt6 ul li.block h3{
	background-color: #008ccc;
	color:#fff;
	font-size: 28px;
	margin: 0;
	padding: 10px 20px;
	font-weight:normal;
}

#cnt6 ul li.block .product{
	background-color: #ccc;
	background-image: url(../img/bg_plaid.jpg);
	background-repeat:repeat;
	font-size: 15px;
	margin: 15px 3% 10px;
	padding: 15px;
}

#cnt6 ul li.block p.txt{
	font-size: 18px;
	margin: 0 25px 20px;
	padding-bottom: 25px;
	background-image: url(../img/memo.jpg);
    line-height: 32px;
}

#cnt6 ul li.block p.txt span{
	color: #d1291e;
}

#cnt6  ul.btn{
	margin: 0 auto;
}
#cnt6  ul.btn li{
	margin:  auto;
	width: 50%;
	list-style: none;
	float: left;
}


/* ▲cnt6▲ */

/* ▼cnt7▼ */
#cnt7{
    position: relative;
    margin: 0 auto;
    padding: 4% 0 6%;
    background-image: url(../img/bg_img.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
	}
#cnt7 .shadow{
    position: absolute;
    bottom: 1%;
    left: 0;
    margin: 0 auto;
    width: 100%;
	}
	
#cnt7 .contentsbox{
    position: relative;
    width: 96%;
    margin: 0 auto;
    background-color: #FFFFFF;
    padding-bottom: 6%;
    z-index: 999;
	}
	
#cnt7 .innertitle{
	position: relative;
    width: 90%;
    margin: 1% auto 0;
    padding: 5% 0 2%;
	}
#cnt7 .titletext{
    margin: 0 auto 4%;
    width: 96%;
	text-align: center;
	}
#cnt7 .innerbox{
	position:relative;
	border-bottom: 1px dotted #ccc;
	margin: 0 20px 20px;
	padding-bottom: 20px;
	}
	
#cnt7 .innerbox .topic{
	position:absolute;
	top: 199px;
	left: 86px;
	margin:0px 14px;
	color:#008ccc;
	font-size:28px;
	}
#cnt7 .innerbox .texbox{
	position: absolute;
	top: 258px;
	left: 23px;
	width: 94%;
	}
.qbox{
    margin: 2% 0;
    width: 96%;
	}
.qbox .imgframe{
    float: left;
    width: 4%;
    margin: 0 2%;
	}
.qbox .qtex{
    font-size: 21px;
    color: #008ccc;
    padding: 0;
    margin: 0 0 0 0;
	}
.innerbox .qtexbox{
    color: #333;
    width: 96%;
    margin: 0 auto;
    font-size: 100%;
	}
.innerbox .dotsline{
    margin: 3% auto;
    width: 96%;
	}
	
#cnt7  p{
	font-size: 21px;
	color:#008ccc;
	text-align: center;
	margin-bottom: 0;
	
}
/* ▲cnt7▲ */

/* ▼cnt8▼ */
		
#cnt8{
    position: relative;
    margin: 0 auto;
    padding: 1% 0;
    width: 100%;
	}
#cnt8 .innerbox{
    position: relative;
    width: 100%;
    margin: 0 auto;
	}
	
/* ▲cnt8▲ */

.toiawase01{
    background-color: #008ccc;
    margin: 0 auto;
	}
.toiawase01 .contentsbox{
    width: 96%;
    margin: 0 auto;
    padding: 2% 0 3%;
	}
.toiawase01 .innerbox{
    position: relative;
    width: 100%;
	}
.toiawase01 .innerbox .client_frame{
    background-color: #FFFFFF;
    padding: 2% 0;
    width: 100%;
    margin: 0 auto;
    display: block;
    border-radius: 5px;
	position: relative;
	}
	
.toiawase01 .innerbox .title{
    width: 94%;
    margin: 3% auto 4%;
	}
.toiawase01 .innerbox .client_l{
    position: absolute;
    top: 14%;
    left: 3%;
    width: 46%;
    box-shadow: 0px 0px 16px 0px #d4d4d4;
    -moz-box-shadow: 0px 0px 16px 0px #d4d4d4;
    -webkit-box-shadow: 0px 0px 16px 0px #d4d4d4;
    border-radius: 8px;
	}
.toiawase01 .innerbox .client_r{
    position: absolute;
    top: 14%;
    right: 3%;
    width: 46%;
    box-shadow: 0px 0px 16px 0px #d4d4d4;
    -moz-box-shadow: 0px 0px 16px 0px #d4d4d4;
    -webkit-box-shadow: 0px 0px 16px 0px #d4d4d4;
    border-radius: 8px;
	}
	
.toiawase01 .innerbox .tel{
    width: 92%;
    margin: 17% auto 2%;
	}
.toiawase01 .innerbox .banner{
    width: 100%;
    margin: 0 auto;
    padding: 1% 0 0;
    z-index: 999;
    position: relative;
	}
.toiawase01 .innerbox .shadow{
    margin: -5% auto 0;
    width: 100%;
    z-index: 1;
	}
	
/* loopslider */	
#loopslider * {
	padding: 0;
	margin:0;
}
#loopslider {
    margin: 0 auto;
    width: 100%;
    height: 140px;
    text-align: left;
    position: relative;
    overflow: hidden;
    background-image: url(../img/supple/supple_bg.png);
    background-repeat: repeat-x;
    background-position: 100% 100%;
}

#loopslider ul {
/*	width: 100%;*/
	height: 120px;
	float: left;
	display: inline;
	overflow: hidden;
	margin-top:8px;
}
#loopslider ul li {
	width: 89px;
	height: 120px;
	float: left;
	display: inline;
	overflow: hidden;
}


/* =======================================
	ClearFixElements
======================================= */
#loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#loopslider ul {
	display: inline-block;
	overflow: hidden;
}	
/* loopslider END */	



/*追従ナビ*/
.fnavi_box{
	width:100%;}

#followingnavi {
    overflow: hidden;
    position: fixed;
    right: 0;
    bottom: 2%;
    z-index: 19999;
	}

#followingnavi ul li{
    list-style: none;
    width: 63px;
    padding: 0;
	}
/*追従ナビEND*/

#footer .footertext{
    width: 100%;
	text-align: center;
	font-size:14px;
	margin:0 auto;
	color:#000000;
	}


}


@media (max-width: 767px) {

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
	margin:0;
	padding:0;
	font-size:14px;
	line-height:1.2em;
	}
img{
	width:100%;
	}
#container{
	width:100%;
	margin:0 auto;
	padding:0;
	}
#header{
	width: 100%;
    position: relative;
	}
#header .mainframe{
	position: relative;
    width: 100%;
    display: block;
    z-index: 999;
	}	
#header .toplogo{
    width: 30%;
    margin: 2% 0;
	}
#header .toptel{
	position: absolute;
    top: 2%;
    right: 0;
    width: 66%;
	}
#header .toptext{
	position:absolute;
	top:65px;
	right:0;
	}
#header .emblem{
	position:absolute;
	top:59px;
	left:106px;
	}
#header .mainimg{
    width: 100%;
    z-index: 1000;
    margin: 2% auto;
	}
#header .bgblue{
    /*background-image: url(../img/top_bg_blue.png); */
    display: none;
	}
	
#slider{
	margin:0;
	display:block;
	}

#wrapper{
	width:100%;
	margin:0 auto;
	}
.menunav{
	width:100%;
	color:#FFFFFF;
	overflow:hidden;
	background-color:#007db6;
	margin:0 auto;
	font-size:12px;
	}
.menunav ul {
	list-style:none;
	margin:0 auto;
	padding:0;
	width:100%;
	}
.menunav ul li{
    color: #fff;
    float: left;
    margin: 0 auto;
    padding: 4% 0%;
    width: 49.6%;
    text-align: center;
    border-left: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
	}
.menunav ul li a{
	text-decoration:none;
	color:#fff;
	display:block;
}
.menunav ul li:hover{
    border-bottom: 1px #ccc solid;
	background-color:#2aa7e0;
}

/* ▼cnt1▼ */
#cnt1{
    background-image: url(../img/cnt01_bg_image.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: 58%;
    padding-bottom: 18%;
	padding-top: 30px;
	}
	
#cnt1 .innerbox{
	width:100%;
	margin:0 auto;
	}
	
#cnt1 .titleframe{
	position: relative;
    width: 96%;
    margin: 0 auto;
    font-size: 14px;
	}
#cnt1 .titleframe .textbox{
    color: #333;
    /*margin: -19% auto 5%;*/
	margin-bottom: 20px;
	}
#cnt1 .titleframe .textbox span{
	color:#d1291e;
	}
	
#cnt1 .lead{
	margin: 15px auto;
	width: 96%;
	
}
#cnt1 .plandetail{
    margin: 0 auto;
    width: 96%;
	}
	
#cnt1 .clientbox_l{
   width: 100%;
   }
#cnt1 .clientbox_r{
   width:100%;
   }
/* ▲cnt1▲ */        
	
/* ▼cnt2▼ */
#cnt2{
    position: relative;
    margin: 0 auto;
    background-image: url(../img/bg_blue.png);
    background-repeat: repeat-x;
    background-position: 100% 0;
    background-size: 100%;
    padding: 2% 0 0;
	}
#cnt2 .contentsbox{
    background-color: #FFFFFF;
    margin: 6% auto 0;
    width: 96%;
	}
	
#cnt2 .innertitle{
    width: 100%;
    margin: 0% auto;
    padding: 12% 0 3%;
	}
#cnt2 .cnt2innertext{
    width: 96%;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.3em;
	}
	
#cnt2 .cnt2innertext span{
	color:#d1291e;
	}
	
#cnt2 .innerbox{
	z-index:999;
	position:relative;
	}
	
.cnt2shadow{
    width: 100%;
    margin: -5% auto 4%;
    z-index: 1;
	}
	
.innerframe1{
    background-image: url(../img/cnt2_bg_drug01.png);
    background-repeat: no-repeat;
    z-index: 999;
    background-position: 100% 0;
    background-size: 100%;
	}
.innerframe2{
    background-image: url(../img/cnt2_bg_drug02.png);
    background-repeat: no-repeat;
    z-index: 999;
    background-position: 100% 100%;
    background-size: 100%;
    padding-bottom: 10%;
	}
	
.innerframe2 .qualitybox{
    width: 100%;
    margin: 20px auto;
    overflow: hidden;
	}
.innerframe2 .qualitybox .leftside{
    width: 56%;
    margin: 0 auto;
	}
.innerframe2 .qualitybox .rightside{
    margin: 0;
	}
.qualitybox .rightside .topicbox{
    overflow: hidden;
    margin: 2% auto;
	}
.qualitybox .rightside .topicimg{
    float: left;
    margin: 1% 2%;
    width: 8%;
	}
.qualitybox .rightside .topictex{
    float: left;
    font-size: 16px;
    color: #008ccc;
    margin: 1% 0 0 0;
    width: 82%;
    line-height: 1.3em;
	}
.qualitybox .rightside .topicimg2{
	float: left;
    margin: 1% 2%;
    width: 8%;
	}
.qualitybox .rightside .topictex2{
    float: left;
    font-size: 16px;
    color: #008ccc;
    margin: 1% 0 0 0;
    width: 82%;
    line-height: 1.3em;
	}
.rightside .detailtex{
    font-size: 14px;
    color: #333;
    width: 94%;
    margin: 10px auto;
    line-height: 1.4em;
	}
/* ▲cnt2▲ */        
	
/* ▼cnt3▼ */
#cnt3{
    position: relative;
    margin: 2% auto 8%;
	}
#cnt3 .shadow{
	position: absolute;
	bottom: 4%;
	left:0;
	margin: 0 19%;
	width: 66%;
	}
	
#cnt3 .contentsbox{
	width:100%;
	margin:0 auto;
	padding:3% 0 2%;
	position:relative;
	}
	
#cnt3 .innertitle{
    position: relative;
    width: 48%;
    margin: 5% auto 3%;
	}
#cnt3 .titletext{
	position:absolute;
	bottom:20px;
	left:0;
	margin: 0 3%;
	}
#cnt3 .innerbox{
	position:relative;
	overflow:hidden;
	}
	
#cnt3 .innerbox table{
	width:100%;
	background-color:#B7B7B7;
	border:#FFFFFF 1px solid;
	}
	
	
#cnt3　table {
border-collapse: separate;
border-spacing: 0;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-radius: 8px;
}

#cnt3　table tr:first-child td:last-child {
border-radius: 0 8px 0 0;
}
#cnt3　table tr:last-child td:first-child {
border-radius: 0 0 0 8px;
}
#cnt3　table tr:last-child td:last-child {
border-radius: 0 0 8px 0;
}

#cnt3 .productframe{
    background-color: #FFFFFF;
	}
	
#cnt3 .producttitle{
    width: 100%;
    color: #FFFFFF;
    padding: 2% 0;
    font-size: 16px;
    text-align: center;
    margin-bottom: 4%;
	}
#cnt3 .productimg{
	margin:0 auto;
	}
#cnt3 .producttext{
    text-align: left;
    width: 94%;
    margin: 4% auto;
    font-size: 14px;
	}
	
#cnt3 .frame01{
    border: #70b03d solid 2px;
    margin: 2% auto;
    width: 96%;	
	}
#cnt3 .title01{
	background-color:#70b03d;
	}
#cnt3 .img01{
    width: 40%;
    margin: 0 auto;
	}
#cnt3 .frame02{
	border:#18906a solid 2px;
    margin: 2% auto;
    width: 96%;	
	}
#cnt3 .title02{
	background-color:#18906a;
	}
#cnt3 .img02{
    width: 40%;
    margin: 0 auto;
	}
#cnt3 .frame03{
	border:#03b1ca solid 2px;
    margin: 2% auto;
    width: 96%;	
	}
#cnt3 .title03{
	background-color:#03b1ca;
	}
#cnt3 .img03{
    width: 40%;
    margin: 0 auto;
	}
#cnt3 .frame04{
	border:#0675cf solid 2px;
    margin: 0 auto;
    width: 96%;	
	}
#cnt3 .title04{
	background-color:#0675cf;
	}
#cnt3 .img04{
    width: 40%;
    margin: 0 auto;
	}
#cnt3 .frame05{
	border:#2a5ea2 solid 2px;
    margin: 2% auto;
    width: 96%;	
	}
#cnt3 .title05{
	background-color:#2a5ea2;
	}
#cnt3 .img05{
    width: 40%;
    margin: 0 auto;
	}

/* ▲cnt3▲ */

/* ▼cnt4▼ */
#cnt4{
	position:relative;
	margin:0 auto;
	background-color:#d9eef9;
	}
#cnt4 .shadow{
    position: absolute;
    top: 40%;
    left: 0;
    margin: 0 auto;
    width: 100%;
	}
	
#cnt4 .contentsbox{
	width:100%;
	margin:4% 0;
	padding:3% 0 2%;
	position:relative;
	}
	
#cnt4 .innertitle{
    position: relative;
    width: 60%;
    margin: 5% auto;
	}
#cnt4 .titletext{
	position:absolute;
	bottom:20px;

	left:0;
	margin: 0 3%;
	}
#cnt4 .innerbox{
	position:relative;
	}
	
#cnt4 .innerbox table{
	width:100%;
	background-color:#B7B7B7;
	border:#FFFFFF 1px solid;
	}
	
#cnt4　table {
	border-collapse: separate;
	border-spacing: 0;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-radius: 8px;
	}

#cnt4　table tr:first-child td:last-child {
	border-radius: 0 8px 0 0;
	}
#cnt4　table tr:last-child td:first-child {
	border-radius: 0 0 0 8px;
	}
#cnt4　table tr:last-child td:last-child {
	border-radius: 0 0 8px 0;
	}
#cnt4 .innerbox .tableimg{
    margin: 2% auto;
    width: 96%;
	z-index:999;
	position:relative;
	}
#cnt4 .innerbox .bottomtex{
    width: 96%;
    margin: 4% auto;
    font-size: 10px;
	}



/* ▲cnt4▲ */
		
/* ▼cnt5▼ */
#cnt5{
    margin: 4% auto 0;
    padding: 3% 0 64%;
    position: relative;
    background-image: url(../img/bg_bottle.png);
    background-repeat: repeat-x;
    background-position: 0px 100%;
    background-size: 46%;
		}
#cnt5 .contentsbox{
	width:100%;
	margin:0 auto;
	}
#cnt5 .innertitle{
    position: relative;
    width: 96%;
    margin: 0 auto;
	}
#cnt5 .innerimg{
    position: absolute;
    top: 60%;
    left: 16%;
    z-index: 999;
    width: 66%;
	}
#cnt5 .innerbg{
    position: absolute;
    /* top: 73%; */
    /* left: 51%; */
    /* z-index: 1; */
    display: none;
	}
#cnt5 .textbox{
    position: relative;
    color: #333;
    width: 96%;
    margin: 2% auto 0%;
    font-size: 100%;
    line-height: 1.4em;
	}
#cnt5 .textbox span{
	color:#d1291e;
	}
/* ▲cnt5▲ */

/* ▼cnt6▼ */
#cnt6{
margin: 0% auto;
    padding: 5% 0;
    width: 100%;
    position: relative;
    background-color: #f1f1f1;
	}
#cnt6 .contentsbox{
	width:100%;
	margin:0 auto;
	}
#cnt6 .innertitle{
position: relative;
    margin: 4% auto 3%;
    width: 60%;
	}
#cnt6 .titletext{
	text-align: center;
	margin: 20px 2%;
	}
	
#cnt6 ul {
	overflow:hidden;
	margin: 0 auto;
	padding: 0;
	width: 96%;
}
#cnt6 ul li.block{
	background-color: #fff;
	width: 100%;
	list-style: none;
	float: left;
	margin-bottom: 20px;
	box-shadow: 0px 0px 20px 0px #d4d4d4;
    -moz-box-shadow: 0px 0px 20px 0px #d4d4d4;
    -webkit-box-shadow: 0px 0px 20px 0px #d4d4d4;
}

#cnt6 ul li.block h3{
	background-color: #008ccc;
	color:#fff;
	font-size: 16px;
	margin: 0;
	padding: 15px 20px;
	font-weight:normal;
}

#cnt6 ul li.block .product{
	background-color: #ccc;
	background-image: url(../img/bg_plaid.jpg);
	background-repeat:repeat;
	font-size: 14px;
	margin: 15px 4% 8px;
	padding: 10px;
}

#cnt6 ul li.block p.txt{
	font-size: 14px;
	margin: 0 4% 10px;
	padding-bottom: 10px;
	background-image: url(../img/memo.jpg);
    line-height: 32px;
}

#cnt6 ul li.block p.txt span{
	color: #d1291e;
}

#cnt6 ul li#block01, #cnt6 ul li#block03{
	margin-right: 0;
}

#cnt6  ul.btn{
}
#cnt6  ul.btn li{
	margin:  auto;
	width: 90%;
	list-style: none;
}

/* ▲cnt6▲ */

/* ▼cnt7▼ */
#cnt7{
    position: relative;
    margin: 0 auto;
    padding: 8% 0;
    background-image: url(../img/bg_img.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
	}
#cnt7 .shadow{
	position: absolute;
	bottom: 4%;
	left:0;
	margin: 0 19%;
	width: 66%;
	}
	
#cnt7 .contentsbox{
    position: relative;
    width: 96%;
    margin: 0px auto;
    background-color: #FFFFFF;
    padding: 4% 0;
    z-index: 999;
	}
	
#cnt7 .innertitle{
    position: relative;
    width: 96%;
    margin: 0 auto;
	}
#cnt7 .titletext{
    width: 96%;
    margin: 3% auto 5%;
	text-align: center;
	}
#cnt7 .innerbox{
	position:relative;
	border-bottom: 1px dotted #ccc;
	margin: 0 2% 15px;
	padding-bottom: 15px;
	
	}
	
#cnt7 .innerbox .topic{
	position:absolute;
	top: 199px;
	left: 86px;
	margin:0px 14px;
	color:#008ccc;
	}
#cnt7 .innerbox .texbox{
	position: absolute;
	top: 258px;
	left: 23px;
	width: 94%;
	}
	
.qbox{
    margin: 3% 0;
    width: 98%;
    overflow: hidden;
	}
.qbox .imgframe{
    float: left;
    width: 10%;
    margin: 0 0 0 3%;
	}
.qbox .qtex{
    font-size: 18px;
    color: #008ccc;
    padding: 2% 2% 0;
    float: left;
	width: 82%;
	line-height: 1.2em;
	}
.innerbox .qtexbox{
font-size: 14px;
    color: #333;
    width: 96%;
    margin: 0 auto;
	}
.innerbox .dotsline{
    margin: 20px auto 0;
    width: 100%;
	}
#cnt7 p{
	color: #008ccc;
	padding: 0 4%;
	font-size: 18px;
	line-height: 1.2em;
		
	}
	
/* ▲cnt7▲ */

/* ▼cnt8▼ */
		
#cnt8{
	position:relative;
	margin:0 auto;
	padding:2% 0;
	}
#cnt8 .innerbox{
	position:relative;
	width:100%;
	margin:0 auto;
	}
	
/* ▲cnt8▲ */

.toiawase01{
    background-color: #008ccc;
    margin: 0 auto;
    padding: 2% 0 1%;
	}
.toiawase01 .contentsbox{
    width: 94%;
    margin: 0 auto;
    padding:2% 0 3%;
	}
.toiawase01 .innerbox{
	position: relative;
    z-index: 999;
	}
.toiawase01 .innerbox .client_frame{
    position: relative;
    background-color: #FFFFFF;
    padding: 2% 0;
    width: 100%;
    margin: 0 auto;
	}
	
.toiawase01 .innerbox .title{
    width: 94%;
    margin: 3% auto 4%;
	}
.toiawase01 .innerbox .client_l{
    width: 94%;
    margin: 3% auto;
    box-shadow: 0px 0px 16px 0px #d4d4d4;
    -moz-box-shadow: 0px 0px 16px 0px #d4d4d4;
    -webkit-box-shadow: 0px 0px 16px 0px #d4d4d4;
    border-radius: 10px;
	}
.toiawase01 .innerbox .client_r{
    width: 94%;
    margin: 3% auto;
    box-shadow: 0px 0px 16px 0px #d4d4d4;
    -moz-box-shadow: 0px 0px 16px 0px #d4d4d4;
    -webkit-box-shadow: 0px 0px 16px 0px #d4d4d4;
    border-radius: 10px;
	}
.toiawase01 .innerbox .tel{
    width: 94%;
    margin: 5% auto 3%;
	}
.toiawase01 .innerbox .banner{
    width: 100%;
    margin: 0 auto;
    padding: 2% 0 1%;
    position: relative;
    z-index: 999;
	}
.toiawase01 .innerbox .shadow{
    margin: -5% auto 0;
    width: 100%;
    z-index: 1;
	}
/* loopslider */	
#loopslider * {
	padding: 0;
	margin:0;
}
#loopslider {
    margin: -6% auto 0;
    width: 100%;
    height: 107px;
    text-align: left;
    position: relative;
    overflow: hidden;
    background-image: url(../img/supple/supple_bg.png);
    background-repeat: repeat-x;
    background-size: 46%;
    background-position: 100% 100%;
    display: block;
		}

#loopslider ul {
/*	width: 100%;*/
	height: 80px;
	float: left;
	display: inline;
	overflow: hidden;
	margin-top:1.2%;
}
#loopslider ul li {
	width: 59px;
	height: 80px;
	float: left;
	display: inline;
	overflow: hidden;
}


/* =======================================
	ClearFixElements
======================================= */
#loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#loopslider ul {
	display: inline-block;
	overflow: hidden;
}	
/* loopslider END */	


/*追従ナビ*/
#followingnavi {
    overflow: hidden;
    position: fixed;
    right: 0px;
    top: 24%;
    width: 73px;
    z-index: 19999;
	}

#followingnavi ul li{
    list-style: none;
    width: 33px;
    padding: 0;
	}
/*追従ナビEND*/

#footer {
    background-color: #FFFFFF;
    padding: 3%;
}

#footer .footertext {
    width: 100%;
	text-align: center;
    font-size: 10px;
    margin: 0 auto;
    color: #000000;
}

}

@media (min-width: 600px) and (max-width: 767px) {
/* loopslider */	
#cnt4 .shadow{
    position: absolute;
    top: 42%;
	left: 0;
    margin: 0 auto;
    width: 100%;
	}

#loopslider * {
	padding: 0;
	margin:0;
}
#loopslider {
    margin: -4% auto 0;
    width: 100%;
    height: 108px;
    text-align: left;
    position: relative;
    overflow: hidden;
    background-image: url(../img/supple/supple_bg.png);
    background-repeat: repeat-x;
    background-size: 46%;
    background-position: 100% 100%;
    display: block;
	}	

}

@media (max-width: 641px) {
/* loopslider */	
#cnt4 .shadow{
	display:none;
	}

}