@charset "UTF-8";

dl.inputDL {
	width: 100%;
	margin: auto;
	overflow: hidden;
	font-size:0.95rem;
	text-align:justify;
	line-height:1.6rem;
	z-index:20 !important;
}

dl.inputDL dt {
	width: 100%;
	margin: auto auto 0.5rem auto;
	color:#000;
	font-size:1rem;
	letter-spacing:0;
	text-align:justify;
	overflow: hidden;
	vertical-align:middle;
}

dl.inputDL dd {
	width: 100%;
	margin: auto auto 1rem auto;
	font-size:1rem;
	vertical-align:middle;
}
dl.inputDL dd:last-of-type {
	margin-bottom:auto;
}
dl.inputDL small {
	font-size:0.8em;
	letter-spacing:0;
}
dl.inputDL .txt {
	margin:0.5rem auto;
	font-size:0.85rem;
	line-height:1.2rem;
	letter-spacing:0;
}

.inputDTDD {
	padding:1rem 0;
	border-top:solid 1px #ddd;
}
.inputDTDD:first-of-type {
	border-top:none;
}
.inputDTDD::after {
  content: "";
  display: block;
  clear: both;
}

input[type="text"], input[type="password"], input[type="submit"] {
	border-radius:0;
}
input[type="file"] {
	font-size:0.8rem;
}
input[type="submit"], input[type="button"] {
	border:none;
	background: linear-gradient(-45deg, #bdffff, #e1daff, #fff, #fff);
	background-size: 400% 400%;
	-moz-animation: btnA-grada 10s linear infinite;
	-webkit-animation: btnA-grada 10s linear infinite;
	-o-animation: btnA-grada 10s linear infinite;
	-ms-animation: btnA-grada 10s linear infinite;
	animation: btnA-grada 10s linear infinite;
}
input[type="submit"]:hover, input[type="button"]:hover {
	background-color:fff;
	text-decoration: none;
	outline: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	animation-play-state: paused;
	-moz-animation-play-state: paused;
	-webkit-animation-play-state: paused;
	-o-animation-play-state: paused;
	-ms-animation-play-state: paused;
}
input[type="submit"]:hover::before, input[type="button"]:hover::before {
	animation-play-state: paused;
	-moz-animation-play-state: paused;
	-webkit-animation-play-state: paused;
	-o-animation-play-state: paused;
	-ms-animation-play-state: paused;
}

.inputLine {
	width:auto;
	display:flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
    justify-content: center;
	align-items: bottom;
	height:1.3em;
	vertical-align:middle;
	-webkit-tap-highlight-color:rgba (0,0,0,0);
	padding-left:2px;
}
.inputLine input[type="radio"] {
	width:1.3em;
	width:1.3em;
	box-sizing: border-box;
	overflow:visible;
}
.inputLine span {
	padding-left:5px;
	line-height:1.3em;
}
dl.inputDL dd label.inputLine {
	width:50%;
	max-width:7rem;
	margin-right:5%;
	float:left;
	justify-content: flex-start;
}


.inputStyleWW {
	width: 100%;
	max-width:80vw;
	height: 2.5rem;
	margin:auto auto 2% auto;
	padding: 0 3%;
	font-size: 100%;
	border:none;
	color:#686C68;
	background-color: #EAECEB;
	position:relative;
	outline: 0;
	box-sizing:border-box;
}
.inputStyleWS {
	width: 100%;
	height: 2.5rem;
	margin:auto auto 2% auto;
	padding: 0 3%;
	font-size: 100%;
	border:none;
	color:#686C68;
	background-color: #EAECEB;
	position:relative;
	outline: 0;
	box-sizing:border-box;
}
.inputStyleSS {
	width: 47%;
	height: 2.5rem;
	margin:auto auto 2% auto;
	padding: 0 3%;
	font-size: 100%;
	border:none;
	color:#686C68;
	background-color: #EAECEB;
	position:relative;
	outline: 0;
	box-sizing:border-box;
}
dd .inputStyleSS:nth-child(even) {
	float:right;
}

input::-webkit-input-placeholder {
    color: #999E9A;
}
input:-moz-placeholder {
    color: #AFB5B0;
}
input::-moz-placeholder {
    color: #AFB5B0;
}
input:-ms-input-placeholder {
    color: #AFB5B0;
}
input:focus::-webkit-input-placeholder {
  color: transparent;
}
input:focus:-moz-placeholder {
  color: transparent;
}
input:focus::-moz-placeholder {
  color: transparent;
}
input:focus:-ms-input-placeholder {
  color: transparent;
}

input[type="radio"] {
	margin-left:1%;
}

/*追加*/
textarea {
	display: block;
	width: 100%;
	height: 200px;
	margin:auto auto 2% auto;
	padding: 4%;
	border:none;
	background-color: #EAECEB;
	color:#686C68;
	resize: vertical;
	-webkit-appearance: none;
	box-sizing:border-box;
	
}

textarea:focus {
  outline: 0;
}
/*追加*/


.errorText {
	width:16rem;
	margin:4em auto 1rem auto;
	padding:0.5rem;
	background-color:#CF000E;
	color:#fff;
	font-size:0.9em;
	text-align:center;
	line-stacking:0.2em;
}
.errorPoint {
	width:100%;
	margin:0.8rem auto 0rem auto;
	font-size:0.95em;
	text-align:left;
	line-stacking:0.2em;
	color:#CF000E !important;
}

span.required {
	margin:auto auto auto 0.5rem;
	padding:0.1rem 0.3rem;
	background-color:#CF000E;
	color:#fff;
	font-size:0.7rem;
	vertical-align:top;
}


@media print, screen and (min-width: 481px) {

.inputStyleWS {
	width: 47%;
	float:left;
}
dd .inputStyleWS:nth-child(even) {
	float:right;
}

}

@media only screen and (min-width: 769px) {
	
dl.inputDL {
	font-size:calc(0.8rem + 0.2vw);
	line-height:calc(1.6rem + 0.2vw);
}
dl.inputDL dt {
	width: 10rem;
	margin:auto;
	float:left;
	font-size:calc(0.9rem + 0.1vw);
	line-height:calc(1.3rem + 0.1vw);
}
dl.inputDL dd {
	width: calc(100% - 10rem);
	float:right;
}
dl.inputDL small {
	font-size:0.7em;
}
.inputDTDD {
	width:100%;
	padding:1.5rem 0;
}

.inputStyleWW {
	margin:auto auto 1% auto;
}
.inputStyleWS {
	margin:auto auto 1% auto;
}
.inputStyleSS {
	margin:auto auto 1% auto;
}

.errorText {
	width:calc(20em + 0.1vw);
	font-size:calc(0.9em + 0.1vw);
}
.errorPoint {
	width:100%;
	font-size:calc(0.75em + 0.2vw);
}
span.required {
	margin:auto auto auto 0;
}

}