@charset "utf-8";

/* .com
 * Style sheet for the HTML5
 * Last modify 2018/12/17 11:50
 */

/* -----------------------------------------------------
Base Style
----------------------------------------------------- */
#main{

}

/* !header
------------------------------------------------------ */
#header {
	background: url("../common/img/bg_header01.jpg") no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}

/*** MOBILE DEVICES ***/
@media screen and (min-width: 481px) {

}

/*** LARGER DEVICES ***/
@media screen and (min-width: 751px) {

}

/* !content
------------------------------------------------------ */
#content {
}
	#content p {
	}
			.sectionInner section p {
				margin-bottom: 1em;
			}
			.sectionInner section p.taC {
				text-align: left !important;
			}



/*** MOBILE DEVICES ***/
@media screen and (min-width: 481px) {

}

/*** MOBILE DEVICES ***/
@media screen and (max-width: 750px) {

}

/*** LARGER DEVICES ***/
@media screen and (min-width: 751px) {
			.sectionInner section p.taC {
				text-align: center !important;
			}

}


/*********************
共通
*********************/

/*** MOBILE DEVICES ***/
@media screen and (min-width: 481px) {

}

/*** LARGER DEVICES ***/
@media screen and (min-width: 751px) {

}

/*********************
H1 SVG
*********************/

/*** MOBILE DEVICES ***/
@media screen and (min-width: 481px) {

}

/*** LARGER DEVICES ***/
@media screen and (min-width: 751px) {
#h1_contact {
	width: 375px;
	height: 86px;
}
}

/*********************
Contact Section
*********************/
#contact {
	position: relative;
	overflow: hidden;
	margin-bottom: 50px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0;
}
	#content h1 {
		opacity: 0;
		margin-bottom: 25px;
		padding-top: 50px;
		font-size: 38px;
		font-weight: bold;
		letter-spacing: 0.1em;
		line-height: 1;
		text-shadow:0px 0px 8px #000000;
	}
		#content h1 span {
				font-size: 18px;
			}
	#content h2 {
		font-size: 18px;
		font-weight: bold;
		text-align: center;
	}
	#content h3 {
		margin: 20px 0;
		font-weight: bold;
	}
form,
table {
	margin: 0 auto;
}
	#content th,
	#content td {
		display: block;
	}
	#content th {
		margin-top: 20px;
		border-bottom: none;
		font-weight: bold;
	}
	#content td {
		text-align: left;
	}
	.form_note {
		color: #f10000;
	}
	input[type="text"],
	textarea {
		width: 100%;
	}
	.msg {
		color: #c00;
	}
#submit_btn {
	text-align: center;
}
#submit_btn input {
	margin: 0 10px;
}
#form {
	margin-bottom: 20px;
}

/*** MOBILE DEVICES ***/
@media screen and (min-width: 481px) {

}

/*** MOBILE DEVICES ***/
@media screen and (max-width: 750px) {
	#contact.action h1 {
		-webkit-animation: show01 1s ease 0s forwards;
		animation: show01 1s ease 0s forwards;
	}
}

/*** LARGER DEVICES ***/
@media screen and (min-width: 751px) {
	#content h1 {
		margin-bottom: 45px;
		font-size: 48px;
		letter-spacing: 8px;
		line-height: 0.8;
	}
		#content h1 span {
				font-size: 18px;
				letter-spacing: 4px;
			}
	#content h2 {
		font-size: 22px;
	}
	#content h3 {
		font-size: 18px;
	}
			.sectionInner #section03 .wrap01 {
				margin: 30px 0 0 -44px;
				padding: 30px 30px 30px 0;
			}
table {
	margin: 50px auto 0;
	border-collapse:separate;
	border-spacing: 0;
	border-top: 1px dotted #C9CACA;

}
	#content th,
	#content td {
		display: table-cell;
		padding: 20px 20px;
		border-bottom: 1px dotted #C9CACA;
	}
	#content th {
		text-align: right;
	}
#form {
	margin-bottom: 50px;
}

	#contact.action h1 {
		-webkit-animation: show01 0.5s ease 0s forwards;
		animation: show01 0.5s ease 0s forwards;
	}
}


/* Privacy action */
#contact.action {
	opacity: 1;
}

	@keyframes show01 {
		0% {
			opacity: 0;
		}

		100% {
			opacity: 1;
		}
	}