@charset "utf-8";

/***--- first_section ---***/
.first_section{
	section{
		.notice{
			padding:20px;
			background-color:var(--maincolor);
			border:4px solid var(--maincolor);
			p{
				color:#FFF;
				text-align:center;
				strong{
					font-size:2.2rem;
				}
			}
		}
	}
}

/***--- second_section ---***/
.second_section{
	
}

/***--- third_section ---***/
.third_section{
	section{
		.content_list{
			display:flex;
			justify-content:space-between;
			flex-wrap:wrap;
			.contentbox{
				width:46.5%;
				margin:0 0 30px 0;
				padding:30px 20px 30px 20px;
				background-color:var(--subcolor1);
				border:4px solid var(--maincolor);
				h2{
					font-size:3.0rem;
					margin:0 0 20px 0;
				}
				p{
					
				}
				.linkbtn{
					max-width:350px;
					width:80%;
				}
			}
		}
	}
}



/***--- topics ---***/
#topics{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
	#topics .topics1{
		width:46.5%;
	}
	#topics .topics2{
		width:46.5%;
	}
	/*#topics h2{
		font-size:2.6rem;
		font-weight:bold;
		text-align:left;
		border-bottom:2px solid #415B9A;
		margin-bottom:35px;
	}*/
		/*- topics table -*/
		#topics table{
			margin:0 0 50px 0;
		}
			#topics table tr th{
				color:#333;
				display:block;
				width:100%;
				border:none;
				padding:15px 10px 10px 0;
			}
			#topics table tr td{
				display:block;
				width:100%;
				padding:0 10px 15px 0;
			}
			
.ftr_contact{
	
}
	.ftr_contact section{
		width:1200px;
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		.notice{
			padding:20px;
			margin:0 0 50px 0;
			background-color:var(--subcolor1);
			border:4px solid var(--maincolor);
			span.center{
				text-align:center;
				display:block;
				font-weight:bold;
				font-size:2.0rem;
			}
			p{
				color:#333;
			}
		}
	}
		.ftr_contact section .ttl{
			width:100%;
			font-weight:bold;
			font-size:2.0rem;
		}
		.ftr_contact section .left{
			width:48.5%;
		}
		.ftr_contact section .right{
			width:48.5%;
		}


.noscroll .scroll_box{
	display:none !important;
}
				
				


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-----------------------------------------------------	*/
/*	for - 1800px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 1800px) {

}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-----------------------------------------------------	*/
/*	for - 1200px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 1200px) {

/***--- content_list ---***/
#content_list {
    padding-top:100px;
}

/***--- topics ---***/
#topics{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding:0 20px 0 20px;
	box-sizing:border-box;
	margin-top:100px;
}
	#topics .topics1{
		width:100%;
		margin:100px 0 50px 0;
	}
	#topics .topics2{
		width:100%;
	}
	
.ftr_contact{
	
}
	.ftr_contact section{
		width:100%;
	}

}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-----------------------------------------------------	*/
/*	for - 1000px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 1000px) {

#content_list section ul li{
	width:50%;
}


}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-----------------------------------------------------	*/
/*	for - 900px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 900px) {



}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-----------------------------------------------------	*/
/*	for - 768px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 768px) {

.topics_table tr th{
	width:100%;
	display:block;
	border:none;
	padding-bottom:0;
}
.topics_table tr td{
	width:100%;
	display:block;
	padding-top:10px;
}

.ftr_contact{
	
}
	.ftr_contact section{
		width:100%;
		display:block;
	}
		.ftr_contact section .left{
			width:100%;
			margin:0 0 20px 0;
		}
		.ftr_contact section .right{
			width:100%;
		}

}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-----------------------------------------------------	*/
/*	for - 700px					*/
/*-----------------------------------------------------	*/
@media screen and (max-width: 700px) {

/***--- third_section ---***/
.third_section{
	section{
		.content_list{
			display:block;
			.contentbox{
				width:100%;
				margin-bottom:30px;
				&:last-child{
					margin-bottom:0;
				}
				h2{
					margin:0 0 20px 0;
				}
				p{
					
				}
				.linkbtn{
					max-width:350px;
					width:80%;
				}
			}
		}
	}
}

}
			
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-----------------------------------------------------	*/
/*	for - 500px					*/
/*-----------------------------------------------------	*/
@media screen and (max-width: 500px) {

.ftr_contact{
	width:100%;
	margin:0 auto 0;
}

}
	
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*-----------------------------------------------------	*/
/*	for - 400px					*/
/*-----------------------------------------------------	*/
@media screen and (max-width: 400px) {



}