@charset "utf-8";


/* --------------------------------------------- */

form#mail_form{
	/*width : 600px;*/
	/*margin : 50px auto;*/
	margin : 0 auto;
	padding : 10px 0;
	/*background : rgba(255, 255, 255, 0.45);*/
	/*background : #FEEED5;*/
	/*background:#fff;*/
	/*border : 2px solid #29abe2;*/
	/*border-radius : 7px;*/
	/*text-shadow : 0px 1px 0px #ffffff;*/
}
form#mail_form dl{
	/*width : 90%;*/
	width:100%;
	margin : 0 auto;
	overflow : hidden;
	border-top: 3px solid #ddd;
	}
form#mail_form dl dt{
	clear : both;
	width : 30%;
	float : left;
	border-top : 1px solid #ddd;
	padding : 15px 0 ;
	text-align : right;
	overflow : hidden;
	font-size:16px;

	
}
form#mail_form dl dd{
	width : 65%;
	float : right;
	border-top : 1px solid #ddd;
	padding : 15px 0 15px 5%;
	font-size: 16px;
}

form#mail_form dl dd a{
	color:#009245;
	/*transition:0.6s;*/
	text-decoration:none;
}

form#mail_form dl dd a:hover{
	/*opacity:0.5;*/
	text-decoration:underline;
	color:#b9967e;
}


form#mail_form dl dt:first-child,
form#mail_form dl dt:first-child+dd{
	border : none;

}
form#mail_form dl dt span{
	display : block;
	font-size : 85%;
	color:#009fd6;
}

select{
color: #665e50;
/*font-weight:bold;*/
/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
font-family:'MPLUSRounded1c-500',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
height:30px;
vertical-align:middle;
}




/* -- for JavaScript ここから -------------------------------------------------------------------------------- */

form#mail_form dl dt span.required, form#mail_form dl dt span.optional {
	display : inline-block;
	float : left;
	color : #ffffff;
	/*padding : 3px 5px;*/
    padding: 5px 11px 3px 11px;
	border-radius : 3px;
	text-shadow : 0px -1px 0px #222222;
	}
form#mail_form dl dt span.required {
	/*width: 40px;*/
	width:auto;
	text-align: center;
	background : rgba(255, 0, 0, 0.8);
	

}
form#mail_form dl dt span.optional {
	/*width: 40px;*/
	width:auto;
	text-align: center;
	background : rgba(0, 0, 255, 0.8);
}
form#mail_form dl dd span {
	display : block;
	margin:10px 0 0 0;
	line-height:1.4;
	color:#ff0000;

}

form#mail_form dl dd span.registration_assistance{
	color:#665e50;
	margin-bottom:15px;
	line-height:1.4;
	}

/* -- for JavaScript ここまで -------------------------------------------------------------------------------- */




form#mail_form input {
	height : 1.8em;
	border : 1px solid #cccccc;
	border-radius : 3px;
	background : #fafafa;
    color: #1F35B7;
}
form#mail_form textarea {
	width : 95%;
	height : 200px;
	resize : vertical;
	border : 1px solid #cccccc;
	border-radius : 3px;
	background : #fafafa;
}
form#mail_form input:focus, form#mail_form textarea:focus {
	box-shadow : 0px 0px 5px #55ccff;
	border : 1px solid #55ccff;
	background : #ffffff;
}
form#mail_form input#name_1, form#mail_form input#name_2 {
	width : 30%;
}
form#mail_form input#parentname_1, form#mail_form input#parentname_2 {
	width : 30%;
}
form#mail_form input#read_1, form#mail_form input#read_2 {
	width : 30%;
}
form#mail_form input#parentread_1, form#mail_form input#parentread_2 {
	width : 30%;
}
form#mail_form input#department_1{
	width : 30%;
}
form#mail_form input#mail_address, form#mail_form input#mail_address_confirm {
	width : 80%;
}

form#mail_form ul li {
	list-style-type : none;
	margin-bottom : 0.5em;
	font-size: 16px;
	line-height:1.5;
}
form#mail_form ul li label:hover {
	cursor : pointer;
}
form#mail_form ul li input {
	height : auto;
	margin-right : 0.5em;
}
form#mail_form input#postal {
	width : 30%;
}
form#mail_form input#postal2 {
	width : 30%;
}

form#mail_form input#address_1, form#mail_form input#address_2 {
	display : block;
	width : 95%;
	margin-bottom : 7px;
}
form#mail_form input#address_3, form#mail_form input#address_4 {
	display : block;
	width : 95%;
	margin-bottom : 7px;
}

form#mail_form input#positioncompany_1 {
	width : 30%;
}
form#mail_form input#positioncompany_2 {
	width : 30%;
}
form#mail_form input#phone {
	width : 30%;
}
form#mail_form input#fax {
	width : 30%;
}

form#mail_form input#schedule,form#mail_form input#schedule2,form#mail_form input#schedule3 {
	width : 30%;
}

form#mail_form input#mail_submit_button {
	width : auto;
	height : auto;
	padding : 4px 10px;
	vertical-align : middle;
	color : #444444;
	background : #eeeeee;
	border : 1px solid #cccccc;
	border-radius : 3px;
	font-family : inherit;
	margin-left: 14.5%;
}
form#mail_form input#mail_submit_button:hover {
	cursor : pointer;
	color : #e62234;
	background: #fff;
}

/* --responsive------------------------------------------- */

/* 640pixel start */
@media screen and (max-width : 640px) {
form#mail_form {
	/*width : 95%;*/
	width:100%;
}
form#mail_form dl {
	/*width : 90%;*/
	width:100%;

}
form#mail_form dl dt {
	width : auto;
	float : none;
	text-align : left;
	padding : 10px 0 5px;
	font-size: 14px;
	
}
form#mail_form dl dd {
	width : auto;
	float : none;
	border-top : none;
	padding : 0px 0 13px 0px;
	font-size: 14px;
	line-height: 2em;

}
form#mail_form dl dt span {
	font-weight : normal;
}

form#mail_form dl dd span.registration_assistance{
	margin-bottom:10px;
	}



/* -- for JavaScript ここから -------------------------------------------------------------------------------- */

form#mail_form dl dt span.required, form#mail_form dl dt span.optional {
	margin-right : 1em;
}
/* -- for JavaScript ここまで -------------------------------------------------------------------------------- */


form#mail_form input {
	height : 25px;
	font-size:16px;/*スマホ入力フォームの文字自動拡大を防ぐため16pxで指定*/
}
form#mail_form input#name_1, form#mail_form input#name_2, form#mail_form input#parentname_1, form#mail_form input#parentname_2, form#mail_form input#read_1, form#mail_form input#read_2, form#mail_form input#parentread_1, form#mail_form input#parentread_2, form#mail_form input#mail_address, form#mail_form input#mail_address_confirm, form#mail_form input#postal, form#mail_form input#address_1, form#mail_form input#address_2, form#mail_form input#postal2, form#mail_form input#address_3, form#mail_form input#address_4, form#mail_form input#phone,  form#mail_form input#fax,form#mail_form input#schedule, form#mail_form input#schedule2, form#mail_form input#schedule3, form#mail_form textarea, form#mail_form input#department_1, form#mail_form input#positioncompany_1, form#mail_form input#positioncompany_2 {
	max-width : 95%;
	-webkit-appearance : none;
}

form#mail_form input#mail_submit_button {
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

form#mail_form ul li {
	font-size: 14px;
}

select{
	font-size:16px;/*スマホ入力フォームの文字自動拡大を防ぐため16pxで指定*/
}


}
/* 640pixel end */