@charset "utf-8";

body {
	font-family: 'ãƒ¡ã‚¤ãƒªã‚ª', 'Meiryo', 'ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Osaka, 'ï¼­ï¼³ ï¼°ã‚´ã‚·ãƒƒã‚¯', 'MS PGothic', sans-serif;
 	font-size: 16px;
	line-height: 1.7;
	margin-top: 50px;
	padding: 0;
	color: #333;
}

.searchContainer{
	height:120px;
	background-color: #fef5ee;
	border-radius: 20px;
	font-size: 14px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 40%;
	text-align: center;
}

.textContainer{
	border-radius: 20px;
	font-size: 14px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
	text-align: center;
}

table {
  table-layout: fixed;
}


.table thead th {
    text-align: center;
	color:white;
    font-weight: bold;
	background-color:#6ebe9f;
}

a{
	color:#6ebe9f;
}

.headContainer{
	margin:0 auto;
	width: 50%;
	height: 40px;
	display: none;
}

.tableContainer{
	overflow-x:hidden;
	overflow-y:overlay;
	margin:0 auto;
	width: 50%;
	height: 50%;
}

.table-bordered{
	border:0px solid #ddd;
}

.textInput{
	margin-top: 50px;
	margin-right: 25px;
	margin-left: -37px;
}

.inquiryStyle{
	word-wrap: break-word;
}



@media screen and (max-width: 1024px) {
	.searchContainer{
		width: 70%;
	}
	.textContainer{
		width: 70%;
	}
	.headContainer{
		width: 70%;
	}
	.tableContainer{
		width: 70%;
	}
}

@media screen and (max-width: 480px) {
	.searchContainer{
		width: 90%;
	}
	.textContainer{
		width: 90%;
	}
	.headContainer{
		width: 90%;
	}
	.tableContainer{
		width: 90%;
	}
}


.footer-inner {
	margin-top: 50px;
}

@media screen and (max-width: 620px) {
	.footer-inner {
		font-size: 12px;
	}
}

@media screen and (max-width: 320px) {
	.textInput {
		width: 10em;
	}
}

.submitButton {
	border-radius: 5px;
	border-style: none;
	font-size: 16pt;
	cursor: pointer;
}

.submitButton:enabled {
	background-color: #6ebe9f;
	color: #ffffff;
}

.submitButton:disabled {
	background-color: #9eeebf;
	color: #afafaf;
}
