@charset "UTF-8";

.main_head {
	background-image: url('../relocation/img/img-head.jpg');
}

.intro {
	padding-top: 80px;
	text-align: center;
}

.intro_cnt {
}

.intro_catch {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.4;
}

.intro_text {
	margin-top: 25px;
}

.promise {
	padding: 80px 0;
	text-align: center;
}

.promise_ttl {
}

.promise_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 30px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.promise_item {
	position: relative;
	background: #FFF;
	border-radius: 50%;
}

.promise_item:before {
	padding-top: 100%;
	content: "";
	display: block;
}

.promise_item_cnt {
	position: absolute;
	left: 0;
	width: 100%;
	top: 26%;
}

.promise_item_ttl {
	font-size: 20px;
	line-height: 1.4;
	font-weight: bold;
}

.promise_item.-item01 .promise_item_ttl {
	color: #00A0E9;
}

.promise_item.-item02 .promise_item_ttl {
	color: #13B5B1;
}

.promise_item.-item03 .promise_item_ttl {
	color: #5F52A0;
}

.promise_item.-item04 .promise_item_ttl {
	color: #8FC31F;
}

.promise_item.-item05 .promise_item_ttl {
	color: #0068B7;
}

.promise_item_text {
	word-break: break-all;
	text-align: justify;
	margin-top: 20px;
	padding: 0 17%;
}

.flow {
	padding-bottom: 80px;
}

.flow_head {
	position: relative;
	text-align: center;
	background: url('../relocation/img/img-flow-head.jpg') center no-repeat;
	background-size: cover;
	z-index: 5;
}

.flow_head:before {
	content: "";
	display: block;
	padding-top: 300px;
}

.flow_head_ttl {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.flow_head_ttl em {
	position: relative;
	font-size: 24px;
	font-weight: bold;
	color: #FFF;
	display: inline-block;
	line-height: 1.4;
}

.flow_head_ttl em:before {
	display: block;
	content: "";
	height: 2px;
	background: #FFF;
	width: 80%;
	position: absolute;
	margin-left: -40%;
	bottom: -10px;
	left: 50%;
}

.flow_body {
	position: relative;
	z-index: 10;
}

.flow_list {
	list-style: none;
	margin-top: -45px;
}

.flow_item {
	background: #fff;
	margin-top: 15px;
	padding: 20px 30px 20px 10px;
}

.flow_item:first-child {
	margin-top: 0;
}

.flow_item_dl {
	display: table;
	width: 100%;
}

.flow_item_dl dt,
.flow_item_dl dd {
	display: table-cell;
	vertical-align: middle;
}

.flow_item_dl dt {
	width: 29%;
	line-height: 1.4;
}

.flow_item_dl dt span {
	font-size: 36px;
	color: #00A0E9;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 1.5em;
}

.flow_item_dl dt em {
	font-size: 20px;
	font-weight: bold;
	display: inline-block;
	vertical-align: middle;
}

.flow_item_dl dd {
	border-left: 1px solid #00a0e9;
	padding-left: 25px;
}

/* for Tablet */
@media screen and (max-width:1030px) {
}

@media screen and (min-width:641px) {
	.promise_item {
		width: 32%;
		margin-left: 2%;
		margin-top: -2.5%;
	}

	.promise_item:nth-child(3n+1) {
		margin-left: 0;
	}

	.promise_item:nth-child(-n+3) {
		margin-top: 0;
	}

}

/* for SP */
@media screen and (max-width:640px) {
	.main_head {
	}

	.intro {
		padding-top: 40px;
	}

	.intro_cnt {
	}

	.intro_catch {
		font-size: 22px;
	}

	.intro_text {
		margin-top: 20px;
		text-align: left;
	}

	.promise {
		padding: 40px 0;
	}

	.promise_ttl {
	}

	.promise_list {
		margin-top: 20px;
		display: block;
	}

	.promise_item {
		width: 100%;
		border-radius: 20px;
		padding: 20px;
		margin-left: 0;
		margin-top: 20px;
	}

	.promise_item:before {
		display: none;
	}

	.promise_item:first-child {
		margin-top: 0;
	}

	.promise_item_cnt {
		position: static;
	}

	.promise_item_ttl {
		font-size: 18px;
	}

	.promise_item.-item01 .promise_item_ttl {
	}

	.promise_item.-item02 .promise_item_ttl {
	}

	.promise_item.-item03 .promise_item_ttl {
	}

	.promise_item.-item04 .promise_item_ttl {
	}

	.promise_item.-item05 .promise_item_ttl {
	}

	.promise_item_text {
		padding: 0;
		margin-top: 10px;
	}

	.flow {
		padding-bottom: 40px;
	}

	.flow_head {
	}

	.flow_head:before {
		padding-top: 150px;
	}

	.flow_head_ttl {
	}

	.flow_head_ttl em {
		font-size: 20px;
	}

	.flow_head_ttl em:before {
	}

	.flow_body {
	}

	.flow_list {
		margin-top: -20px;
	}

	.flow_item {
		padding: 20px;
	}

	.flow_item:first-child {
	}

	.flow_item_dl {
		display: block;
	}

	.flow_item_dl dt,
	.flow_item_dl dd {
		display: block;
	}

	.flow_item_dl dt {
		width: 100%;
	}

	.flow_item_dl dt span {
		line-height: 1;
		font-size: 30px;;
	}

	.flow_item_dl dt em {
	font-size: 18px;;
	}

	.flow_item_dl dd {
		padding-left: 0;
		border-left: 0;
		border-top: 1px solid #00a0e9;
		padding-top: 10px;
		margin-top: 10px;
	}

}

/* for Print */
@media print {
}