@charset 'UTF-8';
h1{font-size: 30px;margin-top: 30px;margin-bottom: 70px;text-align:center;}
h2{font-size: 30px;margin-top: 60px;margin-bottom: 20px;text-align:center;}
h4{font-size: 16px;font-weight:bold;margin-top:1.4em;}
section{width: 960px;margin-left: auto;margin-right: auto;}
.section-text {margin-top: 38px;}
th{font-weight:bold;text-align:center;}

.outer{padding-right: 20px;background-image: url(../img/icon_outer.png);background-position: right center;background-repeat: no-repeat;background-size: 12px 12px;}
.link-blog{font-style:italic;text-decoration: underline;color: #325ae1; /*#00844b;*/}
.link-information{color: #325ae1;/*#00844b;*/}
.underline{text-decoration: underline;}

#content.page-top{width: 100%;margin-top:-91px;z-index:1}
.page-top section.wide{width: 100%;background-color: #000;color:#fff;}
.page-top section.wide .div-image p{margin: 0;padding: 0;font-size: 16px; /*14px;*/ width: 100%;min-width:1090px;}
.page-top section.wide .div-image p:before{content:"";display: block;padding-top: 51.87%; }
.page-top section.wide .div-image {
	position: relative;
}
.pc-main-img {
	display: block;
}
.sp-main-img {
	display: none;
}

/* Update 20240926
--------------------------------*/
#div-logo a > em {
 display: block;
 margin: 10px 0 0;
 font-weight: 700;
 font-size: 180%;
 letter-spacing: -0.01em;
 color: rgba(50, 90, 255, 1);
}
.page-top section.wide .div-image .site_title,
.page-top section.wide .div-image .site_description,
.page-top section.wide .div-image .application_period {
	position:absolute;
	top: 55%;
	z-index: 1000;
}
.page-top section.wide .div-image .site_title{
	left: 5%;
	width: 25%;
	transform: translateY(-50%);
}
.page-top section.wide .div-image .site_title h1 {
	display: block;
	width: 100%;
	max-width: 434px;
	margin: 0 auto 20px;
}
.page-top section.wide .div-image h1 img {
	width: 100%;
	min-width: auto;
	height: auto;
	position: relative;
 -webkit-filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.8));
 filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.8));
}
.page-top section.wide .div-image .site_description {
	left: 61%;
	width: 29%;
	max-width: 450px;
	transform: translateY(-50%);
}
.page-top section.wide .div-image .application_period {
	width: 25%;
	top: auto;
	bottom: 5%;
	left: 5%;
}
.page-top section.wide .apply-here h3 {
	line-height: 1.5;
}

.page-top section.wide .apply-here p.applyhere a{
 display: block;
 margin: 20px auto 30px;
 padding: 10px 30px;
 width: fit-content;
 background-color: #325ae1;
 color: #fff;
}
.page-top section.wide .div-caption .site_title,
.page-top section.wide .div-caption .site_description {
	display: none;
}
.page-top section.wide .div-image .site_title p,
.page-top section.wide .div-image .site_description p,
.page-top section.wide .div-image .application_period p,
.page-top section.wide .div-image .application_period h3 {
	width: auto;
	min-width: unset;
	text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.9);
}
.page-top section.wide .div-image .site_title p:before,
.page-top section.wide .div-image .site_description p:before,
.page-top section.wide .div-image .application_period p:before{
	content: none;
}
.page-top section.wide .div-image .site_title h3,
.page-top section.wide .div-image .site_title p,
.page-top section.wide .div-image .application_period h3,
.page-top section.wide .div-image .application_period p{
	width: 98%;
	margin: 0 auto;
}
.page-top section.wide .div-image .site_title p,
.page-top section.wide .div-image .site_description p,
.page-top section.wide .div-image .application_period p{
	font-size: 18px;
}



/* Update 20240926
--------------------------------*/

.page-top section.wide .div-image img{width: 100%;position:absolute;top:0;min-width:1090px;}
.page-top section.wide .div-image-copyright p{text-align: right;font-size: 13px;line-height: 2em;width: 99.5%;}
.page-top section.wide .div-caption{height: 79px;text-align: center;}
.page-top section.wide .div-caption p{text-align: center;font-size: 24px;line-height: 1.2em;}
.page-top section.wide .div-caption .div-entryperiod p{font-size: 20px}
.page-top section.wide .div-caption p:first-child{padding-top: 0px;}
.page-top section.wide .div-caption ul.ul-login{
 display: flex;
 justify-content: space-between;
 width:140px;
 background-color:#00844b;
 margin:30px auto 30px auto;
}
.page-top section.wide .div-caption ul.ul-login li {text-align: center;display: block;width: 100%;height:42px;}
.page-top section.wide .div-caption ul.ul-login li a{color:#fff;border-left:1px solid #fff;text-align: center;display: block;width: 100%;margin-top:10px;font-size:16px;}
.page-top section.wide .div-caption ul.ul-login li:first-child {width:140px;}
.page-top section.wide .div-caption ul.ul-login li:first-child a{border:none;}
/*.page-top section.wide .div-caption ul.ul-sns{display: flex; margin: 0 auto 0 auto; width:140px; justify-content: space-between;}*/
.page-top section.wide .div-caption ul.ul-sns li{display: flex; display: block; width:40px;}
.page-top section.wide .div-caption ul.ul-sns li img{width: 100%;}

/* Update 20240926
--------------------------------*/
.page-top section.wide .div-caption ul.ul-sns{display: flex; margin: 0 auto 0 auto; justify-content: center; column-gap: 10px;}
.page-top section.wide .div-caption ul.ul-sns li:nth-last-of-type(1){width: auto; height: 40px;}
.page-top section.wide .div-caption ul.ul-sns li:nth-last-of-type(1) img{width: auto; height: 100%;}
/* Update 20240926
--------------------------------*/
.page-top .section-text.news dl{}
.page-top .section-text.news i{font-style: italic;}
.page-top .section-text.news dl dt{width:10em;display:block;float:left;clear:both;margin-bottom:10px;font-weight:normal;font-size:16px;}
.page-top .section-text.news dl dd{display:block;margin-left:10em;margin-bottom:10px;font-size:16px;}
.page-top .section-text.news dl dd.prize-dd{}
.page-top .section-text.news dl dd.prize-dd div img{dispplay:block;}
.page-top .section-text.news dl dd.prize-dd div img{width:100%;} /* 画像幅 */
.page-top .section-text.news dl dd.prize-dd div img{margin-top:5px;margin-left:0;margin-bottom:40px;margin-right:0;} /* 画像のまわりの余白 */
.page-top .section-text.news dl dd ul li{list-style: disc;} /* ブレット */

.page-top .section-text.c1 .div-img {width:300px;margin:0 auto;}
.page-top .section-text.c1 .div-img img{
	display: block;
 width: 250px;
 height: 250px;
 object-fit: cover;
 object-position: center top;
 clip-path: circle(50% at 50% 50%);
	margin: 0 auto 20px;
}
.page-top .section-text.c1 .div-img p{margin-left: 0 !important;margin-bottom: 0;font-size: 13px !important;text-align: center;}
.page-top .section-text.c1>div>div>p{font-size: 16px;}
.page-top .section-text.c1 dl{clear: both;margin-top: 30px;font-size: 16px;}
.page-top .section-text.c1 dl dt{margin-top: 15px;}



.page-top .section-text.c2 {margin-top: 0px;}
.page-top .section-text.c2 h2{margin-top: 40px;}
.page-top .section-text.c3 p{text-align:center;}
.page-top .section-image-grid{}
.page-top .section-image-grid ul{display: flex; align-content: space-between;flex-wrap: wrap;width:960px;}
.page-top .section-image-grid ul li{width:300px;display: block;margin-right: 30px;}
.page-top .section-image-grid ul li{width:300px;display: block;margin-right: 30px;}
.page-top .section-image-grid ul li img{width:100%;height: auto;}
.page-top .section-image-grid ul li:nth-child(3n){margin-right: 0;}
.page-top .section-image-grid ul li p{margin-bottom: 40px;}
.page-top .section-text ul {padding-left: 1.8em;}
.page-top .section-text ul li{list-style: disc;}
.page-top .section-btn{padding-bottom: 20px;}
.page-top .section-btn ul {display: block;width:480px;margin: 0 auto;}
.page-top .section-btn ul li{display: block;width:100%;margin-bottom:5px;}
.page-top .section-btn ul li span{border:1px solid #bfbfbf;background-color: #fff;color:#ccc;padding: 16px 40px 12px 40px;font-size: 1.6em;width: 100%;display: block;text-align: center;text-decoration: none;}
.page-top .section-btn p{text-align: center;color:#ccc;margin-bottom: 45px;}
.page-top>section:last-child{margin-bottom:150px}


.page-privacy table tr th{padding:20px;font-size:16px;border-bottom:none;}
.page-privacy table tr td{width:50%;padding:20px;}
.page-guide div.div-img{width:600px;height:auto;padding:20px 0;}
.page-guide div.div-img img{width:100%;}
.page-guide section.section-text h3 {}
.page-guide section.section-text h4 {font-size:16px;margin-top:1.8em;margin-bottom:10px}
.page-guide section.section-text ul {padding-left:1.5em;}
.page-guide section.section-text ul li{list-style-type: disc;padding-bottom:10px;}
.page-guide .img-handle{background-image:url(../img/icon_handle.gif);background-size: contain ;display:inline-block;height:1.2em;width:1.2em;margin-right:0.2em;margin-bottom:-0.2em;}

.page-juries h2{margin-bottom:40px;}
.page-juries .div-july {margin-bottom:50px;}
.page-juries .div-july .div-img{float:left;width:240px;}
.page-juries .div-july .div-img img{width:100%;}
.page-juries .div-july div:last-child{margin-left:265px;}
.page-juries .div-july div h3{margin-top:0;margin-bottom:15px;font-size:26px;line-height:1.0em;}
.page-juries .div-july div p{text-align:left;}
.page-juries .div-july div .title{margin-top:0;margin-bottom:12px;font-size:20px;}
.page-juries .div-july div .link a{color:#00844b;font-size:18px;}
.page-juries .div-july:last-child{margin-bottom:160px;}
.page-juries .section-text .div-img p {margin-left: 0 !important;margin-bottom: 0;font-size: 13px !important;}
.page-juries .section-text .tobeannounced {min-height:239px;}
.page-juries .section-text .tobeannounced div{display:table;width:100%;margin:0;    min-height: 239px;}
.page-juries .section-text .tobeannounced div p{display:table-cell;vertical-align: middle;}
.page-juries .section-text .div-archive{margin-bottom: 160px;text-align:center;}
.page-juries .section-text .div-archive ul li{display:list-item;padding: 0.3em;}
.page-juries .section-text .div-archive ul li a{color:#00844b;font-size:16px;}

/* 2021.04.27 Update 
-----------------------------------------*/
.page-awards .year_archive,
.page-juries .year_archive {display: block; padding: 0; margin: 40px 0 0; text-align: center;}
.page-awards .year_archive ul,
.page-juries .year_archive ul {display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.page-awards .year_archive ul li,
.page-juries .year_archive ul li {flex: 0 0 10%; max-width: 96px; margin: 0 5px; padding: 0;}
.page-awards .year_archive ul a,
.page-juries .year_archive ul a {display: block; padding: 0.7em 0; box-sizing: border-box; line-height: 1; border: 1px solid #000;}
.page-awards .year_archive ul a.select,
.page-juries .year_archive ul a.select {color: #fff; border: 1px solid #325ae1;/*#00844B;*/ background-color: #325ae1;/*#00844B;*/ pointer-events:none;}
.page-awards .year_archive ul a:hover,
.page-juries .year_archive ul a:hover {text-decoration: none;}
/* LINK Instagram ICON */
a.link-insta{
	display: inline-block;
	vertical-align: bottom;
	overflow: hidden;
	text-indent: -500px;
	width: 26px;
	margin-left: 10px;
	aspect-ratio:1/1;
	background: url("../img/icon_Insta_b.svg") no-repeat center;
	background-size: cover;
	opacity: 1;
	transition: all 0.4s;
}
a.link-insta:hover {
	opacity: 0.6;
}

/*-----------------------------------------
End 2021.04.27 Update */

.page-entry{}
.page-entry .section-text h3{margin-bottom:20px;text-decoration: underline;}
.page-entry .section-text ul {padding-left:1.2em;list-style-type: disc}
.page-entry .section-text ul li{margin-bottom:1.0em;font-size:16px;}

.page-entry .section-text ul li ul{padding:0.5em;list-style-type:none;}
.page-entry .section-text ul li ul li {position:relative;padding: 0em 0 0 1.3em;}
.page-entry .section-text ul li ul li:after{position:absolute;content:'';display:block;background: #000;top: 0.43em;left: 0.5em;height: 11px;width: 2px;border-radius: 10px;transform: rotate(45deg);}
.page-entry .section-text ul li ul li:before {position:absolute;content:'';display:block;background: #000;top: 0.43em;left: 0.5em;height: 11px;width: 2px;border-radius: 10px;transform: rotate(45deg);}
.page-entry .section-text ul li ul li:before {top: 0.6em;left: 0.1em;height:8px;transform:rotate(-45deg);}
.page-entry .section-btn p{text-align:center;}


@media screen and (max-width: 764px) {
	h2{margin-top: 40px;}
	section{width: 100%;margin-left: auto;margin-right: auto;}

	#content.page-top{margin-top:0;z-index:1}
	.page-top section.wide .div-image p{min-width:auto;}
	.page-top section.wide .div-image p:before{display: none;}
	.pc-main-img,
	.page-top section.wide .div-image .site_title h3,
	.page-top section.wide .div-image .site_title p,
	.page-top section.wide .div-image .site_description {
		display: none;
	}
	.sp-main-img,
 .page-top section.wide .div-caption .site_title,
	.page-top section.wide .div-caption .site_description {
		display: block;
	}
	.page-top section.wide .div-image img{
		position:relative;
		min-width:auto;
	}
	
	.page-top section.wide .div-image .site_title {
		top: 78%;
  left: auto;
  right: 3%;
  width: 48%;
 }
	.page-top section.wide .div-image .site_title h1 {
		font-size: 21px;
		line-height: 1.08;
		margin-bottom: 10px;
		text-shadow: 0px 0px 40px rgba(0, 0, 0, 1);
	}
	.page-top section.wide .div-image .site_title h1 em {
		font-size: 30px;
	}
	.page-top section.wide .div-image h1 img {
  width: 80%;
	}
	.page-top section.wide .div-image .site_title p {
		line-height: 1.2;
		text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
	}
	

	.page-top .c1 h2{text-align:center; }
	.page-top section.wide{width: 100%;background-color: #000;color:#fff;padding: 0;}
	.page-top section.wide .div-image-copyright p{text-align: right;font-size: 13px;line-height: 2em;width: 99%;}
	.page-top section.wide .div-caption{height: auto;padding-right:25px;padding-left:25px }
	.page-top section.wide .div-caption p{font-size: 24px;line-height: 1.35em;margin-bottom: 12px;}
	.page-top section.wide .div-caption p:first-child{margin-bottom: 2px;	}
	.page-top section.wide .div-caption ul.ul-sns{padding-bottom: 35px;}
	
	.page-top section.wide .div-caption .site_title p,
	.page-top section.wide .div-caption .site_description {
		margin: 30px auto 40px;
	}
	.page-top section.wide .div-caption .site_title h3 + p {
		margin: 0 auto 40px;
	}
	.page-top section.wide .div-caption .site_title p,
	.page-top section.wide .div-caption .site_description p {
		font-size: 16px;
		line-height: 1.5;
	}

	.page-top .section-text {margin-top: 38px;}
	.page-top .section-text.news dl{}
	.page-top .section-text.news dl dt{width:auto;display:block;float:none;font-weight:bold;margin-bottom:0px;}
	.page-top .section-text.news dl dd{margin-left:0;margin-bottom:10px;}
	.page-top .section-text.news dl dd.prize-dd div img{width:100%;} /* 画像幅 */
	.page-top .section-text.news dl dd.prize-dd div img{margin-top:5px;margin-left:0;margin-bottom:0px;margin-right:0;} /* 画像のまわりの余白 */

	.page-top .section-text.c1 .div-img{float:none;max-width:295px;display: block;margin: 0 auto;width:100%;}
	.page-top .section-text.c1 .div-img img{width:100%;}
	.page-top .section-text.c1 .div-img p{margin-top:5px !important;text-align: center;;}
	.page-top .section-text.c1 div:first-child p{width:100%;margin-right: 0;float: none;margin-bottom: 20px;margin-left: 0;margin-top: 20px;}



	.page-top .section-btn ul {width:100%;}
	.page-top .section-btn ul li{margin-bottom: 5px;}
	.page-top .section-btn ul li a{font-size: 20px;}
	.page-top .section-btn{padding-bottom: 20px;}
	.page-top>section:last-child{margin-bottom:150px}

	.page-guide div.div-img{width:100%;padding:10px 5px 20px 5px;}

	.page-juries h1{margin-bottom:40px;}
	.page-juries p{text-align:center;margin-bottom:7px;}
	.page-juries .div-july .div-img{float:none;margin:20px auto;width:240px;}
	.page-juries .div-july div:last-child{margin:10px auto;}
	.page-juries .div-july div h3{text-align:center;margin-bottom:7px;}
	.page-juries .div-july div .title{text-align:center;}
	.page-juries .div-july div p{margin-bottom:7px;}
	.page-juries .div-july div p.link{margin-bottom:12px;}
	.page-juries .div-july:last-child{margin-bottom:100px;}
	.page-juries .section-text .tobeannounced {min-height:auto;}
	.page-juries .section-text .tobeannounced div{min-height: auto;}
 
/* 2021.04.27 Update 
-----------------------------------------*/
 .page-awards .year_archive ul,
 .page-juries .year_archive ul {justify-content: flex-start;}
 .page-awards .year_archive ul li,
 .page-juries .year_archive ul li {flex: 0 0 31%; max-width: none; margin: 0 1% 2%;}
/*-----------------------------------------
End 2021.04.27 Update */
}


.application_mov p {
	font-size: 128.5%;
	font-weight: bold;
}
.application_mov a {
	color: #325ae1;
}

.slidebox .comments_video {
	margin: 0 10px;
}
.comments_video {
	margin-bottom: 30px;
 width: 31.8%;
 aspect-ratio: 9 / 16;
	cursor: pointer;
}
.comments_video img,
.comments_video video {
	width: 100%;
	height: auto;
}
.comments_video.disable {
	opacity: 0.5;
	pointer-events: none;
}
.mov_box {
	width: 90%;
 aspect-ratio: 9 / 16;
}
.mov_box video {
	width: 100%;
}
/* Slick Style */
.slick-prev, .slick-next {
 width: 34px;
 height: 34px;
 z-index: 10;
}
.slick-prev:before, .slick-next:before {
 font-size: 34px;
}
.slick-prev {
 left: 15px;
}
.slick-next {
 right: 15px;
}
.slick-slide {
	transition: all 0.4s;
}
.slick-slide.slick-center {
	opacity: 1;
}
.slick-prev,
.slick-next {
 width: 32px;
 height: 62px;
	transition: all 0.4s;
}
.slick-prev,
.slick-prev:hover,
.slick-prev:focus {
 background: url(../img/swipebox.png) no-repeat 0 0;
 background-size: 150px 62px;
}
.slick-next,
.slick-next:hover,
.slick-next:focus {
 background: url(../img/swipebox.png) no-repeat -121px 0;
 background-size: 150px 62px;
}
.slick-prev:before,
.slick-next:before {
	content: none;
}
.page-top .section-text ul.slick-dots {
 padding-left: 0;
}

/* Lity Style */
.lity-iframe .lity-container {
	max-width: none;
}
.lity-iframe-container {
	padding-top: 0;
	height: 100vh;
}
.lity-iframe-container iframe {
	padding: 5vh 0;
}
.lity-content:after {
	content: none;
}

.lity-close,
.lity-close:hover {
	top: 30px;
	right: 30px;
	width: 50px;
	height: 50px;
	text-indent: -999px;
	overflow: hidden;
	background: url(../img/swipebox.png) no-repeat -50px -7px;
	background-size: 150px 62px;
	text-shadow: none;
	transition: all 0.4s;
}
.slick-prev:hover,
.slick-next:hover,
.lity-close:hover {
	opacity: 0.7;
}


.modal_video {
	width: 90%;
	height: auto;
	margin: 0 auto;
}
.modal_video video {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 764px) {
 .lity-iframe-container{
  aspect-ratio: 9 / 16;
 }
}
/*-----------------------------------------
End 2024.08.30 Update */