@charset "UTF-8";

table{
	width:100%;
	margin:0 auto;
	font-size:85%;
	line-height: 1.4em;
}

th ,td{
	border-top:#D5D5D5 solid 1px;
	border-bottom:#D5D5D5 solid 1px;
     vertical-align: top;
}

th{
	width:15em;
	padding:10px 0;
	margin:0;
	font-weight:normal;
	text-align:left;
    vertical-align:top;
}

.small{
    font-size:90%;
}

.tel-sample{
    color:#6E6E6E;
}

td{
	padding:10px 0;
	margin:0;
	font-weight:normal;
	text-align:left;
    
}

span.red{
	color:#FB4545;
}


table span.red{
	font-size:10px;
}

label.err{
	color:#CC0000;
}

input,textarea,select{
     width:95%;
	padding:3px 0 3px 5px;
	border:thin solid #c6c6c3;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    font-size:100%;
}

input[type="radio" i] {
	width:15px;
}

input.add-num{
	margin-bottom:5px;
}

#form-btn{
	text-align:center;
	margin:40px auto 0 auto;
}

#form-btn #confirm{
	height:15px;
	margin:0 auto 15px auto;
}

#form-btn #confirm p{
	display:none;
	color:#77776b;
}

#form-btn input{
	width:150px;
	background-color:#000;
	color:#fff;
	line-height:1.0;
	padding:10px 0;
	border:none;
	cursor:pointer;
	font-size:12px;
	text-align:center;
	margin:0 5px;
}

#form-btn input.back{
    background-color: #606060;
    
}

#form-btn input:hover{
	width:150px;
	background-color:#333;
	color:#fff;
	line-height:1.0;
	padding:10px 0;
	border:none;
}

#form-btn input.back , #form-btn input.submit{
	display:none;
}

.radioarea input , .checkarea input , .checkboxReqarea input{
	border:none;
}

input.hp-detail{
	color:#999999;
}

#loading{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:99999;
    background:url(../contact/images/load_bg.png);
    display:none;
}

#mail-ok , #mail-ng{
	text-align:left;
	display:none;
}

#mail-ok p{
	margin:0 auto;
	padding:20px 0 40px 0;
}

#mail-ng p{
	margin:0 auto;
	padding:20px 0 80px 0;
	color:#CC0000;
}

/*------------------------------*/
span.radioarea div{
	margin:0 10px 0 0;
	text-align:left;
	float:left;
	display:inline;
}

span.radioarea div img{
	width:80px;
	height:80px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

span.radioarea div input{
	margin:5px 0 3px 0;
}

span.checkarea div{
	margin:5px 0;
}

.checkboxReqarea .err-cel{
	width:100%;
	padding:0 0 0 10px;
	text-align:left;
}


.checkboxReqarea .err-cel label{
	color:#CC0000;
	font-size:small;
}

span.small{
	font-size:10px;
}

/*------------------------------*/
span.option01{
	width:100%;
	display:none;
}

span.option01 div{
	padding:10px 0 0 0;
}

span.option01 label{
	display:block;
}

/*===============================================
PC・タブレット用　画面の横幅が600px以上
===============================================*/
@media screen and (min-width: 600px){
}

/*===============================================
スマホ用　画面の横幅が599px未満
===============================================*/
@media screen and (max-width: 599px){
    th ,td{
	text-align:center !important;
     display: block;
     border:none !important;
}

th{
	width:100% !important;
    text-align:center !important;
    background-color: #E6E6E6;
	padding:3px 0;
	margin:0;
	font-weight:normal;
    vertical-align:top;
}

#form-btn{
    margin-top:15px;
}

#form-btn input{
    height:50px !important;
	width:95%;
	background-color:#000;
	color:#fff;
	line-height:1.0;
	padding:10px 0;
	border:none;
	cursor:pointer;
	font-size:0.9rem;
	text-align:center;
	margin:0 5px;
     -webkit-appearance: none;
     margin-bottom:10px !important;
}

#form-btn input:hover{
	
	background-color:#333;
	color:#fff;
	line-height:1.0;
	padding:10px 0;
	border:none;
     -webkit-appearance: none;
}
}