@charset "UTF-8";

/* CSS Document */
*{
	margin:0px;
	padding:0px;
}
html {
	margin:0px;
	padding:0px;
	overflow-y : scroll;
}
body {
	margin:0px auto;
	padding:0;
	font-size:13px !important;
	*font-size:small;
	*font:x-small;
	line-height:100%;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック", "MS P Gothic", 
	Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	background: url(../images/bkTexture.png) repeat;
	max-width: 2500px;
	overflow: hidden;
}
.container {
	margin:0px auto;
	padding:0px;
	width: 940px;	
	font-size:100%;
/*	font-family:sans-serif;*/
	font-size:inherit;
}
@media screen and (max-width: 640px)  {
.container {
	margin:0px;
	padding:0px 20px;
	width: 100%;
	box-sizing: border-box;
	}
}
/* clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* IE6 */
* html .clearfix { zoom: 1;}
/* IE7 */
*:first-child+html .clearfix {zoom: 1;}
h1, .h2, .h3, .h4, .h5, .h6 {
	margin:0px;
	padding: 0px;
	clear:both;
	font-size:100%;
	line-height:160%;
	font-weight:normal;
}
img {
	border:none;
	vertical-align:top;
	margin:0;
	padding:0;
}
p {
	margin:0;
	padding:0;
	font-size:100%;
	line-height:160%;
}
a , a:link , a:visited {
	text-decoration:none;
	transition: 0.4s;
}
a:hover {
	-ms-filter: "alpha( opacity=60 )";
	filter: alpha( opacity=60 );
	opacity: 0.6;
	color:#000;
	transition: 0.4s;
}
a img:hover {
	-ms-filter: "alpha( opacity=60 )";
	filter: alpha( opacity=60 );
	opacity: 0.6;
}
.clear_space {
	clear:both;
	height:36px;
}
header, section, footer, aside, nav, article , main {
	display:block;
	text-align: left;
}
input, select {
	vertical-align:middle;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
ul {
	list-style-type: none;
}
/* iPad背景切れ対策 */
@media screen and (min-width:641px){
	body{
		min-width:1080px;
	}
}
/*PC・スマホ 表示/非表示*/
.thanksArea.sp,
.sp{
	display:none;
}
@media screen and (max-width: 640px)  {
	.sp {
		display:block;
	}
	.voiceTxtArea.pc,
	.pc {
		display:none;
	}
}
/*ヘッダ
------------------------------------------------------------------------------------------------------*/
header {
	margin:0px auto;
	padding:0px;
	width:100%;
	z-index:2;
	position:relative;
	background: #fff;
}
#headerOut {
	margin:0px auto;
	padding:0;
	width:100%;
	border-bottom:#54C3F1 8px solid;
	height:77px;
}
.headLogo {
	float:left;
	margin:0px auto;
	width:50%;
}
#headLogoNissei {
	margin:18px 0px auto 0px;
	text-align: left;
	width:186px;
	}
#headLogoNissei img {
	width:100%;
}	

.headSub {
	float:right;
	margin:0px auto;
	width:50%;
}
#headLogoSub {
	float:right;
	margin:12px 0px auto 0px;
	width:258px;
	text-align:right;
}
#headLogoSub img {
	width:100%;
	margin-top:4px;
}

@media screen and (max-width: 640px)  {
	#headerOut {
		height:auto;
		border-bottom:#54C3F1 4px solid;
	}
	#headLogoNissei {
		margin:7% 0px 2% 0px;
		width:93px;
	}
	#headLogoSub {
		margin:4% 0px 4% 0px;
		width:150px;
	}
}
/* 冒頭アニメーション--------------------------------------------------*/
.openingAnimation .mainTit01 {
	text-align: center;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 40px;
	z-index:0;
	opacity:0;
	transform: translate(0, 10px);
	-webkit-transform: translate(0, 10px);
	transition:700ms;
}
.openingAnimation.loaded .mainTit01 {
	opacity:1;
	transform: translate(0,-5%);
	-webkit-transform: translate(0,-5%);
}
.openingAnimation .mainTit02 {
	opacity: 0;
	transform: translate(0,100px);
	-webkit-transfrom: translate(100px, 0);
	transition:700ms;
}
.openingAnimation.loaded .mainTit02 {
	opacity: 1;
	transform: translate(0,-5%);
	-webkit-transfrom: translate(0,-5%);
}
.openingAnimation .mainTit03 {
	opacity: 0;
	transform: translate(0,100px);
	-webkit-transfrom: translate(0,100px);
	transition:500ms ease 900ms;
}
.openingAnimation.loaded .mainTit03 {
	opacity: 1;
	transform: translate(0,-5%);
	-webkit-transfrom: translate(0,-5%);
}
.openingAnimation .mainTit04 {
	opacity: 0;
	transform: scale(0.6);
	-webkit-transform: scale(0.6);	
	transition:500ms ease 1300ms;
}
.openingAnimation.loaded .mainTit04 {
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
}
.mainTit04 img {
	width: 100%;
}

.openingAnimation .mainTit05 {
	opacity: 0;
	transform:translate(-100px,0) scale(0.6);
	-webkit-transform:translate(-100px,0) scale(0.6);	
	transition:500ms ease 1300ms;
}
.openingAnimation.loaded .mainTit05 {
	opacity: 1;
	transform:translate(0,0) scale(1);
	-webkit-transform:translate(0,0) scale(1);
}
.mainTit05 img {
	width: 100%;
}
.openingAnimation .mainTit06 {
	opacity: 0;
	transform:translate(0,0) scale(0.6);
	-webkit-transform:translate(0,0) scale(0,0);	
	transition:500ms ease 1300ms;
}
.openingAnimation.loaded .mainTit06 {
	opacity: 1;
	transform:translate(0,0) scale(1);
	-webkit-transform:translate(0,0) scale(1);
	transition-delay: 2s;
}
.openingAnimation.loaded .mainTit01 .mainTit02 .mainTit03 .mainTit04 .mainTit05{
	opacity: 1;
}

/* メインエリア
------------------------------------------------------------------------------------------------------*/
main {
	overflow: hidden;
}
.mainImgArea{
	background: url(../images/bkMainTexture_pc.png) no-repeat center bottom;
	-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
	margin: -3% -3% -30px;
}
.mainImgAreaOut{
	position: relative;
	width: 1150px;
	margin: 0 auto;
}
.mainImgAreaOut > img {
	width: 100%;
	padding: 2% 0 15%;
}
.mainImgAreaInner{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}
.mainTit01{
	position: absolute;
	top: 16%;
	left: 6%;
	width: 39.5%;
	z-index: 1;
}
.mainTit02{
	position: absolute;
	top: 14%;
	right: 8%;
	width: 49.5%;
	z-index: 1;
}
.mainTit03{
	position: absolute;
	bottom: 19%;
	left: 10%;
	width: 55.5%;
	z-index: 1;
}
.mainTit04{
	position: absolute;
	bottom: -14%;
	right: 4%;
	width: 32%;
	padding: 11% 0 17%;
	z-index: 1;
}
.mainTit04bk{
	position: absolute;
	bottom: -26%;
	right: 6%;
	width: 32%;
	padding: 11% 0 ;
	z-index: 0;
}
.mainTit05{
	position: absolute;
	bottom: 2%;
	left: 9%;
	width: 51%;
	z-index: 1;
}
.mainTit06{
	position: absolute;
	bottom: 6%;
	right: -4%;
	width: 18%;
	z-index: 2;
}
.mainTit06 img{
	width: 50%;
}
@-webkit-keyframes yurayura {
	0% {top:0px;}
	100% {top:7px;}
}
@keyframes yurayura {
	0%{top:0px;}
	100%{top:7px;}
}
@media screen and (max-width: 640px)  {
	.mainImgArea {
		background-size: cover;
	}
	.mainImgAreaOut {
		width: 100%;
	}
	.mainImgAreaOut > img {
		padding: 2% 0 35%;
	}
	.mainImgAreaInner img {
		width: 100%;
	}
	.mainTit01 {
		top: 12%;
		left: 1%;
		width: 48.5%;
	}
	.mainTit02 {
		top: 12%;
		right: 3%;
		width: 54%;
	}
	.mainTit03 {
		bottom: 13%;
		left: 5%;
		width: 55.5%;
	}
	.mainTit04bk {
		bottom: -24%;
		right: 3%;
		width: 46%;
	}
	.mainTit04 {
		bottom: -5%;
		right: 6%;
		width: 37%;
	}
	.mainTit05 {
		bottom: 0%;
		left: 5%;
		width: 55%;
	}
	.mainTit06 {
		bottom: 11%;
		right: 9%;
		width: 10%;
	}
}

/* コンテスト概要エリア
------------------------------------------------------------------------------------------------------*/
.overviewArea {
	z-index: 2;
}
.overviewAreaOut{
	background: url(../images/overviewBk.png) no-repeat center bottom;
}
.overviewAreaInner {
	padding: 5px 0 15px 40px;
	position: relative;
	z-index: 2;
}
/*.overviewAreaInner p {
	font-size: 16px;
	font-weight: bold;
	line-height: 32px;
	color: #003ca5;
	margin: 20px 0 0;
}*/
@media screen and (max-width: 640px)  {
	.overviewAreaInner {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		padding: 10px 20px;
	}
	.overviewAreaInner:before {
		content: '';
		width: 30%;
		height: 150px;
		right: 1%;
		top: -3%;
		background-position: right top;
	}
	.overviewAreaInner h2 {
		margin: 20px 0 0;
	}
	.overviewAreaInner h2 img {
		width: 70%;
	}
	.overviewAreaInner p {
		font-size: 14px;
		line-height: 24px;
		margin: 10px 0 20px;
	}
}
/* プレゼントエリア
------------------------------------------------------------------------------------------------------*/
.presentArea {
	background: #fff;
	-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
	margin: -30px -3% 0;
	padding: 25px 0 100px;
}
.presentAreaOut {
	-webkit-transform: rotate(3deg);
	transform: rotate(3deg);
	padding: 20px 0 50px;
}
.presentAreaInner{
	display:-ms-flex;
	display: flex;
}
.presentCts {
	width: 100%;
	text-align: center;
}
.presentTit {
	position: relative;
	margin: 0 0 10px;
}
.presentTit h2{
	font-size: 30px;
	line-height: 38px;
	position: absolute;
	left: 29%;
	top: 38%;
}
.presentCts:nth-child(1) .presentTit h2{
	color: #3bb5d8;
}
.presentCts:nth-child(2) .presentTit h2{
	color: #ed7f9c;
}
.presentTxt {
	font-size: 18px;
	line-height: 27px;
	font-weight: bold;
	margin: 10px 0 20px;
}
.commentsTxt {
	font-size: 12px;
}
.presentDetail {
	background: #fff;
	padding: 15px 150px 15px 15px;
	position: relative;
	font-size: 14px;
}
.presentDetail:before{
	content: '';
	width: 171px;
	height: 171px;
	background: url(../images/presentTit01-img.png) no-repeat ;
	background-size: contain;
	position: absolute;
	right: 0;
	bottom: 15px;
}
.presentDetail p {
	margin: 0 0 10px;
	text-indent: -14px;
	padding: 0 0 0 14px;
}
.presentDetail ul {
	line-height: 20px;
}
.presentSubTxt {
	font-size: 22px;
	line-height: 30px;
	font-weight: bold;
	display: inline;
	background: linear-gradient(transparent 70%, #fcee21 50%);
}
.presentTxtArea {
	display:-ms-flex;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.presentTxtArea > .presentTxt {
	width: 300px;
}
.presentDetailTxt{
	font-size: 14px;
	margin: 10px 0 0;
}

@media screen and (max-width: 640px)  {
	.presentArea {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		margin: 0;
		padding: 20px 0 30px;
	}
	.presentAreaOut {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		padding: 0;
	}
	.presentAreaInner {
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.presentCts {
		width: 100%;
		
		text-align: left;
	}
	.presentCts:first-child {
		margin: 0 0 50px 0;
	}
	.presentTit img{
		width: 26%;
	}
	.presentTit h2 {
		font-size: 22px;
		line-height: 28px;
		bottom: 0;
		top: auto;
		left: 25%;
	}
	.presentTxt {
		font-size: 14px;
		line-height: 21px;
		margin: 10px 0;
	}
	.presentDetail {
		background: #fff;
		padding: 10px 20% 10px 10px;
		font-size: 12px;
	}
	.presentDetail:before {
		width: 28%;
		height: 135px;
		bottom: 5px;
		right: -2%;
		background-position: right bottom;
	}
	.presentSubTxt {
		font-size: 18px;
		line-height: 26px;
	}
	.presentTxtArea > .presentTxt {
		width: 70%;
	}
	.presentTxtArea {
		-ms-flex-align: start;
		align-items: flex-start;
		margin: 0;
	}
	.presentTxtArea > img {
		width: 27%;
	}
	.presentDetailTxt,.commentsTxt {
		font-size: 12px;
	}
}
/* 応募要項エリア
------------------------------------------------------------------------------------------------------*/
#containerApplication{
	background: url(../images/bkTexture.png) repeat;
}
.modalClose {
	text-align: center;
	margin: 20px 0 10px;
}
div#Application-inner {
	padding: 10px;
}
#Application-inner table{
	vertical-align:top;
	text-align:left;
}
#Application-inner table thead th{
	font-size:28px;
	background:#fff;
	color:#003ca5;
	text-align:center;
	padding:2%;
}
#Application-inner table tbody th{
	font-size: 16px;
	color: #003ca5;
	width: 26%;
	padding: 30px 0px 30px 0px;
	line-height: 1.5;
	text-align: left;
	vertical-align: text-bottom;
}
#Application-inner table tbody tr{
	border-bottom:1px #FFF solid;
}
#Application-inner table tbody tr:last-child{
	border-bottom:none;
}
#Application-inner table tbody tr td{
	line-height:1.5;
	padding:35px 0px;
	vertical-align:top;
	text-align:left;
	font-size:15px;
}
.applicationComments{
	color:#003ca5;
}
.applicationDetail p{
	padding-bottom:25px;
	word-break: break-all;
	clear:both;
}
.applicationDetail p:nth-child(2){
	padding-bottom:0;
	float:left;
	width:64%;
}
.applicationDetail p:nth-child(5){
	padding-bottom:0;
	float:left;
	width:64%;
}
.applicationSample{
	float:right;
	width:34%;
}
.applicationSample img {
	width: 100%;
}
a.applicationBtn {
	margin-top:15px;
	display:block;
	text-align: center;
	background: #ffff00;
	border: 1px solid #b3b3b3;
	border-radius: 5px;
	padding: 10px 0;
	position: relative;
	font-size: 16px;
	font-weight: bold;
	color: #4d4d4d;
	box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.3);
	position: relative;
}
/*a.applicationBtn:before{
	content:'';
	background: url(../images/applicationBtn.svg) no-repeat;
	width: 21px;
	height: 17px;
	background-size: contain;
	position: absolute;
	top:50%;
	margin: -8.5px 0 0;
	right: 14px;
}*/
@media screen and (max-width: 640px)  {
	#containerApplication {
	}
	#Application-inner table thead th{
		font-size:24px;
		padding:4%;
		text-align:center;
	}
	#Application-inner table tbody th{
		display:block;
		width:100%;
		text-align:center;
		padding:3% 0 1%;
	}
	#Application-inner table tbody tr td{
		display:block;
		width:100%;
		padding:3% 1%;
		line-height:1.6;
	}
	.applicationDetail p:nth-child(2){
		float:none;
		width:100%;
	}
	.applicationDetail p:nth-child(5){
		float:none;
		width:100%;
	}
	.applicationSample{
		float:none;
		width:100%;
		padding:3% 0;
	}
	.applicationSample img{
		width:97%;
	}
	.applicationSample a{
		margin: 15px auto;
		display: block;
		width: 80%;
	}
}

/*ページリンク
------------------------------------------------------------------------------------------------------*/
.pageLink {
	width: 630px;
	margin: 100px auto 120px;
}
.pageLink ul{
	display:-ms-flex;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.pageLink ul li a{
	width: 290px;
	position: relative;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background: #003ca5;
	display: inline-block;
	padding: 20px 0;
	border-radius: 5px;
	box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.3);
}
.pageLink ul li a:before{
	content: '';
	width: 19px;
	height: 16px;
	position: absolute;
	top: 50%;
	margin: -8px 0 0;
	right: 10px;
	background: url(../images/arrowBtn.svg) no-repeat;
}
@media screen and (max-width: 640px)  {
	.pageLink {
		width: 80%;
		margin: 0 auto 80px;
		box-sizing: border-box;
	}
	.pageLink ul {
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.pageLink ul li a {
		width: 100%;
		font-size: 16px;
		margin: 0 0 20px;
	}
}
	/*SNSシェアボタン
------------------------------------------------------------------------------------------------------*/
#snsShare{
	margin:3px 0px 10px 0px;
	float: right;
	text-align:right;
	position:relative;
	z-index:100;
	display:block;
	width: 100%;
	}
.twLike {
	margin:0px 6px 0px 0px;
	float:right;
	display:inline;
	width:auto;
	}
.fb-like {
	margin:0px 6px 0px 0px;
	float:right;
	display:inline;
	width:auto;
	}
/*フッタ footer
------------------------------------------------------------------------------------------------------*/
#footerBottom_out {
	clear:both;
	margin:0px auto 0px auto;
	padding:20px 0px 30px 0px;	
	background-color: #FFFFFF;
	font-size:inherit;	
	font-family:sans-serif;
	border-top:#54C3F1 7px solid;
	letter-spacing: 0em;
	}	
@media screen and (max-width: 640px)  {
	#footerBottom_out {
	padding:4% 0%;
	box-sizing:border-box;
	}
}
#ft_nisseiLogo {
	margin:0px 0px 11px 0px;
	font-size:93%;
	color:#333333;
	vertical-align:middle;
	float:left;
}
@media screen and (max-width: 640px)  {
	#ft_nisseiLogo {
	width:100%;
	height:auto;
	margin-left:0%;
	float:none;
	}
	#ft_nisseiLogo a {
		display:block;
	}
}
#ft_nisseiLogo img {
	margin-right:16px;
	vertical-align:middle;
	width:119px;
	}
@media screen and (max-width: 640px)  {
	#ft_nisseiLogo img {
		margin:0 0 2% 0;
		width:149px;
	}
}
#ft_Home a {
	font-size:100%;
	color:#333;
	text-decoration:none;
	float:right;
}
#ft_Home img {
	margin-right:5px;
	vertical-align:middle;
}
#copyright {
	margin-top:5px;
	font-size:85%;
	color:#333333;
	vertical-align:middle;
	float:left;
	}
@media screen and (max-width: 640px)  {
	#copyright {
		margin:2% 0px 0px 0%;
		font-size:96%;
		float:left;
	}
}
	
ul.ft_Btm_list {
	float:right;
	margin:5px 0px 0px 0px ;
	padding:0px 0px 0px 0px;
	text-align: left;
	font-size:93%;
	line-height:120%;
	color:#666666;
	float:right;
}
.ft_Btm_list li {
	margin:0px 0px 0px 10px;
	padding:0px 10px 0px 0px;
	border-right:1px solid #333333;
	list-style:none;
	display:inline;
	*display: inline;
	*zoom: 1;
	vertical-align:middle;
}
@media screen and (max-width: 640px)  {
	ul.ft_Btm_list {
		width:100%;
		float:none;
		margin:4% 0 0 0;
		padding:0;
	}
	.ft_Btm_list li {
	box-sizing:border-box;
	margin:0px 0px 3% 0%;
	padding:0;
	font-size:116%;
	display:block;
	width:98%;
	border-right:none;
	text-decoration:underline;
	text-align:left;
	}
}

.ft_Btm_list li:last-child {
	border-right:none;
	}
.ft_Btm_list li a, .ft_Btm_list li a:link, .ft_Btm_list li a:visited {
	color:#4D2813;
	}

/*ページトップボタン
------------------------------------------------------------------------------------------------------*/
#page-top{
	position:fixed;
	bottom:120px;
	right:20px;
	z-index:10;
	}
@media screen and (max-width:640px){
#page-top{
	bottom:5%;
	}
	#page-top img{
		width:80px !important;
	}
}

#page-top img{
	width:110px;
	display:block;
	transition: 0.4s;
}

/*優秀作品発表
------------------------------------------------------------------------------------------------------*/
.thanksArea {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.totalImg {
	width: 160px;
	margin: 0 0 -25px 0;
}
.thanksArea h2 {
	width: 560px;
}
.thanksArea h2 img {
	width: 100%;
}
.overviewLink {
	border: 2px #000 solid;
	position: relative;
	border-radius: 5px;
	padding: 15px 24px 15px 13px;
	box-sizing: border-box;
	background: #fff;
	width: 160px;
	font-size: 18px;
	color: #000;
	margin: 0 0 5px 0;
	font-weight: bold;
	cursor: pointer;
}
.overviewLink:before{
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: url("../images/imgIco-1.png") no-repeat;
	background-size: contain;
	position: absolute;
	right: 12px;
	top: 50%;
	margin: -10px 0 0 0;
}
.overviewLink:after {
	content: '';
	display: block;
	width: 120px;
	height: 60px;
	background: url(../images/charaImg-03.png) no-repeat;
	background-size: contain;
	position: absolute;
	right: 50%;
	top: -62px;
	margin: 0 -60px 0 0;
	z-index: -1;
}
.presentCts p {
	font-size: 15px;
	line-height: 30px;
	font-weight: bold;
}
.presentCts p span{
	font-size: 12px;
	font-weight: normal;
}
.excellenceArea{
	background: rgba(255,255,0,0.15);
	-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
	margin: 0 -3% 0;
	padding: 0 0 220px;
	position: relative;
	z-index: 1;
}
.excellenceAreaInner {
	-webkit-transform: rotate(3deg);
	transform: rotate(3deg);
	margin: 0 auto 0;
	width: 940px;
}
/*.excellenceAreaInner:before{
	content: '';
	width: 180px;
	height: 220px;
	background: url(../images/charaImg-01.png) no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	left: 20px;
	top: -10px;
}
.excellenceAreaInner:after{
	content: '';
	width: 180px;
	height: 220px;
	background: url(../images/charaImg-02.png) no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	right: 15px;
	top: -15px;
}
*/
.excellenceAreaInner h2 {
	width: 940px;
	margin: 0 0 0 -470px;
	position: absolute;
	top: -70px;
	left: 50%;
}
.excellenceAreaInner h2  img{
	width: 100%;
}
.excellenceAreaInner ul {
	padding: 230px 0 50px 0;
	display: flex;
	justify-content: space-between;
	width: 650px;
	margin: 0px auto;
}
.excellenceAreaInner ul li{
	text-align: center;
	width: 130px;
	height: 66px;
	display: flex;
	align-items: center;
	overflow: hidden;
	border: 3px solid #003CA5;
	border-radius: 10px;
}
.excellenceAreaInner ul li a {
	width: 130px;
	display: block;
	padding: 23px 0;
	box-sizing: border-box;
	color: #003CA5;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	background: #fff;
}
.excellenceCts{
	background: url(../images/excellenceAreabk.jpg) no-repeat;
	background-position: center;
	width: 100%;
	border: #fff 4px solid;
	border-radius: 10px;
	background-size: cover;
	padding: 45px 70px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
}
.excellenceCtsInfo{
	width: 52%;
}
.excellenceCtsImg{
	width: 45%;
	position: relative;
}
.excellenceCtsInfo h3 img {
	width: 100%;
}
.excellenceCtsImg .prizeImg-detail01 > img{
	width: 100%;
	box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.2);
}
.nameArea{
	background: url(../images/bestAwardArea01.png) no-repeat;
	background-size: contain;
	width: 378px;
	height: 118px;
	margin: 0 auto;
	text-align: center;
	padding: 20px;
	box-sizing: border-box;
}
.departmentTxt {
	width: 160px;
	height: 30px;
	margin: 0 auto;
	border: #003CA5 2px solid;
	background: #fff;
	border-radius: 15px;
	font-size: 16px;
	font-weight: bold;
	color: #003CA5;
	padding: 1px;
	box-sizing: border-box;
}
.nameTxt {
	font-size: 35px;
	color: #fff;
	font-weight: bold;
	line-height: 50px;
	text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 0px 1px 0 #000, 0-1px 0 #000, -1px 0 0 #000, 1px 0 0 #000;
}
.nameTxt span{
	font-size: 26px;
}
.voiceTxtArea {
	width: 378px;
	margin: 15px auto 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.voiceTxtArea img {
	height: 35px;
	display: block;
	margin: 0 8px 3px 0;
}
.popImgIcon{
	width: 50px;
	position: absolute;
	right: -20px;
	bottom: -10px;
}
.excellenceImg{
	display: block;
	width: 100%;
}
a .excellenceImg:hover {
	transition: 0.4s;
}
.departmentArea {
	position: relative;
	z-index: 2;
	background: url(../images/bkTexture.png) repeat;
	margin: -110px 0 0;
}
.departmentCts {
	width: 940px;
	margin: 30px auto 130px;
	position: relative;
}
.departmentCts h3 {
	width: 350px;
	height: 60px;
	box-sizing: border-box;
	text-align: center;
	display: block;
	color: #003CA5;
	border: 3px #003CA5 solid;
	background: #fff;
	border-radius: 30px;
	font-size: 28px;
	font-weight: bold;
	padding: 20px 0;
	position: absolute;
	top: -30px;
	left: 50%;
	margin: 0 0 0 -175px;
}
.departmentCts ul {
	display: flex;
	justify-content: space-between;
	padding: 80px 0 0;
}
.departmentCts ul li{
	width: 30%;
}
.ctsImg > img{
	width: 100%;
	box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.2);
}
.departmentCts:before {
	content: '';
	width: 300px;
	height: 8px;
	background: url(../images/dotLine.png) no-repeat;
	background-size: auto;
	position: absolute;
	top: -5px;
	left: 0;
}
.departmentCts:after {
	content: '';
	width: 300px;
	height: 8px;
	background: url(../images/dotLine.png) no-repeat;
	background-size: auto;
	position: absolute;
	top: -5px;
	right: 0;
}
.ctsTxt{
	background: url(../images/awardArea.png) no-repeat;
	background-size: contain;
	height: 105px;
	margin: 15px 0 0;
	padding: 29px 0;
	box-sizing: border-box;
}
.grandprix .ctsTxt{
	background: url(../images/bestAwardArea02.png) no-repeat;
	background-size: contain;
	height: 105px;
	margin: 15px 0 0;
	padding: 10% 0 30%;
	box-sizing: border-box;
}
.ctsTxt p{
	text-align: center;
	color: #fff;
	font-size: 30px;
	line-height: 25px;
	font-weight: bold;
	text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 0px 1px 0 #000, 0-1px 0 #000, -1px 0 0 #000, 1px 0 0 #000;
}
.ctsTxt p span{
	font-size: 20px;
}
.ctsImg {
	position: relative;
}
.grandprix .ctsImg:before{
	contents:'';
	display: block;
	width: 210px;
	height: 32px;
	background: url("../images/grandprixIco.png") no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	top:10px;
}
.departmentIco {
	position: absolute;
	right: -20px;
	bottom: -15px;
	width: 50px;
}
.departmentImg {
	display: block;
	width: 100%;
}
a .departmentImg:hover{
	transition: 0.4s;
}
.grandprix{
	position: relative;
}
.grandprix:before{
	content: '';
	width: 210px;
	height: 30px;
	background: url("../images/grandprixIco.png") no-repeat;
	background-size: contain;
	background-position: center;
	position: absolute;
	left: 50%;
	margin: 0 0 0 -105px;
	top:-40px;
}
.greetingTit {
	width: 940px;
	margin: 0 auto;
	position: relative;
}
.greetingTit:before {
	content: '';
	width: 300px;
	height: 8px;
	background: url(../images/dotLine.png) no-repeat;
	background-size: auto;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: -1;
}
.greetingTit:after {
	content: '';
	width: 300px;
	height: 8px;
	background: url(../images/dotLine.png) no-repeat;
	background-size: auto;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: -1;
}

.greetingTit h3 {
	width: 720px;
	margin: 0 auto;
	position: relative;
}
/*.greetingTit h3:before{
	content: '';
	width: 150px;
	height: 250px;
	background: url("../images/charaImg-04.png") no-repeat;
	background-size: contain;
	position: absolute;
	left: -90px;
	top:50%;
	margin: -125px 0 0 0;
	z-index: 1;
}
.greetingTit h3:after{
	content: '';
	width: 150px;
	height: 250px;
	background: url("../images/charaImg-05.png") no-repeat;
	background-size: contain;
	position: absolute;
	right: -90px;
	top:50%;
	margin: -125px 0 0 0;
	z-index: 1;
}*/
.greetingTit h3 img {
	width: 100%;
	position: relative;
}
@media screen and (max-width:640px){
	.thanksArea h2 {
		width: 100%;
	}
	.thanksArea.sp{
		display: flex;
		margin: 10px 0 0;
	}
	.totalImg {
		width: 40%;
		margin: 0 0 -25px 0;
	}
	.thanksArea.sp .modal-open.overviewLink {
		display: block;
		width: 140px;
		height: 50px;
		padding: 0 24px 0 13px;
	}
	.overviewLink:after {
		display: none;
	}
	.modal-close.modalCancel {
		position: fixed;
		right: 30px;
		top: 30px;
	}
	.excellenceArea {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		margin: 0;
		padding: 0 0 40%;
	}
	.excellenceAreaInner {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		margin: 0;
		width: calc(100% - 40px);
		padding: 5px 20px;
	}
	.excellenceAreaInner h2 {
		width: calc(100% - 40px);
		margin: 0;
		position: absolute;
		top: -5%;
		left: auto;
	}
	.excellenceAreaInner ul {
		padding: 20% 0 5%;
		width: 100%;
	}
	.excellenceAreaInner ul li a {
		display: block;
		padding: 30px 0;
		font-size: 10px;
		line-height: inherit;
		width: 100%;
	}
	.excellenceAreaInner ul li {
		width: 24%;
		height: 60px;
		border: 2px solid #003CA5;
		border-radius: 5px;
		box-sizing: border-box;
	}
	.excellenceCts {
		width: 100%;
		border: #fff 2px solid;
		padding: 10px 10px 15px;
		display: block;
	}
	.excellenceCtsInfo {
		width: 100%;
	}
	.nameArea {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 5% 0;
	}
	.departmentTxt {
		width: 65%;
		height: auto;
		margin: 0 auto;
		border: #003CA5 2px solid;
		font-size: 3vw;
	}
	.nameTxt {
		font-size: 8vw;
		line-height: 13vw;
	}
	.nameTxt span {
		font-size: 5vw;
	}
	.voiceTxtArea {
		width: 100%;
		margin: 0;
	}
	.excellenceCtsImg {
		width: 95%;
		margin: 0px auto 20px;
	}
	.departmentCts {
		width: calc(100% - 40px);
		margin: 40px auto 80px;
	}
	.departmentCts h3 {
		width: 65%;
		height: auto;
		margin-left: calc(-65% / 2);
		z-index: 1;
		font-size: 4vw;
		padding: 15px;
		top: -25px;
	}
	.departmentCts:before {
		content: '';
		width: 50%;
		height: 4px;
		background: url(../images/dotLine.png) no-repeat;
		background-size: cover;
		background-position: left;
		position: absolute;
		top: -2px;
		left: 0;
	}
	.departmentCts:after {
		content: '';
		width: 50%;
		height: 4px;
		background: url(../images/dotLine.png) no-repeat;
		background-size: cover;
		background-position: right;
		position: absolute;
		top: -2px;
		right: 0;
	}
	.departmentCts ul {
		display: block;
		padding: 50px 0 0;
	}
	.departmentCts ul li{
		width: 70%;
		margin: 0 auto 30px;
	}
	.ctsTxt {
		padding: 10% 0 30%;
		width: 100%;
	}
	.ctsTxt p {
		font-size: 7vw;
		line-height: 5vw;
	}
	.ctsTxt p span {
		font-size: 4vw;
	}
	.departmentCts ul.grandprixArea {
		padding: 80px 0 0 0;
	}
	.greetingTit {
		width: calc(100% - 40px);
		margin: 0 auto 70px;
	}
	.greetingTit h3 {
		width: 80%;
		margin: -30px auto 0;
	}
	.greetingTit:before {
		content: '';
		width: 50%;
		height: 4px;
		background: url(../images/dotLine.png) no-repeat;
		background-size: cover;
		background-position: right;
		position: absolute;
		left: 0;
		top: 50%;
		z-index: -1;
	}
	.greetingTit:after {
		content: '';
		width: 50%;
		height: 4px;
		background: url(../images/dotLine.png) no-repeat;
		background-size: cover;
		background-position: right;
		position: absolute;
		right: 0;
		top: 50%;
		z-index: -1;
	}
}
/*	 modal
------------------------------------------------------------------------------------------------------*/
.lock {
    overflow:hidden;
}

.modal-content {
	position:relative;
	display:none;
	width:50%;
	margin-top:30px;
	margin-right:30px;
	margin-bottom:30px;
	margin-left: calc(-50% / 2);
	padding:10px;
	border:2px solid #aaa;
	background:#fff;
	left: 50% !important;
	}
.prizeImg .modal-content {
	position:relative;
	display:none;
	width:40%;
	margin: 30px auto;
	padding: 10px;
	border: 2px solid #aaa;
	background: #fff;
	left: 0 !important;
}
@media screen and (min-width: 641px){
	.prizeImg .modal-content {
		min-width :500px;
	}
}
@media screen and (max-width: 640px){
	.modal-content {
		width:90%;
		margin-top: 30px;
		margin-right: 30px;
		margin-bottom: 30px;
		margin-left: calc(-90% / 2);
		padding: 20px 10px;
		box-sizing: border-box;
	}
	.prizeImg .modal-content {
		width:80%;
	}
}
.prizeImg .modal-wrap .modal-content p {
	margin:0;
	padding:10px 0 5px;
	text-align:center;
}

.modal-overlay {
	z-index:2;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.75);
}

.modal-wrap {
	z-index:5;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:auto;
}

.modal-Ornament{
	display: inline-block;
	padding: 0.5em 1em;
	text-decoration: none;
	color: #4d4d4d;
	border: dashed 1px #4d4d4d;
	border-radius: 3px;
	transition: .4s;
}

.modal-Ornament:hover {
	border-style: dotted;
	color: #000;
	cursor:pointer;
}
.modalCancel{
	float: right;
	margin: -20px -25px 0 0;
	background: #FFF;
	padding: 4px 12px 3px;
	border-radius: 5px;
}
.css-cancel{
	display: inline-block;
	position: relative;
	padding: 0;
	width: 4px;
	height: 20px;
	background: #000;
	transform: rotate(45deg);
	border:none;
}
.css-cancel:before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: -8px;
	width: 20px;
	height: 4px;
	margin-top: -2px;
	background: #000;
}
.imgW{
	width:100%;
	margin-top:-8px;
}
i.fa.fa-comment {
	font-size: 20px;
	padding-right:5px;
}
p.modelInfo {
	margin-top: 20px;
	font-weight: bold;
	font-size: 18px;
	color:#003CA5;
	text-align: center;
}
p.modelInfo span{
	font-size:24px;
}
p.modelComment {
	border-bottom: 1px solid #b3b3b3;
	padding: 0 0 20px;
	text-align: center;
}
.modalClose{
	text-align: center;
	margin: 10px 0 0px;
}
.modelCloseTxt{
	margin: 10px 0 20px;
	text-align: center;
}