@charset "utf-8";
@import url("pages.css");
/*--京base.css--*/
/*###############PC first###############*/
	#contents_title h1{
		font-weight:bold;
		font-size:20px;
		padding-top:30px;
		padding-bottom:28px;
		padding-left:40px;
		background-image:url(/shared/order/bg_ttl_01.png)
	}
	
	.hajimete_box{
		background:#FFF;
		border-radius:5px;
		padding:20px 20px 50px 20px;
	}
	
	.hajimete_box hr{
		margin:30px 0 40px 0;
		border:0;
		border-top:1px dotted #666666;
	}
	
	body#pages #page_body .intro_box h3{
		padding:0;
		background:none;
		border-radius:0;
		margin:10px 0 30px 0;
	}
	
	.intro_box{
		position:relative;
		margin:0 20px;
	}
	
		.intro_box h4{
			color:#058C96;
			font-weight:bold;
			margin-bottom:10px;
			font-size:1.4em;
		}
		
		.intro_box p{
			width:400px;
		}
		
		.intro_box .intro_img{
			width:296px;
			height:416px;
			position:absolute;
			top:0;
			right:0;
		}
		
	.flow_box h4,
	.order_box h4{
		text-align:center;
		color:#058C96;
		font-size:1.5em;
		font-weight:bold;
		margin-bottom:20px;
	}
	
	.flow_box h4:before,
	.order_box h4:before{
		content:"─";
		margin-right:10px;
	}
	
	.flow_box h4:after,
	.order_box h4:after{
		content:"─";
		margin-left:10px;
	}
	
	.flow_ind_box{
		border:8px solid #E5E5E5;
		padding:10px;
		margin:0 10px;
		padding:20px 10px;
	}
	
	.flow_ind_box h5{
		color:#058C96;
		font-size:1.8em;
		font-weight:bold;
		margin-bottom:20px;
		border-bottom:1px dotted #666;
		padding:0 10px 10px 10px;
	}
	
	.flow_ind_box .box_inner{
		margin:0 10px;
	}
	
	.nyuko_way{
		display:flex;
		justify-content:center;
		margin-bottom:20px;
	}
	
	.nyuko_way li{
		width:200px;
		margin-right:30px;
	}
	
	.nyuko_way li:last-child{
		margin-right:0;
	}
	
	.nyuko_way li .step_img{
		margin-bottom:10px;
	}
	
	.nyuko_way li p{
		margin:0 10px;
		line-height:1.6em;
	}
	
	body#pages #page_body p.emp{
		background:#fdfddc;
		color:#058C96;
		font-size:1.5em;
		font-weight:bold;
		padding:12px 0 10px 0;
		text-align:center;
		border-radius:5px;
		line-height:1.7em;
	}
	
	.flow_arr{
		text-align:center;
		padding:15px 0;
	}
	
		.flow_arr img.img-responsive{
			display:inline;
		}
		
	.cir_list{
		line-height:1.8em;
	}
		
	.cir_list li:before{
		content:"〇";
	}
	
	.flow_ind_box.flow3 > .box_inner{
		position:relative;
	}
	
	.flow_ind_box.flow3 > .box_inner ul{
		width:430px;
	}
	
	.flow_ind_box.flow3 > .box_inner .flow3_img{
		width:180px;
		height:140px;
		position:absolute;
		top:0;
		right:0;
	}
	
	.order_box ul{
		display:flex;
		justify-content:center;
		margin-bottom:20px;
	}
	
		.order_box ul li{
			margin-right:30px;
		}
		
		.order_box ul li:last-child{
			margin-right:0;
		}
		
	.order_box p{
		text-align:center;
	}
	

@media screen and (max-width: 479px) {
/* 479px以下用（スマートフォン用）の記述 */
.hajimete_box{
	padding:20px;
}

.flow_box h4,
.order_box h4{
	font-size:1.3em;
}

.intro_box{
	margin:0;
}

.intro_box p{
	width:auto;
}
.intro_box .intro_img{
	position:relative;
	width:50%;
	height:auto;
	margin:0 auto;
}

.flow_ind_box{
	border:4px solid  #E5E5E5;
	margin:0;
}

.flow_ind_box h5{
	font-size:1.6em;
}

.nyuko_way{
	display:block;
}

.nyuko_way li{
	width:auto;
	margin:0;
}

.nyuko_way li .step_img{
	width:50%;
	margin:0 auto 10px auto;
}

body#pages #page_body p.emp{
	font-size:1.2em;
	text-align:left;
	padding:12px 10px 10px 10px;
}

.flow_ind_box.flow3 > .box_inner ul{
	width:auto;
}

.flow_ind_box.flow3 > .box_inner .flow3_img{
	width:50%;
	height:auto;
	margin:0 auto;
	position:relative;
}

}