@charset "Shift_JIS";


/********************  .info  ********************/

h2 {
	margin-top: 80%;
}

.info {
	text-align: center;
}


.info p {
	margin: 150px 0;
}



/********************  .Form  ********************/

.Form {
	margin-left: auto;
	margin-right: auto;
	max-width: 780px;
}

.Form-Item {
	display: flex;
	width: 90%;
	margin: 0 auto;
	padding: 16px 14px;
	flex-wrap: wrap;
}


.Form-Item-Label {
	display: flex;
	align-items: center;
	width: 100%;
	max-width: inherit;
	letter-spacing: 0.05em;
	font-size: 15px;
	font-weight: bold;
}

.Form-Item-Label.isMsg {
	margin-top: 0;
	margin-bottom: 15px;
}

.Form-Item-Label-Required {
	border-radius: 6px;
	margin-left:15px;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 40px;
	display: inline-block;
	text-align: center;
	background: #999;
	color: #fff;
	font-size: 10px;
}

.Form-Item-Input {
	width: 100%;
	height: 40px;
	margin-top: 18px;
	margin-left: 0;
	padding: 0 1em;
	flex: inherit;
	background: #eaedf2;
	font-size: 15px;
	border: 1px solid #ddd;
	border-radius: 6px;
	/*  max-width: 410px;*/
}

.Form-Item-Textarea {
	width: 100%;
	max-width: 670px;
	height: 200px;
	margin-top: 18px;
	margin-left: 0;
	padding-top: 1em;
	padding-left: 1em;
	padding-right: 1em;
	flex: inherit;
	background: #eaedf2;
	font-size: 15px;
	border: 1px solid #ddd;
	border-radius: 6px;
}

.btn {
	display: flex;
	justify-content: center;
	margin-bottom: 100px;
}

.Form-Btn {
	display: block;
	width: 100px;
	margin: 32px;
/*	margin-left: auto;
	margin-right: auto;*/
	padding: 10px 0;
	letter-spacing: 0.05em;
	color: #fff;
	background: #999;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #999;
	border-radius: 6px;
	cursor: pointer;
	-webkit-appearance: none
}

.Form-Btn:active {
	color: #666;
	background: #fff;
	border: 1px solid #666;
}

.reset-Btn {
  border-radius: 6px;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 140px;
  display: block;
  letter-spacing: 0.05em;
  background: #999;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  -webkit-appearance: none
}

.Form-Btn:hover {
	background: #333;
	color: #fff;
}

.inquiry {
	display: block;
}

/*****  お問い合わせの種類 　矢印  *****/
.select-wrap {
    position: relative;
	width: 100%;
}

.select-wrap:after {
  content: "";
    position: absolute;
    right: 3%;
    top: 60%;
    width: 10px;
    height: 10px;
    border-top: 2px solid #999;
    border-left: 2px solid #999;
    transform: translateY(-50%) rotate(
-135deg
);
  font-size: 20px;
  pointer-events: none;
}



/******************** 600px〜  ********************/

@media screen and (min-width:600px) {
  
  /***************  .info  ***************/

	h2 {
		margin-top: 50%;
	}
}



/******************** 1025px〜  ********************/

@media screen and (min-width: 1025px) {
	
	/*************** 共通  ***************/
	h2 {
		margin-top: 35%;
	}
	
	
	/*************** info  ***************/
	.info p {
		font-size: 1rem;
	}
}