@charset "utf-8";

.BLK300970  h3.hd-h3 {font-size:2rem; margin: 2rem 0 1rem 0; font-weight:bold; color:#e00;}
.BLK300970 .box-line h3.hd-h3:first-child {margin-top:0.5rem;}
.BLK300970 .box-line .qr-line {width: 180px; height: auto; margin-right:1rem; float:left;}
.BLK300970 .box-line p {font-size: 1.538rem;}
.BLK300970 h4.hd-h4 {font-size: 1.538rem; margin:2rem 0 1rem 0; font-weight:bold;}

.assessment-title
{
	margin-top:3rem;
	margin-bottom:0.2em;
	color:#299b5e;
	font-size:1.4rem;
	font-weight:bold;
	text-align:center;
}
div.assessment-2
{
	clear:both;
	display:table;
	table-layout:fixed;
	margin-bottom:0.5rem;
	width:100%;
	background-color:#ededed;
	border:3px solid #299b5e;
}
div.assessment-2 > div
{
	display:table-cell;
	padding:1.5rem 1.5rem 1rem;
	width:50%;
	text-align:left;
}
div.assessment-2 > div > h3
{
	position:relative;
	margin: 0 0 0 2.7rem;
	font-size:1.2rem;
	border-bottom: none;
}
div.assessment-2 > div > h3.tel
{
	margin-top:3rem;
}
div.assessment-2 > div > h3::before
{
	position:absolute;
	top:-0.1rem;
	left:-2.6rem;
	width:1rem;
	height:1rem;
}
div.assessment-2 > div > h3.display::before
{
	content:url(/contents/block/10302/icon_display.png);
}
div.assessment-2 > div > h3.tel::before
{
	content:url(/contents/block/10302/icon_tel.png);
}
div.assessment-2 > div > h3.fax::before
{
	content:url(/contents/block/10302/icon_fax.png);
}
div.assessment-2 > div > a > img:hover {
	opacity:0.8;
}
div.assessment-2 > div > a[class^="application"]
{
	display:block;
	margin-top:0.5rem;
	text-align:left;
}
div.assessment-2 > div > a[class^="application"] > img
{
	width:100%;
}
div.assessment-2 > div p.free
{
	position:relative;
	margin-left:3.8rem;
	color:#299b5e;
	font-size:2.8rem;
	font-weight:bold;
	line-height:1.8rem;
}
div.assessment-2 > div > p.free::before
{
	position:absolute;
	left:-3.8rem;
	width:1.2rem;
	height:1rem;
	content:url(/contents/block/10302/icon_free.png);
}
div.assessment-2 > div:nth-of-type(1) > p
{
	margin-top:1rem;
}
div.assessment-2 > div:nth-of-type(1) > p > a
{
	font-weight:bold;
	text-decoration:underline;
}
div.assessment-2 > div:nth-of-type(1) > p > a:hover
{
	text-decoration:none;
}
div.assessment-2 > div > div.area
{
	clear:both;
	display:table;
	table-layout:fixed;
	width:100%;
}
div.assessment-2 > div > div.area > div
{
	display:table-cell;
	width:50%;
	text-align:left;
}
div.assessment-2 > div > div.area > div > p:nth-of-type(1)
{
	display:inline-block;
	margin-top:1rem;
	padding:0 1rem;
	line-height: 1.8em;
	color:#fff;
	font-size:0.85rem;
	font-weight:bold;
	letter-spacing:0.1rem;
	background-color:#299b5e;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
div.assessment-2 > div > div.area > div > p:nth-of-type(2)
{
	margin-top:0.2rem;
	color:#515151;
	font-size:1.5rem;
	font-weight:bold;
	line-height:1.8rem
}

div.assessment-2 > div:nth-of-type(2) > p
{
}
div.assessment-2 > div:nth-of-type(2) > p:nth-of-type(1),
div.assessment-2 > div:nth-of-type(2) > p:nth-of-type(2)
{
	margin-top:1rem;
}
div.assessment-2 > div:nth-of-type(2) > a.btn_get_acrobat
{
	margin:0.5rem 0.5rem 0 0;
	display:block;
	float:left;
}
div.assessment-2 > div:nth-of-type(2) > p:nth-of-type(2) a img
{
	width:110px;
	vertical-align:top;
}
div.assessment-2 > div:nth-of-type(2) > p:nth-of-type(3)
{
	margin-top:0.2rem;
	font-size:0.9rem;
}
@media screen and (min-width:0px) and (max-width:960px) 
{
	div.assessment-2
	{
		clear:both;
		display:block;
	}
	div.assessment-2 > div
	{
		display:block;
		width:100%;
	}
}
@media screen and (min-width:420px) and (max-width:960px) 
{
	div.assessment-2 > div > a.application0,
	div.assessment-2 > div > a.application1
	{
		width:100%;
		text-align:center;
	}
	div.assessment-2 > div > a[class^="application"] > img
	{
		width:auto;
		max-width: 100%;
	}
}
@media screen and (min-width:0px) and (max-width:419px) 
{
	div.assessment-2 > div > a[class^="application"] > img
	{
		width:100%;
	}
	div.assessment-2 > div:nth-of-type(2) > a.btn_get_acrobat
	{
		width:33.3%;
	}
	div.assessment-2 > div:nth-of-type(2) > a.btn_get_acrobat img
	{
		width:100%;
	}
}
