.section01 {
  margin-bottom: 14px;
  padding: 20px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
}
.h2_title01 {
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 22px;
  font-size: 2.2rem;
}
@media only screen and (max-width: 768px){
.h2_title01 {
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 17px;
  font-size: 1.7rem;
}
}
.h3_title01 {
  margin: 20px 0 20px 0;
  padding-bottom: 5px;
  border-bottom: solid 2px #2d9be9;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
}
@media only screen and (max-width: 768px){
.h3_title01 {
  margin: 20px 0 20px 0;
  padding-bottom: 5px;
  border-bottom: solid 2px #2d9be9;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
}
}

 .preface01 {
  line-height: 1.8;
  font-size: 13px;
  font-size: 1.3rem;
}
 .boxcontents {
margin:10px 0 10px 0;
padding:10px 15px 1px 15px;
background-color:#eaf6fd;
}
 .preface01 span {
  display: inline-block;
  font-weight: bold;
}




.list_basic01 {
		margin:10px 0 10px 0;
}
	.list_basic01 li {
		margin-bottom: 6px;
		position: relative;
		padding-left: 1em;
	}
	.list_basic01 li:last-child {
		margin-bottom: 0;
	}
		.list_basic01 li .mark {			
			position: absolute;
			left: 0;
			top: 0;
		}

.list_inline01 {
		margin:10px 0 10px 0;
		}
	.list_inline01 li {
		display: inline-block;
		margin: 6px 20px 0 0;
	}
	.list_inline01 li:last-child {
		margin-right: 0;
	}
.list_inline01 {
}
	.list_inline01.col2 li {
		width: 49.9%;
		float: left;
		margin-right: 0;
		position: relative;
		padding-left: 1em;
	}
		.list_inline01.col2 li .mark {
			position: absolute;
			left: 0;
			top: 0;
		}
@media screen and (max-width:767px){
.list_inline01 li {
	margin-top: 10px;
}
	.list_inline01 li,
	.list_inline01.col2 li {
		display: block;
		float: none;
		margin: 0 0 6px 0;
		width: auto;
		position: relative;
		padding-left: 1em;
	}
		.list_inline01 li .mark {
			position: absolute;
			left: 0;
			top: 0;
		}
}


.list_link01 {
		margin:10px 0 10px 0;
		}
		.list_link01 li {
				margin: 0 0 6px 0;
		}
		.list_link01 a {
			display: inline-block;
			position: relative;
			padding-left: 13px;
			text-decoration: none;
		}
		.list_link01 a:hover { text-decoration: underline;}
		.list_link01 a:hover span { text-decoration: underline;}

		.list_link01 a:before {
			content: "▶";
			color: #2d9be9;
			position: absolute;
			top: 1px;
			left: 0;
			font-size: 11px;
			font-size: 1.1rem;
		}
			.list_link01 a.blank:after {
				content: "";
				position: absolute;
				width: 14px;
				height: 11px;
				margin: 4px 0 0 4px;
				background: url(../../common/img/ico_window01.png) 0 0 no-repeat;
			}
			.list_link01 a > span:hover { text-decoration: underline;}

@media only screen and (max-width : 768px) {
		.list_link01 li {
				margin: 0 0 6px 0;
		}
		.list_link01 a {
			display: inline-block;
			position: relative;
			padding-left: 13px;
		}
		.list_link01 a:hover { text-decoration: underline;}
		
		.list_link01 a:before {
			content: "▶";
			color: #2d9be9;
			position: absolute;
			top: 1px;
			left: 0;
			font-size: 11px;
			font-size: 1.1rem;
		}
			.list_link01 a.blank:after {
				content: "";
				position: absolute;
				width: 14px;
				height: 11px;
				margin: 4px 0 0 4px;
				background: url(../../common/img/ico_window01.png) 0 0 no-repeat;
			}
			.list_link01 a > span:hover { text-decoration: underline;}
}

.list_order01 {
	margin: 20px 0;
}
	.list_order01 li {
		display: table;
				margin: 0 0 6px 0;
		}
		.list_order01 li .mark,
		.list_order01 li .detail {
			display: table-cell;
			vertical-align: top;
		}
		.list_order01 li .mark {
			color: #434343;
			font-weight: bold;
		}
		.list_order01 li .detail {
			padding-left: 6px;
		}


						.list_dl01 {
							line-height: 1.8;
							font-size: 12px;
							font-size: 1.2rem;
						}
							.list_dl01 dl { overflow: hidden;}
							
								.list_dl01 dt {
									float: left;
									margin-right: 15px;
									font-weight: bold;
								}



.section02  .block_section01 {
  margin:20px ;
  }



/* !table_base
---------------------------------------------------------- */
.table_base { width: 100%;}

	.table_base .w12p { width: 12%;}
	.table_base .w13p { width: 13.5%;}
	.table_base .w15p { width: 15%;}
	.table_base .w22p { width: 22.5%;}
	.table_base .w24p { width: 24.5%;}
	.table_base .w27p {
		width: 27%;
		width: 26%\9; /*ie8-hack*/
	}
	.table_base .w42p { width: 42%;}
	.table_base .w47p { width: 47%;}
	.table_base .w58p { width: 58%;}
	.table_base .w73p { width: 73%;}
	
	.table_base .even th,
	.table_base .even td { background-color: #eaf6fd;}	
	
		.table_base .even td {
			border: solid #dcdcdc;
			border-width: 1px 0;
		}
		.table_base th.first + td,
		.table_base .thead th.first { padding-left: 20px;}

		.table_base th,
		.table_base td {
			padding: 12px 10px;
			font-size: 13px;
			font-size: 1.3rem;
		}
			.table_base .thead th {
				display: table-cell;
				padding: 10px;
				font-weight: bold;
				font-size: 11px;
				font-size: 1.1rem;
			}
			.table_base th {
				display: none;
				font-weight: bold;
			}
			.table_base td {}
			
			.table_base tr.last td.last { border-bottom: 0;}
			
			.table_base tr.even td.last { border-bottom: solid 1px #dcdcdc;}
			
				.table_base.type01 td { border-right: solid 1px #dcdcdc;}
				
				.table_base.type01 td.last { border-right: 0;}
				
				.table_base.type02 td { padding: 20px;}


	.table_base .fz11 {
		font-size: 11px;
		font-size: 1.1rem;
	}
	.table_base .link01 {
		position: relative;
		padding-left: 12px;
		text-decoration: none;
	}
	.table_base .link01:before {
		content: "▶";
		position: absolute;
		top: 1px;
		left: 0;
		font-size: 11px;
		font-size: 1.1rem;
		color: #2d9be9;
	}
	.table_base .topic_on {}
	
		.table_base .topic_on > a {
			display: block;
			width: 24px;
			height: 22px;
			margin: 0 auto;
			background-image: url(../img/btn_topic01.png);
			background-position: 0 0;
			background-repeat: no-repeat;
		}
		.table_base .topic_on > a:hover { background-position: 0 -22px;}
		
	.table_base .topic_off {} 
	
	.table_base .topic_off:before { content: "ー";}
	
	.table_base .btn_guide01 {
		display: block;
		width: 140px;
		height: 40px;
		padding: 8px 5px;
		margin: 0 auto;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background-color: #2d9be9;
		color: #fff;
		font-size: 14px;
		font-size: 1.4rem;
		text-align: center;
	}
	.table_base .btn_guide01:hover {
		background-color: #367acf;
		text-decoration: none;
	}
		.table_base .btn_guide01 > span {
			display: inline-block;
			position: relative;
			padding-right: 18px;
		}
		.table_base .btn_guide01 > span:after {
			content: "";
			position: absolute;
			top: 5px;
			right: 0;
			width: 14px;
			height: 11px;
			background: url(../../common/img/ico_window02.png) 0 0 no-repeat;	
		}
		.table_base .dl_post01 {}
		
			.table_base .dl_post01 dt {
				margin-bottom: 4px;
				font-weight: bold;
			}
			.table_base .dl_post01 dd {}

 .preface02 {
  line-height: 1.3;
  font-size: 13px;
  font-size: 1.3rem;
}

/* !media screen 768px
---------------------------------------------------------- */	
@media only screen and (max-width : 768px) {
/* !table_news
---------------------------------------------------------- */
.table_base {}

	.table_base .w12p,
	.table_base .w13p,
	.table_base .w15p,
	.table_base .w22p,
	.table_base .w24p,
	.table_base .w27p,
	.table_base .w42p,
	.table_base .w47p,
	.table_base .w58p,
	.table_base .w73p { width: 100%;}

		.table_base th,
		.table_base td {
			display: block;
			padding: 10px;
			border-bottom: 0;
			font-size: 11px;
			font-size: 1.1rem;
		}
			.table_base .even td { border-width: 0;}
			
			.table_base th ~ td { padding: 0 10px;}
						
			.table_base th.first + td,
			.table_base .thead th.first { padding-left: 10px;}

				.table_base th { padding-bottom: 5px;}
				
					.table_base .thead th { display: none;}
	
					.table_base td.last {
						padding-bottom: 10px;
						border-bottom: solid 1px #dcdcdc;
					}
					.table_base.type02 td { padding: 15px 10px;}
					
					.table_base.type02 td.last { padding-top: 0;}

	.table_base a { text-decoration: none;}	
		
		.table_base .link01 {
			position: relative;
			padding-left: 12px;
			text-decoration: none;
		}
		.table_base .link01:before {
			top: 0;
			font-size: 10px;
			font-size: 1.0rem;
		}
		.table_base .topic_on {}
		
			.table_base .topic_on > a {
				display: block;
				width: 19px;
				height: 17px;
				margin: 0;
				background-image: url(../img/btn_topic01_small.png);
				-webkit-background-size: 19px 17px;
				background-size: 19px 17px;
			}
			.table_base .topic_on > a:hover { background-position: 0 0;}

		.table_base .btn_guide01 {
			width: 150px;
			height: 35px;
			padding: 8px 5px;
			font-size: 12px;
			font-size: 1.2em;
		}
		.table_base .btn_guide01:hover { background-color: #2d9be9;}
		
			.table_base .btn_guide01 > span {}
			
			.table_base .btn_guide01 > span:after { top: 4px;}
			
			.table_base .dl_post01 {
				font-size: 12px;
				font-size: 1.2rem;
			}
				.table_base .dl_post01 dt { margin-bottom: 4px;}

			 .preface02 {
  line-height: 1.4;
  font-size: 11px;
  font-size: 1.1rem;
}

			
	}