@charset "utf-8";
.knowledge #contents_area #contents_mv{background-image: url(../images/knowledge/mv_24_004.jpg);}
.knowledge .pains table {
	padding:0;
	margin:0;
	border-style:solid solid none none;
	border-width:1px;
	border-spacing:0;
	border-color:#ccc;
	empty-cells:show;
	line-height: 1.6;
}
.knowledge .pains table th {
	width:40%;
	background:#e67300;
	color:#fff;
	border-style:none none solid solid ;
	border-width:1px;
	border-spacing:0;
	border-color:#ccc;
	padding:10px;
	text-align:center;
	vertical-align:top;
	font-weight: bold;
}
.knowledge .pains table td {
	border-style:none none solid solid ;
	border-width:1px;
	border-spacing:0;
	border-color:#ccc;
	padding:10px;
	vertical-align:top;
}
.knowledge .pains table td.mini {
	width:20%;
	background:#999;
	color:#fff;
	text-align:center;
	font-weight: bold;
}
.knowledge .pains table dl {
	padding:0;
}
.knowledge .pains table dt {
	padding:0 0 0 1em;
	margin:0;
	font-weight:bold;
	text-indent:-1em;
}
.knowledge .pains table dd {
	padding:0 0 0 1em;
	margin:10px 0 0;
}
.knowledge .pains #contents_area #section1 figure span{
	position: relative;
	display: inline-block;
	margin-top: 15px;
	cursor: pointer;
}
.knowledge .pains #contents_area #section1 figure span::after{
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/knowledge/img_26_2_on.png) no-repeat center center;
	background-size: 100% auto;
	transition: .3s;
	opacity: 0;
}
.knowledge .pains #contents_area #section1 figure span.clicked::after{opacity: 1;}
.knowledge .endurance .h3style02+p{padding-left:1em;}
.knowledge .history #contents_area h1 i{
	font-size: 1.6rem;
	color: #000;
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 1.6;
}
.knowledge .history #contents_area .h2style01{margin-top: 80px;}
.knowledge .history #contents_area .h2style01 img{
	width: 14%;
	height: auto;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
}
.knowledge .history #contents_area .ex{
	font-size: 1.3rem;
	text-align: right;
}




@media screen and (min-width:1001px){}
@media screen and (max-width:1000px){}
@media screen and (max-width:1000px) and (min-width:641px){}
@media screen and (max-width: 640px){
	.knowledge .history #contents_area .h2style01{margin-top: 60px;}
	.knowledge .history #contents_area .h2style01 img{width: 80px;}
	.knowledge .pains table {
		font-size: 1.3rem;
		letter-spacing: 0;
	}
	.knowledge .pains table th,
	.knowledge .pains table td{padding:15px 1%;}
	.knowledge .pains table td.mini{width: 15%;}
}