@charset "UTF-8";


/*共通*/
.main section {
	margin-bottom: 60px;
}

.main section .btn {
	text-align: center;
}

@media screen and (max-width: 736px) {
	.main {
		margin-bottom: 35px;
	}

	.main section {
		margin-bottom: 30px;
	}

	.main section img {
		width: 100%;
		max-width: 100%;
	}

	.main section .btn {
		width: 80%;
		margin: 0 auto;
	}
}


/*cont_01*/
.cont_01 .topbnr {
	margin-bottom: 35px;
}

.cont_01 ol {
	margin-bottom: 35px;
}

.cont_01 ol li {
	float: left;
}

.cont_01 .secondbnr {
	text-align: center;
}

@media screen and (max-width: 736px) {
	.cont_01 .topbnr {
		margin-bottom: 25px;
	}

	.cont_01 ol {
		margin-bottom: 30px;
	}

	.cont_01 ol li {
		float: none;
		width: 100% !important;
	}
}


/*cont_02*/
.cont_02 ol {
	margin-bottom: 30px;
}

.cont_02 ol li {
	float: left;
}

@media screen and (max-width: 736px) {
	.cont_02 ol {
		margin-bottom: 20px;
	}

	.cont_02 ol li {
		float: none;
		width: 100% !important;
	}
}


/*cont_03*/
.cont_03 .list_block {
	margin-bottom: 60px;
}

.cont_03 .list_block li {
	float: left;
	width: 224px;
	margin-right: 19px;
	padding: 23px;
	border: 4px solid rgba(255,132,0,.52);
	background-color: #fdffe1;
	box-sizing: border-box;
}

.cont_03 .list_block li:last-child {
	margin-right: 0;
}

.cont_03 .list_block li dt {
	margin-bottom: 20px;
}

.cont_03 .fig_block h2 {
	margin-bottom: 0;
}

.cont_03 .fig_block li {
	float: left;
}

@media screen and (max-width: 736px) {
	.cont_03 .list_block {
		margin-bottom: 30px;
	}

	.cont_03 .list_block li {
		float: none;
		width: 100%;
		padding: 12px;
		border: 2px solid rgba(255,132,0,.52);
		margin: 0 0 22px;
	}

	.cont_03 .list_block li dt {
		float: right;
		width: 38.166666666666664%;
		margin: 0;
	}

	.cont_03 .list_block li dd {
		float: left;
		width: 51.5%;
	}

	.cont_03 .list_block li:last-child {
		margin-bottom: 0;
	}

	.cont_03 .fig_block {
		width: 106.666%;
		margin-left: -3.333%;
	}
	
	.cont_03 .fig_block h2 {
		margin-bottom: 0;
	}
	
	.cont_03 .fig_block li {
		float: left;
		width: 32.5%;
	}

	.cont_03 .fig_block li:nth-child(2) {
		float: left;
		width: 35%;
	}
}


/*flow*/
.flow {
	display: block !important;
	margin-bottom: 65px;
}

.flow ol {
	margin-bottom: 40px;
}

.flow li {
	float: left;
}

@media screen and (max-width: 736px) {
	.flow {
		margin-bottom: 35px;
	}
	
	.flow ol {
		margin-bottom: 20px;
	}
	
	.flow li {
		float: none;
		text-align: center;
	}	
}