@charset "UTF-8"; 

h2#maintitle{background-image:url(/wp-content/common/img/jm/bg_title_company.jpg);}
article.cts{max-width:1000px;margin:50px auto 0; padding: 0 10px;}
article.cts dl,article.cts dt,article.cts dd{margin:0;padding:0;}

article.cts #about{background:#e9e9e9;}
	article.cts #about:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
article.cts #about dt,
article.cts #about dd{
	background:#e9e9e9;
	vertical-align:top;
	text-align:center;
	display:inline-block;
	padding:25px 0;
}
article.cts #about dt{padding:25px 0;width:25%;border-top:1px solid #fff;font-weight:bold;}
article.cts #about dd{padding:25px;width:75%;border-top:1px solid #fff;border-left:1px solid #fff;text-align:left;}

article.cts #about dd iframe{ height:500px; }

article.cts #history dl{ white-space:nowrap; width:auto; }
article.cts #history dt,
article.cts #history dd{
	display:inline-block;
	vertical-align:middle;
	padding:1em 0;
	white-space:normal;
	width:auto;
}
	article.cts #history dt {width:8em;}
	article.cts #history dt span{ display:inline-block; vertical-align:middle;}

article.cts #history dd{ border-left:1px solid #e9e9e9; padding-left:1em; width:calc(100% - 8em); }

article.cts #patent{ border-top:1px dotted #ccc; }
article.cts #patent dl{ border-bottom:1px dotted #ccc; padding:5px 0; }

@media screen and (min-width: 581px) {
article.cts #patent dl dt{ display:inline-block; width:4em; vertical-align:top; }
article.cts #patent dl dd{ display:inline-block; width:20em; vertical-align:top; }
article.cts #patent dl dd:last-child{ display:inline-block; width:auto; vertical-align:top; }
}

@media screen and (min-width: 801px) {
article.cts #patent dl dt{ width:8em; }
article.cts #patent dl dd{ width:25em; }
article.cts #patent dl dd:last-child{ width:auto; }
}

@media screen and (max-width: 580px) {
article.cts #patent dl dd{ padding-left:1em; }
}

@media screen and (max-width: 800px) {
}
@media screen and (max-width: 580px) {
article.cts #about dd iframe{ height:250px; }
article.cts #about dt,
article.cts #about dd{
	float:none;
	padding:0;
	border:none;
	text-align:left;
	width:auto;
	display:block;
}
article.cts #about dt{padding:15px 15px 0;}
article.cts #about dd{padding:0 15px 15px;}
article.cts #about dl{border-bottom:1px solid #fff;}

article.cts #history dt,
article.cts #history dt span{display:block;padding:0;width:auto;border:none;}

article.cts #history dl{border-bottom:1px solid #e9e9e9;margin-bottom:10px;padding-bottom:10px;}
article.cts #history dd{display:block;width:auto;border:none;text-indent:inherit;padding-left:1em;}
}
article.cts ul{ padding:0 0 10px 20px; }