@charset "utf-8";

/**
 *
 *  Domain
 *
 */

/*--------------------------------------------------------------------------
   overwrite
---------------------------------------------------------------------------*/



/*----------------------------------------------------------------------
	Sec01
----------------------------------------------------------------------*/

.domain-mv {
	display:block;
	overflow:hidden;
	position:relative;
	width:100%;
	height:249px;
	background: #fff url("/rentalserver/option/domain/images/main.png") no-repeat scroll 0 0;
}

.domain-mv h2 {
	color:#fff;
	font-size:26px;
	font-weight:normal;
	line-height:1.3;
	margin-top:40px;
	margin-left:35px;
	margin-bottom:30px;
}

.domain-mv p {
	color:#fff;
	font-size:26px;
	font-weight:normal;
	line-height:1.3;
	vertical-align:middle;
	margin-bottom:10px;
	margin-left:35px;
}

.domain-mv p span {
	color:#26B9B4;
	font-size:20px;
	background-color:#fff;
	padding:2px 10px;
	margin-right:10px;
}

.domain-mv p + p span {
	padding:2px 21px 2px 20px;
}

.domain-mv .domain-mv-registrar {
	display:block;
	overflow:hidden;
	position:absolute;
	top:37px;
	right:25px;
}

.domain-mv .domain-mv-registrar a:hover img {
	opacity:0.8;
}

/*----------------------------------------------------------------------
	Sec02
----------------------------------------------------------------------*/



/*----------------------------------------------------------------------
	Sec03
----------------------------------------------------------------------*/

.domain-merit-box {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom:50px;
	flex-wrap: wrap;
}

.domain-merit {
	display: block;
	width:220px;
	margin-right:20px;
	box-sizing:border-box;
	background-color:#A0DBD7;
	padding:0;
}

.domain-merit + .domain-merit {
	background-color:#ACE1D5;
}

.domain-merit + .domain-merit + .domain-merit {
	background-color:#D5EAD2;
	margin-right:0;
}

.domain-merit h3 {
	color:#fff;
	background-color:#242D3C;
	font-weight:normal;
	font-size:15px;
	line-height:1.3;
	text-align:center;
	padding:15px 0;
	box-sizing:border-box;
}

.domain-merit p {
	line-height:1.5;
	color:#2C3943;
	font-size:15px;
	box-sizing:border-box;
	padding:120px 15px 15px;
	background: #A0DBD7 url("/rentalserver/option/domain/images/img_index_merit_01.png") no-repeat scroll 47% 14px;
}

.domain-merit + .domain-merit p {
	background: #ACE1D5 url("/rentalserver/option/domain/images/img_index_merit_02.png") no-repeat scroll 47% 14px;
}

.domain-merit + .domain-merit + .domain-merit p {
	background: #D5EAD2 url("/rentalserver/option/domain/images/img_index_merit_03.png") no-repeat scroll 47% 14px;
}


/*----------------------------------------------------------------------------------------------------
	for タブレット（1039px以下）
-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1039px) {
	.domain-mv,
	.domain-check {
		width: 100%;
		max-width: 704px;
		margin: 0 auto;
	}
	.domain-merit {
		width: 33%;
	}
}
/*----------------------------------------------------------------------------------------------------
	for SP（768px以下）
-----------------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {
	.domain-mv a img {
		width: 50%;
	}
	.domain-mv .domain-mv-registrar {
		top: auto;
		right: -70px;
		bottom: 15px;
	}
	.domain-merit {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
}