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

form{
	max-width: 980px;
	margin: 0 auto;
	padding: 80px 10px;
}

.form li{
	display: flex;
}

.form li label{
	font-size:2rem;
	font-weight: 700;
	display: inline-block;
	max-width: 270px;
	width: 100%;
}

.form li label span{
	color: #DF5695;
	font-weight: 400;
	font-size: 1.6rem;
	margin-left: 50px;
}

.form input,
.form select,
.form textarea{
	display: inline-block;
	height: 60px;
	max-width: 530px;
	width: 100%;
	border: 1px solid #707070;
	margin-bottom: 20px;
	padding: 0 20px;
}

.form input.contact-mail,
.form select,
.form textarea.contact-textarea{
	max-width: 700px;
}

.form textarea.contact-textarea{
	height: 345px;
}

form .btn.contact-btn{
	width: 300px;
	height: 80px;
	margin: 60px auto 0;
	background-color: #00894F;
}
select {
  -webkit-appearance: none;
  appearance: none; /* デフォルトの矢印を非表示 */
}

.selectwrap {
  position: relative;
  width: 100%;
}
.selectwrap::after {
  position: absolute;
  top: 30%; /* 矢印の位置 */
  right: 15px; /* 矢印の位置 */
  width: 10px; /* 矢印の大きさ */
  height: 10px; /* 矢印の大きさ */
  border-top: 3px solid #58504A; /* 矢印の線 */
  border-right: 3px solid #58504A; /* 矢印の線 */
  -webkit-transform: rotate(135deg); /* 矢印の傾き */
  transform: rotate(135deg); /* 矢印の傾き */
  pointer-events: none; /* 矢印部分もクリック可能にする */
  content: ""; 
  }
.select {
  appearance: none; /* デフォルトの矢印を消す */
  width: 300px; /* セレクトボックスの幅 */
  height: 45px; /* セレクトボックスの高さ */
  background-color: #D3EED4;  /* セレクトボックスの背景色 */
  border: none; /* セレクトボックスのデフォルトの枠線を消す */
  border-radius: 2px;  /* セレクトボックスの四隅の丸み */
  color: #58504A;  /* セレクトボックスの文字色 */
  font-family: 'Kiwi Maru', serif;
  padding: 10px; /* セレクトボックスの内側の余白 */
  cursor: pointer;
}
select:focus {
  outline: none; /* focus 時のデフォルトの枠線を消す */
}
::-ms-expand {
  display: none;  /* IE 対応( select のデフォルト矢印を消す) */
}


/*------------------------------------------------
*
*　sp
--------------------------------------------------*/
@media screen and (max-width:768px){
	
	.form li{
		display: block;
	}
	
	.form li label{
		margin-bottom: 10px;
	}
	
	
	
}