@media all{

header{
	background:rgba(10 30 50 / .6) !important;
}

main {
    padding: 2em 5% 0 !important;
}

.slider > div > a > p {
	text-align:center;
}

h1 + p br{
	display:block !important;
}

h3{
	display:inline !important;
}

h3 span{
	display:inline;
	background:#069;
	margin:0 .2em;
	padding:.2em .5em;
	border-radius:2px;
	text-shadow:none;
	font-size:90%;
	color:#fff;
}

article{
	overflow:hidden;
	margin: 0 0 5em;
}

#more0{
	margin: 0 0 5em;
}
	

#kneading{
	float:left;
	width:47%;
	padding-right:3%;
	border-right:1px dotted #000;
}

#coating{
	float:right;
	width:47%;
}

#kneading > div > h3,
#coating > div > h3{
	margin: 0 0 2em !important;
	display: block !important;
}

#kneading div ul,
#coating div ul{
	list-style:none;
}

#kneading div ul li,
#coating div ul li{
	margin:0;
}

#kneading h4 + p,
#coating h4 + p{
	height:6em;
	margin:0 0 1em;
}

#kneading img,
#coating img{
	margin-bottom:3em;
}

h4 span{
	font-size:80%;
}

table{
	margin:0 0 1em;
	border-collapse:separate;
	border-spacing:0;
	width:100%;
	max-width:900px;
}

th,
td{
	padding:1em .5em;
	border:1px solid rgba(0,0,0,.3);
	border-bottom-style:hidden;
	border-right-style:hidden;
}

th:last-child,
td:last-child{
	border-right-style:solid;
}

tr:last-child th,
tr:last-child td{
	border-bottom-style:solid;
}

td{
	text-align:center;
}

td:nth-child(1){
	background:rgba(10,30,50,.05);
	font-weight:bold;
	text-align:left;
}

#siaa_kneading,
#siaa_coating{
	margin:0 0 1em;
}

#siaa_kneading:before,
#siaa_coating:before{
	content:"";
	display:block;
	width:350px;
	height:8em;
	background-size:contain;
	background-repeat:no-repeat;
	vertical-align:middle;
}

#siaa_kneading:before{
	background-image:url(../images/siaa_antivirus_nerikomi.png);
}

#siaa_coating:before{
	background-image:url(../images/siaa_antivirus_coating.png);
}

h5{
	font-size: 1em;
	margin: 0;
}

section div ul li > span:after{
	content:"：";
}

}

@media screen and (max-width:1320px) {
	
main {
	padding: 1.5em 2% 0 !important;
}

}

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

#kneading div ul,
#coating div ul{
	height:7em;
}

}

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

#antifouling table,
#antifouling ul{
	width:100%;
}

#kneading,
#coating{
	width:100%;
}

#kneading{
	padding-right:0;
	border-right:0;
}

#kneading div:nth-child(odd),
#kneading div:nth-child(even),
#coating div:nth-child(odd),
#coating div:nth-child(even){
	float:none;
	width:100%;
}

}

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

#To{
	background-position:right 20%;
}

}

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

h3{
	height:4em;
}

}

@media screen and (max-width:400px) {
	
#siaa_kneading:before,
#siaa_coating:before{
	width:100%;
}

#kneading h4 + p,
#coating h4 + p{
	height:8em;
}

}