@charset "utf-8";

/* Top Main Images */
.topMainArea {
	padding-bottom: 6vw;
}

.topMainUpper  {
	display: flex;
	justify-content: space-between;
}

.upperImg {
	width: 41%;
}

.upperImg_s {
	width: 28%;
}

.upperImg img,
.upperImg_s img {
	height: auto;
	width: 100%;
	vertical-align: bottom;
}

.topSubTtl {
	text-align: center;
}

.topSubTtl img {
	vertical-align: bottom;
	height: auto;
	width: 45%;
}

.topMainLower {
	display: flex;
	justify-content: space-between;
}

.lowerImg {
	width: 48%;
}

.lowerImg img {
	height: auto;
	width: 100%;
	vertical-align: bottom;
}


@media screen and (max-width: 767.98px){ /*768-992*/

/* Top Main Images */
.topMainArea {
	padding-bottom: 12vh;
}

.topMainUpper  {
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	padding-bottom: 6vh;
}

.upperImg {
	width: 100%;
	padding-bottom: 2vh;
}

.upperImg_s {
	width: 50%;
}

.upperImg img {
	height: auto;
	width: 100%;
	vertical-align: bottom;
}

.upperImg_s img {
	height: auto;
	width: 100%;
	vertical-align: bottom;
}

.topSubTtl {
	text-align: center;
	padding-bottom: 1.5vh;
}

.topSubTtl img {
	vertical-align: bottom;
	height: auto;
	width: 90%;
}

.topMainLower {
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}

.lowerImg {
	width: 100%;
	padding-bottom: 4vh;
}

.lowerImg img {
	height: auto;
	width: 100%;
	vertical-align: bottom;
}


}