@charset "utf-8";

/*----------------------------------------------------------
	Reset
-----------------------------------------------------------*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, embed {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
li {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	font-size: 100%;
}
legend {
	color: #000000;
}
body {
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	background-color: black;
}

#contents {
	background-color: #000;
	border-bottom:1px solid #333;
}
#container {
	width: 100%;
	height: 100%;
	max-width:1200px;
	margin:0 auto;
}

#container .header {
	background: url(https://form3.square-enix.com/asset/asset_701.jpg) no-repeat center top;
	background-color: #000;
	background-size:contain;
	height:0;
	padding-top:38.91666%;
}
#container .bonus {
	height:0;
	padding-bottom:45.58333%;
	background: url(https://form3.square-enix.com/asset/asset_698.jpg) no-repeat left top;
	background-size:contain;
}

#container .bonus img {
	margin:12.5% 0 0 11.6%;
	width:44%;
}

#container .form {
	height: 0;
	background: url(https://form3.square-enix.com/asset/asset_700.jpg) no-repeat center top;
	background-color: #000;
	background-size:contain;
	padding-bottom: 68.91666%;
	text-align: center;
}
#container .formtxt {
	padding-top:7.83333%;
}
#container .formtxt img {
	width:36.41666%;
}
#container .form .textfield {
	margin-bottom:0.83333%;
}
#container .form .textfield input {
	font-weight: bold;
	width: 65.58333%;
	height:11.33412%;
	padding:2.5%;
	font-size: 28px;
	text-align: center;
	background: url(https://form3.square-enix.com/asset/asset_702.png) no-repeat left top;
	background-size: 100% auto;
	border: none;
	word-wrap: break-word;
}
#container .submit input{
  cursor: pointer;
  display: block;
  width: 33.91666%;
  height:0;
  padding-bottom:10.5%;
  margin:0 auto;
  border: none;
  text-indent: -9999px;
  background: url(https://form3.square-enix.com/asset/asset_699.png) no-repeat left top;
  background-size:100% auto;
}


#container .setting {
	margin: 3.58333% auto 4.16666% auto;
}
#container .setting img {
	width: 46.16666%;
}
#container .privacy img {
	width: 56.75%;
	margin: 0 auto;
}

/*確認・完了*/

#container .header2{
	background: url(https://form3.square-enix.com/asset/asset_718.jpg) no-repeat center top;
	background-color: #000;
	background-size:contain;
	height:0;
	padding-top:44.5%;
}

#container .confirm{
	background: url(https://form3.square-enix.com/asset/asset_719.jpg) no-repeat center top;
	background-color: #000;
	background-size:contain;
	text-align:center;
	height:0;
	padding-bottom:40%;
}

#container .confirm .textcheck{
    font-weight: bold;
	width: 70.58333%;
	height:0;
	padding-bottom:11.33412%;
	font-size: 28px;
	text-align: center;
	background: url(https://form3.square-enix.com/asset/asset_702.png) no-repeat left top;
	background-size:contain;
	border:none;
	margin:0 auto 12px;
}


#container .textcheck span{
	width:90%;
	margin:0 auto;
	word-wrap: break-word;
	line-height:3em;
}


#container .back{
	width: 280px;
	margin: 10px auto 0px auto;
}

#container .back input{
  cursor: pointer;
  display: block;
  width: 280px;
  height: 79px;
  border: none;
  text-indent: -9999px;
  background: url(https://form3.square-enix.com/asset/asset_720.png) no-repeat left top;
}


#container .thanks{
	background: url(https://form3.square-enix.com/asset/asset_719.jpg) no-repeat center top;
	background-color: #000;
	background-size:contain;
	text-align:center;
	height:0;
	padding-bottom:40%;
}

@media screen and (max-width: 640px) {
img {
	max-width: 100%;
	height: auto;
	width /***/: auto;
}
#container {
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
#container .form {
	background: url(https://form3.square-enix.com/asset/asset_730.jpg) no-repeat center top;
	background-size: cover;
	height: 0;
	padding:0 0 283.75%;
}
#container .bonus {
	height: 0;
	background:none;
	padding:54.375% 0 0;
}
#container .bonus img {
	margin:0;
	width:100%
}

#container .form .textfield input {
	font-weight: bold;
	width: 100%;
	height: 15.78125%;
	padding:4% 0 6%;	
	font-size: 1em;
	text-align: center;
	background: url(https://form3.square-enix.com/asset/asset_731.png) no-repeat left top;
	background-size: 100% auto;
	border: none;
	word-wrap: break-word;
}

#container .registration {
	height: 0;
	padding:112% 0 0;
}

#container .submit{
	width:100%;
	max-width:61.71875%;
	margin: 3.4375% auto 2.34375%;
}

#container .registration .submit input {
	display:block;
	background: url(https://form3.square-enix.com/asset/asset_725.png) no-repeat center;
	background-size: 100% auto;
	width:100%;
	height:0;
	padding-bottom:29.36708%;	
}

#container .setting {
	margin: 0 auto;
}
#container .setting img {
	width: 88.125%;
}
#container .privacy img {
	width: 100%;
	margin: 7% auto 0px;
}

/*確認・完了*/

#container .confirm{
	background: url(https://form3.square-enix.com/asset/asset_722.jpg) no-repeat center top;
	background-size:cover;
	height: 100%;
	padding-top:65.46875%;
	padding-bottom:11%;
}

#container .confirm .textcheck{
	text-align: center;
    font-weight: bold;
	font-size: 100%;
	display:block;
	background: url(https://form3.square-enix.com/asset/asset_731.png) no-repeat center center;
	background-size: 100% auto;
	width:100%;
	height:0;
	padding-bottom:17.00336%;	
}

#container .textcheck span{
	word-wrap: break-word;
	display:block;
	width:80%;
	height:100%;
	margin:0 auto;
	padding-top:3%;
}


#container .submit_c{
	max-width:61.71875%;
	margin: 0px auto;
}

#container .back{
	max-width:45.15625%;
	margin: 0px auto;
}

#container .back input{
	background: url(https://form3.square-enix.com/asset/asset_726.png) no-repeat center;
	background-size: 100% auto;
	width:100%;
	height:0;
	padding-bottom:29.06574%;	
}

#container .thanks{
	background:none;
	width:100%;
	height:0;
	padding:0 0 144.375% 0;
}

}