@charset "UTF-8";

.contents {
	margin: 0 100px;
}

main dl dd,
main ul li {
	font-size: 1rem;/*16px*/
}

main .icon {
	background: url("../images/process/icon_process.png") no-repeat ;
	background-position: calc(50% - 6rem) 0;
}

main .icon h2 {
	margin-top: 66.5px;
	padding-top: 3.5px;
}

main dl dt {
	border: 1px solid #1d1a11;
	font-size: 1.125rem;/*18px*/
	padding: 1em 0;
	padding-right: 1em;
	clear: left;/*2行目のdtが1行目のddの影響を受けないようにする.文字サイズを大きくされた時も崩れない*/
	float: left;
	width: 13em;
	background: linear-gradient(90deg, #1d1a11 0%, #1d1a11 calc(5em + 2px), #ffffff calc(5em + 2px), #ffffff 100%);
}

main dl dt span {
	padding: calc(1em + 2px);
	margin-right: 1em;
	/*background: #1d1a11;*/
	color: #ffffff;
}

main dl dd {
	margin: 0 0 calc(20px + 2.75rem) 17rem;/*アイコンの高さが20px*/
	position: relative;
	padding-top: 0.5rem;
}

main dl dd:not(.last):after {
	position: absolute;
	content: url(../images/process/icon_arrow.gif);
	display: block;
	margin-top: 2.75rem;
	left: calc(13.5em / -2 - 54px);/*-29px(margin)-25px(アイコンの幅の半分)*/
}

main .move_out {
	background: url("../images/process/icon_move_out.png") no-repeat ;
	background-position: calc(50% - 7rem) 0;
	margin-top: 59px;
}

main .move_out h2 {
	padding-top: 9px;
}

main .move_out ul {
	padding: 0.5em 0.5em 0;
	font-size: 1.125rem;/*18px*/
}

main .move_out ul li {
	position:relative;
	padding: 0em 0.3em 0.3em 1.3em;
}
main .move_out ul li:last-child {
	padding-bottom: 0em;
}

main .move_out ul li:after,
main .move_out ul li:before {
	position:absolute;
	content:'';
	display:block;
	background: #c0b283;
	top: 0.43em;
	left: 0.5em;
	height: 11px;
	width: 4px;
	border-radius: 10px;
	transform: rotate(45deg);
}
main .move_out ul li:before {
	top: 0.6em;
	left: 0.2em;
	height:8px;
	transform:rotate(-45deg);
}

footer {
	padding-top: 50px;
}


/*-----SP版の設定-------*/
@media screen and (max-width: 767px){

	.contents {
		margin: 0px;
	}

	main dl dd,
	main ul li {
		font-size: 0.9375rem;/*15px*/
	}
	
	main .icon h2 {
		margin-top: 42.9px;
		padding-top: 2.1px;
	}

	main dl dt {
		font-size: 1rem;/*16px*/
		float: none;
	}
	main dl dd {
		margin-left: 0;
		margin: 0 0 calc(20px + 2.75rem) 0;/*アイコンの高さが20px*/
	}
	
	main dl dd:not(.last):after {
		left: calc(12.5em / 2);
	}
	main dl dd:last-child {
		margin-bottom: 0em;
	}
	
	main .icon,
	main .move_out {
		background-size: 60px;
		background-position: calc(50% - 4rem) 0;
	}
	
	main .move_out {
		margin-top: 50px;
		background-position: calc(50% - 5rem) 0;
	}
	main .move_out p {
		padding-top: 5.4px;
	}
}