@charset "UTF-8";
/* CSS Document */



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/


.cap {
	line-height: 1.6 !important;
	margin-left: 1rem;/*1文字分、左に寄せる*/
	margin-bottom: 5px !important;
}
.cap::before {
  content: '※ ';
  margin-left: -1rem;
}

/* PC */
@media screen and (min-width: 801px), print {
	
	
	
#mainimage {
	position: relative;
	margin-top: -10px;
	z-index:1;
	margin-bottom: 80px;
}
	#mainimage img {
		width: 100%;
		height: auto;
	}
	
	


#about {
	margin-bottom: 30px;
}
	#about dt {
		float: right;
		width: 530px;
	}
	#about dd {
		float: left;
		width: 480px;
	}
		#about dd p {
			margin-bottom: 20px;
			line-height:2.4;
		}
		







#nyuen {
	margin-bottom: 60px;
}
	#nyuen table {
		width: 100%;
		border-collapse: collapse;
		background: #FFF;
		font-size: 116%;
	}
	#nyuen table th {
		text-align: left;
		vertical-align: top;
		color: #d680b9;
		border-bottom: solid 1px #e4e4e4;
		padding: 30px 0;
	}

	#nyuen table td {
		text-align: left;
		vertical-align: top;
		border-bottom: solid 1px #e4e4e4;
		padding: 30px 0;
	}


	#nyuen table tr.last th,
	#nyuen table tr.last td {
		border-bottom: none;
	}






#flow {
}
#flow .box {
	background:url(../../common/img/bg_graydot.gif) repeat center top;
	padding: 7px;
	margin-bottom: 90px;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}


	#flow .box .set {
		background: #FFF;
		padding: 50px 0 !important;
	}

	#flow .box .set .ss {
		background: #FFF url(../img/temporary/flow_pc.png) no-repeat center top;
		position: relative;
		min-height:150px;
	}
		#flow .box .set .ss p {
			font-weight: bold;
			font-size: 116%;
			text-align: center;
		}
		#flow .box .set .ss p.step01  {
			position: absolute;
			top: 70px;
			left: 165px;
		}
		#flow .box .set .ss p.step02  {
			position: absolute;
			top: 70px;
			left: 325px;
		}
		#flow .box .set .ss p.step03  {
			position: absolute;
			top: 70px;
			left: 602px;
		}
		#flow .box .set .ss p.step04  {
			position: absolute;
			top: 70px;
			left: 812px;
		}





}






/* SP */
@media only screen and (max-width: 800px) {




#mainimage {
	position: relative;
	margin-top: -10px;
	z-index:1;
	margin-bottom: 5%;
}
	#mainimage img {
		width: 100%;
		height: auto;
	}
	
	


#about {
}
	#about dt {
		float: right;
		width: 40%;
		margin: 0% 0% 3% 3%;
	}
	#about dt img {
		width: 100%;
		height: auto;
	}
	#about dd {
	}
		#about dd p {
			margin-bottom: 3%;
		}





#nyuen {
	margin-bottom: 5%;
}
	#nyuen table {
		width: 100%;
		border-collapse: collapse;
		background: #FFF;
	}
	#nyuen table th {
		width: 100%;
		display: block;
		text-align: left;
		vertical-align: top;
		color: #d680b9;
		padding-top: 2%;
	}

	#nyuen table td {
		width: 100%;
		display: block;
		text-align: left;
		vertical-align: top;
		border-bottom: solid 1px #e4e4e4;
		padding-bottom: 2%;
	}


	#nyuen table tr.last th,
	#nyuen table tr.last td {
		border-bottom: none;
	}




#flow {
}
#flow .box {
	background:url(../../common/img/bg_graydot.gif) repeat center top;
	padding: 7px;
	margin-bottom: 90px;
	
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}


	#flow .box .set {
		background: #FFF;
		padding: 10% !important;
	}

	#flow .box .set .ss {
		background: #FFF url(../img/temporary/flow_sp.png) no-repeat left top;
		background-size: contain;
		position: relative;
		height: 350px;
	}
		#flow .box .set .ss p {
			font-weight: bold;
			font-size: 116%;
		}
		#flow .box .set .ss p.step01  {
			position: absolute;
			top: 15px;
			left: 70px;
		}
		#flow .box .set .ss p.step02  {
			position: absolute;
			top: 100px;
			left: 70px;
		}
		#flow .box .set .ss p.step03  {
			position: absolute;
			top: 210px;
			left: 70px;
		}
		#flow .box .set .ss p.step04  {
			position: absolute;
			top: 310px;
			left: 70px;
		}

	

}