@charset "utf-8";

/*common*********************************/

@media screen and (min-width:750px){

/*concept*/

#content.contact .mainarea{
	height:408px;
	width:100%;
	background:url(/images/contact/main.jpg) no-repeat;
	background-size:cover;
	background-position:center;

}


#sendbtn input{
	border: 0px;
    width: 246px;
    height: 52px;
    background: url(/images/contact/send_btn.png) left top no-repeat;
	display:block;
	cursor:pointer;
}

#sendbtn input:hover{
	border: 0px;
    width: 246px;
    height: 52px;
    background: url(/images/contact/send_btn_on.png) left top no-repeat;
	display:block;
	cursor:pointer;
}

select {
	width: 35%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #000;
	background: #eee;
	background: url(/images/contact/arrow.png) right 50% no-repeat #FFF;
	background: url(/images/contact/arrow.png) right 50% no-repeat #FFF;
	background-size: 13px, 100%;
	color:#4d4d4d;
	padding:0 0 0 5px;
}

.contact #formWrap{
	width:700px;
	font-size:0.9rem;
	margin: 0 auto 70px;
}


input[type=text]{
  	width:90%; 
	border:1px solid #000; 
	font-size:100%; 
	padding:5px 0;
	color:#4d4d4d;
}

textarea{
  	width:90%; 
	border:1px solid #000; 
	font-size:100%; 
}


.contact #formWrap dl{
	padding:10px 0 10px 0;
}

.contact #formWrap dl dt{
	float:left;
	margin:0 5% 0 0;
	width:25%;
}

.contact #formWrap dl dt p.cname{
	float:left;
}

.contact #formWrap dl dt p.checkimg{
	float:right;
	width:34px;
}

.contact #formWrap dl dd{
	float:left;
	width:70%;
}

.contact #formWrap .check{
	background:#1a1a1a;
	padding:5px;
	font-size:0.7rem;
	color:#fff;
	margin:0 0 0 5px;

}

.contact .tlboxarea{
	padding:70px 0 0 0;
	text-align:center;
}

.contact .tlboxarea img{
	display:inline-block;
	width:318px;
}

.contact .tlboxarea .tl{
	margin:0 0 40px 0;
	text-align:center;
}

.contact .tlboxarea .telbox{
	margin:0 0 80px 0;
	text-align:center;
}

.contact .subtltext{
	text-align:center;
	font-size:0.9rem;
	padding:70px 0 40px 0;
}

}

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

/*concept*/
#content.contact .mainarea{
	height:300px;
	width:100%;
	background:url(/images/contact/main.jpg) no-repeat;
	background-size:cover;
	background-position:center;

}

#sendbtn input{
	border: 0px;
    width: 246px;
    height: 52px;
    background: url(/images/contact/send_btn.png) left top no-repeat;
	display:block;
	cursor:pointer;
}

#sendbtn input:hover{
	border: 0px;
    width: 246px;
    height: 52px;
    background: url(/images/contact/send_btn_on.png) left top no-repeat;
	display:block;
	cursor:pointer;
}

select {
	width: 35%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #000;
	background: #eee;
	background: url(/images/contact/arrow.png) right 50% no-repeat #FFF;
	background: url(/images/contact/arrow.png) right 50% no-repeat #FFF;
	background-size: 13px, 100%;
	color:#4d4d4d;
	padding:0 0 0 5px;
}

.contact #formWrap{
	width:90%;
	font-size:0.8rem;
	margin: 0 auto 40px;
}


.contact .marB60{
	margin:0 0 30px 0;
}


input[type=text]{
  	width:100%; 
	border:1px solid #000; 
	font-size:100%; 
	padding:5px 0;
	color:#4d4d4d;
}

textarea{
  	width:100%; 
	border:1px solid #000; 
	font-size:100%; 
}


.contact #formWrap dl{
	padding:10px 0 10px 0;
}

.contact #formWrap dl dt{
	margin:0 0 10px 0;
	width:100%;
}

.contact #formWrap dl dt p.cname{
}

.contact #formWrap dl dt p.checkimg{
	float:right;
	width:34px;
}

.contact #formWrap dl dd{
	width:100%;
}

.contact #formWrap .check{
	background:#1a1a1a;
	padding:5px;
	font-size:0.7rem;
	color:#fff;
	margin:0 0 0 5px;

}

.contact .tlboxarea{
	padding:40px 0 0 0;
	text-align:center;
}

.contact .tlboxarea img{
	width:100%;
}

.contact .tlboxarea .tl{
	margin:0 auto 30px;
	text-align:center;
	width:70%;
}

.contact .tlboxarea .telbox{
	margin:0 auto 60px;
	text-align:center;
	width:90%;
}

.contact .subtltext{
	text-align:center;
	font-size:0.8rem;
	padding:40px 0 0 0;
	width:90%;
	margin: 0 auto;
}

}