@charset 'UTF-8';
@import url('http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,900');
@import url('font-awesome.min.css');

/*
	Big Picture by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	html {
		height: 100%;
	}

	body {
		background: #fff;
		height: 100%;
		overflow-y: scroll;
	}

		body.is-loading *,
		body.is-resizing *
		{
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-o-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-o-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
		}

	body,input,textarea,select {
		font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-weight: 300;
		font-size: 18pt;
		line-height: 1.75em;
		color: #39454b;
		letter-spacing: 0.5px;
	}

	h1,h2,h3,h4,h5,h6 {
		font-weight: 900;
		color: inherit;
	}

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
		color: inherit;
		text-decoration: none;
	}

	strong, b {
		font-weight: 900;
		color: inherit;
	}

	em, i {
		font-style: italic;
	}

	a {
		color: #0068B5;

		-moz-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
	}

	sub {
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}

	sup {
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}

	hr {
		border: 0;
		border-top: solid 1px #ddd;
	}

	blockquote {
		border-left: solid 0.5em #ddd;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}

	p, ul, ol, dl, table {
		margin-bottom: 1em;
	}

	header {
		margin-bottom: 1em;
	}

		header p {
			display: block;
			margin: 1em 0 0 0;
			padding: 0 0 0.5em 0;
		}

	footer {
		margin-top: 2em;
	}

	br.clear {
		clear: both;
	}

	hr.divider
	{
		border: 0;
		clear: both;
	}

	/* Sections/Article */

		section,
		article {
		}

			section > :last-child,
			article > :last-child {
				margin-bottom: 0;
			}

			section > .content > :last-child,
			article > .content > :last-child {
				margin-bottom: 0;
			}

			section:last-child,
			article:last-child {
				margin-bottom: 0;
			}

			.row > section,
			.row > article {
				margin-bottom: 0;
			}

	/* List */

		ul {
		}

			ul {
				
			}

				ul li {
					
				}

		ol {
		}

			ol.default {
				list-style: decimal;
				padding-left: 1.25em;
			}

				ol.default li {
					padding-left: 0.25em;
				}

	/* Table */

		table {
			width: 100%;
		}

			table.default {
				width: 100%;
			}

				table.default tbody tr:nth-child(2n+2) {
					background: #f4f4f4;
				}

				table.default td {
					padding: 0.5em 1em 0.5em 1em;
				}

				table.default th {
					text-align: left;
					font-weight: 900;
					padding: 0.5em 1em 0.5em 1em;
				}

				table.default thead {
					background: #444;
					color: #fff;
				}

				table.default tfoot {
					background: #eee;
				}

				table.default tbody {
				}

	/* Dark */

		.dark {
			color: #fff;
		}

			.dark a {
				color: #fff;
			}

			.dark .button.style2 {
				border-color: inherit;
				background-color: #004097;
				/*background-color: rgba(64,64,64,0.05);*/
			}

				.dark .button.style2:hover {
					background-color: rgba(255,255,255,0.1);
				}

				.dark .button.style2.down {
					background-image: url('images/dark-arrow.svg');
				}
				
dl, dt.accordion, dd ul li{
    display:none;
}
				
	/* dl */
	.dl {
		width:80%;
		margin:0 auto;
		text-align:left;
		display:block;
		padding-top:3em;
		}
	.dt {
		background: #004c79;
		margin-bottom:0.4em;
		width:15%;
		float:left;
		text-align: center;
		color:#FFF;
		}
	.dd {
		margin-bottom:0.4em;
		width:83%;
		float:right;
		}


/*********************************************************************************/
/* Loader                                                                        */
/*********************************************************************************/

	@-moz-keyframes spinner-show { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-webkit-keyframes spinner-show { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-o-keyframes spinner-show { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-ms-keyframes spinner-show { 0% { opacity: 0; } 100% { opacity: 1; } }
	@keyframes spinner-show { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-moz-keyframes spinner-hide { 0% { color: #ececec; z-index: 100001; -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 99% { color: #ececec; z-index: 100001; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } 100% { color: #ececec; z-index: -1; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } }
	@-webkit-keyframes spinner-hide { 0% { color: #ececec; z-index: 100001; -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 99% { color: #ececec; z-index: 100001; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } 100% { color: #ececec; z-index: -1; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } }
	@-o-keyframes spinner-hide { 0% { color: #ececec; z-index: 100001; -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 99% { color: #ececec; z-index: 100001; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } 100% { color: #ececec; z-index: -1; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } }
	@-ms-keyframes spinner-hide { 0% { color: #ececec; z-index: 100001; -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 99% { color: #ececec; z-index: 100001; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } 100% { color: #ececec; z-index: -1; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } }
	@keyframes spinner-hide { 0% { color: #ececec; z-index: 100001; -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 99% { color: #ececec; z-index: 100001; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } 100% { color: #ececec; z-index: -1; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } }
	@-moz-keyframes overlay-hide { 0% { opacity: 1; z-index: 100000; } 15% { opacity: 1; z-index: 100000; } 99% { opacity: 0; z-index: 100000; } 100% { opacity: 0; z-index: -1; } }
	@-webkit-keyframes overlay-hide { 0% { opacity: 1; z-index: 100000; } 15% { opacity: 1; z-index: 100000; } 99% { opacity: 0; z-index: 100000; } 100% { opacity: 0; z-index: -1; } }
	@-o-keyframes overlay-hide { 0% { opacity: 1; z-index: 100000; } 15% { opacity: 1; z-index: 100000; } 99% { opacity: 0; z-index: 100000; } 100% { opacity: 0; z-index: -1; } }
	@-ms-keyframes overlay-hide { 0% { opacity: 1; z-index: 100000; } 15% { opacity: 1; z-index: 100000; } 99% { opacity: 0; z-index: 100000; } 100% { opacity: 0; z-index: -1; } }
	@keyframes overlay-hide { 0% { opacity: 1; z-index: 100000; } 15% { opacity: 1; z-index: 100000; } 99% { opacity: 0; z-index: 100000; } 100% { opacity: 0; z-index: -1; } }

	body {
		text-decoration: none;
	}

		body:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		body:after {
			-moz-animation: overlay-hide 1.5s ease-in forwards !important;
			-webkit-animation: overlay-hide 1.5s ease-in forwards !important;
			-o-animation: overlay-hide 1.5s ease-in forwards !important;
			-ms-animation: overlay-hide 1.5s ease-in forwards !important;
			animation: overlay-hide 1.5s ease-in forwards !important;
			background: #ffffff;
			content: '';
			display: block;
			height: 100%;
			left: 0;
			opacity: 0;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: -1;
		}

		body.is-loading:before {
			-moz-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
			-webkit-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
			-o-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
			-ms-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
			animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
			z-index: 100001;
		}

		body.is-loading:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-o-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			opacity: 1;
			z-index: 100000;
		}

	@media (-webkit-min-device-pixel-ratio: 2) {
		body:before {
			line-height: 2.025em;
		}
	}

/*********************************************************************************/
/* Icons                                                                         */
/*********************************************************************************/

	.icon {
		text-decoration: none;
		letter-spacing:1em
		}

		.icon:before {
			display: inline-block;
			font-family: FontAwesome;
			font-size: 2em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
		}

		.icon > .label {
			display: none;
		}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header {
		position: fixed;
		z-index: 10000;
		left: 0;
		top: 0;
		width: 100%;
		background: #fff;
		height: 5em;
		line-height: 3em;
	}
	
	#logo {
		position: absolute;
		left: 1em;
		top: 0.4em;
		height: 3em;
		line-height: 3em;
		letter-spacing: -1px;
	}

		#logo a {
			font-size: 1.25em;
		}


/*********************************************************************************/
/* body&Header                                                                         */
/*********************************************************************************/

	#top {
		background: url('../images/bg_index.jpg');
		background-size: cover;
		background-attachment: fixed;
		background-position: bottom center;
		background-repeat: no-repeat;
		text-align: center;
	}
	
	#top header {
		float;left;
		width:40%;
		padding:0.6em 1em 0.6em 3em;
		background: #004C79;
		color: #fff;
		position:absolute;
		bottom:20em;
		left:0;
		text-align:left;
	}

	#top header h1 {
	  padding-left: 0;
	  width:100%;
	  border-bottom: 1px solid #FFF;
	  margin-bottom:0.4em;
	}
	
	#top header h1 img {
		height:auto;
	}
	
	#top header p strong {
		font-weight:normal;
		font-size:1.4em;
		line-height:160%;
	}
	
	#top header p {
		font-weight:normal;
		font-size:1.1em;
		line-height:120%;
	}

	#top header p span {
		font-weight:normal;
		font-size:0.8em;
		line-height:110%;
	}

	#company {
		width:100%;
		height:100%;
		background: url('../images/bg_contents1.jpg');
		background-size: cover;
		background-attachment: fixed;
		background-position: top center;
		background-repeat: no-repeat;
	}
	
	#business {
		width:100%;
		height:100%;
		background: url('../images/bg_contents2.jpg');
		background-size: cover;
		background-attachment: fixed;
		background-position: top center;
		background-repeat: no-repeat;
	}

	header {
		position: fixed;
		width:100%;
	}
	
	header h1 {
		float:left;
		width:10%;
		padding-left:19%;
		padding-top:1.0em;
	}
	
	header #nav {
		float:right;
		color:#000;
		padding-top:2em;
		padding-right:18%;
	}

		header #nav ul {
			display: block;
		}

			header #nav ul li {
				float:left;
				text-align:center;
				margin-left: 1em;
				font-size: 1.0em;
				line-height:110%;
			}

				header #nav ul li a {
					display: block;
					color: inherit;
					text-decoration: none;
					padding: 0 0.5em 0 0.5em;
					outline: 0;
				}
				
				header #nav ul li span {
					font-size:0.8em;
				}
	
/*********************************************************************************/
/* Text                                                                */
/*********************************************************************************/
	#text {
		width:100%;
		height:60%;
		padding-left:20%;
		padding-right:18%;
		padding-bottom:3em;
		overflow-y: scroll;
	}
	
	#text p {
		padding:0.5em 1em;
		margin-bottom:0;
	}
	
	#text ul {
		list-style: disc;
		padding:0.5em 2em;
	}
	
	h2 {
		border-bottom: 1px solid #004c79;
		padding: 0 0 0.4em 0.4em;
		margin-bottom:1em;
		font-size:1.8em;
	}
	
	h2 span {
		float:right;
		font-size:1.0em;
		color: #004c79;
	}
	
	h3 {
		width:98%;
		padding:0 0.4em;
		margin:0 0.6em;
		background-color:#004c79;
		color:#fff;
	}

/*********************************************************************************/
/* Divider                                                                */
/*********************************************************************************/
	
	#divider {
	width:100%;
	background-color: transeparent;
	}
	
	div#tree {
		display:block;
		position: fixed;
		bottom: 1.8em;
		left: 0;
		right: 0;
		width: 100%;
		background: url('../images/btm.png') no-repeat center bottom;
		height: 3.5em;
	}
/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#footer {
		bottom:0;
		width:100%;
		height: 2em;
		font-size: 0.9em;
		line-height: 1.4em;
		margin: 0;
		padding:0.2em 0;
		background: #004C79;
		color: #fff;
		color: rgba(250,250,250,1.0);
		text-align: center;
		overflow: hidden;
	}

	#footer_nav {
		position: fixed;
		width:100%;
		bottom:7.6em;
		text-align: center;
	}
	
			#footer_nav ul {
				line-height:1.2em;
				font-size: 1.1em;
				padding:0 20%;
			}
			
			#footer_nav ul li {
				float:left;
				width:33%;
				height:40px;
				margin:0;

			}
			
			#footer_nav ul li span {
				font-size:0.8em;
			}

				#footer_nav ul li a {
					text-decoration: none;
				}

	#footer_nav a{
		margin: 0 auto;
		width:100%;
		color:#000;
	}
/*********************************************************************************/
/* Touch Mode                                                                    */
/*********************************************************************************/

	body.is-touch {
	}

		body.is-touch .main {
			background-attachment: scroll !important;
		}

		body.is-touch .poptrox-popup {
		}

			body.is-touch .poptrox-popup .nav-next,
			body.is-touch .poptrox-popup .nav-previous,
			body.is-touch .poptrox-popup .closer {
				opacity: 1.0 !important;
			}