@charset "utf-8";
/*
 * ================================================
 * 
 * [home]
 * 
 * ================================================
 */
#siteHeader {
	background-color: #FFFFFF;
	position: relative;
	z-index: 1;
}
#siteFooter {
	position: relative;
}
/**
 * ---------------------------------------------------
 * mainVisual
 * ---------------------------------------------------
 */
#mainVisualWrapper {
	position: relative;
	z-index: 1;
}
	#mainVisualWrapper .content {
		text-align: center;
		position: absolute;
		z-index: 2;
		top: 50%;
		left: 50%;
		width: 100%;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
	}
		#mainVisualWrapper .content .en01 {
			font-family: 'RobotoConBold';
			letter-spacing: 0.1em;
			color: #FFFFFF;
			line-height: 1;
			margin-bottom: 15px;
		}
			#mainVisualWrapper .content .en01 div {
				display: inline-block;
			}
			#mainVisualWrapper .content .en01 div:first-child {
				margin-right: 0.25em;
			}
			#mainVisualWrapper .content .en01 div:first-letter {
				color: #BBD75D;
			}
		#mainVisualWrapper .content .en02 {
			font-family: 'RobotoConReg';
			letter-spacing: 0.1em;
			color: #FFFFFF;
			line-height: 1;
			margin-bottom: 40px;
		}
		#mainVisualWrapper .content .jp {
			letter-spacing: 0.1em;
			color: #FFFFFF;
			line-height: 1;
			padding-bottom: 40px;
			position: relative;
		}
		#mainVisualWrapper .content .jp::after {
			content: '';
			width: 50px;
			height: 3px;
			background-color: #FFFFFF;
			position: absolute;
			bottom: 0;
			left: 50%;
			margin-left: -25px;
		}
	#mainVisualWrapper .bgImg {
		display: none;
	}
	#mainVisualWrapper .bgImg::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.3);
	}
.videoContainer {
	/*background-size: contain;*/
	position: fixed;
	z-index: 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
	.videoContainer .bgVideo { position: relative; }
	.videoContainer .bgVideo::after {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		/*background-color: rgba(0,0,0,0.3);*/
		background: scroll url(../../images/content/content/bgSlash02.png) repeat left top;
	}
	.videoContainer .bgVideo::before {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(0,0,0,0.2);
	}
	.videoContainer video {  width: 100%;  /*height: 100%;*/ }
#newsWrapper {
	position: relative;
	z-index: 1;
}
	#newsWrapper .inner {
		overflow: hidden;
		width: 100%;
		height: 50px;
		background: #5FBFE2;
		display: table;
	}
	#newsWrapper h2 {
		display: table-cell;
		vertical-align: middle;
		font-family: 'RobotoConBold';
		letter-spacing: 0.1em;
		color: #FFFFFF;
		text-align: center;
		width: 10em;
		line-height: 1;
	}
		#newsWrapper h2 span {
			line-height: 1;
			display: block;
			width: 100%;
			border-right: 1px solid #FFFFFF;
		}
	#newsWrapper .articleWrapper {
		display: table-cell;
		vertical-align: middle;
	}
		#newsWrapper .articleWrapper article {
			overflow: hidden;
		}
			#newsWrapper .articleWrapper article time {
				float: left;
				width: 10em;
				text-align: center;
				color: #FFFFFF;
			}
			#newsWrapper .articleWrapper article .content {
				margin-left: 11em;
				color: #FFFFFF;
			}
				#newsWrapper .articleWrapper article .content a {
					color: #FFFFFF;
				}
	#newsWrapper .control {
		display: table-cell;
		vertical-align: middle;
		width: 12em;
	}
		#newsWrapper .control a {
			display: block;
			height: 100%;
			font-family: 'RobotoConReg';
			letter-spacing: 0.1em;
			color: #FFFFFF;
			text-align: center;
			line-height: 42px;
			background: #2D2B2D;
			border: 4px solid #2D2B2D;
			-webkit-transition: .25s;
			    -ms-transition: .25s;
			        transition: .25s;
		}
			#newsWrapper .control a:hover {
				background-color: #FFFFFF;
				color: #2D2B2D;
			}
			#newsWrapper .control a span {
				display: inline-block;
				background: scroll url(/ap-portal/images/content/content/ico_arr01.png) no-repeat left center;
				padding: 0 30px;
				line-height: 1;
				-webkit-transition: .25s;
				    -ms-transition: .25s;
				        transition: .25s;
			}
			#newsWrapper .control a:hover span {
				background-position-x: 5px;
				background-image: url(/ap-portal/images/content/content/ico_arr02.png);
			}
#titleSection {
	position: relative;
	z-index: 1;
	padding: 100px 0;
	background: #FFFFFF;
}
	#titleSection .content {
		text-align: center;
	}
	#titleSection h2 {
		font-family: 'RobotoConBold';
		letter-spacing: 0.1em;
		line-height: 1;
		margin-bottom: 30px;
	}
	#titleSection p {
		padding-bottom: 30px;
		position: relative;
	}
	#titleSection p::after {
		content: '';
		width: 48px;
		height: 3px;
		background: #BBD75D;
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -24px;
	}
#activitySection {
	position: relative;
	z-index: 1;
	overflow: hidden;
	background: #FFFFFF;
	width: 100%;
	border-top: 1px solid #B3B6B3;
}
	#activitySection .title {
		width: 33.3%;
		float: left;
		/*border-top: 1px solid #B3B6B3;*/
		position: relative;
		overflow: hidden;
		vertical-align: middle;
		padding-top: 16.6%;
		height: 0;
	}
		#activitySection .title a {
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			color: #2D2B2D;
			text-decoration: none;
		}
		#activitySection .title .content {
			position: absolute;
			text-align: center;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			    -ms-transform: translate(-50%, -50%);
			        transform: translate(-50%, -50%);
		}
		#activitySection .title h2 {
			padding-bottom: 20px;
			margin-bottom: 20px;
			position: relative;
		}
		#activitySection .title .en  {
			font-family: 'RobotoConBold';
			letter-spacing: 0.1em;
			line-height: 1;
			margin-bottom: 10px;
			display: block;
		}
		#activitySection .title h2::after {
			content: '';
			width: 48px;
			height: 3px;
			background: #BBD75D;
			position: absolute;
			bottom: 0;
			left: 50%;
			margin-left: -24px;
			-webkit-transition: 0.2s;
			    -ms-transition: 0.2s;
			        transition: 0.2s;
		}
			#activitySection .title a:hover h2::after {
				background: #2D2B2D;
			}
		#activitySection .title .btn {
			width: 15em;
		}
			#activitySection .title a:hover .btn {
				background-color: #FFFFFF;
				color: #2D2B2D !important;
			}
				#activitySection .title a:hover .btn span {
					background-position-x: 5px;
					background-image: url(/ap-portal/images/content/content/ico_arr02.png);
				}
		#activitySection .title .bg {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			border: 20px solid #F5F5F5;
			opacity: 0;
			-webkit-transition: all .25s ease-in-out;
			    -ms-transition: all .25s ease-in-out;
			        transition: all .25s ease-in-out;
			-webkit-transform: scale(1.1);
			    -ms-transform: scale(1.1);
			        transform: scale(1.1);
		}
			#activitySection .title a:hover .bg {
				opacity: 1;
				-webkit-transform: scale(1.0);
				    -ms-transform: scale(1.0);
				        transform: scale(1.0);
			}
	#activitySection .item {
		width: 33.3%;
		float: left;
		/*border-top: 1px solid #B3B6B3;*/
		position: relative;
	}
	#activitySection .item:nth-child(odd) {
		background: #F5F5F5;
	}
	#activitySection .item:nth-of-type(n + 3) {
		border-top: 1px solid #B3B6B3;
	}
		#activitySection .item a {
			display: block;
			text-decoration: none;
			color: #2D2B2D;
			overflow: hidden;
		}
		#activitySection .item .image {
			float: left;
			width: 50%;
			position: relative;
			padding-top: 50%;
			overflow: hidden;
		}
			#activitySection .item .image img {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				-webkit-transition: all .25s ease-in-out;
				    -ms-transition: all .25s ease-in-out;
				        transition: all .25s ease-in-out;
			}
				#activitySection .item a:hover .image img {
					-webkit-transform: scale(1.1);
					    -ms-transform: scale(1.1);
					        transform: scale(1.1);
				}
			#activitySection .item .image .mask {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background-color: rgba(0,0,0,0.5);
				opacity: 0;
				-webkit-transition: all .25s ease-in-out;
				    -ms-transition: all .25s ease-in-out;
				        transition: all .25s ease-in-out;
			}
				#activitySection .item a:hover .image .mask {
					opacity: 1;
				}
		#activitySection .item .content {
			float: right;
			width: 50%;
			padding: 15px;
		}
			#activitySection .item .content .time {
				padding-bottom: 10px;
				margin-bottom: 25px;
				position: relative;
			}
			#activitySection .item .content .time::after {
				content: '';
				width: 4em;
				height: 3px;
				background: #BBD75D;
				position: absolute;
				bottom: 0;
				left: 0;
				-webkit-transition: 0.2s;
				    -ms-transition: 0.2s;
				        transition: 0.2s;
			}
				#activitySection .item a:hover .content .time::after {
					background: #2D2B2D;
				}
			#activitySection .item .content .category {
				margin-bottom: 10px;
				font-weight: bold;
			}
#apSection {
	position: relative;
	z-index: 1;
	border-top: 1px solid #B3B6B3;
}
	#apSection a {
		overflow: hidden;
		display: block;
		color: #2D2B2D;
		text-decoration: none;
	}
	#apSection .content {
		width: 40%;
		float: left;
		position: relative;
		padding-top: 30.0%;
		background-color: #FFFFFF;
	}
	#apSection .cInner {
		width: 100%;
		position: absolute;
		text-align: center;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
	}
		#apSection .content h2 {
			padding-bottom: 20px;
			margin-bottom: 20px;
			position: relative;
		}
			#apSection .content h2 .en {
				font-family: 'RobotoConBold';
				letter-spacing: 0.1em;
				line-height: 1;
				margin-bottom: 10px;
				display: block;
			}
		#apSection .content h2::after {
			content: '';
			width: 48px;
			height: 3px;
			background: #5FBFE2;
			position: absolute;
			bottom: 0;
			left: 50%;
			margin-left: -24px;
			-webkit-transition: 0.2s;
			    -ms-transition: 0.2s;
			        transition: 0.2s;
		}
			#apSection a:hover .content h2::after {
				background: #2D2B2D;
			}
		#apSection .content p {
			margin-bottom: 40px;
		}
		#apSection .content .btn {
			width: 15em;
		}
			#apSection a:hover .content .btn {
				background-color: #FFFFFF;
				color: #2D2B2D !important;
			}
				#apSection a:hover .content .btn span {
					background-position-x: 5px;
					background-image: url(/ap-portal/images/content/content/ico_arr02.png);
				}
		#apSection .content .bg {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			border: 20px solid #F5F5F5;
			opacity: 0;
			-webkit-transition: all .25s ease-in-out;
			    -ms-transition: all .25s ease-in-out;
			        transition: all .25s ease-in-out;
			-webkit-transform: scale(1.1);
			    -ms-transform: scale(1.1);
			        transform: scale(1.1);
		}
			#apSection a:hover .content .bg {
				opacity: 1;
				-webkit-transform: scale(1);
				    -ms-transform: scale(1);
				        transform: scale(1);
			}
	#apSection .image {
		width: 60%;
		float: left;
		padding-top: 30%;
		position: relative;
		overflow: hidden;
	}
		#apSection .image .bg {
			background: scroll url(../../images/content/home/ci01.jpg) no-repeat center top;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			-webkit-background-size: contain;
			        background-size: contain;
			-webkit-transition: all .25s ease-in-out;
			    -ms-transition: all .25s ease-in-out;
			        transition: all .25s ease-in-out;
			-webkit-transform: scale(1.01);
			    -ms-transform: scale(1.01);
			        transform: scale(1.01);
		}
			#apSection a:hover .image .bg {
				-webkit-transform: scale(1.1);
				    -ms-transform: scale(1.1);
				        transform: scale(1.1);
			}
		#apSection .image .mask {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,0.5);
			opacity: 0;
			-webkit-transition: 0.2s;
			    -ms-transition: 0.2s;
			        transition: 0.2s;
		}
			#apSection a:hover .image .mask {
				opacity: 1;
				-webkit-transform: scale(1.1);
				    -ms-transform: scale(1.1);
				        transform: scale(1.1);
			}
#overviewSection {
	position: relative;
	z-index: 1;
	border-top: 1px solid #B3B6B3;
}
	#overviewSection a {
		overflow: hidden;
		display: block;
		color: #2D2B2D;
		text-decoration: none;
	}
	#overviewSection .image {
		width: 60%;
		float: left;
		padding-top: 30%;
		position: relative;
		overflow: hidden;
	}
		#overviewSection .image .bg {
			background: scroll url(../../images/content/home/ci02.jpg) no-repeat center top;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			-webkit-background-size: contain;
			        background-size: contain;
			-webkit-transition: all .25s ease-in-out;
			    -ms-transition: all .25s ease-in-out;
			        transition: all .25s ease-in-out;
			-webkit-transform: scale(1.01);
			    -ms-transform: scale(1.01);
			        transform: scale(1.01);
		}
			#overviewSection a:hover .image .bg {
				-webkit-transform: scale(1.1);
				    -ms-transform: scale(1.1);
				        transform: scale(1.1);
			}
		#overviewSection .image .mask {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0,0,0,0.5);
			opacity: 0;
			-webkit-transition: all .25s ease-in-out;
			    -ms-transition: all .25s ease-in-out;
			        transition: all .25s ease-in-out;
		}
			#overviewSection a:hover .image .mask {
				opacity: 1;
				-webkit-transform: scale(1.1);
				    -ms-transform: scale(1.1);
				        transform: scale(1.1);
			}
	#overviewSection .content {
		width: 40%;
		float: left;
		position: relative;
		padding-top: 30.0%;
		background-color: #FFFFFF;
	}
	#overviewSection .cInner {
		width: 100%;
		position: absolute;
		text-align: center;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
	}
		#overviewSection .content h2 {
			padding-bottom: 20px;
			margin-bottom: 20px;
			position: relative;
		}
			#overviewSection .content h2 .en {
				font-family: 'RobotoConBold';
				letter-spacing: 0.1em;
				line-height: 1;
				margin-bottom: 10px;
				display: block;
			}
		#overviewSection .content h2::after {
			content: '';
			width: 48px;
			height: 3px;
			background: #5FBFE2;
			position: absolute;
			bottom: 0;
			left: 50%;
			margin-left: -24px;
			-webkit-transition: 0.2s;
			    -ms-transition: 0.2s;
			        transition: 0.2s;
		}
			#overviewSection a:hover .content h2::after {
				background: #2D2B2D;
			}
		#overviewSection .content p {
			margin-bottom: 40px;
		}
		#overviewSection .content .btn {
			width: 15em;
		}
			#overviewSection a:hover .content .btn {
				background-color: #FFFFFF;
				color: #2D2B2D !important;
			}
				#overviewSection a:hover .content .btn span {
					background-position-x: 5px;
					background-image: url(/ap-portal/images/content/content/ico_arr02.png);
				}
		#overviewSection .content .bg {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			border: 20px solid #F5F5F5;
			opacity: 0;
			-webkit-transition: all .25s ease-in-out;
			    -ms-transition: all .25s ease-in-out;
			        transition: all .25s ease-in-out;
			-webkit-transform: scale(1.1);
			    -ms-transform: scale(1.1);
			        transform: scale(1.1);
		}
			#overviewSection a:hover .content .bg {
				opacity: 1;
				-webkit-transform: scale(1);
				    -ms-transform: scale(1);
				        transform: scale(1);
			}

/**
 ****************************************************
 * 
 * screens larger than 768
 * 
 ****************************************************
 */
@media only screen and (min-width: 768px) {
	
}
/**
 ****************************************************
 * 
 * screens smaller than 768
 * 
 ****************************************************
 */
@media only screen and (max-width: 768px) {
	#mainVisualWrapper {}
		#mainVisualWrapper .bgImg {
			display: block;
			position: static;
			width: 100%;
			height: 100%;
			background: scroll url(../../images/content/home/poster.jpg) no-repeat center center;
			-webkit-background-size: cover;
			    -ms-background-size: cover;
			        background-size: cover;
		}
	.videoContainer {
		display: none;
	}
}
@media screen and (max-width: 768px) and (orientation:landscape) {
	#mainVisualWrapper {}
		#mainVisualWrapper .bgImg {
			min-width: 100%;
		}
}
/**
 ****************************************************
 * 
 * screens smaller than 767
 * 
 ****************************************************
 */
@media only screen and (max-width: 767px) {
	#siteHeader {
		position: fixed;
		z-index: 12;
	}
	#mainVisualWrapper {}
		#mainVisualWrapper .content {}
			#mainVisualWrapper .content .en01 {
				margin-bottom: 5px;
				font-size: 2.0rem;
			}
			#mainVisualWrapper .content .en02 {
				margin-bottom: 10px;
			}
			#mainVisualWrapper .content .jp {
				padding-bottom: 20px;
			}
			#mainVisualWrapper .content .jp::after {}
	#newsWrapper {}
		#newsWrapper .inner {
			height: auto;
			display: block;
		}
		#newsWrapper h2 {
			display: block;
			text-align: center;
			width: auto;
		}
			#newsWrapper h2 span {
				border-bottom: 1px solid #FFFFFF;
				border-right: none;
				display: inline-block;
				width: auto;
			}
			#newsWrapper h2 a {
				color: #FFFFFF;
				text-decoration: none;
				display: block;
				padding: 10px 0;
			}
		#newsWrapper .newsContent {
			/*display: none;*/
		}
		#newsWrapper .articleWrapper {
			display: block;
			padding-bottom: 10px;
		}
			#newsWrapper .articleWrapper article {
				overflow: hidden;
				padding: 0 10px;
			}
				#newsWrapper .articleWrapper article time {
					width: 6em;
				}
				#newsWrapper .articleWrapper article .content {
					margin-left: 6.5em;
				}
		#newsWrapper .control {
			display: block;
			width: auto;
			text-align: center;
			padding-bottom: 10px;
		}
			#newsWrapper .control a {
				display: inline-block;
				transition: none;
				width: 12em;
				line-height: 1;
				padding: 0.6em 1.5em;
			}
				#newsWrapper .control a span {
					transition: none;
				}
	#titleSection {
		padding: 10% 0;
	}
		#titleSection .content {
			width: 80%;
			margin: 0 auto;
		}
		#titleSection h2 {
			margin-bottom: 15px;
		}
		#titleSection p {
			padding-bottom: 15px;
		}
	#activitySection {
		border-top: 1px solid #B3B6B3;
	}
		#activitySection .title {
			width: auto;
			float: none;
			padding: 0;
			height: auto;
		}
			#activitySection .title a {
				position: static;
				padding: 30px 0;
			}
			#activitySection .title .content {
				position: static;
				transform: none;
			}
			#activitySection .title h2 {
				padding-bottom: 10px;
				margin-bottom: 15px;
			}
				#activitySection .title a:hover h2::after {
					background: #BBD75D;
				}
			#activitySection .title .en  {
				font-family: 'RobotoConBold';
				margin-bottom: 5px;
			}
			#activitySection .title .btn {
				width: 14em;
			}
				#activitySection .title a:hover .btn {
					background-color: #2D2B2D;
					color: #FFFFFF !important;
				}
					#activitySection .title a:hover .btn span {
						background-position-x: 0;
						background-image: url(/ap-portal/images/content/content/ico_arr01.png);
					}
			#activitySection .title .bg {
				display: none;
			}
		#activitySection .item {
			width: 100%;
			float: none;
			border-bottom: 1px solid #B3B6B3;
		}
		#activitySection .item:nth-of-type(1) {
			border-top: 1px solid #B3B6B3;
		}
		#activitySection .item:last-child {
			border-bottom: none;
		}
		#activitySection .item:nth-of-type(n + 3) {
			border-top: none;
		}
			#activitySection .item .image {
				float: left;
				width: 35%;
				padding-top: 0;
			}
				#activitySection .item .image img {
					position: relative;
					left: 50%;
					width: auto;
					height: auto;
					max-width: 100%;
					max-height: 100%;
					transition: none;
					transform: translateX(-50%);
				}
					#activitySection .item a:hover .image img {
						transform: translateX(-50%);
					}
				#activitySection .item .image .mask {
					display: none;
				}
			#activitySection .item .content {
				width: 65%;
				padding: 5px;
			}
				#activitySection .item .content .time {
					padding-bottom: 5px;
					margin-bottom: 10px;
				}
					#activitySection .item .content .time::after {}
					#activitySection .item a:hover .content .time::after {
						background: #BBD75D;
					}
				#activitySection .item .content .category {
					margin-bottom: 5px;
				}
	#apSection {}
		#apSection .content {
			width: 100%;
			float: none;
			padding: 30px 0;
			z-index: 2;
			background-color: rgba(255,255,255,0.7);
		}
		#apSection .cInner {
			position: static;
			transform: none;
		}
			#apSection .content h2 {
				padding-bottom: 10px;
				margin-bottom: 10px;
			}
				#apSection .content h2 .en {
					margin-bottom: 5px;
				}
					#apSection a:hover .content h2::after {
						background: #5FBFE2;
					}
			#apSection .content p {
				margin-bottom: 20px;
			}
			#apSection .content .btn {
				width: 16em;
			}
				#apSection a:hover .content .btn {
					background-color: #2D2B2D;
					color: #FFFFFF !important;
				}
					#apSection a:hover .content .btn span {
						background-position-x: 0;
						background-image: url(/ap-portal/images/content/content/ico_arr01.png);
					}
			#apSection .content .bg {
				display: none;
			}
		#apSection .image {
			width: 100%;
			height: 100%;
			float: none;
			padding-top: 0;
			position: absolute;
			left: 0;
			top: 0;
		}
			#apSection .image .bg {
				transition: none;
				background-size: cover;
				-webkit-transform: scale(1.0);
				    -ms-transform: scale(1.0);
				        transform: scale(1.0);
			}
				#apSection a:hover .image .bg {
					transform: none;
				}
			#apSection .image .mask {
				display: none;
			}
	#overviewSection {}
		#overviewSection .image {
			width: 100%;
			height: 100%;
			float: none;
			padding-top: 0;
			position: absolute;
			left: 0;
			top: 0;
		}
			#overviewSection .image .bg {
				transition: none;
				background-size: cover;
				-webkit-transform: scale(1.0);
				    -ms-transform: scale(1.0);
				        transform: scale(1.0);
			}
				#overviewSection a:hover .image .bg {
					transform: none;
				}
			#overviewSection .image .mask {
				display: none;
			}
		#overviewSection .content {
			width: 100%;
			float: none;
			padding: 30px 0;
			z-index: 2;
			background-color: rgba(255,255,255,0.7);
		}
		#overviewSection .cInner {
			position: static;
			transform: none;
		}
			#overviewSection .content h2 {
				padding-bottom: 10px;
				margin-bottom: 10px;
			}
				#overviewSection .content h2 .en {
					margin-bottom: 5px;
				}
					#overviewSection a:hover .content h2::after {
						background: #5FBFE2;
					}
			#overviewSection .content p {
				margin-bottom: 20px;
			}
			#overviewSection .content .btn {
				width: 16em;
			}
				#overviewSection a:hover .content .btn {
					background-color: #2D2B2D;
					color: #FFFFFF !important;
				}
					#overviewSection a:hover .content .btn span {
						background-position-x: 0;
						background-image: url(/ap-portal/images/content/content/ico_arr01.png);
					}
			#overviewSection .content .bg {
				display: none;
			}
}