.top_access01{
	margin-bottom:40px;
}
/* 新着情報 */
.top_wn01{
	overflow:hidden;
	border-top:3px solid #0e3997;
	padding-bottom:25px;
}
.top_wn01 li{
	width:20%;
	height:200px;
	float:left;
	padding:20px;
	font-size:90%;
}
.top_wn01 li a{
	display:block;
	text-decoration:none;
	color:#333;
}
.top_wn01 li a:hover{
	opacity:0.7;
}
.top_wn01 li p{
	height:63px;
	overflow:hidden;
	line-height:16px;
}
.top_wn01 li img{
	display:block;
	width:100%;
	margin:10px 0;
	height:77px;
}
.top_wn01 ul .top_wn02{
	background:#0e3997;
	text-align:center;
	color:white;
	position:relative;
	font-size:180%;
	font-weight:800;
	padding-top:5px;
	line-height:1.1em;
}
.top_wn01 ul .top_wn02 small{
	font-size:70%;
	display:block;
}
.top_wn01 ul .top_wn02 img{
	display:inline;
	width:auto;
	height:auto;
	opacity:0.7;
}
.top_wn01 ul .top_wn02 span{
	display:block;
}
.top_wn02 span:after{
	content:"一覧ページへ >";
	width:auto;
	background:#fff;
	color:#0e3997;
	padding:0px 10px;
	line-height:24px;
	font-size:12px;
	position:absolute;
	right:0;
	bottom:0;
}
@media screen and (max-width: 992px) {
	.top_wn01{
		overflow:hidden;
		border:none;
		padding:0;
		margin:10px;
		border-top:3px solid #0e3997;
	}
	.top_wn01 li{
		width:50%;
		height:180px;
		float:left;
		padding:10px;
		font-size:90%;
		border-bottom:3px solid #0e3997;
	}
	.top_wn01 li p{
		height:43px;
		overflow:hidden;
		line-height:15px;
	}
	.top_wn01 li img{
		display:block;
		width:100%;
		margin:10px 0;
		height:77px;
	}
	.top_wn01 ul .top_wn02{
		background:#0e3997;
		text-align:center;
		color:white;
		position:relative;
		font-size:140%;
		font-weight:800;
		padding-top:5px;
		line-height:1.1em;
	}
	.top_wn01 ul .top_wn02 small{
		font-size:70%;
		display:block;
		padding-bottom:15px;
	}
	.top_wn01 ul .top_wn02 img{
		display:inline;
		width:auto;
		height:auto;
		opacity:0.7;
	}
	.top_wn01 ul .top_wn02 span{
		display:block;
	}
	.top_wn02 span:after{
		content:">";
		font-weight:800;
		width:auto;
		background:#fff;
		color:#0e3997;
		padding:2px 6px;
		line-height:28px;
		font-size:12px;
		position:inherit;
	}
	.top_wn02 span aside{
		display:none;
	}
}
/* SPポップアップ */
.top_mainSp01{
	position:absolute;
	margin:0 auto;
	width:100%;
	padding:20px 10%;
	z-index:1;
	top:90px;
	display:none;
}
.top_mainSp01 li{
	position:relative;
}

.top_mainSp01 li>img{
	width:100%;
	height:auto;
}
.top_mainSp01 li>div{
	position:absolute;
	top:50%;
	margin-top:-20px;
	right:5%;
}
.top_mainSp01 li>a{
	position:absolute;
	bottom:5%;
	right:20%;
	text-align:right;
}
.top_mainSp01 li>a img{
	width:70%;
}
/* 下部ボタン */
.top_imgbtns03{
	padding:25px;
	background:#eee;
	margin-top:25px;
}
.top_imgbtns03 ul{
	/*-js-display: flex;
	display: flex;*/
}

.top_imgbtns03 ul li{
	padding:10px;
	background:#65b1e1;
	border-right:10px solid #eee;
}

.top_imgbtns03 ul li:first-child{
	background:#0e3997;
}
.top_imgbtns03 ul li:last-child{
	background:#82b05b;
	border:none;
}
.top_imgbtns03 ul li a{
	display:block;
	color:white;
	border:5px solid white;
	text-align:center;
	text-decoration:none;
	min-height:265px;
	position:relative;
}
.top_imgbtns03 ul li:hover{
	opacity:0.8;
	transition:0.2s;
}
.top_imgbtns03 ul li a strong{
	display:block;
	font-size:150%;
	padding:20px 10px;
	font-weight:800;
}
.top_imgbtns03 ul li a>span{
	-js-display: flex;
	display: flex;
	justify-content:center;
}
.top_imgbtns03 ul li a>span span{
	display:block;
	width:100%;
}

.top_imgbtns03 ul li a>span span img{
	display:block;
	margin:0 auto;
	width:60%;
	max-width:170px;
}
.top_imgbtns03 ul li:first-child a>div img{
	width:60%;
	display:block;
	margin:20px auto;
	max-width:180px;
}
.top_imgbtns03 ul li a>span span small{
	display:block;
	font-size:90%;
	padding:20px 0;
	font-weight:800;
	position:absolute;
	width:100%;
	bottom:0;
	line-height:1.3em;
}
.top_imgbtns03 ul li:first-child a>span span small{
	width:48%;
}

@media screen and (max-width: 992px) {
	.top_imgbtns03 ul li a{
		min-height:200px;
	}
	.top_imgbtns03 ul li{
		border:none;
		margin-bottom:10px;
	}
	.top_imgbtns03 ul li a>span span small{
		position:relative;
		width:100%!important;
	}
	.top_imgbtns03 ul li:first-child a>div img{
		margin-top:0px;
	}
	.top_imgbtns03 ul li:first-child a>div small{
		margin-bottom:20px;
		display:block;
	}
}


/* 画像ボタン */
.top_imgbtns01{
	overflow:hidden;
	margin:40px 0;
	padding:25px 25px 25px 25px;
	background:#eee;
}
.top_imgbtns01 li img{
	display:block;
	width:100%;
	float:left;
	height:auto;
}
.top_imgbtns01 li:nth-child(1){
	width:50%;
	padding:0 12.5px 0 0;
}
.top_imgbtns01 li:nth-child(2){
	width:25%;
	float:left;
	padding:0 0 0 17.5px;
}
.top_imgbtns01 li:nth-child(3){
	width:25%;
	float:left;
	padding:0 0 0 17px;
}

@media screen and (max-width: 992px) {
	.top_imgbtns01{
		overflow:hidden;
		padding:10px 0 0 0;
		background:#fff;
		margin:0;
	}
	.top_imgbtns01 li img{
		display:block;
		width:100%;
		float:left;
		height:auto;
	}
	.top_imgbtns01 li:nth-child(1){
		width:100%;
		padding:0 10px;
	}
	.top_imgbtns01 li:nth-child(2){
		width:50%;
		float:left;
		padding:10px 5px 0 10px;
	}
	.top_imgbtns01 li:nth-child(3){
		width:50%;
		float:left;
		padding:10px 10px 0px 5px;
	}
}


/* メイン画像 */
.top_main01{
	background:url("../image/top_main01.jpg") center center no-repeat;
	background-size:cover;
	height:497px;
	margin-bottom:30px;
	text-shadow: 1px 1px 3px #000;
	position:relative;
	z-index:1;
}
.top_main01 h2{
	color:white;
	font-weight:800;
	font-size:300%;
	text-align:center;
	padding-top:90px;
}
.top_main01 ul.top_main03{
	padding-top:40px;
}
.top_main01 ul.top_main03 li{
	width:50%;
	float:left;
	overflow:hidden;
	color:white;
	text-align:center;
	padding:0 60px;
}
.top_main01 ul.top_main03 li h3{
	font-size:180%;
	font-weight:800;
	padding-top:30px;
}
.top_main01 ul.top_main03 li p{
	border-top:1px solid #fff;
	margin-top:20px;
	padding-top:20px;
	color:white;
}
.top_main01 ul.top_main03 li p a{
	display:block;
	width:132px;
	background:#0e3997;
	padding:8px;
	font-size:12px;
	margin:0 auto;
	text-decoration:none;
	color:white;
	margin-top:20px;
}
.top_main01 ul.top_main02{
	display:none;
}
@media screen and (max-width: 992px) {
	.top_main01{
		height:auto;
		margin-bottom:0px;
	}
	.top_main01 h2{
		font-size:26px;
		height:90px;
		padding:40px 10px 0 10px;
	}
	.top_main01 ul.top_main03{
		display:none;
	}
	.top_main01 ul.top_main02{
		padding:20px 10px;
		max-width:570px;
		margin:0 auto;	
		display:block;
	}
	.top_main01 ul.top_main02 .top_splink01{
		width:100%;
		margin:0 auto;
		margin-bottom:10px;
	}
	.top_main01 ul.top_main02 .top_splink02 img{
		
	}
}
/* 製品一覧 ------------------------------------------------- */
.top_prodlist01{
	padding:25px 0 25px 25px;
	background:#eee;
}
.top_prodlist01{
	border-top:2px solid #0d62ac;
}
.top_prodlist01.top_prodcolor01{
	border-top:none;
	border-bottom:2px solid #0d62ac;
}

.top_prodlist01 li{
	padding:25px 25px 0 0;
}
.top_prodlist01 li a{
	display:block;
	padding:15px;
	background:white;
	border:1px solid #cdcdcd;
	text-align:center;
	height:260px;
	position:relative;
	text-decoration:none;
	transition: 0.5s;
}
.top_prodlist01 li a:hover{
	opacity:0.7;
	transition: 0.15s;
}
.top_prodlist01 li a img{
	display:block;
	width:100%;
}
.top_prodlist01 li a span{
	padding-top:20px;
	display:block;
	color:black;
	font-weight:800;
	font-size:130%;
}
.top_prodlist01 li a span small{
	display:block;
	font-size:60%;
	padding-top:5px;
}
.top_prodlist01 li a:after{
	content:">";
	position:absolute;
	text-align:center;
	right:0;
	bottom:0;
	background:#00b050;
	line-height:27px;
	width:27px;
	height:27px;
	font-size:16px;
	color:white;
}
.top_prodlist01 .top_prodhedding01 a{
	background:#00b050;
	text-align:center;
	height:260px;
	position:relative;
	padding-top:50px;
	border:none;
}
.top_prodlist01 .top_prodhedding01 a img{
	width:auto;
	display:inline;
	/*opacity:0.7;*/
}
.top_prodlist01 .top_prodhedding01 a span{
	padding-top:20px;
	display:block;
	color:#fff;
	font-weight:800;
	font-size:170%;
	line-height:1.3em;
}
.top_prodlist01 .top_prodhedding01 a:after{
	display:none;
}
@media screen and (max-width: 992px) {
	.top_prodlist01{
		padding:25px 0 25px 10px;
	}
	.top_prodlist01 li{
		padding:10px 10px 0 0;
	}
	.top_prodlist01 li a{
		padding:10px;
		height:auto;
		overflow:hidden;
		padding-bottom:35px;
	}
	.top_prodlist01 li a img{
		display:block;
		width:50%;
		float:right;
		margin-left:10px;
	}
	.top_prodlist01 li a span{
		padding-top:10%;
	}
	.top_prodlist01 li a span small{
		font-size:70%;
	}
	.top_prodlist01 .top_prodhedding01 a{
		height:auto;
		padding-top:30px;
		padding-bottom:55px;
	}
	.top_prodlist01 .top_prodhedding01 a img{
		width:auto;
		display:block;
		float:none;
		margin:0 auto;
	}
	.top_prodlist01 .top_prodhedding01 a span{
		padding-top:15px;
	}
	.top_prodlist01 li a span{
		width: 45%;
		display: inline-block;
	}
	.top_prodlist01 .top_prodhedding01 a span{width: 100%;}
}

.top_prodlist01.top_prodcolor01 li a{
	background:#e2f4fd;
}
.top_prodlist01.top_prodcolor01 li a:after{
	background:#0e3997;
}
.top_prodlist01.top_prodcolor01 .top_prodhedding01 a{
	background:#0e3997;
}
.top_prodlist01.top_prodcolor01 .top_prodhedding01 a:after{
	content:"Detail >";
	width:auto;
	background:#fff;
	color:#0e3997;
	font-weight:800;
	padding:3px 10px;
	font-size:80%;
}


/* KITのクライアント様 ------------------------------------------------- */
.top_client01>div{
	background:#65b1e1;
	padding:0px 0;
	color:white;
	margin-bottom:20px;
}
.top_client02{
	color:white;
	padding:20px;
}
.top_client02 img{
	opacity:0.8;
	margin-right:15px;
}
.top_client02 h3{
	font-size:170%;
	line-height:30px;
	margin-bottom:15px;
}
.top_client02 p{
	color:white;
	padding-right:20px;
	line-height:1.4em;
}
.top_client01>div .top_client03{
	padding:20px;
}
.top_client01>div .top_client03 div{
	background:white;
	padding:20px;
}
.top_client01>div .top_client03 div p{
	color:#e65d20;
	text-align:center;
	padding:0 0 15px 0;
	font-size:90%;
	font-weight:800;
}
.top_client01>div .top_client03 a{
	background:url("../image/common/top_btn01.png") center center no-repeat;
	background-size:cover;
	width:100%;
	display:block;
	line-height:25px;
	padding:20px 0;
	color:white;
	font-size:180%;
	font-weight:800;
	text-decoration:none;
	text-align:center;
	transition: 0.6s;
}
@media screen and (max-width: 992px) {
	.top_client01>div .top_client02{
		padding:20px 10px;
	}
	.top_client01>div .top_client02 p{
		padding:0px;
	}
	.top_client01>div .top_client03{
		padding:0;
	}
	.top_client01>div .top_client03 a{
		font-size:100%;
	}
	.top_client01>div .top_client03 span{
		display:block;
		padding:20px 10px;
	}
	.top_client01>div .top_client03 div{
		background:transparent;
		padding:0;
	}
	.top_client01>div .top_client03 div p{
		background:white;
		padding:10px;
	}
}
.top_client01>div .top_client03 a img{
	margin-right:5px;
}
.top_client01>div .top_client03 a:hover{
	opacity:0.7;
	transition: 0.1s;
}
@media screen and (max-width: 992px) {
	.top_client01>div .top_client02 h3{
		text-align:center;
	}
	.top_client01>div .top_client02 h3 img{
		display:block;
		margin:0 auto;
	}
}
/* KITの強み ------------------------------------------------- */
.top_strong01{
	margin-bottom:40px;
}
.top_strong01>div{
	border-top:2px solid #0e3997;
	border-bottom:2px solid #0e3997;
	background:#0e3997;
}
.top_strong01>div div{
	padding:25px 0;
	height:200px;
}
.top_strong01>div .top_strong02{
	text-align:center;
	color:white;
}
.top_strong01>div .top_strong02 img{
	opacity:0.8;
}
.top_strong01>div .top_strong02 h3{
	font-size:170%;
	line-height:70px;
	
}
.top_strong01>div .top_strong02 p{
	color:white;
	line-height:1.4em;
}
.top_strong01>div .top_strong03{
	text-align:center;
	padding:25px 0;
}
.top_strong01>div .top_strong03{
	background:white;
}
.top_strong01>div .top_strong03:nth-child(odd){
	background:#eee;
}
.top_strong01>div .top_strong03 h4{
	color:#0e3997;
	font-weight:800;
	line-height:33px;
	padding:10px 0;
	font-size:110%;
	letter-spacing:-1.5px;
}
.top_strong01>div .top_strong03 h4 span{
	background:#0e3997;
	color:white;
	padding:10px 15px;
	font-weight:800;
	line-height:44px;
	margin-right:10px;
}
.top_strong01>div .top_strong03 p{
	color:#0e3997;
	padding:15px 20px;
	line-height:1.4em;
}


/* 「洗う」「粉体を扱う」について業界から探す ------------------------------------------------- */
.top_box01{
	overflow:hidden;
	background:#eee;
	margin-bottom:40px;
}
.top_box01 ul li{
	padding:25px;
}
.top_box01 ul li a{
	background:url("../image/common/top_ptn01.png");
	text-align:center;
	color:white;
	text-decoration:none;
	display:block;
	padding:40px 0;
	font-weight:800;
	position:relative;
	transition: 0.6s;
}
.top_box01 ul li a:hover{
	opacity:0.7;
	transition: 0.1s;
}
.top_box01 ul li a img{
	opacity:0.7;
}
.top_box01 ul li a strong{
	display:block;
	font-size:160%;
	padding:10px 0;
}
.top_box01 ul li a:after{
	content:">";
	position:absolute;
	right:0;
	bottom:0;
	background:#00b050;
	line-height:27px;
	width:27px;
	height:27px;
	font-size:16px;
}
@media screen and (max-width: 992px) {
	.top_box01{
		background:#fff;
		margin-bottom:20px;
	}
	.top_box01 ul li{
		padding:10px;
		clear:both;
		overflow:hidden;
		padding-bottom:0px;
	}
	.top_box01 ul li a{
		text-align:left;
		color:white;
		display:block;
		padding:10px 0;
		font-weight:800;
		position:relative;
		transition: 0.6s;
		overflow:hidden;
		font-size:130%;
		line-height:40px;
	}
	.top_box01 ul li a img{
		float:left;
		display:block;
		margin:0 10% 0 20px;
	}
	.top_box01 ul li a strong{
		display:inline;
		font-size:100%;
		padding:10px 0;

	}
	.top_box01 ul li a:after{
		display:none;
	}
}
/* 「洗う」「粉体を扱う」についてお悩みごとから探す------------------------------------------------- */
.top_box02{
	overflow:hidden;
	background:#eee;
	margin-bottom:40px;
	padding-bottom:25px;
}
.top_box02 ul li{
	padding:25px;
	padding-bottom:0;
}
.top_box02 ul li:nth-child(odd){
	padding-right:12px;
}
.top_box02 ul li:nth-child(even){
	padding-left:12px;
}

.top_box02 ul li a{
	background:url("../image/common/top_ptn02.png");
	text-align:center;
	color:white;
	text-decoration:none;
	display:block;
	padding:40px 0;
	font-weight:800;
	position:relative;
	transition: 0.6s;
	font-size:140%;
	padding-right:20px;
}
.top_box02 ul li a span{
	display:table-cell;
	vertical-align:middle;
	line-height:1.2em;
}
.top_box02 ul li a span:nth-child(1){
	width:20%;
	white-space: nowrap;
}
.top_box02 ul li a span:nth-child(2){
	width:400px;
}

.top_box02 ul li a span strong{
	display:block;
}
.top_box02 ul li a:after{
	content:">";
	position:absolute;
	right:0;
	bottom:0;
	background:#df894e;
	line-height:27px;
	width:27px;
	height:27px;
	font-size:16px;
}
@media screen and (max-width: 992px) {
	.top_box02{
		background:#fff;
		margin-bottom:20px;
	}
	.top_box02 ul li{
		padding:10px;
		padding-bottom:0px;
	}
	.top_box02 ul li a{
		padding:10px 0;
		font-size:100%;
		padding-right:10px;
	}
	.top_box02 ul li a span{
		display:table-cell;
		vertical-align:middle;
		line-height:1.2em;
	}
	.top_box02 ul li a span:nth-child(1){
		width:30%;
		white-space: nowrap;
	}
	.top_box02 ul li a span:nth-child(2){
		width:1200px;
		text-align:left;
	}

	.top_box02 ul li a span strong{
		display:inline;
	}
	.top_box02 ul li a:after{
		display:none;
	}
}

.top_company{
	background:#65b1e1;
	text-align:center;
	padding:20px 5%;
	box-sizing:border-box;
}
.top_company *{
	box-sizing:content-box;
}

.top_company:after{
	content:"";
	display:block;
	height:0;
	clear:both;
}

.top_company_title{
	display:inline-block;
	vertical-align:middle;
	width:200px;
}

.top_company_title img{
	width:100%;
	height:auto;
}
.top_company_btn{
	float:right;
	width:48.5%;
	text-align:center;
	vertical-align:middle;
}
.top_company_btn a{
	box-sizing:border-box !important;
	display:block !important;
	margin:0 auto !important;
	width:100% !important;
	max-width:450px;
	background:url(../image/icon_download.png) no-repeat left 25px center / auto 26px !important;
	background-color:#005BAC !important;
	color:#FFF;
	font-size:20px;
	font-weight:bold;
	padding:20px 60px 20px 80px;
	position:relative;
}
.top_company_btn:first-child{
	float:left;
}
.top_company_btn:first-child a{
	background:url(../image/common/common_icon04.png) no-repeat left 25px center / auto 28px !important;
	background-color:#005BAC !important;
}
.top_company_btn a:after{
	content:">";
	line-height:18px;
	position:absolute;
	right:20px;
	top:calc(50% - 10px);
}
.top_company_btn a:hover{
	opacity:0.7;
}
@media screen and (max-width: 980px) {
.top_company{
	padding:35px 0;
}
.top_company_btn{
	float:none !important;
	display:block;
	width:90%;
	margin:20px auto 0 !important;
}
.top_company_btn a{
	max-width:none;
	padding:20px 60px 20px 80px;
	margin:0 auto !important;
}
}