@charset "utf-8";
/* CSS Document */
/* トップ */
div.topbox {
	background: url(../images/index/indexbg_sp.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center top;
}
	div.topbox div.topmsbox {
		width:100%;
		margin: 30px auto 0 auto;
	}
		div.topbox div.topmsbox div.messagebox01 {
			width:90%;
			margin: 0 auto;
		}
			div.topbox div.topmsbox div.messagebox01 p {
				font-size: 28px;
				line-height: 40px;
			}
		div.topbox div.topmsbox div.messagebox02 {
			width:90%;
			margin: 20px auto 0 auto;
		}
			div.topbox div.topmsbox div.messagebox02 h2 {
				font-size: 26px;
				line-height: 35px;
				font-weight: normal;
			}
				div.topbox div.topmsbox div.messagebox02 h2 span {
					font-size: 26px;
					line-height: 40px;
					font-weight: normal;
				}
			div.topbox div.topmsbox div.messagebox02 p {
				font-size: 14px;
				line-height: 20px;
				margin-top: 10px;
			}
		div.topbox div.topmsbox div.imgbox01 {
			width:93.3%;
			height:67.46vw;
			background: url(../images/index/topimg01.png) no-repeat;
			background-size: auto 100%;
			margin: 30px 0px 0px auto;
		}
		div.topbox div.topmsbox div.imgbox02 {display: none;}
		div.topbox div.topmsbox div.imgbox03 {
			width:100%;
			height:83.46vw;
			background: url(../images/index/topimg03_sp.png) no-repeat;
			background-size: cover;
			background-position: center center;
			margin: 30px auto 0 auto;
		}
/* バナー */
div.bannerbox {
	width:100%;
	margin-top: 30px;
}
	div.bannerbox div.banner01 {
		width:100%;
		height:77.86vw;
		background: url(../images/index/bannerbg_sp.jpg) no-repeat;
		background-size: 100% 100%;
		box-sizing: border-box;
		padding: 5.33vw 0;
	}
		div.bannerbox div.banner01 a {
			display: block;
			width:92.66vw;
			height:61.6vw;
			background: url(../images/index/banner01_sp.png) no-repeat;
			background-size: 100% 100%;
			margin: 0 auto;
		}
	div.bannerbox div.banner02 {
		width:100%;
		height:77.86vw;
		box-sizing: border-box;
		padding: 5.33vw 0;
	}
		div.bannerbox div.banner02 a {
			display: block;
			width:92.66vw;
			height:61.6vw;
			background: url(../images/index/banner02_sp.png) no-repeat;
			background-size: 100% 100%;
			margin: 0 auto;
		}
/* お知らせ */
div.newsbox {
	width:90%;
	padding: 30px 0;
	margin: 0 auto;
}
	div.newsbox h2 {
		text-align: center;
	}
		div.newsbox h2 span {
			display: inline-block;
			font-size: 18px;
			padding-bottom: 5px;
			letter-spacing: 2px;
		}
	div.newsbox div.newslistbox {
		width:100%;
		margin: 20px auto 0 auto;
	}
		div.newsbox div.newslistbox p.nodata {
			font-size: 14px;
			letter-spacing: 1px;
		}
		div.newsbox div.newslistbox a.list {
			display: block;
			border-bottom: #cbcbcb 1px dashed;
			color: #333;
			padding: 10px;
			text-decoration: none;
		}
			div.newsbox div.newslistbox a.list span {
				display: block;
				height:20px;
				font-size: 12px;
				line-height: 20px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}
		div.newsbox div.newslistbox div.listbtnbox {
			margin-top: 30px;
			text-align: right;
		}
			div.newsbox div.newslistbox div.listbtnbox a.btn {
				text-decoration: none;
				color: #333;
				font-size: 12px;
			}
/* 会社概要 */
div.companybox {
	width:100%;
	padding: 30px 0;
	background: #F8F8F8;
}
	div.companybox div.center {
		width:90%;
		margin: 0 auto;
	}
		div.companybox div.center h2 {
			text-align: center;
			font-size: 20px;
		}
		div.companybox div.center table {
			width:100%;
			box-sizing: border-box;
			margin: 20px auto 0 auto;
			padding: 0 10px;
		}
			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: 10px;
				font-size: 12px;
				text-align: left;
				vertical-align: top;
			}
			div.companybox div.center table td {
				width:410px;
				font-weight: normal;
				box-sizing: border-box;
				padding: 10px;
				font-size: 12px;
			}
		/* お問い合わせ*/
		div.companybox div.center div.contactbox {
			margin: 30px auto 0 auto;
		}
			div.companybox div.center div.contactbox h3 {display: none;}
			div.companybox div.center div.contactbox div.contactinfo {
				width:100%;
				background: #fff;
				box-sizing: border-box;
				padding: 30px;
			}
				div.companybox div.center div.contactbox div.contactinfo p {
					text-align: center;
					font-size: 14px;
					letter-spacing: 1px;
					font-weight: bold;
				}
				div.companybox div.center div.contactbox div.contactinfo a {
					display: block;
					width:200px;
					height:40px;
					line-height: 40px;
					text-align: center;
					margin: 20px auto 0 auto;
					background: #93D0FF;
					color: #fff;
					text-decoration: none;
					border-radius: 5px;
					font-weight: bold;
					font-size: 14px;
				}