@charset "UTF-8";

/* 見出し１ */
header h1 {

	transform: translateY(0);
	transition: none;

}

#main h2 {
	
	opacity: 1;
  transform: scale(1);
  transition: none;

}

#form {

	padding: 10rem 0;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	background: #E6D8B1;
	
}

#form .inner {

	width: 100rem;
	margin: 0 auto;

}

#form .inner2 {

	width: 80rem;
	margin: 0 auto;

}

#form h2 {
	
	margin-bottom: 4rem;
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 3.4rem;
	font-weight: 700;
	color: #663F0A;

}

#form .radio {
	
	margin-bottom: 5rem;
	text-align: center;

}

#form .radio span {

	display: inline-block;
	width: 25%;
	font-size: 2.8rem;
	font-weight: 500;
	color: #663F0A;

}

#form .inner table {

	width: 100%;
	border-collapse: collapse;

}

#form .inner table tr th, #form .inner table tr td {

	padding: 1em 0;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 2.4rem;
	font-weight: 500;
	color: #663F0A;

}

#form .inner table tr th {
	
	position: relative;
	width: 27%;
	text-align: left;
	vertical-align: top;
	font-weight: 400;

}

#form .inner table tr td {

	color: #333;
	
}

#form .inner table tr th span.point {
	
	display: inline-block;
	width: 3em;
	margin-right: 0.5em;

}

#form .inner table tr th span.hisu {

	display: inline-block;
	width: 3em;
	padding-bottom: 0.1em;
	text-align: center;
	font-size: 90%;
	line-height: 1.2;
	color: #fff;
	background: #B8C68D;
	border-radius: 0.1em;

}

#form .inner table tr th span.txt {

	display: inline-block;
	width: 3.5em;
	text-align: right;

}

input[type="text"], input[type="email"], input[type="tel"], textarea, button, select {
	
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
	
}

input[type="text"], input[type="email"], input[type="tel"], textarea {
	
	width: 100%;
	padding: 1.1em;
	outline: none;
	border: 1px solid #663F0A;
	background: #fff;
	border-radius: 0.4rem;
	transition: all 0.3s;
	
}

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus {
	
	border: 1px solid #B8C68D;
	
}

/* ラジオボタン */
input[type="radio"] {
	
  vertical-align: middle;
  transform: scale(1.6);
  transform-origin: 100% 50%;
  
}

textarea {

	height: 20em;

}

.submit_btn {
	
	position: relative;
	z-index: 3;
	display: block;
	width: 11em;
	margin: 0 auto;
	margin-top: 4rem;
	padding-left: 0.3rem;
	padding-top:    0.8rem;
	padding-bottom: 1.1rem;
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 2.4rem;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.08em;
	background: #663F0A;
	border: none;
	border-radius: 0;
	-webkit-appearance: none;
	cursor: pointer;
	box-shadow: 0.2rem 0.4rem 0.4rem 0.2rem rgba(0,0,0, 0.2);

}

.submit_btn:focus {

	outline: none;

}

.submit_btn::-moz-focus-inner	{

	padding: 0;
	border: none;
	
}

.error {
	
	display: block;
	color: red;

}

.kakunin {
	
	margin: 3rem 0;
	text-align: center;
	font-size: 2rem;

}

.result {

	margin: 8rem 0;
	text-align: center;
	font-size: 2rem;

}

.done_top {
	
	display: block;
	width: 12em;
	margin: 0 auto;
	margin-top: 4rem;
	padding-left: 0.3rem;
	padding-top:    0.8rem;
	padding-bottom: 1.1rem;
	text-align: center;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 2.4rem;
	font-weight: 700;
	color: #fff;
	letter-spacing: 0.08em;
	background: #663F0A;
	cursor: pointer;
	box-shadow: 0.2rem 0.4rem 0.4rem 0.2rem rgba(0,0,0, 0.2);

}


/* MacBook Pro16 */
@media only screen and (max-width: 1728px) {



}


/* MacBook Pro14 */
@media only screen and (max-width: 1512px) {



}


/* 中サイズ */
@media only screen and (max-width: 1366px) {



}


/* MacBook Air */
@media only screen and (max-width: 1280px) {



}


/* iPadPro */
@media only screen and (max-width: 1024px) {
	
	#form {

		padding: 14rem 0;
		
	}

	#form .inner {

		width: 75%;

	}

	#form .inner2 {

		width: 75%;

	}

	#form h2 {
		
		margin-bottom: 4rem;
		font-size: 4.4rem;

	}

	#form .radio {
		
		margin-bottom: 8rem;

	}

	#form .radio span {

		width: 25%;
		font-size: 3.6rem;

	}

	#form .inner table tr th, #form .inner table tr td {

		padding: 1em 0;
		font-size: 3.2rem;

	}

	#form .inner table tr th {
		
		width: 27%;

	}

	input[type="text"], input[type="email"], input[type="tel"], textarea {
		
		padding: 0.7em;
		border-radius: 0.4rem;
		
	}

	/* ラジオボタン */
	input[type="radio"] {
		
	  transform: scale(1.6);
	  
	}

	textarea {

		height: 15em;

	}

	.submit_btn {
		
		width: 11em;
		margin-top: 4rem;
		padding-left: 0.8rem;
		padding-top:    0.8rem;
		padding-bottom: 1.1rem;
		font-size: 3.6rem;
		letter-spacing: 0.08em;

	}

	.kakunin {
		
		margin: 3rem 0;
		font-size: 2.4rem;

	}

	.result {

		margin: 8rem 0;
		font-size: 2.4rem;

	}

	.done_top {
		
		width: 12em;
		margin-top: 4rem;
		padding-left: 0.3rem;
		padding-top:    0.8rem;
		padding-bottom: 1.1rem;
		font-size: 3.2rem;
		letter-spacing: 0.08em;

	}

}


/* AndroidのＬの横 */
@media only screen and (max-width: 854px) {



}


/* iPad Pro11 */
@media only screen and (max-width: 834px) {



}


/* iPad Air */
@media only screen and (max-width: 820px) {



}


/* iPad */
@media only screen and (max-width: 768px) {



}


/* iPhonePlusの横 */
@media only screen and (max-width: 736px) {



}


/* iPhone8の横 */
@media only screen and (max-width: 667px) {

	#form {

		padding: 14rem 0;
		
	}

	#form .inner {

		width: 85%;

	}

	#form .inner2 {

		width: 85%;

	}
	
	#form .radio span {

		width: 35%;

	}


}


/* iPhone5の横 */
@media only screen and (max-width: 568px) {
	
	#form {

		padding: 14rem 0;
		
	}

	#form .inner {

		width: 90%;

	}

	#form .inner2 {

		width: 90%;

	}
	
	#form .radio span {

		width: 35%;

	}

}


/* AndLoidL */
@media only screen and (max-width: 480px) {

	#form .radio span {

		width: 45%;

	}

	#form .inner table tr th {
		
		display: block;
		width: 100%;
		margin-bottom: 1rem;
		padding: 0;

	}
	
	#form .inner table tr td {
		
		display: block;
		width: 100%;
		margin-bottom: 5rem;
		padding: 0;
	
	}
	
	#form .inner table tr th span {
	
		font-size: 3.4rem;
	
	}
	
	#form .inner table tr th span.hisu {
	
		font-size: 3.2rem;
	
	}
	
	#form .inner table tr th span.point {
	
		display: block;
	
	}
	
	#form .inner table tr th span.txt {
	
		text-align: left;
	
	}
	
	textarea {

		height: 12em;

	}
	
	.submit_btn {
		
		width: 11em;
		margin-top: 4rem;
		padding-left: 0.8rem;
		padding-top:    0.8rem;
		padding-bottom: 1.1rem;
		font-size: 3.6rem;
		letter-spacing: 0.08em;

	}
	
	.kakunin {
		
		margin: 3rem 0;
		font-size: 2.9rem;
		letter-spacing: 0.05em;

	}

	.result {

		margin: 8rem 0;
		font-size: 2.9rem;
		letter-spacing: 0.05em;

	}
	
	input[type="text"], input[type="email"], input[type="tel"], textarea {
		
		font-size: 3.2rem;
		
	}

}


/* Iphone12 Pro Max */
@media only screen and (max-width: 428px) {



}


/* iPhonePlus */
@media only screen and (max-width: 414px) {



}


/* iPhone12 Pro */
@media only screen and (max-width: 390px) {



}


/* iPhone8 */
@media only screen and (max-width: 375px) {



}


/* Galaxy */
@media only screen and (max-width: 360px) {



}


/* iPhone5 */
@media only screen and (max-width: 320px) {



}