@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body{ position: relative; font-family: 'Lato', sans-serif; margin: 0px; padding: 0px; text-align: center; font-size: 16px; line-height: 32px; letter-spacing: 0.01em; line-break: normal; word-break: strict; background: #fff }
img{ width: 100% }
a{ cursor: pointer }
a{ display: block; text-decoration: none; outline: none; transition: all .8s ease }
a , nav .menu , footer small{ color: #fff }
h1 a{ position: relative; width: 435px; height: 32px; margin: 28px auto }
.visuallyhidden{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0 }
section, .wrapper, .inner{ overflow: hidden }
.block{ display: block }
.inner{ width: 1024px; margin: 0 auto; box-sizing: border-box }

.Normalh1{ font-size: 40px; line-height: 56px; text-align: center; margin: 72px 0 80px 0 }
.Normalh1 span{ font-size: 16px; font-weight: normal; line-height: 24px; display: block }
.contact{ margin-bottom: 80px }
.contact form, .confirm, .completion{ width: 1024px; margin: 0 auto }
.contact form p, .confirm tr, .contact input, .contact textarea, .confirm td, .completion{ box-sizing: border-box }
.contact form p, .confirm tr{ width: 50%; text-align: center; float: left }
.contact form p:nth-child(odd), .confirm tr:nth-child(odd){ padding-right: 8px }
.contact form p:nth-child(even), .confirm tr:nth-child(even){ padding-left: 8px }
.contact form p:nth-child(7), .contact form p:nth-child(8), .confirm tr:nth-child(7), .confirm tr:nth-child(8){ width: 100%; padding: 0 }
.contact input, .contact textarea{ width: 100%; height: 48px; border: solid 1px #e8ebee; margin: 0 auto 8px auto; padding: 0 8px }
.contact textarea{ height: 80px; margin: 0 auto; padding-top: 13px }
.contact textarea{ border: solid 1px #e8ebee }
.contact .submit{ width: 200px; height: 40px; color: #fff; font-size: 14px; border: solid 1px #595759; background: #595759; margin: 32px auto 0 auto !important; cursor: pointer; transition: all .8s ease }
.contact .submit:hover{ color: #595759; background: #fff; transition: all .8s ease }
::-moz-placeholder{ color: #b6bcc2; font-size: 14px }
::placeholder{ color: #b6bcc2; font-size: 14px }
::-moz-selection{ background: #e8ebee }
::selection{ background: #e8ebee }
.confirm tr, .confirm td{ display: block }
.confirm th{ display: none }
.confirm td{ color: #fff; font-size: 14px; background: #b6bcc2; box-sizing: border: none; margin-bottom: 8px; padding: 8px }
.confirm + .wrapper{ font-size: 0 }
.confirm + .wrapper .submit , .confirm + .wrapper .button{ display: inline-block; margin: 24px auto 0 auto !important }
.confirm + .wrapper .submit{ margin-right: 16px !important }
.confirm + .wrapper .button{ margin-left: 16px !important }
.contact .button{ width: 200px; height: 40px; color: #fff; font-size: 14px; border: solid 1px #595759; background: #595759; margin: 0 auto; cursor: pointer; transition: all .8s ease }
.contact .button:hover{ color: #595759; background: #fff; transition: all .8s ease }
.error{ text-align: center; margin-bottom: 32px }
.contact .back a{ display: block; width: 200px; height: 40px; color: #fff; font-size: 14px; line-height: 40px; border: solid 1px #595759; background: #595759; margin: 0 auto; text-align: center; cursor: pointer; transition: all .8s ease }
.contact .back a:hover{ color: #595759; background: #fff; transition: all .8s ease }
.completion{ color: #fff; background: #b6bcc2; margin: 0 auto 32px auto; padding: 16px; text-align: left }

footer{ background: #595759 }
footer small{ font-size: 12px; line-height: 72px }

@media screen and (max-width: 1088px){
	.inner, .contact form, .confirm, .completion{ width: 100% }
	.inner{ width: 100%; padding: 0 32px }
}
@media screen and (max-width: 767px){
	body{ font-size: 14px; line-height: 24px }
	.inner{ padding: 0 24px }

	.Normalh1{ font-size: 28px; line-height: 32px; text-align: center; margin: 40px 0 }
	.Normalh1 span{ font-size: 14px; line-height: 28px }
	.contact form p, .confirm tr{ width: 100% }
	.contact form p:nth-child(odd), .confirm tr:nth-child(odd){ padding-right: 0 }
	.contact form p:nth-child(even), .confirm tr:nth-child(even){ padding-left: 0 }
	.contact input ,  .contact textarea{ width: 100%; height: 40px }
	.contact textarea{ height: 72px; padding-top: 11px }
	::-moz-placeholder{ font-size: 12px }
	::placeholder{ font-size: 12px }
	.confirm td{ font-size: 12px; padding: 4px 8px }
	.confirm + .wrapper .submit , .confirm + .wrapper .button{ display: block }
	.confirm + .wrapper .submit{ margin: 24px auto 0 auto!important }
	.confirm + .wrapper .button{ margin: 8px auto 0 auto !important }
	.error{ margin-bottom: 24px }
}

@media screen and (max-width: 539px){
	h1 a{ width: 345px; height: 28px; margin: 22px auto }
}

@media screen and (max-width: 389px){
	h1 a{ width: 291px; height: 26px; margin: 23px auto }
	footer small{ font-size: 11px; line-height: 64px }
}

@media screen and (max-width: 359px){
	h1 a{ width: 236px; height: 24px; margin: 24px auto }
}