@charset "utf-8";
/* CSS Document */


body {
	margin: 0;
}

#wrap {
	width: 100%;
	margin: 0;
}

.topphoto {
	width: 100%;
	margin: 0;
}


/*main*/
.main {
	width: 95%;
	max-width: 800px;
	padding: 5.0rem 0 5.0rem 0;
	margin: 0 auto;
	background: #ffffff;
}

.main02 {
	margin: 0 auto;
	padding: 0;
	background: #ffffff;
}



.hr01 {
	width: 95%;
	max-width: 900px;
	border-width: 1px 0 0 0;
	border-style: dashed;
	border-color: #777777;
	margin: 5.0rem auto 5.0rem auto;
}

.main03 {
	width: 95%;
	max-width: 800px;
	margin: 0 auto;
	padding: 0;
	background: #ffffff;
	border-radius: 1.5rem;
}


/*Mail Form*/

#formWrap {
	width: 100%;
	margin: 0 auto;
}

.h3-title {
	font-family: Noto Serif JP;
	font-size: 2.5rem;
	color: #845a02;
	line-height: 1.0;
	text-align: center;
	font-weight: 300;
	margin: 2.0rem 0 3.5rem 0;
}

.p01 {
	font-size: 1.2rem;
	color: #333333;
	line-height: 2.0;
	text-align: justify;
	text-justify: inter-ideograph;
	margin: 0 0 3.5rem 0;
}

.p02 {
	font-size: 1.0rem;
	color: #333333;
	line-height: 2.0;
	text-align: center;
	margin: 0;
}

.h3-title2 {
	font-size: 2.0rem;
	color: #ffffff;
	line-height: 1.0;
	text-align: center;
	font-weight: 300;
	background: #af50fa;
	margin: 1.0rem 0 3.5rem 0;
	padding: 1.0rem 0 0.8rem 0;
}

.telphoto {
	display: block;
	margin: 0 auto 5.0rem auto;
	width:90%;
	max-width: 640px;
}

.p1 {
	font-size: 1.0rem;
	color: #333333;
	line-height: 2.0;
	text-align: center;
	margin: 2.0rem 0 3.0rem 0;
}

table.formTable{
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1.0rem;
	color: #333333;
	line-height: 1.5;
}


table.formTable th {
	font-weight: normal;
	color: #00a73c;
	background: #ffffff;
	text-align: justify;
	text-justify: inter-ideograph;
	padding: 20px 0 5px 20px;
}

table.formTable td {
	font-weight: normal;
	background: #ffffff;
	text-align: justify;
	text-justify: inter-ideograph;
	padding: 0 0 30px 20px;
	line-height: 2.0;
}

input[type="text"], textarea {
	padding: 10px;
}

.p-2 {
	font-size: 1.0rem;
	color: #333333;
	line-height: 2.0;
	text-align: center;
	margin: 2.0rem 0 0 0;
}

.p-map {
	font-size: 1.0rem;
	color: #333333;
	line-height: 2.0;
	text-align: center;
	margin: 2.0rem 0 0.5rem 0;
}


@media screen and (min-width: 701px) {

	#top-head {
		display: none;
	}

	.topphoto2 {
		display: none;
	}

	.br01 {
		display: none;
	}

}


@media screen and (max-width: 1000px) {



}


@media screen and (max-width: 700px) {

	.topphoto {
		display: none;
	}
	

	.h3-title {
		font-size: 1.75rem;
		line-height: 1.5;;
	}
	
	.p01 {
		font-size: 1.0rem;
	}

	.h3-title2 {
		font-size: 1.5rem;
	}

	.p1 {
		font-size: 0.9rem;
		text-align: justify;
		text-justify: inter-ideograph;
	}
	

	.hr01 {
		margin: 0 auto 5.0rem auto;
	}
	
	
	
/*Mail Form*/

	.p-title {
		font-size: 1.2rem;
	}

	#formWrap {
		width: 90%;
		margin: 0 auto;
	}

	h3 {
		margin: 0;
	}

	table.formTable th{
		padding: 10px 0px 5px 5px;
	}

	table.formTable td{
		padding: 0px 0px 30px 5px;
	}

	input[type="text"], textarea {
		width: 100%;
		padding: 10px;
		font-size: 1.0rem;
		display: block;
}

	input[type="submit"], input[type="reset"], input[type="button"] {
		display: block;
		width: 50%;
		height: 40px;
	}

	.p-2 {
		font-size: 0.8rem;
		margin: 2.0rem 0 3.5rem 0;
	}

}