@charset "utf-8";

/*
************************************************************************
* 特徴（アイコンとキャプション）
* @copyright Revolme Inc.
************************************************************************
*/

.feature-01
{
	display:block;
	border-radius:0.5em;
	overflow:hidden;
	
	border:1px solid #e3e3e3;
}
.feature-01 .image
{
	width:30%;
	padding:1.5em;
}
.feature-01 .caption
{
	position:absolute;
	
	top:50%;
	left:30%;
	
	transform:translateY(-50%);
	
	font-size:1.5rem;
	font-weight:bold;
}

/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 767px) {
	.feature-01
	{
		display:block;
		border-radius:0.5em;
		overflow:hidden;
		
		border:0px solid transparent;
	}
	.feature-01 .image
	{
		width:100%;
		padding:1.5em;
	}
	.feature-01 .caption
	{
		position:relative;
		
		top:none;
		left:none;
		
		transform:translateY(00%);
		
		font-size:1.5rem;
		font-weight:bold;
	}
}