@charset "utf-8";
/* CSS Document */

html,body {
	/*width: 100%;
	height: 100%;*/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
}


@media screen and (max-width: 1024px) {

body {
	min-width	: 1080px;
}

}

@media screen and (max-width: 480px) {
	/*スマホ*/
	.bg {
		height	: 1600px !important;
		background-size	: cover !important;
	}
}

@media screen and (max-width: 860px) {
	/*タブレット*/
	.bg {
		height	: 1800px !important;
		background-size	: cover !important;
	}
}

.bg {
	margin: 0 0 0 0;
	box-sizing: border-box;
	position	: relative;
}

.down_arrow {
	position	: absolute;
	bottom		: 15px;
	left		: 50%;
	margin-left	: -28px;
}

#btn_pagetop {
	position			: fixed;
	right				: 100px;
	bottom				: 80px;
	z-index				: 1000;
	display				: none;
}

#side_menu {
	position: fixed;
	width: 121px;
	height: 566px;
	left: -15px;
	top: 20px;
	opacity: 0;
	background: transparent url('../img/bg_sidemenu.png') no-repeat 0 0;
	z-index	: 999;
}

	#side_menu ul#side_menu_ul1 {
		width: 104px;
		margin: 10px auto 0;
	}

	#side_menu ul#side_menu_ul2 {
		width: 104px;
		margin: 10px 0 0 12px;
	}

		#side_menu ul li {
			float: left;
			margin: 0 5px;
		}
		
	#side_menu .side_bnr {
		display: inline-block;
	}
	
		#side_menu .side_bnr a {
			display: inline-block;
		}

#bg01 {
	background: transparent url('../img/bg_001.jpg') no-repeat center center;
	/*background-size: cover;
	height: 100%;*/
	height: 1012px;
	width: 100%;
	padding: 20px 0 0;
}

	#bg01 h1#logo {
		width: 70px;
		margin: 0 auto;
		padding-left: 20px;
		opacity: 0;
	}

	#bg01 ul {
		width: 390px;
		margin: -175px auto 0;
		padding-right: 350px;
	}

		#bg01 ul li {
			float: left;
			margin-right: 20px;
			opacity: 0;
		}

#bg02 {
	background: transparent url('../img/bg_002.jpg') no-repeat center center;
	background-size: cover;
	height: 100%;
	/*height: 749px;*/
	width: 100%;
	padding: 20px 0 0;
}

	#bg02 h2#h2_001 {
		width: 559px;
		margin: 0 auto;
		opacity: 0;
		padding-top: 30px;
	}

	#bg02 #bg02_box {
		width: 980px;
		margin: 0 auto;
	}

		#bg02_box .box_l {
			float: left;
		}

		#bg02_box .box_r {
			float: right;
			width: 470px;
		}

			#bg02_box .box_l .box_l_inner,
			#bg02_box .box_r .box_r_inner {
				padding: 10px;
				background: rgba(255, 255, 255, 0.3);
				margin: 30px 0 0;
				opacity: 0;
			}

				#bg02_box .box_l_inner .box_l_inner_2,
				#bg02_box .box_r_inner .box_r_inner_2 {
					background: rgba(0, 0, 0, 0.8);
					padding: 10px;
				}

					#bg02_box .box_l_inner_2 ul {
						font-size: 1.4em;
						color: #e5e5e5;
						margin: 0 10px 0;
					}

						#bg02_box .box_l_inner_2 ul li {
							margin: 0 0 7px;
							list-style-type: none !important;

						}

					#bg02_box .box_l_inner_2 h3,
					#bg02_box .box_r_inner_2 h3 {
						border-bottom: 1px solid #e5e5e5;
						text-align: left;
					}

						#bg02_box .box_r_inner_2 h4 {
							font-size: 1.6em;
							font-weight: normal;
							text-align: left;
							margin: 15px 5px 0;
							color: #e5e5e5;
						}

						#bg02_box .box_r_inner_2 p {
							color: #e5e5e5;
							text-align: left;
							font-size: 1.3em;
							padding: 5px;
							line-height: 1.6;
							height: 362px;
							width: 420px;
							margin: 10px auto 0;
							overflow: hidden;
						}

#bg03 {
	background: transparent url('../img/bg_003.jpg') no-repeat center center;
	background-size: cover;
	height: 100%;
	/*height: 749px;*/
	width: 100%;
	padding: 20px 0 0;
}

	#bg03 h2#h2_002 {
		width		: 450px;
		margin		: 0 auto;
		opacity		: 0;
		padding-top	: 30px;
	}

	#bg03 #trans_box {
		position	: relative;
		width		: 980px;
		margin		: 0 auto;
	}

	#bg03 .bg03_pic {
		position	: absolute;
		opacity		: 0;
	}

@media screen and (max-width: 860px) {
	.bg03_pic {
		display	: none !important;
	}
}

		.bg03_pic img {
			padding				: 10px;
			background			: rgba(255, 255, 255, 0.3);
			-webkit-transition	: 0.2s ease-out;
			transition			: 0.2s ease-out;
		}

			.bg03_pic img:hover {
				-webkit-transform	: scale(1.05,1.05);
				-ms-transform		: scale(1.05,1.05);
				transform			: scale(1.05,1.05);
			}

	#bg03 #bg03_pic01 {
		z-index	: 90;
		top		: -130px;
		left	: -150px;
	}

	#bg03 #bg03_pic02 {
		z-index	: 95;
		top		: 60px;
		left	: -240px;
	}

	#bg03 #bg03_pic03 {
		z-index	: 90;
		top		: -90px;
		right	: -150px;
	}

	#bg03 #bg03_pic04 {
		z-index	: 90;
		top		: 150px;
		right	: -140px;
	}

	#bg03 #bg03_pic05 {
		z-index	: 105;
		top		: 270px;
		right	: -90px;
	}

	#bg03 #bg03_main {
		width		: 980px;
		margin		: 30px auto 0;
		padding		: 10px;
		background	: rgba(255, 255, 255, 0.3);
		position	: relative;
		z-index		: 100;
		opacity		: 0;
	}

		#bg03_main #bg03_main_inner {
			background	: rgba(0, 0, 0, 0.8);
			padding		: 20px;
			color		: #e5e5e5;
			text-align	: left;
		}

			#bg03_main_inner h3 {
				border-bottom	: 1px solid #e5e5e5;
				text-align		: left;
			}

			#bg03_main_inner .box_l {
				width	: 50%;
				float	: left;
			}

			#bg03_main_inner .box_r {
				width	: 50%;
				float	: right;
			}

				.box_l h4,
				.box_r h4 {
					clear		: both;
					font-size	: 1.5em;
					font-weight	: normal;
					margin		: 15px 0 10px;
				}

				.box_l dl,
				.box_r dl {
					font-size	: 1.3em;
					overflow	: hidden;
				}

					.box_l dt,
					.box_r dt {
						clear			: right;
						float			: left;
						width			: 140px;
						margin-bottom	: 8px;
						margin-left		: 10px;
					}

					.box_l dd,
					.box_r dd {
						float			: right;
						width			: 310px;
						margin-bottom	: 8px;
						overflow		: hidden;
					}

#bg04 {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
}

	#bg04 #bg04_a {
		background: transparent url('../img/bg_004.jpg') no-repeat center center;
		background-size: cover;
		height: 100%;
		/*height: 626px;*/
		width: 100%;
	}

	#bg04 #bg04_b {
		background: transparent url('../img/bg_005.jpg') no-repeat center center;
		background-size: cover;
		height: 100%;
		/*height: 626px;*/
		width: 100%;
		position: absolute;
		left: 100%;
		top: 0;
	}

	#bg04 h2#h2_003,
	#bg04 h2#h2_004 {
		width		: 380px;
		margin		: 0 auto;
		padding		: 20px 0 0;
		opacity		: 0;
	}

	#bg04 .bg04_box {
		width		: 980px;
		margin		: 0 auto;
		position	: relative;
	}

		.bg04_box .btn_to_keidai {
			-webkit-transition	: 0.2s ease-out;
			transition			: 0.2s ease-out;
			cursor				: pointer;
		}

			.bg04_box .btn_to_keidai:hover {
				opacity	: 0.8;
			}

		.bg04_box #btn_to_access {
			position: absolute;
			left: 20px;
			top: -50px;
			opacity: 0;
		}

			#bg04_a .bg04_box .box_l {
				float: left;
			}

			#bg04_a .bg04_box .box_r {
				float: right;
				width: 470px;
			}

				.bg04_box .box_l .box_l_inner,
				#bg04_a .bg04_box .box_r .box_r_inner {
					padding: 10px;
					background: rgba(255, 255, 255, 0.3);
					margin: 30px 0 0;
					opacity: 0;
				}

					.bg04_box .box_l .box_l_inner .box_l_inner_2,
					#bg04_a .bg04_box .box_r_inner .box_r_inner_2 {
						background: rgba(0, 0, 0, 0.8);
						padding: 10px;
					}

						.box_l_inner_2 table td {
							width	: 50%;
						}

						#bg04_a h3 {
							border-bottom: 1px solid #e5e5e5;
							text-align: left;
						}

						.bg04_box .box_l .box_l_inner .box_l_inner_2 p,
						#bg04_a .bg04_box .box_r_inner_2 p {
							color: #e5e5e5;
							text-align: left;
							font-size: 1.3em;
						}

						#bg04_a .bg04_box h4 {
							font-size: 1.6em;
							font-weight: normal;
							text-align: left;
							margin: 10px 5px 5px;
							color: #e5e5e5;
						}

	#bg04_b {

	}

		#bg04_b #bg04_b_main {
			width		: 980px;
			margin		: 30px auto 0;
			padding		: 10px;
			background	: rgba(255, 255, 255, 0.3);
			position	: relative;
			z-index		: 100;
			opacity		: 0;
		}

			#bg04_b_main #bg04_b_main_inner {
				background	: rgba(255, 252, 238, 0.7);
				padding		: 70px 20px;
				color		: #e5e5e5;
				text-align	: left;
				/*height		: 400px;*/	/*コンテンツが入るまでの仮height*/
				position	: relative;
			}

				#bg04_b_main_inner .p_no {
					position	: absolute;
					cursor		: pointer;
				}

					.p_no img {
						width	: 100%;
						height	: 100%;
					}

				#bg04_b_main_inner #p_no_01 {
					top		: 235px;
					left	: 493px;
				}

				#bg04_b_main_inner #p_no_02 {
					top		: 295px;
					left	: 460px;
				}

				#bg04_b_main_inner #p_no_03 {
					bottom	: 80px;
					left	: 540px;
				}

				#bg04_b_main_inner #p_no_04 {
					top		: 335px;
					left	: 640px;
				}

				#bg04_b_main_inner #p_no_05 {
					top		: 292px;
					left	: 547px;
				}

				#bg04_b_main_inner #p_no_06 {
					top		: 225px;
					left	: 623px;
				}

				#bg04_b_main_inner #p_no_07 {
					top		: 240px;
					left	: 560px;
				}

				#bg04_b_main_inner #p_no_08 {
					top		: 215px;
					left	: 570px;
				}

				#bg04_b_main_inner #p_no_09 {
					top		: 180px;
					left	: 565px;
				}

				#bg04_b_main_inner #p_no_10 {
					top		: 155px;
					left	: 637px;
				}

				#bg04_b_main_inner #p_no_11 {
					top		: 235px;
					left	: 365px;
				}

					#p_no_11 a {
						opacity	: 1;
					}

				#bg04_b_main_inner #list_l {
					position	: absolute;
					left		: 30px;
					top			: 140px;
				}

				#bg04_b_main_inner #list_r {
					position	: absolute;
					right		: 30px;
					top			: 140px;
				}

					#list_r a {
						opacity	: 1;
					}

					#bg04_b_main_inner ul li {
						margin-bottom		: 20px;
						cursor				: pointer;
						-webkit-transition	: 0.2s ease-out;
						transition			: 0.2s ease-out;
					}

						#bg04_b_main_inner ul li:hover {
							opacity	: 0.7;
						}

				#bg04_b_main_inner .pop_outer {
					background	: rgba(255, 255, 255, 0.3);
					padding		: 5px;
					position	: absolute;
				}

					.pop_outer .pop_inner {
						background	: rgba(0, 0, 0, 0.8);
						padding		: 8px 14px;
						width		: 290px;
						font-size	: 1.2em;
					}

				#bg04_b_main_inner #pop01 {
					top		: 40px;
					left	: 520px;
					display	: none;
				}

				#bg04_b_main_inner #pop02 {
					top		: 210px;
					left	: 480px;
					display	: none;
				}

				#bg04_b_main_inner #pop03 {
					top		: 195px;
					left	: 560px;
					display	: none;
				}

					#pop03 .pop_inner {
						width	: 380px !important;
					}

				#bg04_b_main_inner #pop04 {
					top		: 150px;
					left	: 315px;
					display	: none;
				}

				#bg04_b_main_inner #pop05 {
					top		: 215px;
					left	: 215px;
					display	: none;
				}

				#bg04_b_main_inner #pop06 {
					top		: 80px;
					left	: 295px;
					display	: none;
				}

				#bg04_b_main_inner #pop07 {
					top		: 10px;
					left	: 5px;
					display	: none;
				}

					#pop07 .pop_inner {
						width	: 510px !important;
					}

				#bg04_b_main_inner #pop08 {
					top		: 55px;
					left	: 240px;
					display	: none;
				}

				#bg04_b_main_inner #pop09 {
					top		: 50px;
					left	: 235px;
					display	: none;
				}

				#bg04_b_main_inner #pop10 {
					top		: 0;
					left	: 305px;
					display	: none;
				}

				#bg04_b_main_inner #pop11 {
					top		: 200px;
					left	: 410px;
					display	: none;
				}

.gm-style-iw {
	text-align	: left;
	padding		: 2px;
	font-family	: "メイリオ", MS PGothic,arial,"Hiragino Kaku Gothic Pro", Meiryo,sans-serif;
}

	.gm-style-iw div {
		overflow	: hidden !important;
	}

	.gm-style-iw h2 {
		font-size	: 1.1em;
		padding		: 0;
	}

	.gm-style-iw a {
		margin-left		: 5px;
		font-size		: 1.0em;
		text-decoration	: underline;
	}