.flex_box {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.flex_box02 {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.flex_box03 {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
}

.flex_box04 {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
}

.flex_box05 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 90%;
	margin: 10px auto;
}

.te_cent {
	text-align: center;
}

.pa10 {
	padding: 10px 0;
}

.pa20 {
	padding: 20px 0;
}

.flex_20 {
	width: 22%;
	margin: 0 auto;
}

.flex_30 {
	width: 28%;
	margin: 0 auto;
}

.flex_35 {
	width: 32%;
	margin: 0 auto;
}

.flex_40 {
	width: 38%;
	margin: 0 auto;
}

.flex_50 {
	width: 48%;
	margin: 0 auto;
}

.flex_60 {
	width: 58%;
	margin: 0 auto;
}

.flex_65 {
	width: 63%;
	margin: 0 auto;
}

.flex_70 {
	width: 68%;
	margin: 0 auto;
}

.flex_90 {
	width: 90%;
	margin: 0 auto;
}

.flex_box img,
.flex_box02 img,
.flex_box03 img,
.flex_box04 img,
.flex_box05 img {
	width: 100%;
}

footer {
	background: #fff;
	border-top: dotted 2px #4398f8;
}

.footer_logo {
	width: 30%;
	margin: 20px auto 10px;
}

.footer_logo img {
	width: 100%;
	margin: 0 auto;
}
.fo_80{
font-size: 150%;
margin: 10px auto 0;
width: 95%;
color: #369FD1;
text-align: center;	
	font-weight: bold;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateX(-10px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.fade-in {
  animation: fadeIn 0.6s ease-out forwards;
}
@media screen and (max-width: 850px) {
	.flex_box,
	.flex_box02,
	.flex_box03,
	.flex_box04 {
		flex-direction: column;
		width: 100%;
		margin: 10px auto;
	}

	.flex_20 {
		width: 60%;
		margin: 8px auto;
	}

	.flex_30 {
		width: 50%;
	}

	.flex_40 {
		width: 85%;
	}

	.flex_35,
	.flex_65,
	.flex_50,
	.flex_60,
	.flex_70,
	.flex_90 {
		width: 95%;
	}

	.footer_logo {
		width: 60%;
		margin: 20px auto 10px;
	}

	.flex_select,
	.flex_select2 {
		flex-direction: row;
	}
}

@media screen and (max-width: 520px) {
	.flex_20 {
		width: 86%;
		margin: 8px auto;
	}

	.flex_35,
	.flex_65,
	.flex_30,
	.flex_40,
	.flex_50,
	.flex_60,
	.flex_70,
	.flex_90,
	.flex_75 {
		width: 98%;
	}

	.flex_box05 {
		width: 100%;
	}
}