@charset "utf-8";
/* CSS Document */
main{
	background: url("../img/のいず.jpg");
}
.wrap{
	width: 80%;
	margin: 0 auto;
	padding: 250px 0;
}

@media screen and (min-width:960px){
	.wrap{
		width: 100%;
		margin-left: 0;
	}
	
	.form{	
		width:64.89583333333333%;
		margin-left: 12.55208333333333%;
		margin-top: 150px;
	}
}

.wrap h2{
	font-size: clamp(24px,calc(24 / 375 * 100vw),32px);
	color: #302E26;
	text-align: center;
}

dt{
	font-size: clamp(16px,calc(20 / 1920 * 100vw), 20px);
	color: #302E26;
	font-family: "Noto Serif JP", serif;
	margin-top: 50px;
}

dt span{
	color: #FF0004;
}
dl{
	margin-top: 80px;
}

dd{
	margin-top: 20px;
}

@media screen and (min-width:960px){
	.form_pc{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.form_pc:nth-child(n+2){
		margin-top: 120px;
	}
	dt{
		margin-top: 0;
		width: 25.60192616372392%;
		text-align: right;
	}

	dl{
		margin-top: 80px;
	}

	dd{
		margin-top: 0;
		width: 63.24%;
	}
}

/*form================================*/

input{
	width: 100%;
	height: 40px;
	background: #EFEEE8;
	border: #eee;
	padding: 10px;
}

@media screen and (min-width:960px){
	input{
		height: 60px;
		padding: 20px;
	}
}

.checkbox{
	margin-top: 30px;
}

@media screen and (min-width:960px){
	.checkbox{
		margin-top: 0;
		display: flex;
		flex-wrap: wrap;
		 row-gap:20px;
		column-gap:2.083vw;
	}
}

label{
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #302E26;
	font-family: "Noto Serif JP", serif;
}


label:nth-child(n+2){
	margin-top: 30px;
}

@media screen and (min-width:960px){
	label:nth-child(n+2){
		margin-top:0;
	}
}

input[type=checkbox]{
	width: 16px;
	height: 16px;
	margin: 0;
	margin-right: 10px;
}

textarea{
	width: 100%;
	background: #EFEEE8;
	border: #eee;
	height: 250px;
	padding: 10px;
}

@media screen and (min-width:960px){
	textarea{
		padding: 20px;
		height: 300px;
	}
}

input[type=submit]{
	width: 150px;
	height: 40px;
	font-size: 16px;
	font-family: "Noto Serif JP", serif;
	color: #302E26;
	background: transparent;
	border: 1px solid #302E26;
	margin-top: 100px;
	cursor: pointer;
	padding: 0;
}
.submit{
	text-align: center;
}

@media screen and (min-width:960px){
	input[type=submit]{
		margin-top: 150px;
		width: 180px;
		height: 50px;
		transition: all 0.5s;
	}
	
	input[type=submit]:hover{
		color: #fff;
		background: #302E26;
		border: 1px solid #302E26;
	}
}

input::placeholder{
	font-size: 12px;
	font-family: "Noto Serif JP", serif;
}
textarea::placeholder{
	font-size: 12px;
	font-family: "Noto Serif JP", serif;
}

@media screen and (min-width:960px){
	input::placeholder{
		font-size: 14px;
	}
	textarea::placeholder{
		font-size: 14px;
	}
}