/* ------------------------------------------------------------------------
    UI
------------------------------------------------------------------------  */
/* Area */
#FORM_AREA {
	overflow-wrap: break-word;
	word-wrap: break-word;
}
@media screen and (max-width:768px){
	#FORM_AREA {
	}
}

/* Container */
.Form {
	border-top: 1px solid #dcdcdc;
}
.Form > .Item{
	display:flex;
	flex-wrap: wrap;
	border-bottom: 1px solid #dcdcdc;
}
.Form > .Item > *{
	width: 100%;
	box-sizing: border-box;
}
.Form > .Item > .List{
	padding:.5em .5em;
}
.Form > .Item > .Input{
	padding:1.25em 1em;
}

	.Form-List {
	}
	.Form-Box {
	}
@media screen and (min-width:769px){
	.Form > .Item > .List{
		display: flex;
		justify-content: space-between;
		max-width: 35%;
		padding:1.8em 1em 1.25em;
	}
	.Form > .Item > .Input{
		max-width: 65%;
	}
}

.err {
	background-color:#990000;
	padding:5px 0;	text-align:center;
	color:#FFFFFF;
	margin:5px 0;
}
/* req */
.req {
	display: inline-block;
	background: #c00;
	height: 1.5em;
	line-height: 1.5em;
	padding-left: .5em;
	padding-right: .5em;
	border-radius: 5px;
	font-size:1.2rem;
	color:#fff;
	margin-top: .3em;
	margin-left: .5em;
	margin-right: .5em;
}
@media screen and (min-width:769px){
	.req {
		margin-top: .5em;
	}
}


/* ------------------------------------------------------------------------
    parts
------------------------------------------------------------------------  */
/* placeholder */
.placeholder {
	color:#aaa;
}
    ::-webkit-input-placeholder {
        color:#aaa;
        opacity: 1;
    }
    :-moz-placeholder {
        color:#aaa;
    }
    ::-moz-placeholder {
        color:#aaa;
        opacity: 1;
    }
    :-ms-input-placeholder {
        color:#aaa;
    }
    :placeholder-shown {
        color:#aaa;
    }

/* ------------------------------------------------------------------------
    input
------------------------------------------------------------------------  */
/* reset */
.Form-Btn {
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}

input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=submit],
.file_type ,
button,
textarea,
select {
	width:100%;
	box-sizing:border-box;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: sans-serif;
}
select::-ms-expand {
	display: none;
}

/* set */
label {
	margin-top:10px;
	margin-bottom:10px;
}
label.btnarea {
	max-width:240px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	margin-bottom:0;
}

input[type="text"],input[type=tel],textarea,input[type=password] , select {
	padding:.6em 1em;
	background:#FFF;
}
input[type=text] , input[type=tel] , textarea , select , input[type=password]{
	border-radius: 3px;
	border:#999 1px solid;
}
input[type=text] {
}
textarea {
	resize: vertical;
}


/* No Resize*/
.noResize {
	resize: none;
}

input[type=text]:focus  , input[type=tel]:focus, textarea:focus , input[type=password]:focus{
	border:solid 1px #20b2aa;
}
 
input[type=text],input[type=tel], select , textarea , input[type=password]{
	outline: none;
}
/*
input[type=submit] {
	width:100%;
	max-width:240px;
	box-sizing:border-box;

	border:#898989 1px solid;
	padding:.6em 1em;
	line-height: 1.75em;
	cursor:pointer;
	color:#323232;
	border-radius: 3px;
	background:#fff;

	-webkit-transition: all .3s;
	transition: all .3s;
	
	font-size: 1.175em;
	font-weight: 500;
}
*/
/* submit */
input[type=submit] {
	width: 100%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 1em;
	
	border-radius: 25px;
	height: 50px;
	background: #00b0ff;
	color: #fff;
	-webkit-transition: all .3s;
	transition: all .3s;
	cursor: pointer;
	margin-top: .5em;
    margin-bottom: .5em;
    margin-left: 1em;
    margin-right: 1em;
}
input[type=submit].bg_cc {
	background: #ccc;
    color: #666;
}
input[type=submit].Entry {
	background: #006c61;
	color: #fff;

}
input[type=submit].Cancel {

}
@media screen and (min-width:769px){
	input[type=submit]:hover{
		opacity: .5;
		/*
		background:#999;
		color:#FFF;
		*/
	}
}


/* other */
textarea {
	min-height:10em;
}
button {cursor: pointer;}
button:disabled {
	background: #ccc;
	cursor: default;
}