/* CSS Document */


.topHead {
	background:#f4f4f4;
	width:100%;
	padding:50px;
}
.tryHead  {
	width:100%;

}
.headUl01 {
	width:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
}
.headUl01 > li {
	text-align:center;
	width:calc((100% / 5));
	margin:auto;
}
.headUl02 {
	width:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
}
.headUl02 > li {
	text-align:center;
	width:calc((100% / 3));
	margin:auto;
}
.headUl02 > li > i {
	font-size:64px;
}
.tryHead > button {
	color:#FFF;
	width:200px;
	height:50px;
	background:#dc143c;
	margin:auto;
	display:block;
}
.ebis > img {
	max-width:100%;
	margin:auto;
}

/* ■■■■■■■■■■■■■■■      Moile CSS @media screen and (max-width: 800px)   ■■■■■■■■■■■■■■■*/
@media screen and (max-width: 800px) {

.topHead {
	width:100%;
	padding:10px;
}
.topHead > h1 {
	margin:0 0 0 0;
	font-size:18px;
	line-height:150%;
}
.headUl01 {
	width:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
}
.headUl01 > li {
	text-align:center;
	width:50%;
	margin:auto;
	float:none;
}
.headUl01 > li > img {
	width:100%;
}

.headUl02 > li {
	text-align:center;
	width:100%;
	margin:auto;
	float:none;
}
.headUl02 > li > i {
	font-size:64px;
}
.right {
	margin:auto;
	float:none;
}
}