#mainContent #topImgArea .contentInner {
	max-width: 1024px;
	margin: 0 auto;
	margin-top: 120px;
	height: 120px;
	background: url("../img/bk_moshi.jpg") center 0;
	background-attachment: fixed;
	-webkit-background-size: 1024px;
	-o-background-size: 1024px;
	background-size: 1024px;
}

@media screen and (max-width: 767px) and (hover: none) {
	#mainContent #topImgArea .contentInner {
		width: 100%;
		padding: 0;
		margin-top: 50px;
		-webkit-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
}

/*#mainContent #banner{width:725px;}
@media screen and (max-width: 767px) and (hover: none){#mainContent #banner{width:100%;}}*/

#mainContent #essential table {
	border-top: 1px solid #bae4d2;
	margin-bottom: 25px;
	width: 100%
}

@media screen and (max-width: 767px) and (hover: none) {
	#mainContent #essential table {
		border: 1px solid #bae4d2
	}
}

#mainContent #essential tr th,
#mainContent #essential tr td {
	border-bottom: 1px solid #bae4d2;
	padding: 10px;
	text-align: left;
	font-size: 14px;
	font-size: "1.4rem";
	vertical-align: top;
	line-height: 1.4
}

@media screen and (max-width: 767px) and (hover: none) {

	#mainContent #essential tr th,
	#mainContent #essential tr td {
		padding: 10px 5px;
		display: block;
		border: none
	}
}

#mainContent #essential tr th {
	background: #e3f4ed;
	white-space: nowrap;
	min-width: 150px;
	width: 150px
}

@media screen and (max-width: 767px) and (hover: none) {
	#mainContent #essential tr th {
		min-width: auto;
		width: auto
	}
}

#mainContent #essential tr td {
	background: #fff
}

#mainContent #essential tr td ul li {
	margin-bottom: 15px
}

#mainContent #essential tr td ul li:last-child {
	margin-bottom: 0
}

#mainContent #essential tr td input[type="text"],
#mainContent #essential tr td input[type="tel"],
#mainContent #essential tr td input[type="email"],
#mainContent #essential tr td textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #ccc;
	padding: 5px 10px
}

#mainContent #essential tr td textarea {
	min-height: 10em
}

#mainContent #schedule table {
	width: 100%;
	font-size: 14px;
	font-size: "1.4rem";
}

@media screen and (max-width: 767px) and (hover: none) {
	#mainContent #schedule table {
		margin-left: 3px;
	}
}

#mainContent #schedule th,
td {
	padding: 8px 5px;
	border: 1px solid #bae4d2;
}

#mainContent #schedule th {
	background: #e3f4ed;
}

.style01 th {
	/*width:13%;*/
}

.style01 td {
	text-align: right;
	padding-right: 1em;
}

.style01 td:first-child {
	text-align: left;
}

@media screen and (max-width:767px) {
	.style01 {
		display: block;
		width: 100%;
		margin: 0 -10px;
	}

	.style01 thead {
		display: block;
		float: left;
		overflow-x: scroll;
	}

	.style01 tbody {
		display: block;
		width: auto;
		overflow-x: auto;
		white-space: nowrap;
	}

	.style01 th {
		display: block;
		width: auto;
	}

	.style01 tbody tr {
		display: inline-block;
		margin: 0 -3px;
	}

	.style01 td {
		display: block;
	}
}

#mainContent #range tr th {
	padding: 3px 5px;
	background: #e3f4ed;
	border: 1px solid #bae4d2;
}

.g4 {
	background-color: #fdedf4;
}

.g5 {
	background-color: #edf2d2;
}

.g6 {
	background-color: #fffbd3;
}

.reqdf::before {
	content: "●";
	color: #15974e;
}

.reqd::before {
	content: "●";
	margin-left: 1em;
	color: #15974e;
}

.slctf::before {
	content: "■";
	color: #eb812d;
}

.slct::before {
	content: "■";
	margin-left: 1em;
	color: #eb812d;
}

.part::before {
	content: "▲";
	margin-left: 1em;
	color: #c00;
}

.partf::before {
	content: "▲";
	color: #c00;
}

.sankaku {
	color: #c00;
}

.shikaku {
	color: #eb812d;
}

.dtw {
	width: 2.5em;
	display: inline-block;
	text-align: right;
}