@charset "utf-8";
body {
	color:#333;
	font-family:"Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN","游ゴシック Medium",YuGothic,YuGothicM,メイリオ,Meiryo,sans-serif;
	font-size:16px;
	line-height:1.4;
	letter-spacing: 0.05em;
}

a{
	text-decoration: underline;
	color: #e39402;
}

#mv{
	padding: 45px 0;
}
.container{
	padding: 0 ;
	margin: auto 45px;
}

h2.ct_title{
	text-align: center;
	margin: 45px auto auto;
}
h2.ct_title::after{
	display: block;
	content: '';
	width: 80px;
	height: 4px;
	background: #4e8012;
	margin: 30px auto 45px;

}

#mv .container{
	position: relative;
	padding: 45px 0;
	height: calc(100vh - 90px);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: url(../img/fv.jpg) center 50%;
	background-size: cover;
}
#mv .container h1{
	color: #fff;
	font-size: 24px;
	line-height:2;
	letter-spacing: 0.1em;
}
#mv .container .comp-name{
	text-align: right;
	position: absolute;
	font-size: 14px;
	bottom: 30px;
	right: 30px;
	color: #fff;
}
#company{
	padding: 45px 0;
}

#company table{
	width: 100%;
    border-collapse: collapse;
	max-width: 700px;
	margin: auto;
	text-align: left;
}
#company table th{
	background: #333;
	color: #fff;
	width: 200px;
}
#company table td{
	width: calc(100% - 200px);
}
#company table th,
#company table td{
	padding: 15px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-collapse: collapse;
}

footer{
	margin-top: 60px;
	padding: 10px;
	text-align: center;
	font-size: 12px;
}
@media screen and (min-width:751px) {
	br.disnone{
		display: none;
	}
}
@media screen and (max-width:750px) {
	#mv{
		padding: 30px 0;
	}
	.container{
		margin: auto 30px;
	}
	
	h2.ct_title{
		margin: 30px auto auto;
		font-size: 16px;
	}
	h2.ct_title::after{
		display: block;
		content: '';
		width: 60px;
		height: 3px;
		background: #4e8012;
		margin: 20px auto 30px;
	
	}
	
	#mv .container{
		padding: 30px 15px 90px;
		height: calc(100vh - 60px);
		background: url(../img/fv.jpg) left 50%;
		background-size: cover;
	}
	#mv .container h1{
		font-size: 14px;
	}
	#mv .container .comp-name{
		font-size: 12px;
		bottom: 20px;
		right: 20px;
	}
	#company{
		padding: 30px 0;
	}
	
	#company table{
		font-size: 12px;
	}
	#company table th{
		background: #333;
		color: #fff;
		width: 120px;
	}
	#company table td{
		width: calc(100% - 120px);
	}
	footer{
		margin-top: 45px;
		padding: 10px;
	}
  }