@charset "utf-8";

/******************************
DSJ Vision
******************************/

.award .mainSectionArea h2 {
  font-size:150%;
}

.award .mainSectionArea h3 {
  padding-top:1em;
  padding-bottom:1em;
  text-align:center;
}
@media only screen and (max-width: 520px) {
   .award .mainSectionArea h3 {
     font-size:90%;
   }
}


#slide {
	width:100%;
	height:calc(100vw * 0.209);
	margin:0 auto;
	position:relative;
}
#slide ul,
#slide li {
	width:100%;
	height:calc(100vw * 0.209);
}
#slide img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:calc(100vw * 0.209);
}


.award .mainSectionArea .ph img {
	width:100%;
}

.award .mainSectionArea.bg {
	background:#f7eef0;
}
.award .mainSectionArea.second {
	padding-top:0;
}

.award .mainSectionArea .wrap {
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-between;
}

.award .mainSectionArea .logo {
	width:18%;
	padding-bottom:2em;
}
.award .mainSectionArea .logo img {
	width:100%;
}

.award .mainSectionArea .tx {
	width:72%;
	padding:2em 0;
	font-size: 16px;
	font-weight:400;
}

.award .mainSectionArea .tx p {
	margin:0 0 0.5em;
	font-size: 18px;
	font-weight:700;
}

@media only screen and (max-width: 768px) {
	.award .mainSectionArea .logo {
		width:24%;
	}
	.award .mainSectionArea .tx {
		width:68%;
		padding:0.5em 0 2em;
	}
}

@media only screen and (max-width: 500px) {
	.award .mainSectionArea .tx {
		font-size: 14px;
	}
	
	.award .mainSectionArea .tx p {
		font-size: 16px;
		font-weight:500;
	}
}

.award .cap {
	position:absolute;
	top:8px;
	left:8px;
	display:block;
	width:9em;
	padding:0.25em;
	text-align:center;
	background:rgba(255,255,255,.9);
	font-size:16px;
	font-weight:600;
	color:#000;
	z-index:1000;
}


.award .prize {
	width:
}

.award .prizeSet {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items: center;
	margin-bottom:50px;
	font-size:18px;
}

.award .grandprix i {
	color:#B59F2C;
}
.award .secondprize i {
	color:#888;
}
.award .specialprize i {
	color:#444;
}



.award .prizeimg {
	width:20%;
}
.award .prizetx {
	width:75%;
}
.award .prizeph {
	width:100%;
	margin-top:10px;
}

.award .prizeimg img,
.award .prizeph img {
	width:100%;
}