@charset "utf-8";
/* CSS Document */
/* トップ */
div.topbox {
	background: url(../images/index/indexbg.jpg) no-repeat;
	background-size: cover;
	background-position: center top;
}
	div.topbox div.topmsbox {
		width:100%;
		height:94vw;
		margin: 0 auto;
		position: relative;
	}
		div.topbox div.topmsbox div.messagebox01 {
			z-index: 3;
			position: absolute;
			left:17vw;
			top:8vw;
		}
			div.topbox div.topmsbox div.messagebox01 p {
				font-size: 4vw;
				line-height: 5.2vw;
				letter-spacing: 5px;
			}
		div.topbox div.topmsbox div.messagebox02 {
			z-index: 3;
			position: absolute;
			left:60.32vw;
			top:58.88vw;
		}
			div.topbox div.topmsbox div.messagebox02 h2 {
				font-size: 4vw;
				line-height: 5.2vw;
				font-weight: normal;
			}
				div.topbox div.topmsbox div.messagebox02 h2 span {
					font-size: 4vw;
					line-height: 5.2vw;
					font-weight: normal;
					margin-bottom:3vw;
				}
			div.topbox div.topmsbox div.messagebox02 p {
				font-size: 1.8vw;
				line-height: 2.5vw;
				margin-top: 2vw;
			}
		div.topbox div.topmsbox div.imgbox01 {
			width:55.76vw;
			height:36.16vw;
			background: url(../images/index/topimg01.png) no-repeat;
			background-size: 100% 100%;
			position: absolute;
			left:45.2vw;
			top:9.84vw;
			z-index: 1;
		}
		div.topbox div.topmsbox div.imgbox02 {
			width:27.44vw;
			height:32.4vw;
			background: url(../images/index/topimg02.png) no-repeat;
			background-size: 100% 100%;
			position: absolute;
			right:76vw;
			top:43.36vw;
			z-index: 1;
		}
		div.topbox div.topmsbox div.imgbox03 {
			width:40.24vw;
			height:33.44vw;
			background: url(../images/index/topimg03.png) no-repeat;
			background-size: 100% 100%;
			position: absolute;
			left:15.2vw;
			top:52.56vw;
			z-index: 2;
		}
/* バナー */
div.bannerbox {
	width:100%;
	height:626px;
	margin: 0 auto;
	background: url(../images/index/bannerbg.jpg) no-repeat;
	background-position: center center;
	box-sizing: border-box;
	padding-top: 100px;
}
	div.bannerbox div.banner01 {
		width:818px;
		height:193px;
		margin: 0 auto;
	}
		div.bannerbox div.banner01 a {
			display: block;
			width:818px;
			height:193px;
			background: url(../images/index/banner01.png) no-repeat;
			background-size: 100% 100%;
		}
	div.bannerbox div.banner02 {
		width:818px;
		height:193px;
		margin: 50px auto 0 auto;
	}
		div.bannerbox div.banner02 a {
			display: block;
			width:818px;
			height:193px;
			background: url(../images/index/banner02.png) no-repeat;
			background-size: 100% 100%;
		}
/* お知らせ */
div.newsbox {
	width:710px;
	padding: 60px 0;
	margin: 0 auto;
}
	div.newsbox h2 {
		display: block;
		width:130px;
		float: left;
	}
		div.newsbox h2 span {
			display: inline-block;
			height:70px;
			font-size: 20px;
			line-height: 100px;
			letter-spacing: 2px;
			box-sizing: border-box;
		}
	div.newsbox div.newslistbox {
		width:570px;
		float: right;
	}
		div.newsbox div.newslistbox p.nodata {
			font-size: 16px;
			line-height: 100px;
			letter-spacing: 1px;
		}
		div.newsbox div.newslistbox a.list {
			display: block;
			height:70px;
			line-height: 70px;
			text-decoration: none;
			box-sizing: border-box;
			border-bottom: #cbcbcb 1px dashed;
			color: #333;
			padding: 0 10px;
		}
			div.newsbox div.newslistbox a.list span {
				display: inline-block;
				font-size: 14px;
				vertical-align: top;
			}
			div.newsbox div.newslistbox a.list span.date {width:100px;}
			div.newsbox div.newslistbox a.list span.title {
				width:450px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
		div.newsbox div.newslistbox div.listbtnbox {
			margin-top: 40px;
			text-align: right;
		}
			div.newsbox div.newslistbox div.listbtnbox a.btn {
				text-decoration: none;
				color: #333;
				font-size: 14px;
			}
/* 会社概要 */
div.companybox {
	width:100%;
	min-width:900px;
	padding: 90px 0 130px 0;
	background: #F8F8F8;
}
	div.companybox div.center {
		width:600px;
		margin: 0 auto;
	}
		div.companybox div.center h2 {
			text-align: center;
			font-size: 24px;
		}
		div.companybox div.center table {
			width:100%;
			margin: 40px auto 0 auto;
		}
			div.companybox div.center table tr {
				border-bottom: #c2c2c2 1px solid;
			}
			div.companybox div.center table tr:nth-of-type(1) {border-top: #c2c2c2 1px solid;}
			div.companybox div.center table th {
				width:190px;
				font-weight: normal;
				box-sizing: border-box;
				padding: 25px 0 25px 35px;
				font-size: 16px;
				text-align: left;
				vertical-align: top;
			}
			div.companybox div.center table td {
				width:410px;
				font-weight: normal;
				box-sizing: border-box;
				padding: 25px 35px 25px 0px;
				font-size: 16px;
			}
		/* お問い合わせ*/
		div.companybox div.center div.contactbox {
			height:165px;
			margin: 60px auto 0 auto;
		}
			div.companybox div.center div.contactbox h3 {
				width:225px;
				height:165px;
				background: #fff;
				float: left;
				box-sizing: border-box;
				padding-top: 50px;
				text-align: center;
			}
				div.companybox div.center div.contactbox h3 span.title {
					display: block;
					text-align: center;
					font-size: 16px;
					letter-spacing: 2px;
				}
				div.companybox div.center div.contactbox h3 span.alfa {
					display: inline-block;
					text-align: center;
					font-size: 16px;
					letter-spacing: 2px;
					margin-top: 10px;
					padding-bottom: 5px;
				}
			div.companybox div.center div.contactbox div.contactinfo {
				width:360px;
				height:165px;
				background: #fff;
				float: right;
				box-sizing: border-box;
				padding-top: 45px;
			}
				div.companybox div.center div.contactbox div.contactinfo p {
					text-align: center;
					font-size: 16px;
					letter-spacing: 1px;
					font-weight: bold;
				}
				div.companybox div.center div.contactbox div.contactinfo a {
					display: block;
					width:240px;
					height:40px;
					line-height: 40px;
					text-align: center;
					margin: 20px auto 0 auto;
					background: #93D0FF;
					color: #fff;
					text-decoration: none;
					border-radius: 8px;
					font-weight: bold;
					font-size: 16px;
				}