@charset "UTF-8";

/*-----------------------------------------------------------
div
------------------------------------------------------------*/
div {
	text-align:left;
	}
/*-----------------------------------------------------------
ul
------------------------------------------------------------*/
ul,li {
	margin: 0;
	padding: 0;
	list-style: none;
	}

/*-----------------------------------------------------------
clearfix
------------------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	line-height:0;
	}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */
/*-----------------------------------------------------------
img
------------------------------------------------------------*/
img {
	margin:0;
	padding:0;
	border:none;
	line-hegiht:0
	}	
table img {
	margin:0;
	padding:0;
	vertical-align:bottom;
	border:none;
	line-hegiht:0
	}
/*-----------------------------------------------------------
p
------------------------------------------------------------*/
p {
	margin:0;
	padding:0;
	}
/*-----------------------------------------------------------
テキスト
------------------------------------------------------------*/
.pink {
	color: #F08B98;
	}
/*-----------------------------------------------------------
H1〜6
------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
	}

/*-----------------------------------------------------------
Link
------------------------------------------------------------*/	
a:link {
	color:#756769;
	text-decoration:none;
	}	
a:visited {
	color:#756769;
	text-decoration:none;
	}
a:hover {
	color:#B2A9A2;
	text-decoration:none;
	}
/*-----------------------------------------------------------
マージン関係
------------------------------------------------------------*/
.t0b2 { margin:0 0 2px 0; overflow:hidden; }
.t0b3 { margin:0 0 3px 0; overflow:hidden; }
.t0b5 { margin:0 0 5px 0!important; overflow:hidden; }
.t0b10 { margin:0 0 10px 0; overflow:hidden; }
.t0b15 { margin:0 0 15px 0; overflow:hidden; }
.t0b20 { margin:0 0 20px 0; overflow:hidden; }
.t0b25 { margin:0 0 25px 0; overflow:hidden; }
.t0b30 { margin:0 0 30px 0; overflow:hidden; }
.t0b35 { margin:0 0 35px 0; overflow:hidden; }
.t0b40 { margin:0 0 40px 0; overflow:hidden; }
.t0b50 { margin:0 0 50px 0; overflow:hidden; }
.t0b60 { margin:0 0 60px 0; overflow:hidden; }
.t0b80 { margin:0 0 80px 0; overflow:hidden; }
.t0b100 { margin:0 0 100px 0; overflow:hidden; }

.t5b0 { margin:5px 0 0 0; overflow:hidden; }
.t5b10 { margin:5px 0 10px 0; overflow:hidden; }
.t5b20 { margin:5px 0 20px 0; overflow:hidden; }
.t5b30 { margin:5px 0 30px 0; overflow:hidden; }

.t10b0 { margin:10px 0 0 0; overflow:hidden; }
.t10b10 { margin:10px 0; overflow:hidden; }
.t10b20 { margin:10px 0 20px 0; overflow:hidden; }
.t10b30 { margin:10px 0 30px 0; overflow:hidden; }

.t15b0 { margin:15px 0 0 0; overflow:hidden; }
.t15b10 { margin:15px 0 10px 0; overflow:hidden; }

.t20b0 { margin:20px 0 0 0; overflow:hidden; }
.t20b5 { margin:20px 0 5px 0; overflow:hidden; }
.t20b10 { margin:20px 0 10px 0; overflow:hidden; }
.t20b20 { margin:20px 0; overflow:hidden; }
.t20b30 { margin:20px 0 30px 0; overflow:hidden; }
.t20b100 { margin:20px 0 100px 0; overflow:hidden; }

.t30b0 { margin:30px 0 0 0; overflow:hidden; }
.t30b5 { margin:30px 0 5px 0; overflow:hidden; }
.t30b10 { margin:30px 0 10px 0; overflow:hidden; }
.t30b20 { margin:30px 0 20px 0; overflow:hidden; }
.t30b30 { margin:30px 0; overflow:hidden; }
.t30b50 { margin:30px 0 50px 0; overflow:hidden; }

.t40b40 { margin:40px 0; overflow:hidden; }

.t50b50 { margin:50px 0; overflow:hidden; }

.r5l0 { margin:0 5px 0 0; overflow:hidden; }
.r10l0 { margin:0 10px 0 0; overflow:hidden; }

.r0l10 { margin:0 0 0 10px; overflow:hidden; }
/*-----------------------------------------------------------
class
------------------------------------------------------------*/
.taC { text-align:center;}

.imgC{
	text-align: center;
	}
.font18{
	font-size: 18px;
	line-height: normal;
	}
.font15{
	font-size: 15px;
	line-height: normal;
	}
.font12{
	font-size: 12px;
	line-height: normal;
	}
.font11{
	font-size: 11px;
	line-height: normal;
	}
.red {
	color: #E20C0C;
	}
.gray{
	color: #747474;
	}
.brown{
	color: #B25F23;
	}
.bold{
	font-weight: bold;
	}
.line150{
	line-height: 1.5;
	}
.line160{
	line-height: 1.6;
	}
.line170{
	line-height: 1.7;
	}
.line180{
	line-height: 1.8;
	}
.line190{
	line-height: 1.9;
	}


/*-----------------------------------------------------------
Body
-------------------------------------------------------------*/

/*-----------------------------------------------------------
背景＋大枠
------------------------------------------------------------*/
.hid_url { display:none;}
#contact-tit{
	padding:0 0 10px;

	font-size:12px;
	padding-top: 5px;
}
.contact-title{
	font-weight:bold;
	font-size:14px;
}

.form-reset{
	margin: auto !important;
	padding:0 !important;
}

.txt-outside{
	font-size:10px;
	position:absolute;
	right:-55px;
	top:10px;
}
#contact .message-recruit p{ font-size:11px; margin-bottom:0;}

.styleCb{ 
	position:relative;
	display:block;
	margin-top:5px;
}
.styleCb > img{
	
}

.styleCb input[type="checkbox"]{
	
	visibility:hidden;
}

.message-scroll{ margin-bottom:10px;}

.form-1 textarea, .form-1 input[type="text"], .form-1 input[type="text"]:focus, .form-1 textarea:focus{
	background:#e6e7e8;
	border:none;
	outline: none;
}
.form-1 select{
	background-color:#e6e7e8;
	border:none;
	outline: none;
}

/*-----------------------------------------------------------
内容
------------------------------------------------------------*/
/* contact */

.tableContact {
	border: 1px solid #666;
	width: 100%;
}
.form-1 { margin: 55px auto ;}
.tableContact th {
	background: #E5E5E5;
	border-bottom: 1px dotted #8C8C8C;
	font-weight: normal;
	padding: 5px 5px;
	width: 185px;
	text-align: left!important;
}

.tableContact td {
	border-bottom: 1px dotted #8C8C8C;
	padding:8px 15px;
	font-weight: normal;
	width: auto;
}

.checkList li {
	display: inline;
	margin-right: 15px;
}

.tableContact input[type="text"] {
	color: #000;
	border: 1px solid #B8B8B8;
	height: 25px;
	height: 20px\9;
	padding: 0 5px;
	padding: 5px 5px 0\9;
}

*:first-child + html .tableContact input[type="text"] {
	height: 20px;
	padding: 5px 5px 0;
}

.tableContact .size01 {width: 300px;}
.tableContact .size03 {width: 424px;}
.tableContact .size02 {width: 212px;}
.tableContact .size04 {width: 40px;}
.tableContact textarea {width: 400px; height: 115px; border: 1px solid #B8B8B8; padding: 0 5px;}

.grey{color:#616161;}
.blue{ color:#15438C;}
.fz30{ font-size:30px;}

.writingBox {
	padding: 5px;
	font-size: 100%;
	border: #494949 1px solid;
	}

form p.test { 
	position: relative;
	color: #C1C0BC;
	}
form p.test label { 
	position: absolute;
	top: 5px;
	left: 10px;
	}
form p.test br {
	display: none;
	}
form p.test01 label { 
	position: absolute;
	top: 5px;
	left: 30px;
	}	
form fieldset p.test input,
form fieldset p.test textarea {
	display: block;
	padding: 4px;
	width: 400px;
	margin: 0;
	border: 1px solid;
	}
form fieldset p.test label {
	width: 380px;
	display: block;
	margin: 5px 5px 5px 6px;
	padding: 0;
	}
form fieldset p.test textarea {
	padding: 2px;
	width: 404px;
	border: 1px solid;
	}
form fieldset p.test textarea,
form fieldset p.test input {
	border: solid 1px;
	}
form fieldset p.test label {
	color: #4c4c4c;
	}

.actions{ margin-top:20px;}
.actions input[type="submit"]{
	outline:none;
	border: none;
	width:100%;
	padding:5px;
	display:block;
	color:#000;
	border-radius:20px;
	background:#fff100;
	cursor: pointer;
}
.formError{
	left:70% !important;
	font-size: 10px;
}
/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) { 
	.contact-title{ margin-bottom:10px;}
	.formError{
		left:30% !important;
	}
} 

.formError .formErrorClose{
	line-height: 15px;
}
.styleCb{
	cursor: pointer;
}

#contact #gNaviSP-wrap {
   
    min-height: 480px;