@charset "utf-8";

/*=================================
	Ir.css
================================ */

.heading02 a{
	display: inline-block;
	padding:14px 14px 7px 30px;
	background: url(/common/images/com_ic01.png) no-repeat 0.9em 1.1em;
	font-size: 14px;
}

.btnLink01 a,
.btnLinkList01 li a {
	font-size: 17px;
	font-size: 1.7rem;
	padding:16px 9px 14px 15px;
}

.figureCol01 .btnLinkList01 li{
	width:100%;
	margin-top:20px;
}

.col3_to_1{
	margin-top: 30px;
	margin-right:-10px;
}
.col3_to_1 .col_1 {
	float: right;
	width: 190px;
	margin-left:10px;
	overflow: hidden;
	border:#cccccc solid 1px;
	height:190px;
}
.col3_to_1 .col_1 p{
	position:relative;
	display:inline;
	width:190px;
	background:rgba(255, 255, 255, 0.9);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);/*IE8以下用*/
	bottom:40px;
	padding:15px 0;
}
.col3_to_1 .col_1 .img{
	width:190px;
}
.col3_to_1 .col_2 {
	position: relative;
	float: left;
	width: 390px;
	height:190px;
	border:#cccccc solid 1px;
	overflow: hidden;
}
.col3_to_1 .col_2:first-child {
	margin-right: 10px;
}
.col3_to_1 .col_2 p{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background:rgba(255, 255, 255, 0.9);	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff); 
	padding:15px 0;
	z-index:10;	
}
.col3_to_1 .col_2 .img{
	width:360px;
}
.col3_to_1 .col_1 p span,
.col3_to_1 .col_2 p span{
	display:inline-block;
  vertical-align: middle;
	text-align:center;
	width:100%;
}
.col3_to_1 .col_1 p span:after,
.col3_to_1 .col_2 p span:after{
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: 0;
	height: 0;
	border-right: 8px solid #666666;
	border-bottom: 8px solid #666666;
	border-left: 8px solid transparent;
	border-top: 8px solid transparent;
	content: "";
}
.col3_to_1 .col_1 p span a,
.col3_to_1 .col_2 p span a{
	padding:15px 0;
}
.col3_to_1 .img a img {
	-webkit-transition: -webkit-transform 0.5s ease 0s;
	   -moz-transition: -moz-transform 0.5s ease 0s;
	    -ms-transition: -ms-transform 0.5s ease 0s;
       -o-transition: -o-transform 0.5s ease 0s;
	        transition: transform 0.5s ease 0s;
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
       -o-transform: scale(1);
	        transform: scale(1);
}

.col3_to_1 .img a:hover img {
	opacity: 1;
	-webkit-transform: scale(1.05);
	   -moz-transform: scale(1.05);
	    -ms-transform: scale(1.05);
       -o-transform: scale(1.05);
	        transform: scale(1.05);
}
.equalThreeCol01 .col{
	border:#cccccc solid 1px;
}
.equalThreeCol01 .img a img {
	-webkit-transition: -webkit-transform 0.5s ease 0s;
	   -moz-transition: -moz-transform 0.5s ease 0s;
	    -ms-transition: -ms-transform 0.5s ease 0s;
       -o-transition: -o-transform 0.5s ease 0s;
	        transition: transform 0.5s ease 0s;
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
       -o-transform: scale(1);
	        transform: scale(1);
}
.equalThreeCol01 .img a:hover img {
	opacity: 1;
	-webkit-transform: scale(1.05);
	   -moz-transform: scale(1.05);
	    -ms-transform: scale(1.05);
       -o-transform: scale(1.05);
	        transform: scale(1.05);
}
.equalThreeCol02 .col{
	border:#cccccc solid 1px;
}
.resultGraph .col {
	border: none;
	width: 290px;
}
.resultGraph .col.btn {
	border: none;
	width: 170px;
}
.resultGraph .col.btn .btnLinkList01 li {
	width:100%;
	margin-top:20px;
}
.resultGraphTitle {
	padding-left: 14px;
	background: url(/common/images/com_ic02.png) no-repeat 0 0.6em;
	font-weight: bold;
}

.col dl{
	padding:13px;
	position:relative;
}
.col dl dt{
	 font-weight: bold;	
}
.col dl dd{
	font-size:13px;
	font-size:1.3rem;
	line-height:1.2;
}
.col dl:after{
	position: absolute;
	bottom: -1px;
	right: -1px;
	width: 0;
	height: 0;
	border-right: 8px solid #666666;
	border-bottom: 8px solid #666666;
	border-left: 8px solid transparent;
	border-top: 8px solid transparent;
	content: "";
}

.btnLink01-wrap {
	display: flex;
	justify-content: center;
}

.btnLink01-wrap .btnLink01 a {
	font-size: 2.0rem;
	width: 300px
}

/* clearfix */
.col3_to_1:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	font-size: 0;
}