@charset "UTF-8";

#awards {
	
	margin-bottom: 14rem;
	padding-top:    12rem;

}

#awards h2 {

	width: 33rem;
	margin: 0 auto;
	padding-bottom: 15rem;

}

#awards .bg {
	
	position: relative;
	padding-top:    14.5rem;
	padding-bottom: 12rem;
	background-image: url('../img/aw_bg.webp');
	background-size: 100%;
	background-repeat: repeat-y;
	background-position: center center;

}

#awards .bg .inner {

	width: 120rem;

}

#awards .bg .inner .img {
	
	position: relative;
	z-index: 2;
	float: left;
	width: 25.5%;
	margin-right: 11.7%;
	margin-bottom: 4.8rem;
	border: 0.2rem solid #fff;
	background-image: url('../img/shou_bg.webp');
	background-size: cover;
	background-position: center center;
	box-shadow: 0.25rem 0.5rem 0.5rem rgba(0,0,0, 0.2);

}

#awards .bg .inner .img:nth-child(3n) {

	margin-right: 0;

}

#awards .bg .inner .img.h {
	
	/*
	border: 0rem solid transparent !important;
	box-shadow: 0 0 0 rgba(0,0,0, 0.2) !important;
	*/

}

#awards .bg .inner .img.h.left {

	clear: both;

}

#awards .bg .inner .img img.h {
	
	display: block;
	height: 22.5rem;
	
	/*
	border: 0.2rem solid #fff;
	box-shadow: 0.25rem 0.5rem 0.5rem rgba(0,0,0, 0.2);
	*/
	
	object-fit: contain;

}

#bg {
	
	position: fixed;
	top:  0;
	left: 0;
	z-index: 106;
	width:  100%;
	height: 100vh;
	display: flex; 
  flex-direction: column;
  justify-content: center;
  align-items: center;
	background: rgba(0,0,0, 0.8);
	
}

#bg .close {

	position: absolute;
	top:   5%;
	right: 5%;
	font-size: 3.4rem;
	font-weight: 600;
	color: #fff;
	cursor: pointer;

}

#photo {
	
	width: 40%;
	border: 0.2rem solid #fff;
	
}

#photo.h {
	
	width: 30%;
	
}

#photo img {

	width: 100%;

}

#awards .ranp {

	position: absolute;
	top:   8rem;
	right: 6%;
	z-index: 1;
	width: 29rem;

}


/* MacBook Pro16 */
@media only screen and (max-width: 1728px) {



}


/* MacBook Pro14 */
@media only screen and (max-width: 1512px) {



}


/* 中サイズ */
@media only screen and (max-width: 1366px) {



}


/* MacBook Air */
@media only screen and (max-width: 1280px) {



}


/* iPadPro */
@media only screen and (max-width: 1024px) {

	#awards {
		
		margin-bottom: 14rem;
		padding-top:    12rem;

	}

	#awards h2 {

		width: 33rem;
		padding-bottom: 15rem;

	}

	#awards .bg {
		
		padding-top:    14.5rem;
		padding-bottom: 12rem;
		background-image: url('../img/aw_bg.webp');
		background-size: 100%;

	}

	#awards .bg .inner {

		width: 88%;

	}

	#awards .bg .inner .img {
		
		float: left;
		width: 25.5%;
		margin-right: 11.7%;
		margin-bottom: 4.8rem;
		border: 0.2rem solid #fff;
		box-shadow: 0.25rem 0.5rem 0.5rem rgba(0,0,0, 0.2);

	}
	
	#awards .bg .inner .img img.h {
		
		height: 32rem;
		height: 16vw;

	}

	#awards .bg .inner .img:nth-child(3n) {

		margin-right: 0;

	}

	#bg {
		
		position: fixed;
		top:  0;
		left: 0;
		width:  100%;
		height: 100vh;
		
	}

	#bg .close {

		top:   5%;
		right: 5%;
		font-size: 3.8rem;

	}

	#photo {
		
		width: 60%;
		border: 0.2rem solid #fff;
		
	}
	
	#photo.h {
		
		width: 40%;
		
	}

	#awards .ranp {

		top:   8rem;
		right: 6%;
		width: 29rem;

	}

}


/* AndroidのＬの横 */
@media only screen and (max-width: 854px) {



}


/* iPad Air */
@media only screen and (max-width: 820px) {



}


/* iPad */
@media only screen and (max-width: 768px) {



}


/* iPhonePlusの横 */
@media only screen and (max-width: 736px) {



}


/* iPhone8の横 */
@media only screen and (max-width: 667px) {



}


/* iPhone5の横 */
@media only screen and (max-width: 568px) {



}


/* AndLoidL */
@media only screen and (max-width: 480px) {
	
	#awards {
		
		margin-bottom: 14rem;
		padding-top:    12rem;

	}

	#awards h2 {

		width: 36rem;
		padding-bottom: 15rem;

	}

	#awards .bg {
		
		padding-top:    14.5rem;
		padding-bottom: 12rem;
		background-image: url('../img/aw_bg.webp');
		background-size: 100%;

	}

	#awards .bg .inner {

		width: 88%;

	}

	#awards .bg .inner .img {
		
		float: left;
		width: 47.5%;
		margin-right: 5%;
		margin-bottom: 6rem;
		border: 0.2rem solid #fff;
		box-shadow: 0.25rem 0.5rem 0.5rem rgba(0,0,0, 0.2);

	}
	
	#awards .bg .inner .img img.h {
		
		height: 33.5rem;

	}

	#awards .bg .inner .img:nth-child(3n) {

		margin: 0;
		margin-bottom: 6rem;

	}
	
	#awards .bg .inner .img:nth-child(even) {

		float: right;
		margin-right: 0;
		margin-bottom: 6rem;

	}
	
	#awards .bg .inner .img.h.left {

		clear: none;

	}

	#bg {
		
		position: fixed;
		top:  0;
		left: 0;
		width:  100%;
		height: 100vh;
		
	}

	#bg .close {

		top:   10%;
		right: 11%;
		font-size: 4.4rem;

	}

	#photo {
		
		width: 80%;
		border: 0.2rem solid #fff;
		
	}
	
	#photo.h {
		
		width: 80%;
		
	}

	#awards .ranp {

		top:   15rem;
		right: 5%;
		width: 20rem;

	}

}


/* Iphone12 Pro Max */
@media only screen and (max-width: 428px) {

	#awards .bg .inner .img img.h {
		
		height: 32rem;

	}

}


/* iPhonePlus */
@media only screen and (max-width: 414px) {



}


/* iPhone12 Pro */
@media only screen and (max-width: 390px) {

	#awards .bg .inner .img img.h {
		
		height: 30rem;

	}

}


/* iPhone8 */
@media only screen and (max-width: 375px) {

	#awards .bg .inner .img img.h {
		
		height: 29rem;

	}

}


/* Galaxy */
@media only screen and (max-width: 360px) {

	#awards .bg .inner .img img.h {
		
		height: 28rem;

	}

}


/* iPhone5 */
@media only screen and (max-width: 320px) {



}