/* CSS Document */

main{}
	main article{
		position: relative;
		padding: 3em 0;
		}
	main article+article{
		margin-top: 1em;
		}
	main h2{
		position: relative;
		text-align: center;
		}
		main h2 img{
			width: auto;
			max-width: 95%;
			vertical-align: top;
			}
	main h3{
		font-weight: 500;
		}
	main section{
		margin-top: 1em;
		}
	main section+section{
		margin-top: 2em;
		}

#main{
	width: 100%;
	padding-top: 0;
	color: #000;
	}

#hero{
	position: relative;
	background-size: cover;
	}
	#hero > div > div > h2 {
		line-height: 120px;
		-webkit-animation: hero 1s 1 linear;
		animation: hero 1s 1 linear;
		}
	#hero > div > div > h2 img {
		padding: 10px 0;
		}
	#hero > div div:nth-of-type(2) {
		width: 100%;
		text-align: center;
		padding: 20px 0;
		background-color: rgba(255,255,255,.8);
		}
		#hero > div div:nth-of-type(2) img {
			max-width: 95%;
			}
	#hero .slick{
		position: absolute;
		top: 0;
		display: block;
		width: 100%;
		height: 100%;
		overflow: hidden;
		z-index: -1;
		}
	#hero .wrap{
		position: relative;
		text-align: center;
		}
	#hero .thumbBox{
		padding: 200px;
		}
	@-webkit-keyframes hero{
		0% {opacity: 0;}
		100% {opacity: 1;}
		}
	@keyframes hero{
		0% {opacity: 0;}
		100% {opacity: 1;}
		}

#about{
	position: relative;
	}
	#about h3{
		display: none;
	}
	#about .wrap{
		position: relative;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		-ms-flex-pack: justify;
		justify-content: space-between;
		}
		#about .wrap > div:nth-of-type(1){
			width: 100%;
			}
		#about .wrap > div:nth-of-type(2){
			width: 100%;
			}
	#about figure{
		position: relative;
		}
		#about figcaption{
			padding: 0.5em 0 1.5em;
			margin-top: 0.5em;
			}
		#about figcaption span{
			color: #e5002d;
			font-size: 1.6rem;
			font-weight: 600;
			display: block;
			margin-bottom: 0.5em;
			}
		#about figure a img:hover{
			opacity: 0.7;
			transition: 0.4s ease-in-out;
			}
	#about dt{
		color: #fff;
		font-size: 1.6rem;
		border-radius: 50px;
		padding: 0.3em 1em;
		background: #e5002d;
		text-align: center;
		font-weight: 500;
		}
	#about dd{
		padding: 1em;
		line-height: 1.6em;
		}
		#about dl > dd > div {
			padding: 1em 0;
			}
			#about dl > dd > div a {
				width: 70%;
				margin: auto;
				}
	#about p{
		margin-top: 1em;
		font-size: 1.6rem;
		line-height: 1.6em;
		text-align: justify;
		}
	#about > svg{
		display: none;
		}

#present-A,
#present-B{
	background: url(../images/flag.png) no-repeat top;
	background-size:contain;
	}
#present-A {
	background-color: #fffcdc;
	}
#present-B {
	margin-top: 0!important;
	}
	#present-A h2,
	#present-B h2 {
		position: relative;
		width: 100%;
		padding: 0.5em;
		margin-bottom: 1em;
		color: #fff;
		font-size: 1.8rem;
		font-family: "Rounded Mplus 1c";
		font-weight: normal;
		text-align: center;
		line-height: 1em;
		z-index: 1;
		}
		#present-A h2:before,
		#present-B h2:before{
			content: "";
			position: absolute;
			left: 50%;
			}
		#present-A h2:before,
		#present-B h2:before{
			top: 0;
			width: 16em;
			height: 100%;
			margin-left: -8em;
			background: #e5002d;
			border-radius: 50px;
			z-index: -1;
			}
		#present-A p,
		#present-B p{
			font-size: 1.4rem;
			line-height: 1.4em;
			}
	#present-A div > div,
	#present-B div > div {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-flow: wrap;
		-ms-flex-pack: start;
		justify-content: flex-start;
		margin-top: 1em;
		padding-bottom: 2em;
		border-radius: 2px;
		}
	#present-A dl {
		position: relative;
		width: 100%;
		margin: 1.5em 0;
		transition: box-shadow 0.2s ease-out;
		}
		#present-A dl:nth-of-type(5),
		#present-A dl:nth-of-type(10),
		#present-A dl:nth-of-type(15) {
			border-right: none;
			}
	#present-B dl {
		position: relative;
		width: 100%;
		margin: 0.5em 0;
		border: 1px #e6f7ff solid;
		transition: box-shadow 0.2s ease-out;
		}
	#present-A dt {
		overflow: hidden;
		}
	#present-B dt {
		line-height: 1.4em;
		font-weight: bold;
		background-color: #e6f7ff;
		position: relative;
		padding: 0.5em 0.5em 2em 0.5em;
		}
		#present-B dt span {
			position: absolute;
			bottom: 4px;
			right: 4px;
			display: block;
			color: #666;
			font-weight: normal;
			padding-top: 4px;
			font-size: 1.2rem;
			}
	#present-A dd {
		position: relative;
		padding: 0.5em 0;
		line-height: 1.4em;
		}
	#present-B dd {
		position: relative;
		padding: 0.5em;
		line-height: 1.4em;
		}
		#present-A dd:nth-of-type(1){
			width: 100%;
			padding: 0.5em;
			margin-top: 0.5em;
			text-align: center;
			font-weight: bold;
			background-color: #fff;
			transition: background 0.2s ease-out;
			}
		#present-B dd:nth-of-type(1) {
			width: 100%;
			padding: 0.5em;
			background-color: #f5fcff;
			transition: background 0.2s ease-out;
			}
		#present-A dd:nth-of-type(2),
		#present-B dd:nth-of-type(2) {
			/*background: rgba(69,209,232,0.6);*/
			}
		#present-A dd:nth-of-type(3),
		#present-B dd:nth-of-type(3){
			font-size: 1.2rem;
			color:#777;
			}
		#present-A dd:nth-of-type(4),
		#present-B dd:nth-of-type(4) {
			width: 100%;
			text-align: center;
			}
			#present-A dd:nth-of-type(4) a,
			#present-B dd:nth-of-type(4) a {
				display: inline-block;
				margin-right: 0.5em;
				}
	#present-A dl+div,
	#present-B dl+div {
		width: 100%;
		margin-top: 1em;
		}
	#present-A .thumbBox,
	#present-B .thumbBox{
		background-size: cover;
		transition: all 0.2s ease-out;
		}

#notes{
	background: #fff3f3;
	padding: 1em;
	}
	#notes li{
		position:relative;
		padding-left:15px;
		}
	#notes li + li{
		margin-top: 0.5em;
		}
		#notes li:before{
			content:''; 
			display:block; 
			position:absolute; 
			box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
			top:5px; 
			left:2px; 
			height:0; 
			width:0; 
			border-top: 4px solid transparent;
			border-right: 4px solid transparent;
			border-bottom: 4px solid transparent;
			border-left: 6px solid #aaa;
			}
#policy{
	padding: 1em 0 1em 1em;
	margin: 2em auto;
	border-left: 2px #FDBABA solid;
	}
	#policy dt{
		font-weight: bold;
		color:#FF7B7D;
		margin-bottom: 0.5em;
		}




/* ie */
@media all and (-ms-high-contrast: none){}