@charset "utf-8";

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

　WEB CONTACT CSS

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

/*------------------------------------------*/
/*	MAIL問い合わせ / MAIL
/*------------------------------------------*/
.mail_frame{
	margin				: 0 auto;
	background			: rgba(255,255,255,1.0);
	}

.mail_wrap{
	width				: 500px;
	box-sizing			: border-box;
	margin				: 0 auto;
	padding				: 50px 20px;
	text-align			: left;
	}

.mail_wrap2{
	padding-top			: 0!important;
	}

.mail_frame h2{
	padding				: 10px 10px;
	font-size			: 25px;
	text-align			: left;
	box-sizing			: border-box;
	line-height			: 100%;
	}

.mail_h2subject{
	margin				: 0 auto;
	padding				: 10px 20px;
	text-align			: left;
	box-sizing			: border-box;
	}

.mail_frame h3{
	font-size			: large;
	text-align			: center;
	padding				: 20px;
	color				: rgba(1,101,147,1.0);
	}

.mail_box{
	margin				: 0 auto;
	padding				: 10px 0 10px;
	text-align			: center;
	box-sizing			: border-box;
	background			: rgba(255,255,255,1.0);
	}

.mail_formbox{
	margin				: 0 auto;
	width				: 440px;
	text-align			: center;
	}

.mail_formbox2{
	margin				: 0 auto 20px;
	width				: 460px;
	text-align			: center;
	}

.mail_attentionbox{
	width				: 460px;
	margin				: 30px 0;
	text-align			: center;
	padding				: 20px 10px;
	border				: 1px rgba(68,68,68,1.0) solid;
	box-sizing			: border-box;
	}

.mail_attentionbox p{
	padding				: 0px 0;
    color				: initial;
	}

.mail_attentionbox telno{
	padding				: 20px 0;
    font-size			: xx-large;
/*	font-weight			: bold;*/
    box-sizing			: border-box;
    text-align			: center;
    color				: initial;
	}

.mail_input_company{
	width				: 290px;
	}

.mail_input_name{
	width				: 290px;
	}

.mail_input_age{
	width				: 290px;
	}

.mail_input_tel{
	width				: 290px;
	}

.mail_input_mailaddress{
	width				: 290px;
	}

.mail_input_jobselect{
	width				: 290px;
	}

.mail_input_note{
	margin				: 10px 0;
	width				: 290px;
	height				: 200px;
	}

.input_select{
	padding				: 10px 8px;
	border-radius		: 5px;
	box-shadow			: 2px 2px rgba(0, 0, 0, 0.4) inset;
	font-size			: medium;
	background			: rgba(240,243,237,1.0);
	font-family			: YuGothic,	'Yu Gothic', sans-serif, "Hiragino Kaku Gothic Pro", "Meiryo", "sans-serif";
	-webkit-border-radius	: 0px;
    -moz-border-radius		: 0px;
	}

/*------------------------------------------*/
/*	MAIL WEBからの問い合わせ / MAIL
/*------------------------------------------*/
.tel_frame{
	margin				: 0 auto;
	background			: url(../images/contact_tel_bk.png) repeat;
	background-position	: center center;
	background-size		: cover;
	background-attachment: fixed;
    overflow			: hidden;
	}

.tel_wrap{
	width				: 1000px;
	box-sizing			: border-box;
	margin				: 0 auto;
	padding				: 50px 0;
	text-align			: left;
	}

.tel_h2box{
	width				: 1000px;
	margin				: 0 auto;
	box-sizing			: border-box;
	}

.tel_frame h2{
	padding				: 10px 30px;
	font-size			: 25px;
	text-align			: left;
	box-sizing			: border-box;
	line-height			: 100%;
	color				: rgba(78,109,166,1.0);
	}

.tel_h2subject{
	width				: 1000px;
	margin				: 0 auto;
	padding				: 10px 30px 30px;
	text-align			: left;
	box-sizing			: border-box;
	}

.tel_box{
	width				: 800px;
	margin				: 0 auto;
	padding				: 30px 0 30px;
	text-align			: center;
	box-sizing			: border-box;
	background			: rgba(255,255,255,1.0);
	border				: 1px rgba(68,68,68,1.0) solid;
	}

.tel_box a:-webkit-any-link {
    color				: -webkit-link;
    text-decoration		: none;
    color				: rgba(204,65,0,1.0);
	cursor				: pointer;
	font-size			: xx-large;
	font-weight			: bold;
	}

.tel_no{
	font-size			: large;
	padding				: 30px 0 5px;
	text-align			: center;
	color				: initial;
	}

.tel_note{
	width				: 300px;
	margin				: 0 auto;
	padding				: 5px 10px;
	text-align			: center;
	background			: rgba(236,237,238,1.0);
	}

/*------------------------------------------*/
/*	入力フォーム
/*------------------------------------------*/
.formTable{
	margin				: 20px 0 20px;
	box-sizing			: border-box;
	font-size			: larger;
	}

.formTable_tbody required{
	font-size			: 15px;
	float				: right;
	padding				: 5px 10px;
	color				: rgba(229,83,55,1.0);
	background			: rgba(248,221,217,1.0);
	}

.formTable_tbody required2{
	font-size			: 15px;
	margin-right		: 10px;
	float				: right;
	padding				: 5px 10px;
	border				: 2px solid rgba(241,153,55,1.0);
	color				: rgba(241,153,55,1.0);
	}

.formTable_tbody mailcell{
	font-size			: 15px;
	float				: left;
	padding				: 5px 10px;
	}

.formTable_tbody tr{
	height				: 55px;
	}

.formTable_tbody th{
	width				: 125px;
	padding				: 15px 0 0;
	text-align			: left;
	vertical-align		: top;
	box-sizing			: border-box;
	line-height			: 1.1;
	font-weight			: normal;
	}

.formTable_tbody td{
	padding-left		: 10px;
	text-align			: left;
	box-sizing			: border-box;
	}

.contact_th{
	width				: 140px!important;
	background			: rgba(245,245,245,1.0);
	border				: 1px solid rgba(240,240,240,1.0);
	}

.contact_td{
	width				: 320px!important;
	border				: 1px solid rgba(240,240,240,1.0);
	}

.contact_input_bk{
	background			: rgba(240,243,237,1.0);
	}

.contact_input_area{
	border-width		: 2px;
    border-style		: inset;
	background			: rgba(240,243,237,1.0);
	}

.contact_input_area2{
	border-color		: rgba(240,240,240,1.0)!important;
	}

input#keyword {
	padding				: 5px;
	font-size			: 15px;
	font-family			: YuGothic,	'Yu Gothic', sans-serif, "Hiragino Kaku Gothic Pro", "Meiryo", "sans-serif";
	}

.mail_input_bk2{
	border-style		: solid;
	border-width		: 1px;
	border-color		: rgba(240,240,240,1.0);
	}

input#keyword:focus {
	outline				: none;
	}

textarea#keyword {
	padding				: 5px;
	font-size			: 16px;
	font-family			: YuGothic,	'Yu Gothic', sans-serif, "Hiragino Kaku Gothic Pro", "Meiryo", "sans-serif";
    border-color		: initial;
    border-image		: initial;
	}

textarea#keyword:focus {
	outline				: none;
	}

.submit_btn{
	margin-top			: 50px;
	display				: inline-block;
	padding				: 10px 150px;
	text-align			: center;
	text-decoration		: none;
	outline				: none;
	color				: rgba(255,255,255,1.0);
	border				: none;
	background			: rgba(201,98,70,1.0);
	cursor				: pointer;
	-webkit-appearance	: none;
	font-size			: large;
	}

.submit_btn,
.submit_btn::before,
.submit_btn::after {
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
	-webkit-transition	: all .3s;
	transition			: all .3s;
	}

.submit_btn:hover {
	background			: rgba(201,98,70,0.7);
	}

.submit_btn2{
	margin-top			: 50px;
	display				: inline-block;
	padding				: 10px 150px;
	text-align			: center;
	text-decoration		: none;
	outline				: none;
	color				: rgba(255,255,255,1.0);
	border				: none;
	background			: rgba(222,128,25,1.0);
	cursor				: pointer;
	-webkit-appearance	: none;
	font-size			: large;
	}

.submit_btn2,
.submit_btn2::before,
.submit_btn2::after {
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
	-webkit-transition	: all .3s;
	transition			: all .3s;
	}

.submit_btn2:hover {
	background			: rgba(222,128,25,0.7);
	}