@charset "utf-8";  
/*------------------------------------------------------------ 
    CONTACT css
------------------------------------------------------------*/  

#footer{
	display: block!important;
	opacity: 1!important;
}

.grecaptcha-badge{ bottom: 80px !important;}

#contents{ padding-top: 20px;}

.text{ font-size:117%;}

#formInner{
	width:auto;
	margin:40px auto 0;
}

.formBox{
	width:auto;
	padding:0 20px;
	margin-bottom:40px;
	background:#FBFBFB;
	border:1px solid #E8E8E8;
}

.formBox table{
	width:100%;
	color:#333;
	font-size:134%;
}

.formBox th{
	width:200px;
	padding:20px 0;
	text-align:left;
	vertical-align:top;
	line-height:26px;
	border-bottom:1px solid #E8E8E8;
}

.formBox td{
	vertical-align:middle;
	padding:15px 0;
	border-bottom:1px solid #E8E8E8;
	position:relative;
}

.formBox tr:last-child th,
.formBox tr:last-child td{ border-bottom:none;}

.form-input{
	width:100%;
	max-width:600px;
	border:1px solid #E8E8E8;
	font-size:92%;
	height:36px;
	padding:0 10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
}

.wid300{ max-width:300px;}

.error{
	padding:5px;
	font-weight:bold;
	font-size:12px;
	color:#fff;
	background:#0099FF;
	position:absolute;
	bottom:-0.3em;
	border-radius:3px;
	z-index:10;
}

.form-txtarea{
	width:100%;
	max-width:600px;
	border:1px solid #E8E8E8;
	font-size:92%;
	height:180px;
	padding:10px;
	overflow:auto;
	resize:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
}

#submit{
	width:100%;
	max-width:300px;
	height:60px;
	margin:0 auto;
}

#submit a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:60px;
	color:#fff;
	font-size:175%;
	font-weight:bold;
	background:#000;
}

#submit a:hover{ background:#0099FF;}

.indexTtl {
	color: #999999;
	font-weight: bold;
	font-size: 350%;
	height: 100px;
	line-height: 100px;
  }


  /* loading */

#overlay{
	display:none;
	width:100%;
	height:100%;
	background:rgba(255,255,255,.7);
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
}

#loader{
	width:50%;
	height:50%;
	border: 6px solid rgba(100, 100, 100, 0.6);
	border-top: 6px solid rgba(255, 255, 255, 1);
	border-radius:50%;
	height: 50px;
	width: 50px;
	-webkit-animation: fancybox-rotate .8s infinite linear;
	animation: fancybox-rotate .8s infinite linear;
	background: transparent;
	position: absolute;
	top: 45%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
	z-index: 99999;
}

@-webkit-keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

/*------------------------------------------------------------ 
    MediaQuery 
------------------------------------------------------------*/  

/* 979以下 */
@media screen and (max-width: 999px){

	.indexTtl{ text-align:center;}
}

/* TABLET */
@media screen and (max-width: 788px){

.formBox{ padding:0 10px;}

.formBox table { font-size: 125%;}

#submit{ height:50px;}
#submit a{
	line-height:50px;
	font-size:150%;
}

}


/* SP */
@media screen and (max-width: 560px){

#formInner{ margin-top:20px;}

.formBox{ margin-bottom:20px;}

.formBox table{ display:block;}

.formBox tbody,
.formBox tr,
.formBox th,
.formBox td{
	display:block;
	width:100%;
}

.formBox th{
	padding:10px 0;
	border-bottom:none;
}

.formBox td{
	padding:0 0 10px;
	font-size:92%;
}

#submit{ height:40px;}
#submit a{
	line-height:40px;
	font-size:134%;
}

.text{ font-size:109%;}
.form-input,
.form-textarea{ font-size:100%;}

.indexTtl {
	font-size: 200%;
	height: 50px;
	line-height: 50px;
  }

}