html {
	background-color: #414042;
}
body {
	font-family:"Helvetica Neue", "Hiragino Kaku Gothic Std", serif;
}

input, button, textarea, select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

@media screen and (max-width: 639px) {
	h1 {
		font-size: 32px;
		font-weight: bold;
		letter-spacing: 0.025em;
		line-height: 1em;
		z-index: 2;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
	}
	h1 a {
		color: #000;
		text-decoration: none;
	}
	#g_logo p {
		display: none;
	}
	.logo_hdr {
		position: relative;
		z-index: 2;
		width: 41.747%;
		max-width: 250px;
		margin: 37px auto 0 auto;
		padding-top: 12.037%;
    }
    .logo_wrpr {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
	}
	.logo_wrpr .logo {
		position: absolute;
		top: 0%;
		left: 0%;
		line-height: 0em;
	}
	.logo_wrpr .logo img {
		width: 100%;
		height: auto;
	}
	.logo_wrpr .logo.l01 {
		width: 21.311%;
	}
	.logo_wrpr .logo.l02 {
		left: 23.047%;
		width: 26.229%;
	}
	.logo_wrpr .logo.l03 {
		left: 50.916%;
		width: 24.975%
	}
	.logo_wrpr .logo.l04 {
		left: 79.459%;
		width: 22.118%;
	}
 
	#page {
		overflow: hidden;
	}
	#content {}
	#content .entry-header {
		display: none;
	}

	#content .lead {
		color:#fff;
		font-weight: 100;
		font-size:20px;
		letter-spacing: 0.05em;
		line-height: 1.25em;
		margin:10.95% auto 4.186% auto;
		width:83.896%;
	}
	#content .form_area {
		margin-bottom:100px;
	}
	#content .elem {}
	#content .elem .ttl {display: none;}
	#content .elem input[type="text"],
	#content .elem input[type="email"],
	#content .elem textarea {
		padding:12px 20px;
		margin:0 auto 4.025% auto;
		/*width:472px;*/
		width:83.896%;
		outline: none;
		border:none;
		font-family:"Helvetica Neue", "Hiragino Kaku Gothic Std", serif;
		font-size: 24px;
		font-weight: 100;
		color:#414042;
		display: block;
	}
	#content .btn_submit {
		text-align: right;
		width:83.896%;
		margin:0 auto;
	}
	#content .btn_submit input[type="submit"] {
		font-family:"Helvetica Neue", "Hiragino Kaku Gothic Std", serif;
		font-weight: 100;
		background-color: transparent;
		outline:none;
		border: none;
		color:#fff;
		font-size:24px;
	}
	#content .information {
		font-family:"Helvetica Neue", "Hiragino Kaku Gothic Std", serif;
		font-weight: 100;
		color:#fff;
		font-size:20px;
		width:83.896%;
		margin:0 auto 15% auto;
	}
	#content .information h4 {
		font-weight: 100;
		line-height: 1em;
		margin-bottom: 50px;
	}
	#content .information dl {
		overflow:hidden;
	}
	#content .information dl dt {
		float:left;
		letter-spacing: 0.05em;
		line-height: 1.2em;
		margin-bottom: 15px;
	}
	#content .information dl dd {
		margin-left: 120px;
		letter-spacing: 0.05em;
		line-height: 1.2em;
		margin-bottom: 15px;
		word-wrap: break-word;
	}
	.btn_close {
      position: absolute;
      top: 0px;
      right: 0px;
      /*margin: 11.0% 11.5% 0 0;
      width: 7.5%;*/
      margin: 7.5% 7.5% 0 0;
      width: 5.5%;
    }
    .btn_close img {
      width:100%;
      height:auto;
    }
	div.wpcf7-validation-errors {
		border-width: 1px;
		padding:20px 15px;
	}
}

@media screen and (min-width: 640px) {
	#page {
		overflow: hidden;
	}
	.logo_hdr {
		position: fixed;
		z-index: 1002;
		width: 41.747%;
		max-width: 260px;
		margin: 62px 0 0 54px;
		padding-top: 12.037%;
	}
	.logo_hdr .logo_wrpr {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
	}
	.logo_hdr .logo {
		position: absolute;
		top: 0%;
		left: 0%;
		line-height: 0em;
	}
	.logo_hdr .logo img {
		width: 100%;
		height: auto;
	}
	.logo_hdr .l01 {
		width: 21.311%;
	}
	.logo_hdr .l02 {
		left: 23.047%;
		width: 26.229%;
	}
	.logo_hdr .l03 {
		left: 50.916%;
		width: 24.975%
	}
	.logo_hdr .l04 {
		left: 79.459%;
		width: 22.118%;
	}
	.btn_close {
      position:fixed;
      top:0px;
      right:0px;
      z-index:10000;
      margin:62px 54px 0 0;
      width:32px;
      height:32px;
    }
    .btn_close img {
      width:32px;
      height:32px;
    }
	#content {
		width:512px;
		margin:100px auto;
		color:#fff;
	}
	.entry-header {
		display: none;
	}
	#content .lead {
		font-weight: 100;
		font-size:24px;
		margin:0 0 24px 0;
	}
	#content .form_area {
		margin-bottom:100px;
	}
	#content .elem {}
	#content .elem .ttl {display: none;}
	#content .elem input[type="text"],
	#content .elem input[type="email"],
	#content .elem textarea {
		padding:12px 20px;
		margin:0 0 25px 0;
		width:472px;
		outline: none;
		border:none;
		font-family:"Helvetica Neue", "Hiragino Kaku Gothic Std", serif;
		font-size: 24px;
		font-weight: 100;
		color:#414042;
	}
	#content .btn_submit {
		text-align: right;
	}
	#content .btn_submit input[type="submit"] {
		font-family:"Helvetica Neue", "Hiragino Kaku Gothic Std", serif;
		font-weight: 100;
		background-color: transparent;
		outline:none;
		border: none;
		color:#fff;
		font-size:24px;
	}
	#content .information {
		font-family:"Helvetica Neue", "Hiragino Kaku Gothic Std", serif;
		font-weight: 100;
		color:#fff;
		font-size:24px;
	}
	#content .information h4 {
		font-weight: 100;
		line-height: 1em;
		margin-bottom: 50px;
	}
	#content .information dl {
		overflow:hidden;
	}
	#content .information dl dt {
		float:left;
		letter-spacing: 0.05em;
		line-height: 1.2em;
		margin-bottom: 15px;
	}
	#content .information dl dd {
		margin-left: 120px;
		letter-spacing: 0.05em;
		line-height: 1.2em;
		margin-bottom: 15px;
	}

	div.wpcf7-validation-errors {
		border-width: 1px;
		padding:20px 15px;
	}
}