@charset "utf-8";

/*==========================================================================================

共通

==========================================================================================*/
.guide{
	background:url(../../images/guide_bg.jpg);
}

	
/*==========================================================================================================

プリントアウト用（PC用CSSと同内容）

=============================================================================================================*/	
.kiso{
	text-align:center;
	padding-bottom:30px;
}
.kiso h2{
	font-size:32px;
	font-weight:bold;
	margin-bottom:90px;
}

.kiso .section01{
	width:100%;
	margin:0 auto 40px;
}
	.kiso .section01 .common{
		background-color:#F9F4F0;
		height:320px;
		padding-top:15px;
		width:48%;
		text-align:left;
		margin-bottom:40px;
		
	}
	.kiso .section01 dl{
		width:440px;
		margin:0 auto;
	}
		.kiso .section01 dl dt{
			border-bottom:2px solid #EA4600;
			margin-bottom:10px;
			padding-bottom:4px;
			font-size:24px;
		}
		.kiso .section01 dl dd{
			border-bottom:1px solid #CCCCCC;
			margin-bottom:4px;
			background:url(../images/list_mark.png) no-repeat;
			background-position:right 13px;
			font-size:22px;
		}
		.kiso .section01 dl dd::before{
			content: ">";
			color: #ED4500;
			font-weight:bold;
			font-size:90%;
			padding-right:8px;
		}
			.kiso .section01 dl dd a:link, .kiso .section01 dl dd a:visited{
				color:#333;
				text-decoration:none;
			}
			.kiso .section01 dl dd a:hover{
				color:#333;
				text-decoration:underline;
			}
	.kiso .section01 .block01{
		float:left;
	}
	.kiso .section01 .block02{
		float:right;
	}

.kiso .section02{
	width:520px;
	margin:0 auto 80px;
}
	.kiso .section02 li{
		float:left;
		width:220px;
		padding:10px 0 7px;
		border:2px solid #EA4600;
		font-size:22px;
	}
		.kiso .section02 li a:link, .kiso .section02 li a:visited, .kiso .section02 li a:hover{
			color:#333;
			text-decoration:none;
		}
	.kiso .section02 li.right{
		float:right;
	}
	.kiso .section02 li::before{
		content: ">";
		color: #ED4500;
		font-weight:bold;
		font-size:90%;
		padding-right:8px;
	}
	
.kiso .section03{
	
}
	.kiso .section03 .block01{
		margin-bottom:60px;
	}
	.kiso .section03 .block02{
		margin-bottom:40px;
	}
		.kiso .section03 .block02 .num{
			width:11.5%;
			margin:0 auto;
			text-align:center;
			float:left;
			padding-right:30px;
			padding-bottom:20px;
		}
		.kiso .section03 .block02 .txt{
			width:53.4%;
			margin:0 auto;
			text-align:center;
			float:left;
			padding-bottom:20px;
		}
		.kiso .section03 .block02 .image{
			width:31.1%;
			margin:0 auto;
			text-align:right;
			float:right;
			padding-bottom:20px;
		}
			.kiso .section03 .block02 .image img{
				width:auto;
			}



	
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* スマホ向けのスタイル：0px〜720px（基準は320px）*/
@media only screen and (min-width: 0px) {
.kiso{
	text-align:center;
	padding-bottom:30px;
}
.kiso h2{
	font-size:120%;
	font-weight:bold;
	margin-bottom:30px;
}

.kiso .section01{
	width:100%;
	margin:0 auto 10px;
}
	.kiso .section01 .common{
		background-color:#F9F4F0;
		height:auto;
		padding-top:15px;
		padding-bottom:15px;
		width:90%;
		text-align:none;
		margin:0 auto;
		text-align:left;
		margin-bottom:30px;
		
	}
	.kiso .section01 dl{
		width:90%;
		margin:0 auto;
	}
		.kiso .section01 dl dt{
			border-bottom:2px solid #EA4600;
			margin-bottom:10px;
			padding-bottom:4px;
			font-size:130%;
		}
		.kiso .section01 dl dd{
			border-bottom:1px solid #CCCCCC;
			margin-bottom:4px;
			background:url(../images/list_mark.png) no-repeat;
			background-position:right 8px;
			font-size:120%;
		}
		.kiso .section01 dl dd::before{
			content: ">";
			color: #ED4500;
			font-weight:bold;
			font-size:90%;
			padding-right:8px;
		}
			.kiso .section01 dl dd a:link, .kiso .section01 dl dd a:link{
				
			}
	.kiso .section01 .block01{
		float:none;
	}
	.kiso .section01 .block02{
		float:none;
	}

.kiso .section02{
	width:100%;
	margin:0 auto 80px;
}
	.kiso .section02 li{
		float:left;
		width:46%;
		padding:10px 0 7px;
		border:2px solid #EA4600;
		font-size:110%;
	}
		.kiso .section02 li a:link, .kiso .section02 li a:visited, .kiso .section02 li a:hover{
			color:#333;
			text-decoration:none;
		}
	.kiso .section02 li.right{
		float:right;
	}
	.kiso .section02 li::before{
		content: ">";
		color: #ED4500;
		font-weight:bold;
		font-size:90%;
		padding-right:8px;
	}
		.kiso .section01 dl dd a:link, .kiso .section01 dl dd a:visited{
				color:#333;
				text-decoration:none;
			}
			.kiso .section01 dl dd a:hover{
				color:#333;
				text-decoration:underline;
			}
	
.kiso .section03{
	
}
	.kiso .section03 .block01{
		margin-bottom:30px;
	}
	.kiso .section03 .block02{
		margin-bottom:30px;
	}
		.kiso .section03 .block02 .num{
			width:20%;
			margin:0 auto;
			text-align:center;
			float:none;
			padding-right:30px;
			padding-bottom:10px;
		}
		.kiso .section03 .block02 .txt{
			width:100%;
			margin:0 auto;
			text-align:center;
			float:none;
			padding-bottom:20px;
		}
		.kiso .section03 .block02 .image{
			width:auto;
			margin:0 auto;
			text-align:center;
			float:none;
			padding-bottom:20px;
		}
			.kiso .section03 .block02 .image img{
				width:auto;
			}
		
}
	
/* タブレット向けのスタイル：721px ～ 999px */
@media only screen and (min-width: 721px) {
.kiso{
	text-align:center;
	padding-bottom:30px;
}
.kiso h2{
	font-size:32px;
	font-weight:bold;
	margin-bottom:90px;
}

.kiso .section01{
	width:100%;
	margin:0 auto 40px;
}
	.kiso .section01 .common{
		background-color:#F9F4F0;
		height:320px;
		padding-top:15px;
		padding-bottom:0;
		width:48%;
		text-align:left;
		margin-bottom:40px;
		
	}
	.kiso .section01 dl{
		width:90%;
		margin:0 auto;
	}
		.kiso .section01 dl dt{
			border-bottom:2px solid #EA4600;
			margin-bottom:10px;
			padding-bottom:4px;
			font-size:24px;
		}
		.kiso .section01 dl dd{
			border-bottom:1px solid #CCCCCC;
			margin-bottom:4px;
			background:url(../images/list_mark.png) no-repeat;
			background-position:right 13px;
			font-size:22px;
		}
		.kiso .section01 dl dd::before{
			content: ">";
			color: #ED4500;
			font-weight:bold;
			font-size:90%;
			padding-right:8px;
		}
			.kiso .section01 dl dd a:link, .kiso .section01 dl dd a:link{
				
			}
	.kiso .section01 .block01{
		float:left;
	}
	.kiso .section01 .block02{
		float:right;
	}

.kiso .section02{
	width:520px;
	margin:0 auto 80px;
}
	.kiso .section02 li{
		float:left;
		width:220px;
		padding:10px 0 7px;
		border:2px solid #EA4600;
		font-size:22px;
	}
		.kiso .section02 li a:link, .kiso .section02 li a:visited, .kiso .section02 li a:hover{
			color:#333;
			text-decoration:none;
		}
	.kiso .section02 li.right{
		float:right;
	}
	.kiso .section02 li::before{
		content: ">";
		color: #ED4500;
		font-weight:bold;
		font-size:90%;
		padding-right:8px;
	}
		.kiso .section01 dl dd a:link, .kiso .section01 dl dd a:visited{
				color:#333;
				text-decoration:none;
			}
			.kiso .section01 dl dd a:hover{
				color:#333;
				text-decoration:underline;
			}
	
.kiso .section03{
	
}
	.kiso .section03 .block01{
		margin-bottom:60px;
	}
	.kiso .section03 .block02{
		margin-bottom:40px;
	}
		.kiso .section03 .block02 .num{
			width:11.5%;
			margin:0 auto;
			text-align:center;
			float:left;
			padding-right:30px;
			padding-bottom:20px;
		}
		.kiso .section03 .block02 .txt{
			width:53.4%;
			margin:0 auto;
			text-align:center;
			float:left;
			padding-bottom:20px;
		}
		.kiso .section03 .block02 .image{
			width:20%;
			margin:0 auto;
			text-align:right;
			float:right;
			padding-bottom:20px;
		}
			.kiso .section03 .block02 .image img{
				width:100%;
			}
}

/*  PC向けのスタイル：1000px以上*/
@media only screen and (min-width: 1000px) {
.kiso{
	text-align:center;
	padding-bottom:30px;
}
.kiso h2{
	font-size:32px;
	font-weight:bold;
	margin-bottom:90px;
}

.kiso .section01{
	width:100%;
	margin:0 auto 40px;
}
	.kiso .section01 .common{
		background-color:#F9F4F0;
		height:320px;
		padding-top:15px;
		width:48%;
		text-align:left;
		margin-bottom:40px;
		
	}
	.kiso .section01 dl{
		width:440px;
		margin:0 auto;
	}
		.kiso .section01 dl dt{
			border-bottom:2px solid #EA4600;
			margin-bottom:10px;
			padding-bottom:4px;
			font-size:24px;
		}
		.kiso .section01 dl dd{
			border-bottom:1px solid #CCCCCC;
			margin-bottom:4px;
			background:url(../images/list_mark.png) no-repeat;
			background-position:right 13px;
			font-size:22px;
		}
		.kiso .section01 dl dd::before{
			content: ">";
			color: #ED4500;
			font-weight:bold;
			font-size:90%;
			padding-right:8px;
		}
			.kiso .section01 dl dd a:link, .kiso .section01 dl dd a:visited{
				color:#333;
				text-decoration:none;
			}
			.kiso .section01 dl dd a:hover{
				color:#333;
				text-decoration:underline;
			}
	.kiso .section01 .block01{
		float:left;
	}
	.kiso .section01 .block02{
		float:right;
	}

.kiso .section02{
	width:520px;
	margin:0 auto 80px;
}
	.kiso .section02 li{
		float:left;
		width:220px;
		padding:10px 0 7px;
		border:2px solid #EA4600;
		font-size:22px;
	}
		.kiso .section02 li a:link, .kiso .section02 li a:visited, .kiso .section02 li a:hover{
			color:#333;
			text-decoration:none;
		}
	.kiso .section02 li.right{
		float:right;
	}
	.kiso .section02 li::before{
		content: ">";
		color: #ED4500;
		font-weight:bold;
		font-size:90%;
		padding-right:8px;
	}
	
.kiso .section03{
	
}
	.kiso .section03 .block01{
		margin-bottom:60px;
	}
	.kiso .section03 .block02{
		margin-bottom:40px;
	}
		.kiso .section03 .block02 .num{
			width:11.5%;
			margin:0 auto;
			text-align:center;
			float:left;
			padding-right:30px;
			padding-bottom:20px;
		}
		.kiso .section03 .block02 .txt{
			width:53.4%;
			margin:0 auto;
			text-align:center;
			float:left;
			padding-bottom:20px;
		}
		.kiso .section03 .block02 .image{
			width:31.1%;
			margin:0 auto;
			text-align:right;
			float:right;
			padding-bottom:20px;
		}
			.kiso .section03 .block02 .image img{
				width:auto;
			}
	
}