@charset "UTF-8";
.cont1 > #block1 {
	position: relative;
	color: orange;
	font-weight: bold;
	font-size: 1.8rem;
	padding: 5px 5%;
}@media screen and ( max-width:480px){.cont1 > #block1 {font-size: 1.4rem;}}
.cont1 > #block2 {
	position: relative;
	color: #333;
	font-size: 1.6rem;
	padding: 5px 5%;
	line-height: 180%;
}@media screen and ( max-width:480px){.cont1 > #block2 {font-size: 1.4rem;}}
.line1 {
		position: relative;
		padding: 3px;
		border-bottom: 1px solid #F69;
		margin: 30px 0 15px;
		color: #F69;
		font-size: 1.8rem;
	}@media screen and ( max-width:480px){.line1 {margin: 25px 3%; font-size: 1.4rem;}}
.line2 {
	position: relative;
	width: 96%;
	margin: 20px 1% 0px 3%;
	color: #F69;
	font-size: 1.6rem;
	padding-left: 1.0rem;
	text-indent: -0.9rem;
}@media screen and ( max-width:480px){.line2 { font-size: 1.4rem;}}
.line2 > span {
	position: relative;
	display: inline-block;
	margin-right: 5px;
}
.line3 {
	position: relative;
	width: 92%;
	margin: 5px 1% 0 7%;
	color: #333;
	font-size: 1.6rem;
	line-height: 180%;
}@media screen and ( max-width:480px){.line3 {margin: 20px 3% 20px -3% auto; font-size: 1.4rem;}}
#line4 {
	position: relative;
	color: orange;
	font-weight: bold;
	font-size: 1.8rem;
	padding: 30px 5% 10px;
}@media screen and ( max-width:480px){.cont1 > #line4 {font-size: 1.4rem;}}
.line5 {
	position: relative;
	width: 95%;
	margin: 5px 1% 0 4%;
	color: #333;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 180%;
}@media screen and ( max-width:480px){.line5 {margin: 5px auto 0 1%; font-size: 1.4rem;}}
.line6 {
	position: relative;
	width: 90%;
	margin: 5px 1% 10px 9%;
	color: #333;
	font-size: 1.6rem;
	line-height: 180%;
}@media screen and ( max-width:480px){.line6 {width: 94%;margin: 5px 1% 20px 5% ; font-size: 1.4rem;}}
#line7 {
	position: relative;
	width: 92%;
	margin: 5px 1% 0 7%;
	color: #333;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 180%;
}@media screen and ( max-width:480px){#line7 {margin: 20px 3% 20px -3% auto; font-size: 1.4rem;}}
#line8 {
	position: relative;
	width: 90%;
	margin: 20px auto;
}
		#line8 > img {
			position: relative;
			border: 1px solid #CCC;
			width: 45%;
			height: auto;
			padding: 3px;
			margin: 0 2%;
		}
.line9 {
	position: relative;
	color: orange;
	font-weight: bold;
	font-size: 1.8rem;
	padding: 10px 5% 0;
}@media screen and ( max-width:480px){.cont1 > #line9 {font-size: 1.4rem;}}
.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;
		display: block;
		width: 20%;
		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: 24%;font-size: 1.1rem;}}
		.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: 76%;
		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: 71%;font-size: 1.4rem;}}
		.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;
		}}
.line10 {
	position: relative;
	margin: 20px 4%;
	font-size: 1.6rem;
}