@charset "utf-8";
/*----------------------------------------------------------------------------------------------------------
	スマホ用（～767px）　●お問い合わせCSS
------------------------------------------------------------------------------------------------------------*/
.table_form01 {
	width:100%;
	text-align: left;
	line-height: 150%;
}
.table_form01 th {
	vertical-align: top;
	background-color:#CCD5F3;
	width:100%;
	display: block;
	padding:5px 10px 5px 10px;
}
.table_form01 td {
	width:100%;
	display: block;
	padding:10px 0 30px 0;
}
.table_form01 .required {
	float:left;
	background-color: #0e1a4c;
	color: #fff;
	font-weight: normal;
	font-size: 0.75rem;
	line-height: 175%;
	padding: 0 8px;
	margin: 0 5px 0 0;
}
/*入力欄*/
/*.table_form01 .check-box input {
	width:10% !important;
}
.table_form01 .check-box input:first-child {
	margin-left:-20px;
}
.table_form01 .check-box label {
	margin-left: -15px;
}
.table_form01 .check-box {
	padding-left:10px !important;
}*/
.table_form01 .radio-box input {
	width:10% !important;
}
.table_form01 .radio-box input:first-child {
	margin-left:-20px;
}
.table_form01 .radio-box label {
	margin-left: -15px;
}
.table_form01 .radio-box {
	padding-left:10px !important;
}
.table_form01 textarea {
	height:350px;
	width:100%;
	font-size: 0.93rem;
    line-height: 1.5;
    padding: 8px 10px;
    border: 1px solid #969da3;
    border-radius: 4px;
    outline: none;
}

.table_form01 textarea:focus {
	border-color: #0e1a4c;
}

.table_form01 input{
	padding: 8px 10px;
	font-size: 0.93rem;
    border: 1px solid #969da3;
    border-radius: 4px;
    outline: none;
}
.table_form01 input:focus {
	border-color: #0e1a4c;}
    
.table_form01 input[type="text"]{
	width:100%;
	max-width: 500px;
}
.table_form01 input[type="name"]{/*名前*/
	width: 20em;
}
.table_form01 input[type="email"]{/*メールアドレス*/
	width: 30em;
}
.table_form01 input[type="postalcode"]{/*郵便番号*/
	width: 7em;
}
.table_form01 input[type="tel"],
.table_form01 input[type="fax"]{/*電話番号+FAX番号*/
	width: 10em;
}



/*----------------------------------------------------------------------------------------------------------
	タブレット用（768px～）
------------------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width:768px){

.table_form01{
	margin-bottom: 3rem;
}
.table_form01 th {
	width:30%;
	padding:15px 15px 15px 15px;
	display: table-cell;
	border-bottom: 2px solid #fff;
}
.table_form01 td {
	padding:15px;
	display: table-cell;
}
/*****/
}





/*----------------------------------------------------------------------------------------------------------
	PC用（1100px～）
------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1100px){

.table_form01 th {width:23%;}
/*****/
}