@charset "UTF-8";

/* ---------------------------------------------------

	Second Page - Recommend

--------------------------------------------------- */

/* ---------------------------------------------------	

	display: none;

--------------------------------------------------- */
.com-zipcodecheck-wrap.floating { display: none; }

/* ---------------------------------------------------	

	Module

--------------------------------------------------- */
.bc-green { background-color: rgba(98, 152, 37, 1); }

/* ---------------------------------------------------	

	Teaser

--------------------------------------------------- */
/* Container */
#wnn-container {
	background-color: rgba(98, 152, 37, 1);
	background-image: url(/src/image/section/cp/wannyan2020/bg-pattern-white.png);
	background-position: left top;
	background-repeat: repeat;
	overflow: hidden;
	position: relative;
	text-align: center;
	-webkit-animation: bgroop 20s linear infinite;
	animation: bgroop 20s linear infinite;
	}
/* Animation */
.anm {
	opacity: 0;
	position: relative;
	transform: translateY(50px);
	transition: all 1s;
	}
.anm.active {
	opacity: 1;
	transform: translateY(0);
	}
/* Intro */
#intro {
	position: relative;
	z-index: 1;
	}
	#wnn-ttl {
	    opacity: 0;
	    transition: all .5s;
	    transform: scale(2.0);
		}
	#wnn-int-label {
		background-color: rgba(255, 255, 255, 1);
		margin: 0 auto;
		border-radius: 100px;
		box-sizing: border-box;
		box-shadow: 0 5px 0 rgba(0, 0, 0, .5);
		}
	/* Intro > Animation */
	#wnn-ttl.anm-01 {
		opacity: 1;
		transform: scale(1.5);
		transition: all 1s;
		}
	#wnn-ttl.anm-02 {
		transform: scale(1.0);
		transition: all .1s;
		}
	#wnn-ttl.anm-03 { transform: scale(1.1); }
	#wnn-ttl.anm-04 { transform: scale(1.0); }
/* Des */
#wnn-des {
	background-color: rgba(255, 255, 255, .8);
	margin: 0 auto;
	position: relative;
	z-index: 1;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	}
	.wnn-des-txt {}
		.wnn-des-txt p {}
		.wnn-des-txt p.wnn-des-txt-att { text-align: left; }
	.wnn-des-period {}
		.wnn-des-period dl {
			background-color: rgba(255, 255, 255, 1);
			border: 5px solid rgba(98, 152, 37, 1);
			margin: 0 auto;
			position: relative;
			display: inline-flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			box-shadow: 0 5px 0 rgba(68, 122, 7, 1);
			}
			.wnn-des-period dl dt {}
				.wnn-des-period dl dt span {
					display: inline-block;
					border-radius: 100px;
					}
			.wnn-des-period dl dd {}
/* ------------------------------------------------ */
@media screen and (min-width: 751px) {
/* Container */
#wnn-container {
	background-size: 800px;
	padding-bottom: 100px;
	}
	@-webkit-keyframes bgroop {
		from { background-position: 0 0; }
		to { background-position: -800px 0; }
		}
	@keyframes bgroop {
		from { background-position: 0 0; }
		to { background-position: -800px 0; }
		}
/* Intro */
#intro { padding: 50px 50px 30px; }
	#wnn-ttl {}
	#wnn-int-label {
		font-size: 20px;
		margin-top: 20px;
		max-width: 700px;
		padding: 10px 20px;
		}
/* Des */
#wnn-des {
	max-width: 700px;
	padding: 30px;
	border-radius: 30px;
	}
	.wnn-des-txt {}
		.wnn-des-txt p {
			font-size: 25px;
			line-height: 2;
			}
		.wnn-des-txt p.wnn-des-txt-att {
			font-size: 14px;
			line-height: 1.75;
			margin-top: 15px;
			}
	.wnn-des-period { padding: 30px; }
		.wnn-des-period dl {
			border-radius: 15px;
			font-size: 30px;
			padding: 15px 60px;
			}
		_:-ms-lang(x)::-ms-backdrop, .wnn-des-period dl { line-height: 1.75; }
			.wnn-des-period dl dt {}
				.wnn-des-period dl dt span { padding: 0 20px; }
				_:-ms-lang(x)::-ms-backdrop, .wnn-des-period dl dt span { padding: 10px 20px 0; }
			.wnn-des-period dl dd {}
}
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {
/* Container */
#wnn-container {
	background-size: 300px;
	padding: 200px 0 20px;
	}
	@-webkit-keyframes bgroop {
		from { background-position: 0 0; }
		to { background-position: -300px 0; }
		}
	@keyframes bgroop {
		from { background-position: 0 0; }
		to { background-position: -300px 0; }
		}
/* Intro */
#intro { padding: 30px 15px; }
	#wnn-ttl {}
	#wnn-int-label {
		font-size: 15px;
		margin-top: 20px;
		max-width: 700px;
		padding: 15px 30px;
		}
/* Des */
#wnn-des {
	padding: 20px;
	margin: 0 15px;
	border-radius: 20px;
	}
	.wnn-des-txt {}
		.wnn-des-txt p {
			font-size: 16px;
			line-height: 2;
			}
		.wnn-des-txt p.wnn-des-txt-att {
			font-size: 13px;
			line-height: 1.75;
			margin-top: 10px;
			}
	.wnn-des-period { padding: 20px 0; }
		.wnn-des-period dl {
			border-radius: 15px;
			font-size: 18px;
			padding: 15px 20px;
			}
			.wnn-des-period dl dt {}
				.wnn-des-period dl dt span { padding: 0 20px; }
			.wnn-des-period dl dd { margin-top: 5px; }
}

/* ---------------------------------------------------	

	Outline

--------------------------------------------------- */
#wnn-outline {
	background-color: rgba(255, 255, 255, .95);
	margin: 0 auto;
	position: relative;
	text-align: left;
	z-index: 1;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	}
	.wnn-otl-ttl {
		color: rgba(98, 152, 37, 1);
		text-align: center;
		}
	.wnn-otl-item {
		border-bottom: 1px dashed rgba(0, 0, 0, .3);
		margin: 0 auto;
		}
	.wnn-otl-item:last-child {
		border-bottom: none;
		margin-bottom: 0;
		}
		.wnn-otl-itm-ttl {
			border-left: 5px solid rgba(98, 152, 37, 1);
			color: rgba(98, 152, 37, 1);
			margin: 0 auto;
			}
		.wnn-otl-itm-body {}
			.wnn-otl-itm-body p {}
			.wnn-otl-itm-body p:last-child { margin-bottom: 0; }
				.wnn-otl-itm-body p a {
					color: rgba(233, 85, 4, 1);
					display: inline-block;
					text-decoration: underline;
					}
				.wnn-otl-itm-body p small { display: inline-block; }
			.wnn-otl-itm-list { list-style-type: disc; }
				.wnn-otl-itm-list.ulli li:last-child { margin-bottom: 0; }
	/* Outline > How To */
	.wnn-otl-item.howto {}
		.wnn-otl-howtolist {}
			.wnn-otl-hl-inner {
				display: flex;
				align-items: flex-start;
				}
				.wnn-otl-hl-item {
					position: relative;
					box-sizing: border-box;
					}
				.wnn-otl-hl-item:before {
					background-color: rgba(8, 174, 234, 1);
					background-image: -webkit-linear-gradient(0deg, #08AEEA 0%, #2AF598 100%);
					background-image: -moz-linear-gradient(0deg, #08AEEA 0%, #2AF598 100%);
					background-image: -o-linear-gradient(0deg, #08AEEA 0%, #2AF598 100%);
					background-image: linear-gradient(0deg, #08AEEA 0%, #2AF598 100%);
					color: rgba(255, 255, 255, 1);
					content: '';
					position: absolute;
					display: flex;
					align-items: center;
					justify-content: center;
					border-radius: 100px;
					}
				.wnn-otl-hl-item:nth-child(1):before { content: '1'; }
				.wnn-otl-hl-item:nth-child(2):before { content: '2'; }
				.wnn-otl-hl-item:nth-child(3):before { content: '3'; }
				.wnn-otl-hl-item:nth-child(4):before { content: '4'; }
					.wnn-otl-hl-item dt {}
						.wnn-otl-hl-item dt img {}
					.wnn-otl-hl-item dd {}
						.wnn-otl-hl-item dd a {
							color: rgba(233, 85, 4, 1);
							display: inline;
							text-decoration: underline;
							}
/* ------------------------------------------------ */
@media screen and (min-width: 751px) {
#wnn-outline {
	padding: 40px 60px 30px;
	margin: 0 60px;
	border-radius: 30px;
	}
	.wnn-otl-ttl {
		font-size: 40px;
		margin-bottom: 30px;
		}
	.wnn-otl-item {
		margin-bottom: 30px;
		max-width: 1000px;
		padding-bottom: 30px;
		}
		.wnn-otl-itm-ttl {
			font-size: 25px;
			max-width: 1000px;
			padding-left: 20px;
			}
		.wnn-otl-itm-body {
			margin-top: 15px;
			padding-left: 25px;
			}
			.wnn-otl-itm-body p {
				font-size: 15.5px;
				line-height: 1.85;
				margin-bottom: 15px;
				}
				.wnn-otl-itm-body p a {}
				.wnn-otl-itm-body p small { margin-top: 10px; }
			.wnn-otl-itm-list { padding-left: 25px; }
				.wnn-otl-itm-list li {
					font-size: 15.5px;
					line-height: 1.75;
					margin-bottom: 5px;
					}
	/* Outline > How To */
	.wnn-otl-item.howto {}
		.wnn-otl-howtolist {}
			.wnn-otl-hl-inner {
				margin: 0 -60px;
				padding-top: 50px;
				justify-content: center;
				}
				.wnn-otl-hl-item {
					padding: 0 20px;
					width: 25%;
					}
				.wnn-otl-hl-item:before {
					font-size: 23px;
					height: 50px;
					left: 0;
					top: -20px;
					width: 50px;
					}
					.wnn-otl-hl-item dt {}
					.wnn-otl-hl-item dd {
						font-size: 15px;
						line-height: 1.75;
						padding: 15px 10px 0;
						}
}
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {
#wnn-outline {
	margin: 0 15px;
	padding: 30px 25px 20px;
	border-radius: 20px;
	}
	.wnn-otl-ttl {
		font-size: 20px;
		margin-bottom: 20px;
		}
	.wnn-otl-item {
		margin-bottom: 25px;
		padding-bottom: 25px;
		}
		.wnn-otl-itm-ttl {
			font-size: 17px;
			padding-left: 10px;
			}
		.wnn-otl-itm-body {
			margin-top: 15px;
			padding-left: 15px;
			}
			.wnn-otl-itm-body p {
				font-size: 14px;
				line-height: 1.85;
				margin-bottom: 15px;
				}
				.wnn-otl-itm-body p a {}
				.wnn-otl-itm-body p small { margin-top: 10px; }
			.wnn-otl-itm-list { padding-left: 10px; }
				.wnn-otl-itm-list li {
					font-size: 14px;
					line-height: 1.75;
					margin-bottom: 5px;
					}
	/* Outline > How To */
	.wnn-otl-item.howto {}
	.wnn-otl-howtowrap {
		padding-top: 25px;
		position: relative;
		}
	.wnn-otl-howtowrap:before {
	    content: '👈 Slide To Step 👉';
	    display: block;
	    font-size: .8rem;
	    font-weight: 700;
	    text-align: center;
	    width: 100%;
		}
		.wnn-otl-howtolist {
			margin: 0 -25px;
			overflow-x: scroll;
			overflow-y: hidden;
			padding: 30px 20px 0;
			}
			.wnn-otl-hl-inner {
				width: 750px;
				justify-content: flex-start;
				}
				.wnn-otl-hl-item {
					padding: 0 15px;
					width: 25%;
					}
				.wnn-otl-hl-item:before {
					font-size: 20px;
					height: 40px;
					left: 0;
					top: -15px;
					width: 40px;
					}
					.wnn-otl-hl-item dt {}
					.wnn-otl-hl-item dd {
						font-size: 13px;
						line-height: 1.75;
						padding-top: 10px;
						}
}

/* ---------------------------------------------------	

	Link Area

--------------------------------------------------- */
.wnn-linkarea {
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	}
	.wnn-la-item {
		background-color: rgba(255, 255, 255, 1);
		border: solid rgba(233, 85, 4, 1);
		color: rgba(0, 0, 0, 1);
		position: relative;
		width: 100%;
		display: inline-flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		box-shadow: 0 5px 0 rgba(0, 0, 0, .3);
		}
		.wnn-la-item strong { color: rgba(233, 85, 4, 1); }
/* ------------------------------------------------ */
@media screen and (min-width: 751px) {
.wnn-linkarea {
	max-width: 800px;
    padding: 40px;
	}
	.wnn-la-item {
		font-size: 20px;
		max-width: 300px;
		margin: 10px 15px;
		padding: 20px;
		top: 0;
		border-radius: 20px;
		transition: all .3s;
		}
	a.wnn-la-item:hover {
		background-color: rgba(233, 85, 4, 1);
		color: rgba(255, 255, 255, 1);
		top: 4px;
		box-shadow: 0 1px 0 rgba(0, 0, 0, .5);
		}
		a.wnn-la-item:hover strong { color: rgba(255, 255, 255, 1); }
}
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {
.wnn-linkarea {
	max-width: 800px;
    padding: 40px;
	}
	.wnn-la-item {
		border-width: 5px;
		font-size: 15px;
		margin: 0 10px 15px;
		padding: 10px 20px;
		border-radius: 100px;
		}
}

/* ---------------------------------------------------	

	Fig

--------------------------------------------------- */
.wnn-fig {
	left: 50%;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 0;
	transform: translateX(-50%);
	}
.wnn-fig.anm.active { transform: translateX(-50%); }
	.wnn-fig-item { position: absolute; }
/* ------------------------------------------------ */
@media screen and (min-width: 751px) {
.wnn-fig { max-width: 1400px; }
	.wnn-fig-item.fig-01 {
		left: 0;
		top: 50px;
		width: 30%;
		transform: rotate(10deg);
		}
	.wnn-fig-item.fig-02 {
		right: 20px;
		top: 150px;
		width: 20%;
		transform: rotate(10deg);
		}
	.wnn-fig-item.fig-03 {
		left: 0;
		top: 440px;
		width: 25%;
		transform: rotate(-10deg);
		}
	.wnn-fig-item.fig-04 {
		right: 0;
		top: 500px;
		width: 25%;
		transform: rotate(-20deg);
		}
	.wnn-fig-item.fig-05 {
		left: 0;
		top: 750px;
		width: 20%;
		transform: rotate(-10deg);
		}
	.wnn-fig-item.fig-06 {
		right: 0;
		top: 880px;
		width: 25%;
		transform: rotate(20deg);
		}
}
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {
.wnn-fig { height: 100vh; }
	.wnn-fig-item.fig-01 {
		left: 5%;
		top: 2.5%;
		width: 30%;
		transform: rotate(10deg);
		}
	.wnn-fig-item.fig-02 {
		left: 37%;
		top: 2.5%;
		width: 25%;
		transform: rotate(10deg);
		}
	.wnn-fig-item.fig-03 {
		right: 2.5%;
		top: 2.5%;
		width: 30%;
		transform: rotate(-10deg);
		}
	.wnn-fig-item.fig-04 {
		left: 2.5%;
		top: 20%;
		width: 25%;
		transform: rotate(-20deg);
		}
	.wnn-fig-item.fig-05 {
		left: 40%;
		top: 18%;
		width: 20%;
		transform: rotate(-10deg);
		}
	.wnn-fig-item.fig-06 {
		right: 0;
		top: 20%;
		width: 33%;
		transform: rotate(20deg);
		}
}

/* ---------------------------------------------------	

	大賞作品発表

--------------------------------------------------- */
/* Intro */
#intro {
	padding-bottom: 0;
	padding-top: 0;
	}
/* Period */
.wnn-des-period {
	padding: 0;
	position: relative;
	display: inline-flex;
	}
	.wnn-dp-finlabel {
		background-color: rgba(255, 255, 255, .9);
		bottom: 10px;
		content: '';
		line-height: 1.5;
		left: 10px;
		position: absolute;
		right: 10px;
		top: 10px;
		z-index: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 20px;
		}
	.wnn-des-period dl {}
/* Container */
#wnn-container { padding-bottom: 0; }
/* Link Area */
.wnn-linkarea {
	position: relative;
	z-index: 1;
	}
/* Description */
#wnn-des { padding-bottom: 10px; }
/* Award */
#wnn-award { margin: 0 auto; }
	.wnn-awd-block { position: relative; }
		.wnn-awd-mainttl {
			background-color: rgba(255, 255, 255, 1);
			position: relative;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			border-radius: 100px;
			}
		.wnn-awd-list {}
			.wnn-awd-item {
				text-align: center;
				display: flex;
				flex-wrap: wrap;
				justify-content: center;
				}
				.wnn-awd-ttl {
					background-color: rgba(255, 255, 255, 1);
					color: rgba(255, 106, 136, 1);
					display: inline-flex;
					align-items: center;
					justify-content: center;
					border-radius: 100px;
					}
				.wnn-awd-con { box-sizing: border-box; }
					.wnn-awd-fig {
						position: relative;
						z-index: 1;
						}
						.wnn-awd-fig img {}
						.wnn-awd-fig video { width: 100%; }
						.wnn-awd-fig img.wnn-awd-fig-label {
							position: absolute;
							z-index: 1;
							box-shadow: none;
							}
						.wnn-awd-block#grand .wnn-awd-item:nth-child(1) .wnn-awd-fig img.wnn-awd-fig-label { transform: rotate(-15deg); }
						.wnn-awd-block#grand .wnn-awd-item:nth-child(2) .wnn-awd-fig img.wnn-awd-fig-label { transform: rotate(15deg); }
					.wnn-awd-detail {}
						.wnn-awd-dtl-block {
							background-color: rgba(255, 255, 255, 1);
							position: relative;
							text-align: left;
							border-radius: 10px;
							}
						.wnn-awd-dtl-block.staff {
							background-color: rgba(255, 106, 136, 1);
							border: 1px solid rgba(255, 255, 255, .5);
							color: rgba(255, 255, 255, 1);
							}
							.wnn-awd-id {}
							.wnn-awd-name {
								display: flex;
								align-items: center;
								justify-content: flex-start;
								}
								.wnn-awd-name dt { color: rgba(98, 152, 37, 1); }
								.wnn-awd-name dd { text-align: left; }
							.wnn-awd-cmt {}
								.wnn-awd-cmt p { text-align: left; }
	/* Award > Scheme */
	.wnn-awd-block#grand {
		background-color: #FF9A8B;
		background-image: linear-gradient(315deg, #FF9A8B 0%, #FF6A88 55%, #FF99AC 100%);
		}
		.wnn-awd-block#grand .wnn-awd-mainttl {
			border: 5px solid rgba(255, 106, 136, 1);
			color: rgba(255, 106, 136, 1);
			}
			.wnn-awd-block#grand .wnn-awd-ttl {
				border-bottom: 3px solid rgba(255, 255, 255, .5);
				box-shadow: 0px -10px 20px rgba(0, 0, 0, .2);
				}
			.wnn-awd-block#grand .wnn-awd-id { border-bottom: 1px solid rgba(0, 0, 0, .2); }
			.wnn-awd-block#grand .wnn-awd-fig img { transform: rotate(-2deg); }
			.wnn-awd-block#grand .wnn-awd-fig video { transform: rotate(2deg); }
	.wnn-awd-block#second { background-color: rgba(255, 255, 255, .8); }
		.wnn-awd-block#second .wnn-awd-mainttl { color: rgba(119, 168, 57, 1); }
			.wnn-awd-block#second .wnn-awd-ttl { background-color: rgba(119, 168, 57, 1); }
			.wnn-awd-block#second .wnn-awd-id { color: rgba(204, 169, 73, 1); }
			.wnn-awd-block#second .wnn-awd-con:nth-child(odd) .wnn-awd-fig { transform: rotate(-2deg); }
			.wnn-awd-block#second .wnn-awd-con:nth-child(even) .wnn-awd-fig { transform: rotate(2deg); }
/* Link Area */
.wnn-la-item.red { color: rgba(233, 85, 4, 1); }
.wnn-la-item.mdl { display: inline-block; }
/* ------------------------------------------------ */
@media screen and (min-width: 751px) {
/* Fig */
.wnn-fig-item.fig-05,
.wnn-fig-item.fig-06 { display: none; }
/* Period */
#wnn-des { padding-bottom: 30px; }
.wnn-des-period { margin-top: 20px; }
	.wnn-dp-finlabel { font-size: 25px; }
	.wnn-des-period dl {}
/* Award */
#wnn-award {
	margin-top: 100px;
	max-width: 1000px;
	}
	.wnn-awd-block { border-radius: 30px; }
		.wnn-awd-mainttl { padding: 10px 60px; }
		_:-ms-lang(x)::-ms-backdrop, .wnn-awd-mainttl { padding-top: 25px; }
		.wnn-awd-list { margin-top: 50px; }
			.wnn-awd-item {}
				.wnn-awd-ttl {}
				_:-ms-lang(x)::-ms-backdrop, .wnn-awd-ttl { padding-top: 20px; }
				.wnn-awd-con {}
					.wnn-awd-fig {}
						.wnn-awd-fig img,
						.wnn-awd-fig video {
							box-shadow: 1px 10px 30px rgb(0 0 0 / 30%);
							border-radius: 15px;
							}
						.wnn-awd-block#grand .wnn-awd-fig img.wnn-awd-fig-label {
							min-width: 100px;
							max-width: 100px;
							}
						.wnn-awd-block#grand .wnn-awd-item:nth-child(1) .wnn-awd-fig img.wnn-awd-fig-label {
							left: -30px;
							top: -30px;
							}
						.wnn-awd-block#grand .wnn-awd-item:nth-child(2) .wnn-awd-fig img.wnn-awd-fig-label {
							right: -30px;
							top: -30px;
							}
					.wnn-awd-detail {}
						.wnn-awd-dtl-block { margin-bottom: 15px; }
						.wnn-awd-dtl-block:last-child { margin-bottom: 0; }
						.wnn-awd-dtl-block.staff {
							margin-left: 15px;
							margin-left: 15px;
							}
							.wnn-awd-id {
								font-size: 15px;
								padding-bottom: 10px;
								}
							.wnn-awd-name {
								font-size: 15px;
								line-height: 1.5;
								padding: 15px 0;
								}
								.wnn-awd-name dt { min-width: 130px; }
								.wnn-awd-name dd { padding: 0 10px; }
							.wnn-awd-cmt {}
								.wnn-awd-cmt p {
									font-size: 14px;
									line-height: 1.75;
									}
	/* Award > Scheme */
	.wnn-awd-block#grand {}
		.wnn-awd-block#grand .wnn-awd-mainttl {
			font-size: 70px;
			margin-top: -50px;
			}
		.wnn-awd-block#grand .wnn-awd-item:nth-child(1) .wnn-awd-dtl-block { transform: rotate(1deg); }
		.wnn-awd-block#grand .wnn-awd-item:nth-child(2) .wnn-awd-dtl-block { transform: rotate(-1deg); }
			.wnn-awd-block#grand .wnn-awd-ttl {
				font-size: 40px;
				padding: 10px 60px;
				}
			_:-ms-lang(x)::-ms-backdrop, .wnn-awd-block#grand .wnn-awd-ttl { padding-top: 20px; }
			.wnn-awd-block#grand .wnn-awd-con {
				padding: 30px 60px 50px;
				display: flex;
				/*flex-wrap: wrap;*/
				align-items: flex-start;
				justify-content: center;
				}
			.wnn-awd-block#grand .wnn-awd-item:nth-child(even) .wnn-awd-con { flex-flow: row-reverse; }
			.wnn-awd-block#grand .wnn-awd-fig img {
				min-width: 300px;
				max-width: 500px;
				}
			.wnn-awd-block#grand .wnn-awd-fig video { min-width: 300px; }
			.wnn-awd-block#grand .wnn-awd-dtl-block { padding: 30px 45px; }
	.wnn-awd-block#second { margin-top: 90px; }
		.wnn-awd-block#second .wnn-awd-mainttl {
			font-size: 50px;
			margin-top: -50px;
			}
			.wnn-awd-block#second .wnn-awd-con {
				margin: 0 15px 40px;
				max-width: 400px;
				padding: 20px;
				}
			.wnn-awd-block#second .wnn-awd-item { padding: 0 60px; }
			.wnn-awd-block#second .wnn-awd-ttl {
				font-size: 20px;
			    padding: 0 30px;
				}
			.wnn-awd-block#second .wnn-awd-id { font-size: 20px; }
			.wnn-awd-block#second .wnn-awd-fig img,
			.wnn-awd-block#second .wnn-awd-fig video {
				min-width: 250px;
				max-width: 300px;
				}
/* Link Area */
.wnn-la-item.mdl { max-width: 500px; }
}
/* ------------------------------------------------ */
@media screen and (max-width: 750px) {
/* Fig */
.wnn-fig { display: none; }
/* Period */
#wnn-des { padding-bottom: 20px; }
.wnn-des-period { margin-top: 20px; }
	.wnn-dp-finlabel { font-size: 17px; }
	.wnn-des-period dl { padding: 10px 40px; }
/* Container */
#wnn-container { padding-top: 20px; }
/* Award */
#wnn-award {
	margin-top: 50px;
	padding-bottom: 10px;
	}
	.wnn-awd-block { border-radius: 15px; }
		.wnn-awd-mainttl { padding: 10px 30px; }
		.wnn-awd-list {}
			.wnn-awd-item {}
				.wnn-awd-ttl {}
				.wnn-awd-con {}
					.wnn-awd-fig {}
						.wnn-awd-fig img,
						.wnn-awd-fig video {
							box-shadow: 1px 10px 30px rgb(0 0 0 / 30%);
							border-radius: 15px;
							}
						.wnn-awd-block#grand .wnn-awd-fig img.wnn-awd-fig-label {
							min-width: 60px;
							max-width: 60px;
							}
						.wnn-awd-block#grand .wnn-awd-item:nth-child(1) .wnn-awd-fig img.wnn-awd-fig-label {
							left: -10px;
							top: -20px;
							}
						.wnn-awd-block#grand .wnn-awd-item:nth-child(2) .wnn-awd-fig img.wnn-awd-fig-label {
							right: -10px;
							top: -20px;
							}
					.wnn-awd-detail {}
						.wnn-awd-dtl-block { margin-bottom: 10px; }
						.wnn-awd-dtl-block:last-child { margin-bottom: 0; }
						.wnn-awd-dtl-block.staff {
							margin-left: 10px;
							margin-right: 10px;
							}
							.wnn-awd-id {
								font-size: 14px;
								padding-bottom: 10px;
								}
							.wnn-awd-name {
								font-size: 13px;
								line-height: 1.5;
								padding: 15px 0;
								}
								.wnn-awd-name dt { min-width: 100px; }
								.wnn-awd-name dd { padding-left: 10px; }
							.wnn-awd-cmt {}
								.wnn-awd-cmt p {
									font-size: 14px;
									line-height: 1.75;
									}
	/* Award > Scheme */
	.wnn-awd-block#grand {}
		.wnn-awd-block#grand .wnn-awd-list { margin-top: 40px; }
		.wnn-awd-block#grand .wnn-awd-mainttl {
			font-size: 45px;
			margin-top: -30px;
			padding: 10px 60px;
			}
			.wnn-awd-block#grand .wnn-awd-item { margin-bottom: 20px; }
			.wnn-awd-block#grand .wnn-awd-item:last-child { margin-bottom: 0; }
			.wnn-awd-block#grand .wnn-awd-ttl {
				font-size: 25px;
				padding: 10px 40px;
				}
			.wnn-awd-block#grand .wnn-awd-con { padding: 20px 20px 30px; }
			.wnn-awd-block#grand .wnn-awd-fig img { min-width: 230px; }
			.wnn-awd-block#grand .wnn-awd-fig video { min-width: 230px; }
			.wnn-awd-block#grand .wnn-awd-dtl-block { padding: 25px; }
	.wnn-awd-block#second {
		margin-left: 15px;
		margin-right: 15px;
		margin-top: 50px;
		}
		.wnn-awd-block#second .wnn-awd-list { margin-top: 20px; }
		.wnn-awd-block#second .wnn-awd-mainttl {
			font-size: 30px;
			margin-top: -50px;
			}
			.wnn-awd-block#second .wnn-awd-con {
				border-bottom: 1px dotted rgba(0, 0, 0, .3);
				padding: 25px 30px;
				}
			.wnn-awd-block#second .wnn-awd-con:last-child { border-bottom: none; }
			.wnn-awd-block#second .wnn-awd-ttl {
				font-size: 20px;
			    padding: 0 30px;
				}
			.wnn-awd-block#second .wnn-awd-id { font-size: 20px; }
			.wnn-awd-block#second .wnn-awd-fig img,
			.wnn-awd-block#second .wnn-awd-fig video {
				min-width: 250px;
				max-width: 300px;
				}
/* Link Area */
.wnn-la-item.mdl {
	margin-left: auto;
	margin-right: auto;
	border-radius: 15px;
	}
}
