@charset "UTF-8";

.wrap {margin: 0 9.230769231%;}

#header nav h1 {text-align: center;}
#header h1 img {width: 100%;max-width: 400px;}

#contents {width: 100%;max-width: 780px;margin: 0 auto;padding: 100px 0 0 0;}

#contents h2 {padding: 0 0 30px 0;}

.readArea {min-height: 170px;}
.form {margin-top: 2px;border-top: 1px solid #C4C4C4;}

.form i {font-style: normal;}
.form dt {display: flex;justify-content: space-between;width: 100%;padding: 24px 0 0 0;}
.form dt i {color: #CA0404;}
.form dd {padding: 10px 0 24px 0;}
.form dd i {display: block;padding-top: 8px;}

.form legend {padding: 0 0 14px 0;}

.form dd select,
.form dd textarea,
.form dd input {
	padding: 7px 14px;
	border-radius: 25px;
	border: 1px solid #C4C4C4;
	background-color: #fff;
}

.form dd textarea {border-radius: 6px;height: 260px;}
.form dd textarea,
.form dd input,
.form dd textarea {width: calc(100% - 28px);}
.form dd .input-text-number3 {width: 20%;}
.form dd .input-text-number4 {width: 30%;}
.form dd .input-text-phone {width: 20%;}

.form dd select {margin-bottom: 10px;}
select::-ms-expand {display: none;}
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: none;
	width: 150px;
	color: #000;
}

.selectWrap {display: inline-block;position: relative;z-index: 1;}

.selectWrap::after {
  position: absolute;
  content: '';
  right: 12px;
  top: 15px;
	 box-sizing: border-box;
	 width: 5px;
	 height: 5px;
	 border: 5px solid transparent;
	 border-top: 5px solid #000;
	 transform: scale(0.6,1);
  z-index: 2;
	font-size: 0.5rem;
}


.read {padding-top: 90px;}

.error {padding-bottom: 22px;}
.error * {color: #CA0404;}

#contents .error h3 {padding: 20px 0 5px 0;}

@media screen and (min-width: 960px) {
	#header h1 {width: 40.4379562%;}
	#header h1 img {width: 100%;max-width: 554px;}

	#contents {width: 780px;padding: 37px 0 0 0;}

	.form:nth-of-type(1) {border: none;}

	.form dt {width: 208px;height: 46px;padding: 28px 0 0 0;}
	.form dd {display: flex;justify-content: space-between;margin: -54px 0 0 224px;padding: 0 0 28px 0;}
	.form dd span.input-text {padding: 0.4em 0 0 0;}
	.form dd legend {padding-top: 0.3em;}
	.form dd i {display: inline-block;}

	.form dd fieldset i {display: block;}

	.form dd select {margin: 0 0 10px 0;}
	.form dd textarea {height: 200px;}

	.form legend,
	.form dd textarea,
	.form dd input,
	.form dd .input-text {width: 365px;}
	.form dd .input-text {display: inline-block;}
	.form dd .input-text-phone {width: 92px;}

	.error {padding-bottom: 15px;}
}