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

/*
==========================================================
トップページ
==========================================================
*/

#container #contact {
	text-align: center;
	margin-bottom: clamp(2rem, 0.061rem + 8.25vw, 6.25rem);
  }
  #container #contact p {
	text-align: center;
  }
  #container #contact .unfinished {
	margin-bottom: 1.5rem;
  }
  #container #contact #formWrap table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 2rem;
	background-color: #fff;
  }
  #container #contact #formWrap table tr th, #container #contact #formWrap table tr td {
	padding: 0.5rem;
	border: 1px solid #666;
  }
  #container #contact #formWrap table tr th {
	width: 30%;
  }
  #container #contact #formWrap table tr td {
	width: 70%;
  }
  #container #contact #submit {
	display: flex;
	align-items: center;
	justify-content: center;
	grid-gap: 1rem;
	flex-wrap: wrap;
  }
  #container #contact #submit .submit_btn {
	transition: background-color 0.5s;
	background-color: #0E589B;
	color: #fff;
	font-size: clamp(1.25rem, 1.028rem + 0.46vw, 1.375rem);
	padding: 1rem 3rem;
  }
  #container #contact #submit .submit_btn:hover {
	background-color: #c1272d;
  }
  #container #contact #submit .edit-btn {
	border: 1px solid #666;
	padding: 0.25rem 1rem;
	background-color: #ddd;
  }

@media print, screen and (min-width: 769px) {
	
	#topImage {
	background-image: url(images/topImage.jpg);
}



#thanks {
margin-bottom: 50px;
}
#thanks h3 {
margin-bottom: 50px;
}

}


@media screen and (max-width: 768px) {
	
#topImage {
	background-image: url(images/topImage.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
#container #contact #formWrap table tr th,#container #contact #formWrap table tr td {
    width: calc(100% - 1.2rem);
    display: block;
    margin: 0;
	text-align: center;
  }

}