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

/* ==========================================================================
index.html
========================================================================== */
header{
	width:100%;
	min-width:960px;
	min-height:65px;
	position:fixed;
	top:0;
	background:rgba(0,0,0,0.50);
	z-index:9999;
}

header a{
	color:#FFF;
}

header a:hover{
	color:orange;
}

header h1{
	position:absolute;
	left:30px;
	top:15px;
	font-size:200%;
	font-weight:900;
}

header ul{
	position:absolute;
	right:30px;
	top:20px;
}

header ul li{
	float:left;
	margin-right:25px;
	font-size:150%;
	font-weight:bold;
}

#mainArea{
	background:url(../images/index/hero-bg.jpg) center center no-repeat;
	background-size:cover;
	width:100%;
	min-width:960px;
	height:800px;
	padding-top:350px;
	color:#FFF;
}

#mainArea #message{
	width:50%;
	margin:0 auto;
	padding:30px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:rgba(0,0,0,0.50);
}

#mainArea p.title {
	font-size: 300%;
	letter-spacing: 10px;
	margin-bottom:50px;
	font-weight: 900;
	color: #fff;
	text-align:center;
}

#mainArea p.read {
	font-size: 130%;
	text-align:center;
	line-height:2.50;
}

.contentsBlock01,
.contentsBlock03{
	background:#FFF;
	min-width:960px;
}

.contentsBlock02{
	background:#DDDDDD;
}

/* service */

#index .column3Wrap{
	width:960px;
	margin:0 auto;
}

#index .column3Wrap img{
	width:70%;
}

#index .column3Wrap a{
	display:block;
	text-align:center;
	color:#FFF;
}

#index .column3Wrap a:hover{
	color:#FFF;
}

#index .column3Wrap h3{
	font-size:130%;
	font-weight:800;
	text-align:center;
}

#index .column3Wrap .columnBlock01,
#index .column3Wrap .columnBlock02{
	width:300px;
	float:left;
	background:#3dc9b3;
	padding:20px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin-bottom:20px;
}

#index .column3Wrap .columnBlock01{
	margin-right:30px;
}

#index .column3Wrap .columnBlock01:hover,
#index .column3Wrap .columnBlock02:hover{
	background:orange;
}

/* ---------- comppany---------- */

#index .column2Wrap {
	width:960px;
	margin:0 auto;
	font-size:130%;
}

#index .column2Wrap .columnBlock01,
#index .column2Wrap .columnBlock02{
	width:480px;
	float:left;
}

#index .column2Wrap .columnBlock01 table{
	border-bottom:2px solid #CACACA;
}

#index .column2Wrap .columnBlock01 table th{
	width:35%;
	padding:10px 10px;
	vertical-align:top;
	border:2px solid #CACACA;
	border-bottom:none;
	border-right:none;
	font-weight:bold;
}

#index .column2Wrap .columnBlock01 table td{
	width:65%;
	padding:10px 10px;
	border:2px solid #CACACA;
	border-bottom:none;
}


#index .column2Wrap .columnBlock02 iframe{
	width:100%;
	height:350px;
}

/* ----------contact.html---------- */

#index #contact table {
	width:800px;
	margin:0 auto 30px;
	border-bottom:#CACACA 2px solid;
	font-size:130%;
	background:#FFF;
}

#index #contact table th {
	width:30%;
	padding:15px 15px;
	vertical-align:top;
	border:2px solid #CACACA;
	border-bottom:none;
	border-right:none;
}

#index #contact table td {
	width:65%;
	padding:15px 15px;
	border:2px solid #CACACA;
	border-bottom:none;
}

#index #contact table .borderNone{
	border-top:none!important;
}

#index #contact table input[type="radio"]{
	margin:0 5px 10px 0;
}

#index #contact table input.text01{
	width:130px;
}

#index #contact table input.text02{
	width:180px;
}

#index #contact table input.text03{
	width:280px;
}

#index #contact table textarea{
	resize:none;
	width:100%;
	height:150px;
}

#index #contact .btnBlock{
	margin:0 auto;
	width:75%;
	padding-left:15%;
}

#index #contact input.submitBtn,
#index #contact input.resetBtn{
	background:#3dc9b3;
	border-style: none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	color:#FFF;
	padding:15px 40px;
	font-size:120%;
	float:left;
	margin-right:5%;
}

#index #contact input.resetBtn{
	margin-right:0;
	background:#FFF;
	color:#3dc9b3;
	border:1px solid #3dc9b3;
}

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

#index header{
	min-width:100%;
}
#index #mainArea{
	min-width:100%;
	max-width:100%;
}

#index .contentsBlock01,
#index .contentsBlock03{
	min-width:100%;
	max-width:100%;
}






}