@charset "utf-8";

.ss_contents {
/*    font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","Segoe UI","Hiragino Kaku Gothic ProN","Hiragino Sans",Arial,Meiryo,sans-serif; */
    line-height: initial;
}

.ss_field:first-child {
    margin: 20px 0 0 0;
}

.ss_field + .ss_field {
    background-color: #fff;
}

.ss_enquete_field {
    background-color: #fff;
}

.ss_field:nth-child(odd) {
    background-color: #f6fcff;
}

.ss_enquete_field:nth-child(even) {
    background-color: #f6fcff;
}

.ss_field:hover, .ss_enquete_field:hover {
    background-color: #f5f5f5;
}

.smpForm {
    max-width: 820px;
    color: #333;
    line-height: 1.5;
    font-size: 14px;
}

input, select, textarea {
	border-radius: 3px;
	height: 2em;
	border: solid 1px #d4d4d4;
}

.ss_input {
	margin: 0.5rem 1rem 1rem 1rem;
}
input, select {
	height: 2em;
	vertical-align: middle;
}

textarea {
	height: 5em;
	width: 100%;
}

.ss_required_field input {
	border: 1px solid #CCCCCC;
}

.ss_form_title, .ss_enquete_title {
	margin: 1rem 0 0 1rem;
}

.ss_btnArea {
    text-align: center;
    margin: 20px;
}

.ss_rightComment{
    margin-left: 1rem;


}
.ss_btnArea input {
	background-color: #44ABE6;
	border: solid 2px #44ABE6;	font-size: 16px;
	width: 200px;
    height: 50px;
}

.ss_btnArea input:hover {
	background-color: #44ABE6;
    cursor : pointer;
}

input, select{
    margin-right: 0.5rem;
}
.ss_user_notnull{
    color:#e1002d;
}

@media screen and (max-width: 767px){
	.ss_input tr {
		display: grid;
	}
	.ss_btnArea input {
		width: 80%;
	}
}