@charset "utf-8";

/* top_movie
------------------------------------------------ */
#top_movie {
	position: relative;
	padding-bottom: calc(56.25% + 6px);
	width: 100%;
	height: 0;
	background: url(../../img/share/bg1.gif) no-repeat center bottom;
	background-size: 100%;
	overflow: hidden;
}


	#top_movie video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: calc(100% - 6px);
		opacity: 0;
	}

/* top_main
------------------------------------------------ */
#top_main {
	padding-bottom: 6px;
	background: url(../../img/share/bg1.gif) no-repeat center bottom;
	background-size: 100%;
}

	#top_main .slide {
		width: 100%;
		height: 502px;
	}

		#top_main .slide .frame {
			position: relative;
			width: 100%;
			height: 100%;
			overflow: hidden;
		}

			#top_main .slide .move {
				position: absolute;
				top: 0;
				left: 0;
				height: 100%;
			}

				#top_main .slide .move li {
					float: left;
					width: 920px;
				}

/* main_banner_news
------------------------------------------------ */
#main_banner_news {
	padding: 10px;
}

	#main_nav {
		float: left;
	}

	#main_banner_news .banner {
		float: left;
		margin-left: 4px;
		width: 343px;
	}

		#main_banner_news .banner li {
			margin-top: 8px;
		}
		#main_banner_news .banner li:first-child { margin-top: 0; }

			#main_banner_news .banner li a { display: block; }

	#news {
		float: right;
		width: 277px;
	}

		#news .timeline {
			width: 100%;
			height: 300px;
		}

		#news .instagram {
			margin-top: 8px;
			width: 100%;
		}

			#news .instagram a {
				display: block;
				width: 100%;
			}

/* information
------------------------------------------------ */
#information {
	padding-bottom: 12px;
}

	#information .title1 {
		margin-bottom: 12px;
	}

	#information .banner {
		margin: 0 auto;
		width: 896px;
	}

		#information .banner li {
			float: left;
			margin-left: 10px;
			width: 443px;
		}
		#information .banner li:first-child { margin-left: 0; }

			#information .banner li a { display: block; }

/* photo_gallery
------------------------------------------------ */
#photo_gallery {
	padding-bottom: 16px;
}

	#photo_gallery .title1 {
		margin-bottom: 16px;
	}

	#photo_gallery .slide {
		float: left;
		margin-left: 12px;
		width: 443px;
		height: 248px;
		background: url(../../img/top/photo_gallery_photo_frame.gif) no-repeat left top;
		background-size: 100% 100%;
	}

		#photo_gallery .slide .frame {
			position: relative;
			margin: 4px auto 0;
			width: 433px;
			height: 240px;
			overflow: hidden;
		}

			#photo_gallery .slide .move {
				position: absolute;
				top: 0;
				left: 0;
				height: 100%;
			}

				#photo_gallery .slide .move li {
					float: left;
					width: 433px;
				}

	#photo_gallery .info {
		float: left;
		margin-left: 25px;
		width: 440px;
		background: url(../../img/top/truck.gif) no-repeat right bottom;
		background-size: 120px;
	}

		#photo_gallery .copy {}
			#photo_gallery .copy .en { width: 370px; }
			#photo_gallery .copy .ja { margin-top: 25px; width: 470px; }
		#photo_gallery .comment { margin-top: 30px; width: 300px; }

/* estimate
------------------------------------------------ */
#estimate {
	padding-bottom: 30px;
	background: #f2f2f2;
}

	#estimate .title1 {
		margin-bottom: 30px;
	}

	#estimate .frame {
		position: relative;
		margin: 0 auto;
		padding: 12px;
		width: 834px;
		background: #fff;
	}

		#estimate .circle {
			position: absolute;
			top: -22px;
			left: -4px;
			width: 80px;
		}

		#estimate .photo,
		#estimate .info {
			display: inline-block;
			vertical-align: middle;
		}

		#estimate .photo {
			width: 304px;
		}

		#estimate .info {
			margin-left: 18px;
			width: 506px;
			text-align: center;
		}

			#estimate .info .tel { margin: 0 auto 12px; padding-bottom: 12px; width: 498px; border-bottom: solid #06331d 1px; }
			#estimate .info .fax,
			#estimate .info .btn,
			#estimate .info .time { display: inline-block; vertical-align: middle; font-size: 77%; }
			#estimate .info .fax { width: 185px; }
			#estimate .info .btn { margin-left: 10px; width: 198px; }
			#estimate .info .time { margin-left: 18px; width: 88px; }
			#estimate .info .note { margin-top: 12px; width: 506px; }

/* access
------------------------------------------------ */
#access {
}

	#access .info {
		position: absolute;
		bottom: 10px;
		left: 30px;
		width: 462px;
		z-index: 2;
	}

	#access .map {
		position: relative;
		margin-left: auto;
		width: 460px;
		height: 230px;
		z-index: 1;
	}

		#access .map iframe { width: 100%; height: 100%; }