@charset "UTF-8";

/* Extend 2020-07-29 18:40:17
-------------------------------------------- */
/* text cut */
.cut-line1 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	height:2.2em;
}
.cut-line2 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height:4.4em;
}
.cut-line3 {
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height:6.2em;
}

.fss {font-size:0.8rem;}

/* show hidden */
.sp_show {display:none;}
.sp_hidden {display:block;}
@media only screen and (max-width: 640px) {
	.sp_show {display:block;}
	.sp_hidden {display:none;}
	 }
/*BR*/
.spbr {display:none;}
.pcbr {display:block;}
	@media only screen and (max-width: 640px) {
		.spbr {display:block;}
		.pcbr {display:none;}
	}










/* header
-------------------------------------------- */
header {
	position: fixed;
	background:linear-gradient(to top, rgba(255,255,255,1.0), rgba(246, 232, 227, 1.0) 160%);
	filter: drop-shadow(0px 0px 6px rgba(0,0,0,0.2));
	z-index:999;
}
#header-area{
	width: 960px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
}

#logo{
	float: left;
	width: 200px;
}

#logo img{
	width: 100%;
}

header nav ul{
	float: right;
	margin-top: 46px;
}

header nav ul a{
	color: #333 !important;
	text-decoration: none;
}

header nav ul li{
	float: left;
	margin-left: 50px;
	padding-left: 36px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left;
	background-size: 30px;
}

header nav ul li.ico-business{ background-image: url(../img/ico_business.svg);}
header nav ul li.ico-products{ background-image: url(../img/ico_products.svg);}
header nav ul li.ico-support{ background-image: url(../img/ico_support.svg);}
header nav ul li.ico-company{ background-image: url(../img/ico_company.svg);}


/* topicpath */
#topicpath{
	padding: 6px;
	color: #fff;
	background-color: #6BB22D;
	overflow: hidden;
}

#topicpath ul{
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

#topicpath ul li{
	float: left;
	margin-right: 20px;
	padding-left: 20px;
	list-style-type: none;
	background-image: url("../img/ico_arrow.svg");
	background-repeat: none;
	background-position: left;
	background-size: auto 14px;
}

#topicpath ul li#home{ background-image: url("../img/ico_home.svg");}

#topicpath ul li a{
	color: #fff;
	text-decoration: none;
}


/* business
-------------------------------------------- */
#business #kv{
	color: #fff;
	background: linear-gradient(90deg, #5fa32b, #33a32b);
}

#business #kv h1{
	margin-bottom: 60px;
	padding-top: 100px;
	text-align: center;
	font-size: 36px;
	background-image: url(../img/ttl_business.svg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 90px;
}

#business #kv h1 span{
	display: block;
	margin-top: 20px;
	font-size: 16px;
}

#kv .cat-lead{
	width: 960px;
	margin: 0 auto;
	padding-bottom: 60px;
	line-height: 1.8em;
}

#business #kv h1.short-kv{
	width: 320px;
	margin: 20px auto;
	padding-top: 0;
	padding-left: 100px;
	text-align: left;
	font-size: 36px;
	background-image: url(../img/ttl_business.svg);
	background-repeat: no-repeat;
	background-position: left;
	background-size: 90px;
}

#business #kv h1.short-kv span{
	display: block;
	margin-top: 10px;
	font-size: 16px;
}

#business #business-area{
	width: 100%;
	padding: 100px 0;
	background-image: url('../../business/img/bg_business.jpg');
	background-position: left top;
	background-size: cover;
	overflow: hidden;
}

#business #business-area ul{
	width: 960px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

#business #business-area ul li{
	float: left;
	width: 34%;
	margin: 0 8%;
	list-style-type: none;
	list-style-position: outside;
}

#business #business-area ul li p{
	margin-top: 30px;
	color: #fff;
	line-height: 2.0em;
}

#business #business-menu{
	display: flex;
	width: 400px;
	margin: 0 auto;
	overflow: hidden;
}

#business .business-btn{
	float: left;
	width: 42%;
	height: auto;
	margin: 0 4%;
	padding: 0 20px;
	overflow: hidden;
}

#business .business-btn h2 img{
	width: 100%;
	height: 100px;
}

#business .bg-space{
	width: 100%;
	padding: 100px 0;
	background-image: url(../../business/img/bg_business.jpg);
	background-position: left center;
	background-size: cover;
	overflow: hidden;
}

#business .bg-wave{
	padding-top: 10px;
	background: url("../../products/img/bg_pattern.png") top;
	background-size: cover;
}

#business .bg-gradation{
	padding-top: 10px;
	background: url("../img/bg_gradation.png") top;
	background-size: cover;
}

.business-contents{
	width: 960px;
	margin: -60px auto 0;
	padding-bottom: 60px;
}

.business-contents h1{
	width: 300px;
	padding: 30px 20px 30px 70px;
	font-size: 16px;
	color: #fff;
	background-repeat: no-repeat;
	background-position: left 20px center;
	background-size: 30px;
	background-color: #A0D100;
}

.ico-oem-ttl{	background-image: url("../img/ico_oem_f.svg");}
.ico-brand-ttl{	background-image: url("../img/ico_brand_f.svg");}

.business-contents h2{
	margin: 0 0 50px 0;
	color: #A0D100;
	line-height: 1.8em;
}

.business-contents .mt60{ margin-top:60; }
 
.business-contents h3{
	margin: 40px 0 30px;
	line-height: 1.8em;
}

.business-contents .big-blk{
	margin-top: 30px;
	font-size: 110%;
}

.business-contents p{
	line-height: 1.8em;
}

.fr-img{
	float: right;
	width: 50%;
	margin: 0 0 0 40px;
}

.fr-img img{
	width: 100%;
}

/* sk */
.business-contents .brnd_ttl{
	width: 100%;
	margin: 0 0 4px 0;
	padding-left: 10px;
	border-left: 13px solid #A0D100;

	font-size: 140%;
	letter-spacing:0.2em;
	font-weight:  Light;
}

.business-contents .brnd_ttl_line{
	border-top: 1px dashed #bbb;
	border-bottom: 0px;
	margin-bottom: 20px
}

.business-contents .brnd_wrap{
}

.business-contents .fl_brnd {
}

.business-contents .fr_brnd {
	float: right;
	width: 48%;
}

.business-contents .fl_brnd {
	float: left;
	width: 48%;
}

@media screen and (max-width:640px){
.business-contents .fr_brnd { float: none; width: 100%; }
.business-contents .fl_brnd { float: none; width: 100%;  }
}

.business-contents .fl_brnd img{
	width: 100%;
	margin-bottom: 23px;
}

.clearfix:after { content: ""; display: block; clear: both; }
.clearfix:before { content: ""; display: block; clear: both; }
.clearfix { display: block; }



/* products
-------------------------------------------- */
#products #kv{
	color: #fff;
	background: linear-gradient(90deg, #5fa32b, #33a32b);
}

#products #kv h1{
	margin-bottom: 60px;
	padding-top: 100px;
	text-align: center;
	font-size: 36px;
	background-image: url(../img/ttl_products.svg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 90px;
}

#products #kv h1 span{
	display: block;
	margin-top: 20px;
	font-size: 16px;
}
#products #kv .cat-lead{
	width: 90%;
	margin: 0 auto;
	margin: 0 5%;
	padding-bottom: 60px;
	line-height: 1.8em;
}
#products #kv h1.short-kv{
	width: 320px;
	margin: 20px auto;
	padding-top: 0;
	padding-left: 100px;
	text-align: left;
	font-size: 36px;
	background-image: url(../img/ttl_products.svg);
	background-repeat: no-repeat;
	background-position: left;
	background-size: 90px;
}

#products #kv h1.short-kv span{
	display: block;
	margin-top: 10px;
	font-size: 16px;
}

#products .bg-products{
	padding: 60px 0 200px;
	background-image: url("../../products/img/bg_products.jpg"),url("../img/bg_gradation.png");
	background-repeat: no-repeat,no-repeat;
	background-position: bottom -100px left 0,bottom;
	background-size: contain,cover;
}

#products #products-area{
	display: flex;
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

#products .products-box{
	float: left;
	width: 23%;
	height: auto;
	margin: 0 1%;
	padding: 12px 12px;
	background-color: #fff;
	border-top: 5px solid #3D831E;
	overflow: hidden;
}

#products .products-box h2{
	padding: 8px 6px 10px 42px;
	font-size: 16px;
	background-repeat: no-repeat;
	background-position: left;
	background-size: 40px;
}

#products .products-box h2.ico-cable{ background-image: url("../img/ico_cable.svg");}
#products .products-box h2.ico-battery{ background-image: url("../img/ico_battery.svg");}
#products .products-box h2.ico-acadapter{ background-image: url("../img/ico_acadapter.svg");}
#products .products-box h2.ico-others{ background-image: url("../img/ico_others.svg");}

#products .products-box p img{
	width: 100%;
}

#products .products-box .btn-products{
	margin: 20px 0 0;
	text-align: center;
}

#products .products-box .btn-products img{
	width: 100%;
	max-width: 260px;
}

#products .bg-products-top{
	padding: 60px 0 0;
	background: url("../../products/cable/img/bg_top.jpg") no-repeat top;
	background-size: cover;
}

#products #products-menu{
	display: flex;
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}

#products .products-btn{
	float: left;
	width: 23%;
	height: auto;
	margin: 0 1%;
	padding: 0 10px;
	background-color: #fff;
	border-top: 5px solid #3D831E;
	overflow: hidden;
}

.off-btn{
	background-color: #DBEAA6 !important;
}

#products .products-btn a{
	display: block;
	color: #333;
	text-decoration: none;
}

#products .products-btn h2{
	padding: 6px 6px 6px 50px;
	font-size: 15px;
	background-repeat: no-repeat;
	background-position: left;
	background-size: 40px;
}

#products h3{
	/* margin: 40px 0 30px; */
	line-height: 1.6em;
}
#products .products-btn h2.ico-cable{ background-image: url("../img/ico_cable.svg");}
#products .products-btn h2.ico-battery{ background-image: url("../img/ico_battery.svg");}
#products .products-btn h2.ico-acadapter{ background-image: url("../img/ico_acadapter.svg");}
#products .products-btn h2.ico-others{ background-image: url("../img/ico_others.svg");}

#products .bg-wave{
	margin-top: 100px;
	padding-top: 10px;
	background: url("../img/bg_pattern2.png") top;
	background-size: auto;
}

.products-list{
	width: 960px;
	margin: -60px auto 0;
	padding-bottom: 80px;
	overflow: hidden;
}

.products-list h1{
	width: 300px;
	padding: 30px 20px 30px 70px;
	font-size: 16px;
	color: #fff;
	background-repeat: no-repeat;
	background-position: left 20px center;
	background-size: 30px;
	background-color: #A0D100;
}

.products-list ul{
	padding: 0;
	overflow: hidden;
}

.products-list ul a{
	color: #333;
	text-decoration: none;
}

.products-list ul li{
	float: left;
	width: 23%;
	margin: 0 1% 30px;
	list-style-type: none;
}

.products-list ul li img{
	width: 100%;
}


/* 製品詳細 */
.products-list .products-ttl{
	width: 320px;
	font-size: 14px;
	color: #fff;
	background-repeat: no-repeat;
	background-position: left 20px center;
	background-size: 20px;
	background-color: #A0D100;
}

.ico-cable-ttl{	background-image: url("../img/ico_cable_f.svg");}
.ico-battery-ttl{ background-image: url("../img/ico_battery_f.svg");}
.ico-acadapter-ttl{ background-image: url("../img/ico_acadapter_f.svg");}
.ico-others-ttl{ background-image: url("../img/ico_others_f.svg");}

.products-list .products-ttl a{
	display: block;
	padding: 10px 20px 10px 70px;
	color: #FFFFFF;
	text-decoration: none;
}

.products-list .catchcopy{
	padding-top: 40px;
	font-size: 20px;
}

.products-list #products-name{
	width: 100%;
	padding: 20px 0;
	font-size: 20px;
	color: #6BB22D;
	background: none;
}

.products-list h3{
	margin-bottom: 6px !important;
}

.products-txt{
	margin-top: 0;
	line-height: 1.8em;
}

.scene-box{
	margin: 60px auto;
	text-align: center;
}

.border-h2{
	width: 150px;
	margin: 0 auto 60px;
	padding: 15px;
	font-size: 18px;
	border: 1px solid #A0D100;
}

.scene-box h3{
	margin-bottom: 60px;
	font-size: 20px;
}

.scene-box p{
	margin-bottom: 30px;
	font-size: 16px;
}

.item-detail-area{
	margin: 0 auto;
	background-color: #EDF2DA;
	overflow: hidden;
}

.item-detail-box{
	clear: both;
	width: 960px;
	margin: 0 auto 60px;
	overflow: hidden;
}

.item-detail-box h2{
	padding: 80px 0 20px;
	font-size: 30px;
}

.item-detail-box h3{
	margin: 0 0 30px;
	color: #6BB22D;
}

.item-detail-box h3:before{
	content: "● "
}

.item-detail-box p{
	margin: 0 0 30px;
	line-height: 2.0em;
}

.fl-img{
	float: left;
	width: 50%;
	margin: 0 20px 0 0 !important;
}

.fr-img{
	float: right;
	width: 50%;
	margin: 0 0 0 20px !important;
}

.fl-img img,
.fr-img img{
	width: 100%;
}

.products-detail{
	width: 960px;
	margin: 0 auto;
	padding: 60px 0;
}

.green-box{
	width: 100%;
	padding: 20px;
	background-color: #C7E370;
	overflow: hidden;
}

#products .bg-gradation{
	padding: 40px 0 60px;
	background: url("../img/bg_gradation.png") top;
	background-size: cover;
}


/* company
-------------------------------------------- */
#company #kv{
	color: #fff;
	background: linear-gradient(90deg, #5fa32b, #33a32b);
}

#company #kv h1{
	margin-bottom: 60px;
	padding-top: 70px;
	text-align: center;
	font-size: 36px;
	background-image: url(../img/ttl_company.svg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 60px;
}

#company #kv h1 span{
	display: block;
	margin-top: 20px;
	font-size: 16px;
}

.bg-area{
	padding: 100px 0;
	background: url(../../company/img/bg_company.jpg) no-repeat right;
	background-size: cover;
}

.bg-area .bg-box{
	width: 960px;
	margin: 0 auto;
}

.bg-area .bg-box p.bg-txt{
	width: 70%;
	line-height: 2.0em;
	font-size: 130%;
}

#company #rinen-area{
	width: 100%;
	padding: 100px 0;
	background-image: url(../img/bg_gradation.png);
	background-position: left top;
	background-size: cover;
	overflow: hidden;
}

#company #rinen-area ul{
	width: 960px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

#company #rinen-area ul li{
	float: left;
	width: 33%;
	margin: 0;
	padding: 0 2%;
	text-align: center;
	list-style-type: none;
	list-style-position: outside;
}

#company #rinen-area ul li h2{
	width: 200px;
	margin: 0 auto;
	padding: 10px 20px;
	font-size: 16px;
	border: 1px solid #333;
	border-radius: 30px;
}

#company #rinen-area ul li p{
	margin-top: 30px;
	line-height: 2.0em;
}

#company #rinen-area ul li p.big-green{
	color: #6BB22D;
	font-size: 30px;
	line-height: 1.3em;
	/*start_20.07.31 kiku*/


	vertical-align: middle;
	/*end_20.07.31 kiku*/
}

.company-area{
	width: 960px;
	margin: 0 auto;
	padding: 80px 0;
}

.company-area h2{
	margin-bottom: 40px;
	padding-bottom: 16px;
	border-bottom: 1px dashed #333;
}

.company-area > dl{
	padding-top: 40px;
	border-top: 2px solid #333;
}

.company-area > dl > dt{
	float: left;
	padding-left: 40px;
}

.company-area > dl > dd{
	margin: 0 0 40px 0;
	padding: 0 0 40px 200px;
	border-bottom: 1px solid #333;
}

.company-area > dl > dd:last-child{
	border-bottom: 2px solid #333;
}

.company-area > dl > dd > dl dt{
	float: left;
	font-size: 1.1em;
}

.company-area > dl > dd > dl dd{
	margin: 0 0 6px 120px;
	font-size: 1.1em;
}

.bg-wave{
	padding-top: 10px;
	background: url("../img/bg_pattern2.png") top;
	background-size: auto;
}


/* support
-------------------------------------------- */
#support #kv{
	color: #fff;
	background: linear-gradient(90deg, #5fa32b, #33a32b);
}

#support #kv h1{
	margin-bottom: 60px;
	padding-top: 70px;
	text-align: center;
	font-size: 36px;
	background-image: url(../img/ttl_support.svg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 50px;
}

#support #kv h1 span{
	display: block;
	margin-top: 20px;
	font-size: 16px;
}

#support #kv h1.short-kv{
	width: 280px;
	margin: 20px auto;
	padding-top: 0;
	padding-left: 80px;
	text-align: left;
	font-size: 36px;
	background-image: url(../img/ttl_support.svg);
	background-repeat: no-repeat;
	background-position: left;
	background-size: 54px;
}

#support #kv h1.short-kv span{
	display: block;
	margin-top: 10px;
	font-size: 16px;
}

#support #support-area{
	width: 100%;
	padding: 100px 0;
	/* background-image: url(../../support/img/bg_support.jpg); */
	background-image: url(../../cautions/img/bg_support.jpg);
	background-position: left top;
	background-size: cover;
	overflow: hidden;
}

#support #support-area ul{
	width: 500px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

#support #support-area ul li{
	float: left;
	width: 40%;
	margin: 0 5%;
	list-style-type: none;
	list-style-position: outside;
}

#support #support-area ul li img{
	width: 100%;
}

#support #support-menu{
	display: flex;
	width: 600px;
	margin: 0 auto;
	overflow: hidden;
}

#support .support-btn{
	float: left;
	width: 21%;
	height: auto;
	margin: 0 2%;
	padding: 0 20px;
	overflow: hidden;
}

#support .support-btn h2 img{
	width: 100%;
}

#support .bg-space{
	width: 100%;
	padding: 100px 0;
	/* background-image: url(../../support/img/bg_support.jpg); */
	background-image: url(../../cautions/img/bg_support.jpg);
	background-position: left center;
	background-size: cover;
	overflow: hidden;
}

.support-contents{
	width: 960px;
	margin: -60px auto 0;
	padding-bottom: 60px;
}

.support-contents h1{
	width: 300px;
	padding: 30px 20px 30px 80px;
	font-size: 16px;
	color: #fff;
	background-repeat: no-repeat;
	background-position: left 20px center;
	background-size: 40px;
	background-color: #A0D100;
}

.ico-faq-ttl{	background-image: url("../img/ico_faq_f.svg");}
.ico-precautions-ttl{	background-image: url("../img/ico_precautions_f.svg");}
.ico-contact-ttl{	background-image: url("../img/ico_contact_personal_f.svg");}
.ico-contact-corp-ttl{	background-image: url("../img/ico_contact_corp_f.svg");}
.ico-warranty-ttl{	background-image: url("../img/ico_warranty_f.svg");}

.support-contents h3{
	margin: 60px 0 30px;
}

.support-contents p{
	line-height: 1.8em;
}

.faq-list{
	margin: 60px 0;
}

.faq-list dt{
	margin-bottom: 20px;
	padding: 10px 0 10px 40px;
	font-size: 20px;
	color: #6BB22D;
	background: url(../img/ico_q.svg) no-repeat left;
	background-size: 20px;

}

.faq-list dd{
	margin: 0 0 40px;
	padding: 0 0 40px 40px;
	line-height: 1.8em;
	border-bottom: 1px solid #333;
	background: url(../img/ico_a.svg) no-repeat left top;
	background-size: 20px;

}

#warranty-area{
	margin-top: 40px;
}

#warranty-area h4{
	margin: 0;
	font-size: 14px;
	font-weight: bold;
}

#warranty-area h4:before{
	content: "■ ";
}

#warranty-area p{
	margin: 5px 0 30px;
}


/* news
-------------------------------------------- */
#news #kv{
	color: #fff;
	background: linear-gradient(90deg, #5fa32b, #33a32b);
}

#news #kv h1{
	margin-bottom: 60px;
	padding-top: 100px;
	text-align: center;
	font-size: 36px;
	background-image: url(../img/ttl_news.svg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 90px;
}

#news #kv h1 span{
	display: block;
	margin-top: 20px;
	font-size: 16px;
}

#news #kv h1.short-kv{
	width: 320px;
	margin: 20px auto;
	padding-top: 0;
	padding-left: 100px;
	text-align: left;
	font-size: 36px;
	background-image: url(../img/ttl_news.svg);
	background-repeat: no-repeat;
	background-position: left;
	background-size: 90px;
}

#news #kv h1.short-kv span{
	display: block;
	margin-top: 10px;
	font-size: 16px;
}

#news .bg-wave{
	padding-top: 10px;
	background: url("../img/bg_pattern2.png") top;
	background-size: cover;
}

#news .news-list{
	width: 960px;
	margin: 0 auto;
	padding-bottom: 120px;
}

#news .news-list ul{
	margin: 40px 0 0;
	padding: 0 0 60px;
	overflow: hidden;
}

#news .news-list ul a{
	color: #333;
	text-decoration: none;
}

#news .news-list ul li{
	float: left;
	width: 29%;
	margin: 0 2% 60px;
	list-style-type: none;
}

#news .news-list ul li p{
	margin: 8px 0 0;
}

#news .news-list ul li img{
	width: 100%;
}

/* お知らせ詳細 */
#news .bg-wave2{
	margin-top: 100px;
	padding-top: 10px;
	background: url("../img/bg_pattern2.png") top;
	background-size: cover;
}

#news .news-detail{
	width: 960px;
	margin: -64px auto 0;
	padding-bottom: 120px;
}

#news .news-detail .news-ttl{
	width: 320px;
	margin-bottom: 60px;
	font-size: 14px;
	color: #fff;
	background-repeat: no-repeat;
	background-position: left 20px center;
	background-size: 20px;
	background-color: #A0D100;
}

.ico-news-ttl{	background-image: url("../img/ico_news_f.svg");}

#news .news-detail .news-ttl a{
	display: block;
	padding: 10px 20px 10px 70px;
	color: #FFFFFF;
	text-decoration: none;
}

#news .news-detail .news-date{
	padding-top: 40px;
}

#news .news-detail #news-name{
	width: 100%;
	margin-bottom: 30px;
	padding: 0 0 30px;
	font-size: 20px;
	color: #6BB22D;
	line-height: 1.5em;
	background: none;
	border-bottom: 1px dashed #333;
}

.news-txt{
	line-height: 2.0em;
}


/* privacy
-------------------------------------------- */
#privacy-area{
	width: 960px;
	margin: 60px auto 0;
}

#privacy-area h4{
	margin: 0;
	font-size: 14px;
	font-weight: bold;
}

#privacy-area h4:before{
	content: "■ ";
}

#privacy-area p{
	margin: 5px 0 30px;
}


/* footer
-------------------------------------------- */

/* bnr-area */
.bnr-area{
	margin-top: -10px;
	padding: 40px 0 40px 0;
	text-align: center;
	background-color: #E6E6E6;
	overflow: hidden;
	border-top: 1px solid #fff;
	box-shadow: 0 0 60px #fff;
}
@media only screen and (max-width: 640px) {
	.bnr-area{
		padding: 60px 0 80px 0;
	}
	
}
.bnr-area .bnr-box{
	width: 100%;
	/* max-width: 980px; */
	max-width: 1400px;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}
.bnr-area .bnr-box.minato{
	margin: 0 auto 20px auto;
	clear:both;
}
.bnr-area p{
	text-align: center;
	padding: 0 0 1rem 0;
	font-size: 1.0rem;
}
.bnr-area li{margin: 5px 5px; display:inline-block;}
.bnr-area li img{box-shadow: 0 4px 16px #ccc;width: 100%;}
.bnr-area li:first-child {margin: 0 5px 5px 0;}
.bnr-area li:last-child {margin: 0 0 5px 5px;}
@media only screen and (max-width: 640px) {
	.bnr-area .bnr-box.minato li:first-child{
		clear:both;
		width: 100%;
		margin-bottom:30px;
	}
	.bnr-area .bnr-box.minato li:first-child img{
		width: 50%;
	}
}


@media only screen and (max-width: 640px) {
	.bnr-area p{
		font-size: 0.8rem;
		padding: 0;
	}
	.bnr-area li{
		width: 30%;
		float: left;
		margin: 1.5%;
	}
	.bnr-area li:first-child {margin: 1.5%;}
	.bnr-area li:last-child {margin: 1.5%;}
	 }


#sns-area{
	width: 100%;
	margin: 0 auto !important;
	padding: 30px 0;
	background-color: #76B43A;
}

#sns-area ul{
	width: 200px;
	margin: 0 auto !important;
	padding-left: 0;
}

#sns-area ul li{
	float: left;
	width: 40px;
	margin: 0 30px;
	list-style-type: none;
}

#sns-area ul li img{
	width: 100%;
	max-width: 40px;
}

#footer-area{
	width: 960px;
	margin: 0 auto;
	text-align: left;
	color: #fff;
}

#footer-box{
	margin-bottom: 40px;
	padding-bottom: 20px;
	border-bottom: 1px dashed #fff;
}

#footer-box p{
	margin-bottom: 0;
}

#logo-f{
	float: left;
	margin-top: 2px;
	margin-right: 26px;
}

#footer-nav{
	margin-bottom: 60px;
	overflow: hidden;
}

#footer-nav a{
	color: #fff;
	text-decoration: none;
}

#footer-nav > li{
	float: left;
	width: 180px;
	list-style-type: none;
}

#footer-nav > li > a{
	display: block;
	padding-left: 36px;
	background-repeat: no-repeat;
	background-position: left;
	background-size: 30px;
}

#footer-nav > li a#ico-business-f{ background-image: url("../img/ico_business_f.svg");}
#footer-nav > li a#ico-products-f{ background-image: url("../img/ico_products_f.svg");}
#footer-nav > li a#ico-support-f{ background-image: url("../img/ico_support_f.svg");}
#footer-nav > li a#ico-company-f{ background-image: url("../img/ico_company_f.svg");}
#footer-nav > li a#ico-contact-f{ background-image: url("../img/ico_contact_f.svg");}
#footer-nav > li a#ico-news-f{ background-image: url("../img/ico_news_f.svg");}

#footer-nav li ul{
	margin: 15px 0 0 22px;
	padding-left: 0 !important;
}

#footer-nav li ul li{
	margin-bottom: 5px;
	list-style-type: none;
}

#footer-nav li ul li:before{
	content: "-　"
}

#copyright{
	clear: both;
	text-align: center;
}



/* 汎用
-------------------------------------------- */
.sp-block{ display: none;}

.under-line{
	text-decoration: underline;
}

.txt-red,
.txt-error{
	color: #ff0000;
}

.txt-orange{
	color: #FCAA00;
}

.txt-mini{
	font-size: 14px;
	color: #B47500;
}


@media screen and (max-width:640px){


/* header
-------------------------------------------- */
#header-area{
	width: 100%;
}

#logo{
	width: 120px;
	margin: 10px;
}


/* topicpath */
#topicpath ul{
	width: 100%;
	padding: 0 10px;
}

#topicpath ul li{
	margin-right: 10px;
	padding-left: 14px;
	background-size: auto 12px;
}


/* business
-------------------------------------------- */
#business #kv{
	text-align: center; 
}

#business #kv h1{
	margin-top: 0;
	margin-bottom: 60px;
	padding-top: 100px;
	text-align: center;
	font-size: 32px;
	background-image: url(../img/ttl_business.svg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 90px;
}

#business #kv h1 span{
	font-size: 14px;
}

#business #kv .cat-lead{
	width: 90%;
	margin: 0 auto;
	margin: 0 5%;
	padding-bottom: 60px;
	line-height: 1.8em;
}

#business #kv h1.short-kv{
	width: 100%;
	margin: 20px;
	padding-top: 0;
	padding-left: 80px;
	font-size: 26px;
	background-size: 70px;
}

#business #kv h1.short-kv span{
	font-size: 12px;
}

#business #business-area{
	width: 100%;
	padding: 100px 0;
	background-image: url(../../business/img/bg_business.jpg);
	background-position: center top;
	background-size: cover;
	overflow: hidden;
}

#business #business-area ul{
	width: 60%;
	margin: 0 auto;
}

#business #business-area ul li{
	float: none;
	width: 100%;
	margin: 0 0 60px;
	list-style-type: none;
	list-style-position: outside;
}

#business #business-area ul li p{
	margin-top: 10px;
	color: #fff;
	line-height: 2.0em;
}

#business #business-menu{
	display: flex;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

#business .business-btn{
	float: left;
	width: 42%;
	height: auto;
	margin: 0 4%;
	padding: 0 20px;
	overflow: hidden;
}

#business .business-btn h2 img{
	width: 100%;
	height: 70px;
}

#business .bg-space{
	padding: 50px 0;
}

.business-contents{
	width: 90%;
	margin: -60px 5% 0;
	padding-bottom: 60px;
}

.business-contents h3{
	margin: 60px 0 30px;
}

.business-contents p{
	line-height: 1.8em;
}

.fr-img{
	float: none;
	width: 100%;
	margin: 0 0 20px 0;
}


/* products
-------------------------------------------- */
#products #kv h1.short-kv{
	/* width: 100%; */
	margin: 20px;
	padding-top: 0;
	padding-left: 80px;
	font-size: 26px;
	background-size: 70px;
}

#products #kv h1.short-kv span{
	font-size: 12px;
}

#products .bg-products{
	padding: 60px 0 100px;
	background-image: url("../img/bg_gradation.png");
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}

#products #products-area{
	display: block;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

#products .products-box{
	float: none;
	width: 90%;
	height: auto;
	margin: 0 5% 40px;
	padding: 20px 20px;
	background-color: #fff;
	border-top: 5px solid #3D831E;
	overflow: hidden;
}

#products .products-box img{
	width: 100%;
}

#products .products-box .btn-products{
	margin: 40px 0 0;
	text-align: center;
}

#products .bg-products-top{
	padding: 60px 0 0;
	background: url("../../products/cable/img/bg_top.jpg") no-repeat top;
	background-size: cover;
}

#products #products-menu{
	display: flex;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

#products .products-btn{
	float: left;
	width: 23%;
	height: auto;
	margin: 0 1%;
	padding: 0 5px;
}

#products .products-btn h2{
	padding: 30px 4px 0 4px;
	text-align: center;
	font-size: 12px;
	line-height: 1.5em;
	background-repeat: no-repeat;
	background-position: top;
	background-size: 30px;
}

.products-list{
	width: 94%;
	margin: -60px 3% 0;
	padding-bottom: 60px;
}

.products-list ul{
	padding: 0;
	overflow: hidden;
}

.products-list ul a{
	color: #333;
	text-decoration: none;
}

.products-list ul li{
	float: left;
	width: 46%;
	margin: 0 2% 30px;
	list-style-type: none;
}

.products-list ul li img{
	width: 100%;
}

.scene-box{
	width: 94%;
	margin: 40px auto;
	text-align: center;
}

.border-h2{
	width: 150px;
	margin: 0 auto 40px;
	padding: 15px;
	font-size: 18px;
	border: 1px solid #A0D100;
}

.scene-box h3{
	margin-bottom: 40px;
	font-size: 18px;
	line-height: 1.5em;
}

.scene-box p{
	margin-bottom: 30px;
	font-size: 14px;
	line-height: 1.5em;
}

.item-detail-area{
	margin-bottom: 0;
	padding-bottom: 0;
}

.item-detail-box{
	clear: both;
	width: 94%;
	margin: 0 auto 40px;
	overflow: hidden;
}

.item-detail-box h2{
	padding: 40px 0 0;
	font-size: 26px;
	line-height: 1.5em;
}

.item-detail-box h3{
	margin: 0 0 20px;
	color: #6BB22D;
}

.item-detail-box h3:before{
	content: "● "
}

.item-detail-box p{
	margin: 0 0 30px;
	line-height: 2.0em;
}

.fl-img,
.fr-img{
	float: none;
	width: 100%;
	margin: 0 0 20px 0 !important;
}

.products-detail{
	width: 94%;
	margin: 0 auto;
	padding: 60px 0;
}

.green-box{
	width: 100%;
	padding: 20px;
	background-color: #C7E370;
	overflow: hidden;
}

#products .bg-gradation{
	padding: 0;
	background: url("../img/bg_gradation.png") top;
	background-size: cover;
}


/* company
-------------------------------------------- */
.bg-area{
	padding: 60px 0;
	background: url(../../company/img/bg_company.jpg) no-repeat left;
	background-size: cover;
}

.bg-area .bg-box{
	width: 90%;
	margin: 0 5%;
}

.bg-area .bg-box p.bg-txt{
	width: 100%;
}

#company #rinen-area{
	padding: 60px 0;
}

#company #rinen-area ul{
	width: 100%;
}

#company #rinen-area ul li{
	float: none;
	width: 100%;
	margin-bottom: 60px;
	padding: 0 2%;
}

#company #rinen-area ul li:last-child{
	margin-bottom: 0;
}

#company #rinen-area ul li h2{
	width: 200px;
	margin: 0 auto;
	padding: 10px 20px;
	font-size: 16px;
	border: 1px solid #333;
	border-radius: 30px;
}

#company #rinen-area ul li p{
	margin-top: 20px;
	margin-bottom: 0;
	line-height: 2.0em;
}

.company-area{
	width: 90%;
	margin: 0 5%;
	padding: 40px 0;
}

.company-area h2{
	margin-bottom: 30px;
	padding-bottom: 16px;
	font-size: 20px;
	border-bottom: 1px dashed #333;
}

.company-area > dl{
	padding-top: 30px;
	border-top: 2px solid #333;
}

.company-area > dl > dt{
	float: left;
	padding-left: 10px;
}

.company-area > dl > dd{
	margin: 0 0 30px 0;
	padding: 0 0 30px 120px;
	border-bottom: 1px solid #333;
}

.company-area > dl > dd:last-child{
	border-bottom: 2px solid #333;
}

.company-area > dl > dd > dl dt{
	float: left;
	font-size: 1.1em;
}

.company-area > dl > dd > dl dd{
	margin: 0 0 6px 120px;
	font-size: 1.1em;
}


/* support
-------------------------------------------- */
#support #kv h1{
	margin-top: 0;
	margin-bottom: 60px;
	padding-top: 100px;
	text-align: center;
	font-size: 32px;
	background-image: url(../img/ttl_support.svg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: 90px;
}

#support #kv h1 span{
	font-size: 14px;
}

#support #kv .cat-lead{
	width: 90%;
	margin: 0 5%;
	padding-bottom: 60px;
	line-height: 1.8em;
}

#support #kv h1.short-kv{
	width: 100%;
	margin: 20px;
	padding-top: 0;
	padding-left: 70px;
	font-size: 26px;
	background-size: 50px;
}
@media only screen and (max-width: 640px) {
	#support #kv h1.short-kv{
		width: 90%;
	}
}
#support #kv h1.short-kv span{
	font-size: 12px;
}

#support #support-area{
	width: 100%;
	padding: 100px 0;
	/* background-image: url(../../support/img/bg_support.jpg); */
	background-image: url(../../cautions/img/bg_support.jpg);
	background-position: center top;
	background-size: cover;
	overflow: hidden;
}

#support #support-area ul{
	width: 60%;
	margin: 0 auto;
}

#support #support-area ul li{
	float: none;
	width: 100%;
	margin: 0 0 60px;
	list-style-type: none;
	list-style-position: outside;
}

#support #support-menu{
	display: flex;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

#support .support-btn{
	float: left;
	width: 21%;
	height: auto;
	margin: 0 2%;
	padding: 0 5px;
	overflow: hidden;
}

#support .support-btn h2 img{
	width: 100%;
}

#support .bg-space{
	width: 100%;
	padding: 50px 0;
}

.support-contents{
	width: 90%;
	margin: -60px 5% 0;
	padding-bottom: 60px;
}

.faq-list{
	margin: 40px 0;
}

.faq-list dt{
	margin-bottom: 15px;
	padding: 0 0 10px 40px;
	font-size: 16px;
	color: #6BB22D;
	line-height: 1.5em;
	background: url(../img/ico_q.svg) no-repeat left 0 top 3px;
	background-size: 20px;

}

.faq-list dd{
	margin: 0 0 40px;
	padding: 0 0 40px 40px;
	line-height: 1.8em;
	border-bottom: 1px solid #333;
	background: url(../img/ico_a.svg) no-repeat left top;
	background-size: 20px;

}


/* news
-------------------------------------------- */
#news #kv h1.short-kv{
	width: 100%;
	margin: 20px;
	padding-top: 0;
	padding-left: 80px;
	font-size: 26px;
	background-size: 70px;
}

#news #kv h1.short-kv span{
	font-size: 12px;
}

#news .news-list{
	width: 90%;
	margin: 0 auto;
}

#news .news-list ul{
	margin: 40px 0 0;
	padding: 0 0 60px;
	overflow: hidden;
}

#news .news-list ul li{
	float: none;
	width: 90%;
	margin: 0 5% 60px;
	list-style-type: none;
}

/* お知らせ詳細 */
#news .bg-wave2{
	margin-top: 100px;
	padding-top: 10px;
	background: url("../img/bg_pattern2.png") top;
	background-size: cover;
}

#news .news-detail{
	width: 90%;
	margin: -64px auto 0;
	padding-bottom: 120px;
}

#news .news-detail .news-ttl{
	width: 320px;
	margin-bottom: 40px;
	font-size: 14px;
	color: #fff;
	background-repeat: no-repeat;
	background-position: left 20px center;
	background-size: 20px;
	background-color: #A0D100;
}

.ico-news-ttl{	background-image: url("../img/ico_news_f.svg");}

#news .news-detail .news-ttl a{
	display: block;
	padding: 10px 20px 10px 70px;
	color: #FFFFFF;
	text-decoration: none;
}
	
#news .news-detail p img{
	width: 100%;
}

#news .news-detail .news-date{
	padding-top: 20px;
}

#news .news-detail #news-name{
	width: 100%;
	margin-bottom: 30px;
	padding: 0 0 30px;
	font-size: 20px;
	color: #6BB22D;
	line-height: 1.5em;
	background: none;
	border-bottom: 1px dashed #333;
}

.news-txt{
	line-height: 2.0em;
}


/* privacy
-------------------------------------------- */
#privacy-area{
	width: 90%;
	margin: 40px auto 0;
}


/* footer
-------------------------------------------- */
#footer-area{
	width: 90%;
}

#footer-box{
	margin-bottom: 20px;
	padding-bottom: 20px;
	font-size: 12px;
}

#logo-f{
	float: left;
	margin-top: 2px;
	margin-right: 26px;
}

#copyright{
	font-size: 12px;
}



/* 汎用
-------------------------------------------- */
.sp-block{ display: block;}
.sp-none{ display: none;}
.w100{ width: 100%;}

}



.products-list ul.thumb-set {margin: 0;padding: 1%;/*background-color: rgba(204, 204, 204, 0.4);*/box-sizing: border-box;}
.products-list ul.thumb-set li {border: 1px solid #ebebeb;overflow: hidden;padding: 0;margin: 0;width: 20%;}
.products-list ul.thumb-set li:first-child {width: 100%;margin-bottom:2px;}
.products-list ul.thumb-set li img {width: 100%;box-shadow: 0 4px 16px #ccc;}