@charset "UTF-8";
.cont1 > #block1 {
	position: relative;
	font-size: 1.6rem;
	padding: 5px 3%;
}@media screen and ( max-width:480px){.cont1 > #block1 {font-size: 1.6rem;}}
.cont1 > #block2 {
	position: relative;
	padding: 3px;
	border-bottom: 1px solid #F69;
	margin: 40px 1% 5px;
	color: #F69;
	font-size: 1.6rem;
}@media screen and ( max-width:480px){.cont1 > #block2 {margin-top: 0;}}
.cont1 > #block3 {
	position: relative;
	width: 98%;
	margin: 10px auto;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display:-webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	flex-wrap: wrap;
}
	.cont1 > #block3 > .block3a {
		position: relative;
		width: 29%;
		margin: 30px 1% 30px 3%;
	}@media screen and ( max-width:480px){.cont1 > #block3 > .block3a {width: 60%; margin: 10px auto;}}
		.cont1 > #block3 > .block3a > #line1 {
			position: relative;
			width: 100%;
			margin: 0 auto 10px 0;
			padding-top: 5px;
			text-align: center;
		}
		.cont1 > #block3 > .block3a > #line2 {
			position: relative;
			width: 100%;
			border: 1px solid #CCC;
			padding: 3px;
		}
		.cont1 > #block4 > #line1 {
			position: relative;
			width: 100%;
			margin: 0 auto 10px;
			padding: 3px;
			text-align: center;
		}
			.cont1 > #block4 > #line1 > span {
				position: relative;
				display: inline-block;
				width: 29%;
				margin: 0 3%;
				border: 1px solid #CCC;
				padding: 3px;
				}@media screen and ( max-width:480px){.cont1 > #block4 > #line1 > span {width: 60%; margin: 10px auto;}}
		.cont1 > #block4 > #line2 {
			position: relative;
			width: 100%;
			margin: 0 auto 10px;
			padding: 3px;
			text-align: center;
		}
.cont1 > #block5 {
	position: relative;
	padding: 3px;
	border-bottom: 1px solid #F69;
	margin: 40px 1% 5px;
	color: #F69;
}@media screen and ( max-width:480px){.cont1 > #block5 {margin-top: 0;}}
.step1 {
	position: relative;
	border: 1px solid #F69;
	padding: 0;
	margin: 20px 0;
	color: #F69;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display:-webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
}
	.step1 > #item {
		position: relative;
		width: 23%;
		padding: 0 1%;
		text-align: center;
		background-color: #F69;
		color: #FFF;
		font-weight: bold;
		font-size: 1.6rem;
	}@media screen and ( max-width:480px){.step1 > #item {width: 31%;font-size: 1.2rem;}}
		.step1 > #item > span {
			position: relative;
			display: inline-block;
			top: 50%;
			-webkit-transform: translateY(-50%); /* Safari用 */
			transform: translateY(-50%);
		}
	.step1 > #nakami {
		position: relative;
		display: block;
		width: 71%;
		padding: 5px 2%;
		margin-right: 2%;
		background-color: #FFF;
		color: #F69;
		font-weight: bold;
		font-size: 1.6rem;
	}@media screen and ( max-width:480px){.step1 > #nakami {width: 65%;font-size: 1.2rem;}}
		.step1 > #nakami > span {color: #333;font-size: 1.4rem;}@media screen and ( max-width:480px){.step1 > #nakami > span {font-size: 1.2rem;}}

	.step2 {
		position: relative;
		text-align: center;
	}
	.step2 > span {
		display: block;
		margin: 0 auto;
		width: 0;
		height: 0;
		border-left: 30px solid transparent;
		border-right: 30px solid transparent;
		border-top: 30px solid #F69;
	}@media screen and ( max-width:480px){.step2 > span {
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 20px solid #F69;
		}}
#step3 {
	position: relative;
	width: 100%;
	margin: 20px auto;
	padding: 16px 0;
	text-align: center;
	background-color: #93F46A;
	font-size: 1.6rem;
	box-shadow: 0px 0px 0px 5px #93F46A;
    border: dashed 2px #ffffff;
    color: #454545;
}#step3::after {
      position: absolute;
      content: '';
      left: -7px;
      top: -7px;
      border-width: 0 0 25px 25px;
      border-style: solid;
      border-color: #fff #fff #93F46A;
      box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
#step3 > span {font-weight: bold;font-size: 2.4rem;letter-spacing:1rem;}