<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/**
 * recomenndec 定義
 *
 * CSS versions	3
 *
 * @category   Web Application
 * @package    Argus
 * @copyright  2016 Polaris, Inc.
 *
 */
.BLK22006
{
	clear:both;
	float:right;	
	margin-bottom:4rem;
	/*margin-bottom:2.1rem;*/
	width:100%;
	/*max-width:630px;*/
}
.BLK22006 h2.ttl2
{
	margin-bottom:2.6rem;
}
.BLK22006 ul
{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex; 
	justify-content: left;
	/*margin-top:2.6rem;*/
	margin-left:0;
	margin-right:0;
	width:100%;
	text-align:justify;
}
.BLK22006 ul li
{
	display:inline-block;
	width:20%;
	font-size:1rem;
	border:2px solid #ccc;

}
.BLK22006 ul li:nth-child(n+2)
{
	border-left: none;
}
.BLK22006 ul:nth-child(n+3) li
{
	border-top: none;
}

.BLK22006 ul li div.item_frame
{
	margin:auto;
}
.BLK22006 ul li div.image_frame 
{
	position: relative;
	width:85%;
	height:100%;
	padding: 64% 0 0;
	margin:20px auto 20px;
}
.BLK22006 ul li div.image_frame.no_image div.image_inner
{
	position:absolute;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:2.5rem;
	font-weight:normal;
    color:#ccc;
}
.BLK22006 ul li div.image_frame div.image_inner
{
	/*position:absolute;*/
    display:flex;
    justify-content:center;
	align-items:center;
    top: -13px;
    left: 0;
    width: 100%;
	height: 100%;
}
/*.BLK22006 ul li div.image_frame div.image_inner img*/
.BLK22006 ul li div.image_frame img
{
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	max-width:100%;
	max-height:100%;
}

.BLK22006 ul li div.msg_frame 
{
	width:85%;
	margin:0 auto 20px;
}
.BLK22006 ul li div span:nth-of-type(2n+1)
{
	display:inline-block;
	/*display:block;*/
	margin:0 0 5px;
	/*width:35%;*/
	width:100%;
	text-align:center;
	line-height:1.5rem;
	color:#FFF;
	font-size: 0.9rem;
    letter-spacing:0em;
	background-color: #828282;
	border:1px solid #ccc;

	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	
}
.BLK22006 ul li div span:nth-of-type(2n)
{
	display:block;
	float:right;
	margin:0 0 5px;
	width:100%;
	/*width:63%;*/
	line-height:1.5rem;
	font-weight:bold;
    letter-spacing:0em;
	white-space:nowrap;
	overflow:hidden;
	/*white-space: normal; */
	text-overflow:'';
}
.BLK22006 ul li &gt; a &gt; p
{
    display:block;
	margin-top:0.4em;
	width:100%;	
	height:3.2rem;
	color:#299b5f;
	font-size:1.1rem;
	font-weight:bold;
	text-align:left;
	overflow:hidden;
}
.BLK22006 ul li &gt; div &gt; a
{
	display:block;
	margin:0 auto 15px;
	width:70%;
	text-align:center;
}
.BLK22006 a.btn1 {
	margin-bottom:30px;
	width:65%;
	/*height:2.4rem;
	line-height:2.4rem;*/
	height:initial;
	height:auto;
}

.BLK22006 a.btn1.gray	
{
	float:right;
	margin-top:1rem;
	width:15%;
}
.BLK22006 a.btn1.gray span:nth-of-type(1)
{
	display: inline-block;
	width: 90%;
}	
.BLK22006 a.btn1.gray span:nth-of-type(2)
{
	display: inline-block;
	width: 10%;
}	


@media screen and (min-width:0px) and (max-width:840px) {
	.BLK22006 ul
	{
		display:block;
		/*margin-top:2.6rem;*/
		margin-left:0;
		margin-right:0;
		width:100%;
	}
	.BLK22006 ul li {
		margin-bottom: 2rem;
		width:100%;
	}
	.BLK22006 ul li:nth-child(n+2) {
		border-left:2px solid #ccc;
	}
	.BLK22006 ul:nth-of-type(2) li {
		border-top:2px solid #ccc;

	}
	.BLK22006 a.btn1.gray{
		width:30%;
	}
}
@media screen and (min-width:581px) and (max-width:740px) 
{
	.BLK22006
	{
		float:none;
	    margin:0 auto 2rem;
	}
}
@media screen and (min-width:741px) and (max-width:840px) 
{
	.BLK22006 a.btn1.gray{
		width:20%;
	}
}
@media screen and (min-width:0px) and (max-width:740px) 
{
	.BLK22006 h2
	{
		width:80%;
	}
}
</pre></body></html>