.maindesign{
    font-family: "Noto Sans JP", "ＭＳ Ｐゴシック", "MS PGothic", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}
.maindesign .img_container {
	width: 100%;
	margin-bottom: 10px;
}
.maindesign .img_container img {
	width: 100%;
	height: auto;
}
.maindesign .c_red {
	color: #F00;
}
.maindesign .gotop {
	color: #005FC3;
	text-align: right;
}
.maindesign .lead-text {
	margin: 15px 0;
}
.maindesign h3 {
	text-align: left;
	font-size: 1.17em;
    font-weight: bold;
    margin: 0 0 1em;
    padding: 5px 14px;
    background: url(/include_html/koukoku/common/images/h3_bg.jpg) bottom left repeat-x;
}
.maindesign .f_bold {
	font-weight: bold;
}
.maindesign .kome_text {
	font-size: 0.9em;
    line-height: 1.4;
}
.maindesign .specification_container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
.maindesign .specification_content {
	width: 24%;
	margin-bottom: 30px;
}
.maindesign .specification_content p {
	text-align: center;
}
.maindesign .img_outer {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 15px 0;
}
.maindesign .img_outer .img_container {
	width: 50%;
	display: inline-block;
	margin-bottom: 0;
}
.maindesign .img_outer .img_container img {
	height: 100%;
}
.maindesign .table_container {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.maindesign .table_container table {
	width: 49%;
	border-collapse: collapse;
}
.maindesign .table_outer {
	width: 100%;
	margin: 30px 0;
}
.maindesign .table_outer th {
	padding: 10px;
	background-color: #EDCE77;
}
.maindesign .table_outer td {
	padding: 5px;
}
.maindesign .table_outer th,
.maindesign .table_outer td {
	vertical-align: middle;
	text-align: center;
}
.maindesign .table_outer tr:nth-child(even) td {
	background-color: #E8DDC4;
}
.maindesign .table_outer tr:nth-child(odd) td {
	background-color: #F9F8ED;
}
.maindesign .flex_container_01 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	margin: 15px 0 30px;
}
.maindesign .flex_container_01 .img_container,
.maindesign .flex_container_01 p {
	width: 49%;
}
.maindesign .installation_container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 30px 0;
}
.maindesign .installation_container .text_container {
	width: 55%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.maindesign .installation_container .img_container {
	width: 40%;
}
.maindesign .installation_container .text_container p {
	margin: 0;
}
.maindesign .installation_container .img_container {
	margin-bottom: 0;
}
.maindesign .surveying_container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.maindesign .surveying_container .img_container	{
	width: 45%;
}
.maindesign .surveying_container .text_container {
	width: 50%;
}
.maindesign .table_container_02 {
	width: 100%;
}
.maindesign .table_container_02 table {
	width: 100%;
	table-layout: fixed;
	box-sizing: border-box;
	margin: 30px 0;
	border-collapse: collapse;
}
.maindesign .table_container_02 th {
	width: 100%;
	background-color: #EDCE77;
}
.maindesign .table_container_02 td {
	background-color: #F9F8ED;
	border: 1px solid #ccc;
	border-width: 0 0 1px 1px;
}
.maindesign .table_container_02 tr td:last-child {
	border-width: 0 1px 1px 1px;
}
.maindesign .table_container_02 th,
.maindesign .table_container_02 td {
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}



@media screen and (max-width:767px) {
	.maindesign .specification_content {
		width: 49%;
	}
	.maindesign .img_outer .img_container {
		width: 100%;
	}
	.maindesign .table_outer table {
		width: 100%;
	}
	.maindesign .flex_container_01 .img_container,
	.maindesign .flex_container_01 p {
		width: 100%;
	}
	.maindesign .installation_container .text_container,
	.maindesign .installation_container .img_container {
		width: 100%;
	}
	.maindesign .installation_container .text_container p {
		margin-bottom: 10px;
	}
	.maindesign .surveying_container .img_container,
	.maindesign .surveying_container .text_container {
		width: 100%;
	}
	.maindesign .table_container_02 table {
		table-layout: auto;
	}
	.maindesign .table_container_02 td {
		display: block;
		border-width: 0 1px 1px 1px;
	}
	.maindesign .lead-text {
		line-height: 1.2;
	}
	
}




.maindesign .table-slider{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-bottom: 10px;
}
.maindesign .table-slider--left {
	width: 155px;
}
.maindesign .table-slider--right {
	width: calc(100% - 155px);
}
.maindesign .table-slider .five_more table{
	width:1000px;
	table-layout: fixed;
}

.maindsign .table-slider .five_following table {
	width: 100%;
	table-layout: fixed;
} 
.maindesign .table-slider--right tr:last-child {
	white-space: nowrap;
}
.maindesign .table-slider{
	overflow: hidden;
}
.maindesign .table-slider table{
	border-collapse: collapse;
}
.maindesign .table-slider table th,
.maindesign .table-slider table td{
	border: 1px solid #ccc;
	padding: 5px;
}
.maindesign .table-slider .table-slider--right th, 
.maindesign .table-slider .table-slider--right td {
	border-left: none;
}

.maindesign .table-slider .table-slider--right{
	overflow: auto;
}
.maindesign .table-slider table th{
	height: 20px;
	background-color: #fffcaa;
}
.maindesign .table-slider table td{
	height: 20px;
	text-align: center;
}
.maindesign .table-slider table .pullcode{
	background-color: #bef5ff;
}

.maindesign .table-slider .hig2{
	height: 51px;
	background-color: #fff;
}
.maindesign .table-slider .table-buy{
	height: 40px;
}
@media screen and (max-width:767px) {
.maindesign .table-slider--left {
	width: 135px;
}
.maindesign .table-slider--right {
	width: calc(100% - 135px);
}
.maindesign .table-slider table {
    font-size: 0.8em;
}
}
.maindesign .standard-size .table-slider{
	margin-bottom: 30px;
}
.maindesign .standard-size .table-slider:last-child {
    margin-bottom: 0;
}
.maindesign .table-slider--left tr:nth-child(2) th:first-child {
	line-height: 1.2;
}
@media screen and (max-width: 767px){
	.maindesign .tottino-table .table-slider--right table{
	width: 800px;
}

}