@charset "UTF-8";

html {
	min-width:320px;
	font-family: 'Noto Sans JP', sans-serif;
	line-height:1.8;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	min-height:100%;
	position: relative;
	font-size:16px;
	letter-spacing:1.4;
	color:#212121;
}

body {
	min-height:100vh;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
}

.sp {
	display:none !important;
}

.mb30 {
	margin-bottom:30px !important;
}

img {
	max-width:100%;
	display:block;
}

.main img {
	margin:0 auto;
}

.lead {
	margin:30px 20px 20px;
	font-size:18px;
	text-align:center;
	font-weight:bold;
}

.body {
	max-width:760px;
	margin:0 auto;
	padding:0 20px;
}

.comp .body {
	text-align:center;
	font-size:16px;
}

.error .body {
	text-align:center;
	font-size:16px;
}

.end .body {
	text-align:center;
	font-size:16px;
}

.enq {
	margin:30px 0 20px;
	text-align:center;
}

.enquete-td-input {
	text-align:left;
	word-break:break-all;
}

.conf .enq {
	margin-top:0;
}

.enq form {
	width:100%;
	margin:0 auto;
	display:inline-block;
}

.enquete-table {
	width:100%;
	max-width:800px;
	margin:10px auto 0;
	font-size:16px;
}

.enquete-table td {
	padding:15px 25px;
}

.enquete-table .enquete-td-label {
	max-width:140px;
	background-color:#CCCCCC;
}

.enquete-td-input {
	background-color:#EEEEEE;
}

.enquete-error {
	color:#FF0000;
	font-weight:bold;
}

.enquete-error-input-msg {
	margin-top:5px;
	color:#FF0000;
	font-style:italic;
}

input[type="button"] {
	margin:20px 0px;
	padding:5px 10px;
	cursor:pointer;
}

input[type="text"], textarea {
	max-width:100%;
	box-sizing:border-box; 
}

.conf input[type="button"] {
	margin-right:20px;
	padding:10px 60px;
	cursor:pointer;
	font-size:20px;
}

button {
	margin:30px 0px;
	padding:10px 60px;
	cursor:pointer;
	font-size:20px;
	font-weight:bold;
}

select {
	max-width:100%;
}

.error-txt {
	font-size:22px;
	color:#FF0000;
	font-weight:bold;
}


/* Only SP */
@media only screen and (max-width: 610px) {
	
.sp {
	display:block !important;
}
	
.lead {
	margin:20px 10px;
	font-size:15px;
}

.enq form {
	width:100%;
	padding:0 20px;
	display:block;
	box-sizing:border-box;
}

.enquete-table, .enquete-table tbody, .enquete-table tr {
	width:100%;
	display:block;
}

.enquete-table .enquete-td-label {
	max-width:none;
}

.enquete-table td {
	width:100%;
	max-width:none;
	display:block;
	text-align:left;
	box-sizing:border-box;
}

.conf input[type="button"] {
	padding:10px 30px;
	cursor:pointer;
	font-size:20px;
}

button {
	padding:10px 35px;
}

}