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

/* ==========================
.top_visual
============================= */
.mainvisual{
	background: url(../img/mainvisual_bg.png) no-repeat center;
	background-size: cover;
}
/* ==========================
map_list
============================= */
.top_txt_box p{
	line-height: 2;
	text-align: center;
	margin-bottom: 30px;
}
.top_txt_box p:last-of-type{
	margin-bottom: 0px;
}
.box.btn_area{
	padding-top: 0px;
}
.btn_list{
	max-width: 1040px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	margin-bottom: 0%;
}
.btn_list li{
	margin:30px 10px;
	}

.btn_list li {
	opacity: 0;
	transform: translateY(60px);
	transition: all 0.8s ease;
}

.btn_list li:nth-child(1) {
	animation-delay: 0.4s;
}
.btn_list li:nth-child(2) {
	animation-delay: 0.6s;
}
.btn_list li:nth-child(3) {
	animation-delay: 0.8s;
}
.btn_list li:nth-child(4) {
	animation-delay: 1s;
}
.btn_list li:nth-child(5) {
	animation-delay: 1.2s;
}
.btn_list li.inview {
	opacity: 1;
	transform: translateY(0);
}

@keyframes fadeUp {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.box.btn_area{
	/*background: url(../img/main_bg01.png) no-repeat bottom;
	background-size:contain;*/
}
.co_img img{
	width: 100%;
	height: auto;
}

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

/* ==========================
mv_box
============================= */
.btn_list{
	margin:0px 5% 25% 5%;
	justify-content:space-between;
	}
.btn_list li {
	margin: 15px 0;
	width: 48%;
	}
	
}
@media print {

.box.btn_area {
    background:none;

}
	

}