@charset "utf-8";

/* ヘッダー */
header{
	position: relative;
	margin: 0 auto ;
	display: block;
	width: 100%;
	height: 0;
	padding-top: 82%;
}
header .bg{
	background-image: url("../img/contact_main.jpg");
	background-size: auto 235%;
	background-position: 14% 84%;
	padding-top: 82%;
	z-index: -1;
}
.catch .catchSVG{
	width: 56%;
	margin: 0 auto;
}

/* about */
#about{
	position: relative;
	margin: 0 auto;
	padding: 45px 0;
	background-color: #ffffff;
}
#about .contentsInner{
	overflow-y: scroll;
	width: 100%;
	height: 800px;
}
#about .contentsInner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* policy */
#policy{
	position: relative;
	margin: 0 auto;
	padding: 0 0 45px 0;
	background-color: #ffffff;
}
#policy p{
	padding: 0 ;
	font-weight: 500;
}
#policy .ttl{
	position: relative;
	margin: 0 0 20px 0;
	font-size: .15rem;
	font-weight: 700;
}
#policy dl{
	position: relative;
	margin: 5px auto 0 auto;
}
#policy dl dt{
	position: relative;
	padding: 25px 0 5px 0;
}
#policy dl dd{
	position: relative;
	font-weight: 500;
}

/* ----- pc ----- */
@media screen and (min-width: 768px) {
	
	#menu .nav ul li a{color: #ffffff;}
	
	/* ヘッダー */
	header{padding-top: 450px;}
	header .bg{
		background-position: 50% 70%;
		background-size: cover;
		padding-top: 450px;
	}
	.catch{width: 413px;padding: 20px 0;}
	
	.formWrap{
		position: relative;
		margin: 0 auto;
		padding: 70px;
		background-color: #ffffff;
	}
	.form{
		position: relative;
		margin: 0 auto;
		width: 780px;
		padding: 20px 60px;
		padding: 0 60px;
/* 		border: solid 1px #c7c8c8; */
		/*border-top: solid 7px #6e7ddc;
		border-left: solid 1px #c7c8c8;
		border-right: solid 1px #c7c8c8;
		border-bottom: solid 1px #c7c8c8;*/
	}
	#about .contentsInner{height: 1800px;}

	/* policy */
	#policy{padding: 0 0 70px 0;}
	#policy .contentsInner{width: 650px;font-size: .14rem;margin: 0 auto;}
	#policy .ttl{
		margin: 0 0 20px 0;
		font-size: .26rem;
	}
	#policy dl{
		margin:0;
		width:650px;
	}
	#policy dl dd{font-size: .13rem;}
}