@charset "utf-8";

body{
	min-height: 100dvh;
	display: flex;
	flex-direction: column;
}
#content h1{
	width:min(100%,900px);
	/*min-height: calc(90dvh - 200px);*/
	padding:0 20px;
}
#contact{
	flex:1;
	padding:80px 0 100px 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#content main#contact section{
	width:min(100%,900px);
	/*min-height: calc(90dvh - 200px);*/
	margin:0 auto;
	padding:0 20px;
}

#contact a.bana{
	width:100%;
	min-height: 60px;
	background-color:#02245D;
	line-height: 1.4;
	font-size:25px;
	color:#fff;
	margin-bottom:20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding:10px 15px;
	border-radius: 5px;
	cursor: pointer;
	gap:15px;
}

#contact a.bana::after{
	font: var(--fa-font-solid);
	content:"\f0da\f0da\f0da";
}

#contact a#form_bana.bana::after{
	content:"\f0d7";
}

#contact a#form_bana.bana.act::after{
	content:"\f0d8";
}

/*------------------------------

	レスポンシブ

------------------------------*/

@media screen and (max-width: 980px){
	#contact a.bana{
		font-size: clamp(18px, 13.326px + 1.087vw, 24px);
	}
}
/*--------------------------------------



	鯨肉の卸売販売（その他）・公益助成事業




--------------------------------------*/

#else{
	padding:50px 20px;
	display: none;
}

#else dt{
	font-size:20px;
	color:#011D4B;
	border-bottom:1px solid #C7C7C7;
	margin-bottom:50px;
	font-weight: bold;
}

#else dd{
	margin-bottom:50px;
}

#tel{
	font-size:18px;
}

#tel a{
	font-size:30px!important;
	color:#02245D!important;
}

#tel .close{
	font-size:14px;
}

/*---------------------------

	メールフォーム

---------------------------*/

#form table{
	width:100%;
	border-spacing:0 3px;
	border-collapse:separate;
}

#form th,
#form td{
	padding:10px 15px;
	text-align: left;
	line-height: 1.8;
	font-size:16px;
}

#form th{
	width:250px;
	background-color:#02245D;
	color:#fff;
	font-weight: bold;
	border-radius: 5px 0 0 5px;
}
#form th.hisu p{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#form th.hisu p::after{
	content:"必須";
	font-size:14px;
	font-weight: bold;
	display: inline-block;
	background-color: rgba(228,48,62,1.00);
	border:1px solid #fff;
	border-radius: 100px;
	padding:3px 8px;
	line-height: 1;
	
}

#form td{
	background-color: rgba(247,246,246,1.00);
	border-radius: 0 5px 5px 0;
	padding:10px 15px;
}

#form input:not([type="checkbox"]){
	width:min(100%,200px);
	padding:5px 8px;
	font-size:16px;
}

#form textarea{
	width:100%;
	height: 200px;
	padding:5px 8px;
	font-size:16px;
}

#pr{
	margin:15px 0;
	text-align: center!important;
}

#pr a{
	text-decoration: underline;
	text-decoration-style: dotted;
	text-decoration-thickness: 1px;
	text-decoration-color: #969393;
}

#pr a:hover{
	color: rgba(24,36,131,1.00);
}

#form_bottan{
	width:100%;
	margin-top:20px;
	background-color:#02245D;
	border-radius: 5px;
	padding:3px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap:10px;
}

#inputerr{
	width:100%;
	margin-bottom:15px;
}
#form_bottan button{
	width:200px;
	height: 50px;
	background: #A81520;
background: -webkit-linear-gradient(bottom, rgba(168, 21, 32, 1) 0%, rgba(228,48,62,1.00) 100%);
background: -o-linear-gradient(bottom, rgba(168, 21, 32, 1) 0%, rgba(228,48,62,1.00) 100%);
background: linear-gradient(to top, rgba(168, 21, 32, 1) 0%, rgba(228,48,62,1.00) 100%);
	border:2px solid #fff;
	color:#fff;
	font-size:20px;
	font-weight: bold;
	border-radius: 10px;
	cursor: pointer;
	letter-spacing: 0.5em;
}

#form_bottan button#back{
	background: #02245D;
	background: -webkit-linear-gradient(bottom, #02245D 0%, #04388F 100%);
	background: -o-linear-gradient(bottom, #02245D 0%, #04388F 100%);
	background: linear-gradient(to top, #02245D 0%, #04388F 100%);
	letter-spacing: 0;
	font-size:18px;
}


/*------------------------------

	レスポンシブ

------------------------------*/

@media screen and (max-width: 430px){
	#else{
		padding:50px 10px;
	}
	#form table{
	border-spacing:0 5px;
	}
	#form th,
	#form td{
		display: block;
	}
	
	#form th{
		width:100%;
		border-radius: 3px 3px 0 0;
	}
	
	#form td{
		width:100%;
		border-radius: 0 0 3px 3px;
	}
}


/*------------------------------

	フォームチェック

------------------------------*/

#form span.chu{
	color: rgba(228,48,62,1.00);
	font-size:13px;
	font-weight: bold;
	margin-left:5px;
}

#inputerr{
	color:#fff;
	font-size:18px;
}


/*---------------------------

	確認画面

---------------------------*/

#kakunin{
	margin-bottom:30px;
}

/*---------------------------

	完了画面

---------------------------*/
#end{
	text-align: center;
	padding:50px 0;
}

#end img{
	width:100px;
	height: auto;
}

#end p{
	margin-top:20px;
}

#end p strong{
	font-size:20px;
}