@charset "utf-8";
 
body {
  background: #FFFFFF;
    font-size: 18px;
  }

@media screen and (max-width:800px){
	body {
		font-size: 14px;
	}
}

@media screen and (max-width:640px){
	body {
		font-size: 12px;
	}
}


  #main {
    max-width : 1000px;
	margin: 0 auto;
  }
  #main img {
    width: 100%;
  }
  
  
  .formBox {
    width: 95%;
	margin-left: auto;
	margin-right: auto;
  }
  .formTable {
    width: 100%;
  }
  .formTable th {
    background: #94C7C2;
	color: #FFFFFF;
	padding: 10px;
	font-size: 20px;
	font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  }
  .formTable td {
    padding: 2% 2.5%;
  }
  
  .formTable td input {
    width: 100%;
 	padding: 5px;
	font-size: 20px;
	border:1px solid #DFDFDF;
	background: #F9F9F9;
box-sizing: border-box;
  }
  .formTable td input.inputTextShortest {
    width: 40%;
  }
  .formTable td select {
    width: 100%;
	padding: 5px;
    box-sizing: border-box;	
  }
  .formTable textarea {
    width: 100%;
	padding: 5px;
    box-sizing: border-box;
	height: 200px;
  }
  

.formBtnBox {
	background: url(img/btnBg.jpg) no-repeat top left;
	background-size: cover;
		}
.formBtnBox:before {
	padding-top: 25.9%;
	text-align: center;
	}
  
  .formBtn {
    margin-top: 6.6%;
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 52%;
  }
  .formBtn:hover {
  opacity:0.7;
  filter:alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
  }


@media (max-width: 64em) {
  .formTable th {
    font-size: 16px;
  }
  .formTable td {
    font-size: 16px;
  }


  .formTable td input.inputTextShortest {
    width: 30%;
  }

}


.qaBox {
  }
  .qaList {
  background: #E6F2F1;
  padding-left: 10%;
  padding-right: 10%;
  overflow: hidden;
    
  }
  .qaList dt {
    background: #94C7C2;
	color: #FFFFFF;
	padding: 10px 20px;
	font-size: 1em;
	line-height: 180%;
    }
  .qaList dd {
	padding: 20px 20px;
	background: #FFFFFF;
	line-height: 180%;
	margin-bottom: 10%;
    }

.lowBox {
  background: #FAFAF3;
  padding-top: 5%;
  padding-left: 10%;
  padding-right: 10%;
  padding-bottom: 20%;
  overflow: hidden;
  }
  .lowBox dt {
    background: #94C7C2;
	color: #FFFFFF;
	padding: 10px 20px;
  }
  .lowBox dd {
    padding: 20px;
	line-height: 180%;
	font-size: 0.8em;
  }
  
  .copyBox {
    background: #48C2C2;
	color: #FFFFFF;
	text-align: center;
  }