@charaset"UTF-8";

/*==================================================================*/
/* css */
/*==================================================================*/
:root{
	--color_main:#4a5ef0;
	--color_over:#ffce3a;
	--color_first:#4a5ef0;
	--color_second:#f04aa8;
	--color_third:#ff896b;
	--color_first_back:#ebfdfe;
	--color_second_back:#fef5f8;
	--color_third_back:#fef8e4;
	}

#certificate{display:none;}

/* 360 *//* ------- */@media print, screen and (max-width:360px){}
/* 400 *//* ------- */@media print, screen and (min-width:400px){}
/* 768 *//* ------- */@media print, screen and (min-width:768px){}
/* 980 *//* ------- */@media print, screen and (min-width:980px){}

/* -------------------------------------------------------------- */
/* #mainvisual */
/* -------------------------------------------------------------- */
#mainvisual *{margin:0;padding:0;}
#mainvisual{
	background:url('./image/mainvisual_back.png') repeat-x 50% 50% #ffe93a;
	background-size:contain;
	}
#mainvisual h1{margin:0 auto;}

/* 768 *//* ------- */@media print, screen and (min-width:768px){#mainvisual h1 img{width:100%;}}
/* 980 *//* ------- */@media print, screen and (min-width:980px){#mainvisual h1 img{width:auto;}}

/* -------------------------------------------------------------- */
/* #contents */
/* -------------------------------------------------------------- */
#contents{padding-top:30px;}


/* -------------------------------------------------------------- */
/* #lead */
/* -------------------------------------------------------------- */
#lead *{margin:0;padding:0;}
#lead{
	margin:0 auto 40px;
	}
#lead .inner{
	margin:0 auto;
	width:var(--size_sp);
	}

#lead P{
	margin:0 0 20px;
	font-weight:500;
	}
#lead p.news{
	margin:0 auto;
	padding:0 0 0 20px;
	position:relative;
	line-height:1.4;
	text-align:left;
	}
#lead p.news span{color:var(--color_main);}
#lead p.news span:after{
	content:'';
	position:absolute;
	left:0;
	top:3px;
	height:0;
	width:0;
	border-top:10px solid var(--color_main);
	border-left:6px solid var(--color_main);
	border-right:6px solid var(--color_main);
	border-bottom:6px solid transparent;
	}

/* 360 *//* ------- */@media print, screen and (max-width:360px){#lead .inner{width:var(--size_sp_s);}}
/* 400 *//* ------- */@media print, screen and (min-width:400px){#lead .inner{width:var(--size_sp_l);}}
/* 768 *//* ------- */@media print, screen and (min-width:768px){
#lead .inner{width:var(--size_tab);}
#lead p.news br{display:none;}
}/* ------- */

/* 980 *//* ------- */@media print, screen and (min-width:980px){
#lead .inner{width:calc(var(--size_pc) - 140px);}
}/* ------- */

/* -------------------------------------------------------------- */
/* #about */
/* -------------------------------------------------------------- */
#about *{margin:0;padding:0;}
#about{
	margin:0 auto 120px;
	background:url('./image/about_back.png') repeat 50% 50% #feff9d;
	}
#about .inner{
	margin:0 auto;
	padding:20px 0;
	position:relative;
	width:var(--size_sp);
	}
#about .inner:after{
	content:" ";
	position:absolute;
	right:10px;
	bottom:-10px;
	width:88px;
	height:76px;
	background:url('./image/robo.png') no-repeat 0 0;
	background-size:100%;
	}

#about h2{
	margin:0 0 10px;
	color:var(--color_main);
	font-size:30px;
	text-align:center;
	}
#about h2 span{}

#about h3{
	margin:0 0 20px;
	line-height:1.3;
	color:var(--color_main);
	text-align:center;
	font-size:14px;
	}
#about h3 span{
	display:block;
	font-size:20px;
	}

#about div{}
#about dl{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	font-weight:500;
	}
#about dt{
	margin:0 0 12px;
	border-radius:12px;
	width:80px;
	height:24px;
	color:#fff;
	background:var(--color_main);
	text-align:center;
	}
#about dd{
	margin:0 0 12px;
	width:240px;
	}

/* 360 *//* ------- */@media print, screen and (max-width:360px){
#about .inner{width:var(--size_sp_s);}
#about dt{
	width:20%;
	height:20px;
	}
#about dd{width:78%;}
}/* ------- */

/* 768 *//* ------- */@media print, screen and (min-width:768px){
#about{margin:0 auto 180px;}
#about .inner{width:var(--size_tab);}
#about h2{font-size:30px;}
#about h3{font-size:14px;}
#about h3 span{font-size:24px;}

#about .inner div{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	}
#about .inner:after{right:60px;}

#about dl{width:350px;}
#about dt{width:100px;}
}/* ------- */

/* 980 *//* ------- */@media print, screen and (min-width:980px){
#about .inner{width:calc(var(--size_pc) - 140px);}
#about dt{
	border-radius:14px;
	height:28px;
	}
}/* ------- */


/* -------------------------------------------------------------- */
/* #result */
/* -------------------------------------------------------------- */
#result *{margin:0;padding:0;}
#result{
	margin:0 auto 60px;
	}

#result .award{
	margin:0 auto 100px;
	border:3px solid var(--color_main);
	border-radius:20px;
	position:relative;
	}
#result .award h2{
	margin:0 auto;
	position:absolute;
	top:-60px;
	left:0;
	right:0;
	width:90%;
	text-align:center;
	}

#result .block_inner{
	margin:0 auto;
	padding:60px 0 0;
	}
#result .block{position:relative;}
#result button{display:none;}

#result .block p.num{
	margin:0 auto 5px;
	padding:0;
	border-radius:20px;
	width:80px;
	color:#fff;
	font-size:12px;
	font-weight:500;
	text-align:center;
	background:var(--color_main);
	}
#result .block dl.title{
	text-align:center;
	}
#result .block dl.title dt{
	font-size:18px;
	font-weight:500;
	}
#result .block dl.title dd{}

#result .block dl.title dd a{color:#6eb92b;}
@media (hover:hover){#result .block dl.title dd a:hover{color:var(--color_over);}}

#result .detail{}
#result .movie{
	margin:0 auto 20px;
	padding:20px 0;
	position:relative;
	text-align:center;
	background:url('./image/award_back1.png') no-repeat 50% 50%;
	background-size:auto 100%;
	}
#result #first .movie{background:url('./image/award_back1.png') no-repeat 50% 50%;background-size:auto 100%;}
#result #second .movie{background:url('./image/award_back2.png') no-repeat 50% 50%;background-size:auto 100%;}
#result #third .movie{background:url('./image/award_back3.png') no-repeat 50% 50%;background-size:auto 100%;}


#result .movie p,#result .movie iframe{
	margin:0 auto;
	width:var(--size_sp);
	height:191px;
	cursor:pointer;
	border:3px solid var(--color_main);
	border-radius:6px;
	box-sizing:border-box;
	}

#result .movie p::before{
	margin:auto;
	content:" ";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	width:70px;
	height:70px;
	background:url('/image/ic_movie.png') no-repeat 50% 50%;
	cursor:pointer;
	}

#result .cmt,#result .everyone,#result .winner{
	margin:0 auto;
	width:var(--size_sp);
	}
#result .cmt h3,#result .everyone h3,#result .winner dl dt{
	margin:0 0 5px;
	border-radius:20px;
	width:200px;
	color:#fff;
	text-align:center;
	font-size:14px;
	background:var(--color_main);
	}

#result .cmt{}
#result .cmt p{margin:0 0 20px;}

#result .everyone{margin:0 auto 30px;}
#result .everyone ul{}
#result .everyone li{
	margin:0 0 5px;
	padding:10px 15px;
	border-radius:6px;
	list-style:none;
	line-height:1.4;
	}
#result #first .everyone li{background:var(--color_first_back);}
#result #second .everyone li{background:var(--color_second_back);}
#result #third .everyone li{background:var(--color_third_back);}

#result .everyone li span{
	font-size:11px;
	font-weight:bold;
	}

#result .winner{
	margin:0 auto 30px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	}
#result .winner dl{}
#result .winner dt{font-weight:500;}
#result .winner dd{margin:0 0 5px;}
#result .winner ul{padding:5px 0 3px 20px;}
#result .winner li{margin:0 0 3px;}
#result .winner p.photo{
	margin:0 auto;
	text-align:center;
	}

/* award-line */
#result .award-line{
	margin:70px auto 0;
	width:var(--size_sp);
	}
#result #second .award-line{border-top:3px solid;border-image:linear-gradient(135deg, var(--color_second), #ffe93a) 1;}
#result #third .award-line{border-top:3px solid;border-image:linear-gradient(135deg, var(--color_third), #ffe93a) 1;}

/* color */
#result #first .block dl.title dt,
#result #first .everyone li span{color:var(--color_first);}

#result #second .block dl.title dt,
#result #second .everyone li span{color:var(--color_second);}

#result #third .block dl.title dt,
#result #third .everyone li span{color:var(--color_third);}

/* background */
#result #first .block p.num,
#result #first .cmt h3,#result #first .everyone h3,#result #first .winner dl dt{background:var(--color_first);}

#result #second .block p.num,
#result #second .cmt h3,#result #second .everyone h3,#result #second .winner dl dt{background:var(--color_second);}

#result #third .block p.num,
#result #third .cmt h3,#result #third .everyone h3,#result #third .winner dl dt{background:var(--color_third);}

/* border-color */
#result #first,
#result #first .movie p,
#result #first .movie iframe{border-color:var(--color_first);}

#result #second,
#result #second .movie p,
#result #second .movie iframe{border-color:var(--color_second);}

#result #third,
#result #third .movie p,
#result #third .movie iframe{border-color:var(--color_third);}


/* 360 *//* ------- */@media print, screen and (max-width:360px){
#result .award{width:var(--size_sp_s);}
#result .movie p,#result .movie iframe{
	width:280px;
	height:158px;
	}
#result .cmt,#result .everyone,#result .winner{width:var(--size_sp_s);}
#result .award-line{width:var(--size_sp_s);}
}/* ------- */

/* 400 *//* ------- */@media print, screen and (min-width:400px){
#result .cmt,#result .everyone,#result .winner{width:var(--size_sp_l);}
#result .award-line{width:var(--size_sp_l);}
}/* ------- */

/* 768 *//* ------- */@media print, screen and (min-width:768px){
#result .award{
	margin:0 auto 180px;
	width:var(--size_tab);
	}
#result .award h2{
	top:-90px;
	width:540px
	}
#result .block_inner{padding:80px 0 0;}
#result .block p.num{font-size:14px;}
#result .block dl.title dt{font-size:24px;}
#result .movie{
	padding:30px 0;
	background-size:100%;
	}
#result .movie p,#result .movie iframe{
	width:560px;
	height:315px;
	}
#result .cmt,#result .everyone,#result .winner{width:calc(var(--size_tab) - 100px);}
#result .cmt h3,#result .everyone h3,#result .winner dl dt{margin:0 0 10px;}

#result .cmt p{margin:0 0 40px;}

#result .winner dl{width:calc(var(--size_tab) - 100px);}
#result .winner p.photo{width:300px;}

#result .award-line{width:calc(var(--size_tab) - 100px);}
}/* ------- */

/* 980 *//* ------- */@media print, screen and (min-width:980px){
#result .award{
	width:var(--size_pc);
	}

#result button{
	display:block;
	position:absolute;
	right:80px;
	top:0;
	border:none;
	border-radius:50%;
	width:70px;
	height:70px;
	color:#fff;
	background:url('./image/print.svg') no-repeat 50% 20% var(--color_first);
	background-size:50%;
	font-weight:bold;
	cursor:pointer;
	transition:all .3s;
	}
#result #first button{background-color:var(--color_first);}
#result #second button{background-color:var(--color_second);}
#result #third button{background-color:var(--color_third);}

#result button span{
	padding:24px 0 0;
	display:inline-block;
	font-size:12px;
	}

#result button:hover{
	background-color:var(--color_main);
	transition:all .3s;
	}
#result #first button:hover{background-color:var(--color_over);}
#result #second button:hover{background-color:var(--color_over);}
#result #third button:hover{background-color:var(--color_over);}

#result .movie p,#result .movie iframe{
	width:600px;
	height:338px;
	}

#result .cmt,#result .everyone,#result .winner{width:calc(var(--size_pc) - 140px);}
#result .award-line{width:calc(var(--size_pc) - 140px);}

#result .winner dl{
	margin-right:20px;
	width:520px;
	}
}/* ------- */

/* -------------------------------------------------------------- */
/* #list */
/* -------------------------------------------------------------- */
#list *{margin:0;padding:0;}
#list{
	margin:0 auto 60px;
	width:var(--size_sp);
	}

#list h2{
	margin:0 auto 10px;
	color:var(--color_first);
	font-size:24px;
	letter-spacing:0.5em;
	text-align:center;
	font-weight:500;
	}
#list h3{
	margin:0 auto 30px;
	}
#list div{
	display:flex;
	flex-wrap:wrap;
	}

#list dl{
	margin:0 0 15px;
	width:165px;
	}
#list dl:nth-of-type(odd){margin-right:10px;}

#list dt{
	margin:0 0 5px;
	position:relative;
	}
#list dt span{
	position:absolute;
	top:-5px;
	left:-5px;
	padding:0 10px;
	border-radius:20px;
	color:#fff;
	background:var(--color_first);
	font-size:12px;
	z-index:5;
	font-weight:600;
	}

#list dd{
	margin:0 0 3px;
	line-height:1.3;
	color:#999;
	font-size:12px;
	text-align:center;
	width:100%;
	}
#list dd a{
	display:block;
	color:var(--color_first);
	font-size:14px;
	font-weight:500;
	}
@media (hover:hover){#list dd a:hover{color:var(--color_over);}}

/* 360 *//* ------- */@media print, screen and (max-width:360px){
#list{width:var(--size_sp_s);}
#list dl{width:100%;}
#list dl:nth-of-type(odd){margin-right:0;}
}/* ------- */

/* 400 *//* ------- */@media print, screen and (min-width:400px){
#list{width:var(--size_sp_l);}
#list dl{
	margin:0 0 15px;
	width:185px;
	}
}/* ------- */

/* 768 *//* ------- */@media print, screen and (min-width:768px){
#list{width:var(--size_tab);}
#list h3{text-align:center;}
#list .sp1{display:none;}
#list dl{
	margin-right:20px;
	width:220px;
	}
#list dl:nth-of-type(odd){margin-right:20px;}
#list dl:nth-of-type(3n){margin-right:0;}
#list dl img{width:100%;}

#list dd{font-size:13px;}
#list dd a{font-size:15px;}
}/* ------- */

/* 980 *//* ------- */@media print, screen and (min-width:980px){
#list{width:var(--size_pc);}
#list dl{
	margin-right:8px;
	width:239px;
	}
#list dl:nth-of-type(odd){margin-right:8px;}
#list dl:nth-of-type(3n){margin-right:8px;}
#list dl:nth-of-type(4n){margin-right:0;}
#list dd{font-size:14px;}
#list dd a{font-size:16px;}
}/* ------- */

/* -------------------------------------------------------------- */
/* #comment */
/* -------------------------------------------------------------- */
#comment *{margin:0;padding:0;}
#comment{
	margin:0 auto 20px;
	padding:70px 0;
	background:url('./image/ptn.png') no-repeat 50% 50%;
	background-size:120%;
	}
#comment .inner{
	margin:0 auto;
	width:var(--size_sp);
	}
#comment p{
	color:var(--color_main);
	font-size:15px;
	font-weight:800;
	}

/* 360 *//* ------- */@media print, screen and (max-width:360px){
#comment .inner{width:var(--size_sp_s);}
}/* ------- */

/* 400 *//* ------- */@media print, screen and (min-width:400px){
#comment .inner{width:var(--size_sp_l);}
}/* ------- */

/* 768 *//* ------- */@media print, screen and (min-width:768px){
#comment{
	padding:120px 0;
	background-size:100%;
	}
#comment .inner{width:var(--size_tab);}
#comment p{
	font-size:24px;
	text-align:center;
	}
}/* ------- */

/* 980 *//* ------- */@media print, screen and (min-width:980px){
#comment{
	padding:140px 0;
	background-size:auto;
	}
#comment .inner{width:var(--size_pc);}
}/* ------- */

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