@charset "UTF-8";






/* ----------------------------------------
	main
---------------------------------------- */
#main {
	position: relative;
	background: url('../images/pages/bg.jpg') top center no-repeat;
  background-size: 100% auto;
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 1020px) {
    #main{
		background: url('../images/pages/bg.jpg') top/cover;
    }
}
@media screen and (max-height: 800px) {
    #main{
		background: url('../images/pages/bg.jpg') top/contain;
    }
}


.main-inner {
	width: 1020px;
  height: 140px;
  margin: 0 auto;
	padding: 35px 0 0 0 !important;
}
@media screen and (max-width: 1020px) {
  .main-inner {
		width: 96%;
    margin: 0 2% 0 2%;
		padding: 10% 0 0 0;
  }
}
@media screen and (max-width: 1020px) {
  .arrow {
		position: fixed;
		bottom: 8%;
		width: 100%;
  }
}
.topLogo {
  width: 460px;
}
@media screen and (max-width: 1020px) {
  .topLogo {
		width: 80%;
		margin: 0 10% 0 10%;
  }
}



.contentForm {
	width: 1020px;
	margin: 100px auto 200px;
  text-align: center;
  z-index: -1;
}
.contentForm form {
  text-align: left;
}
.endForm1 {
	margin: 150px auto 200px;
  font-size: 14px;
  text-align: center;
}
.endForm2 {
	margin: 150px auto 200px;
  font-size: 14px;
  text-align: center;
}
.endForm3 {
	margin: 30px auto 0;
  padding: 0 0 30px 0;
  font-size: 14px;
  text-align: left;
  border-bottom: solid 1px #ccc;
}
.endForm3 a:link,
.endForm3 a:visited {
	color: #2baa3f;
}
.endForm4 {
	margin: 30px auto 0;
  font-size: 14px;
  text-align: left;
}
.contentForm h3 {
	margin: 30px 0 0 0;
  padding: 0;
  color: #000;
  font-size: 18px;
  text-align: left;
}
@media screen and (max-width: 1020px) {
  .contentForm {
		width: 96%;
    margin: 10% 2% 0 2%;
    z-index: -1;
  }
  .contentForm form {
  text-align: left;
  }
  .endForm1 {
    width: 96%;
    margin: 4% 2% 10% 2%;
    font-size: 28px;
    text-align: left;
  }
  .endForm2 {
    width: 96%;
    margin: 4% 2% 10% 2%;
    font-size: 28px;
    text-align: center;
  }
  .endForm1 br {
    display: none;
  }
  .endForm3 {
    margin: 30px auto 0;
    padding: 0 0 30px 0;
    font-size: 24px;
    text-align: left;
    border-bottom: solid 1px #ccc;
  }
  .endForm3 a:link,
  .endForm3 a:visited {
    color: #2baa3f;
  }
  .endForm4 {
    margin: 30px auto 200px;
    font-size: 24px;
    text-align: left;
  }
  .contentForm h3 {
    margin: 30px 0 0 0;
    padding: 0;
    color: #000;
    font-size: 32px;
    text-align: left;
  }
}



.formTitle {
	width: 400px;
  margin: 0 0 30px 0;
}
@media screen and (max-width: 1020px) {
  .formTitle {
    width: 80%;
    margin: 0 0 30px 0;
  }
}





.letter-inner {
	height: auto;
	background-color: #fff;
}
@media screen and (max-width: 1020px) {
    .letter-inner {
		width: 100%;
		height: auto;
    }
}
.letter-bottom {
	min-height: 240px;
	background: url('../images/common/bgFooter.jpg') #fff center bottom no-repeat;
	background-size: cover;
}
@media screen and (max-width: 1020px) {
    .letter-bottom {
		height: 280px;
		background: url('../images/common/bgFooterSp.jpg') #fff center top no-repeat;
    	background-size: auto 180px;
    }
}