@charset "UTF-8";
/* Scss Document */
/* line 3, contactStyle.scss */
.pageImage {
  background: #000;
  color: #FFF;
  height: 100px;
  margin-bottom: 30px;
}
/* line 9, contactStyle.scss */
.pageImage h1 {
  width: 90vw;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 15px;
  font-weight: normal;
  line-height: 2.0;
}

/*.pageWrapper{ //form画面が入りきらない為、特別対応
	width: 96%;
	margin: 0 auto;
}

#formSection{
	width: 96%;
	height: auto;
	box-sizing: border-box;
	padding: 15px;
	border-collapse: collapse;

	
	h2{
		font-weight: normal;
		border-bottom: 1px solid #333333;
		margin-bottom: 30px;
	}
	
	form{
		display: table;
		width: 100%;
		height: auto;
		
		dl{
			width: 100%;
			height: 10vh;
			border: 1px solid #DDDDDD;
			display: table-row;
			
			dt{
				width: 30%;
				height: 10vh;
				text-align: center;
				vertical-align: middle;
				background: #EEEEEE;
				font-weight: normal;
				box-sizing: border-box;
				padding: 10px;
				display: table-cell;
				
				b{
					color: #F00;
					font-weight: normal;
				}
			}
			dd{
				width: 70%;
				height: 10vh;
				text-align: left;
				vertical-align: middle;
				box-sizing: border-box;
				padding: 10px 10px 10px 20px;
				display: table-cell;
				
				label{
					padding-left: 10px;
				}
				
				input[type="text"]{
					border-radius: 3px;
					outline: none;
					border:1px solid #AAAAAA;
					width: 80%;
					padding: 8px;
				}
				textarea{
					width: 70%;
					height: 100px;
				}
				span{
					display: block;
					width: 50%;
					float: left;
					
					.reset{
						background: #FFF;
						border:1px solid #999;
						border-radius: 3px;
						box-sizing: border-box;
						padding: 10px;
						width: 80%;
						cursor: pointer;
					}
					
					.reset:hover{
						opacity: 0.6;
					}
					
					.submit{
						background: #000;
						border:1px solid #999;
						border-radius: 3px;
						box-sizing: border-box;
						padding: 10px;
						color: #FFF;
						width: 80%;
						cursor: pointer;
					}
					
					.submit:hover{
						opacity: 0.6;
					}
				}
			}
		}
	}
	
	form:last-child dl dt{
		display: none;
	}
	
	.notice{
		width: 100%;
		height: auto;
		padding-top: 20px;
		text-align: center;
	}
}*/
/*@media screen and (max-width: 900px){
	#formSection{

		form{
			display: table;
			width: 100%;
			height: auto;

			dl{
				max-width: 100%;
				height: auto;
				border: 1px solid #DDDDDD;
				display: table-row;

				dt{
					width: 100%;
					height: auto;
					text-align: center;
					vertical-align: middle;
					background: #EEEEEE;
					font-weight: normal;
					box-sizing: border-box;
					padding: 10px;
					display: block;

					b{
						color: #F00;
						font-weight: normal;
					}
				}
				dd{
					width: 100%;
					height: auto;
					text-align: center;
					vertical-align: middle;
					box-sizing: border-box;
					padding: 10px 10px 10px 20px;
					display: block;

					label{
						padding-left: 10px;
					}

					input[type="text"]{
						border-radius: 3px;
						outline: none;
						border:1px solid #AAAAAA;
						width: 80%;
					}
					textarea{
						width: 70%;
						height: 100px;
					}
					span{
						display: block;
						width: 100%;
						float: left;
						margin-bottom: 30px;

						.reset{
							background: #FFF;
							border:1px solid #999;
							border-radius: 3px;
							box-sizing: border-box;
							padding: 10px;
							width: 80%;
							cursor: pointer;
						}

						.reset:hover{
							opacity: 0.6;
						}

						.submit{
							background: #000;
							border:1px solid #999;
							border-radius: 3px;
							box-sizing: border-box;
							padding: 10px;
							color: #FFF;
							width: 80%;
							cursor: pointer;
						}

						.submit:hover{
							opacity: 0.6;
						}
					}
				}
			}
		}

		form:last-child dl dt{
			display: none;
		}

		.notice{
			width: 100%;
			height: auto;
			padding-top: 20px;
			text-align: center;
		}
	}	
}*/