@charset "UTF-8";

.differences .table-wrap .table .tr {display: flex;}
.differences .table-wrap .table .tr .th,
.differences .table-wrap .table .tr .td {font-size: 15px; display: flex; justify-content: center; align-items: center;}
.differences .sec:nth-child(1) .table-wrap .table .tr > div:nth-child(1) {width:46%;}
.differences .sec:nth-child(1) .table-wrap .table .tr > div:nth-child(2) {width:18%;}
.differences .sec:nth-child(1) .table-wrap .table .tr > div:nth-child(3) {width:36%;}

.table-caption {text-align: right; font-size: 15px; color: #666; padding-bottom: 0.4em;}
.differences .sec:nth-child(2) .desc:nth-of-type(1) {max-width: 890px; margin: 0 auto;}
.differences .sec:nth-child(2) .table-wrap .table .tr > div {width: 12.5%;}
.differences .sec:nth-child(2) .table-wrap .table .tr:nth-child(1) > div:nth-child(5) {display: flex; flex-direction: column; width: 50%;}
.differences .sec:nth-child(2) .table-wrap .table .tr:nth-child(1) > div:nth-child(5) > div{display: flex;}
.differences .sec:nth-child(2) .table-wrap .table .tr:nth-child(1) > div:nth-child(5) > div > div {width: 25%;}

@media screen and (max-width: 1440px) {
	.differences .table-wrap .table .tr .th,
	.differences .table-wrap .table .tr .td {font-size: 1.04vw;}
	.table-caption {font-size: 1.04vw;}
}


@media screen and (max-width: 768px){
	.differences .table-wrap .table .tr .th,
	.differences .table-wrap .table .tr .td {font-size: 2.86vw;}
	.table-caption {font-size: 2.86vw;}
	.differences .sec:nth-child(2) .table-wrap .table .tr > div {width: 100%;}
	.table.row-reverse .bgGreen {width: 48.16%;}
	.table.row-reverse .tr:not(:nth-child(1)) {width: calc((100% - 48.16%) / 3);}
    .table.row-reverse .tr:not(:nth-child(1)) > .td:nth-child(5), .table.row-reverse .tr:not(:nth-child(1)) > .td:nth-child(6), .table.row-reverse .tr:not(:nth-child(1)) > .td:nth-child(7), .table.row-reverse .tr:not(:nth-child(1)) > .td:nth-child(8) {height: 13.4%;} 
	.differences .sec:nth-child(2) .table-wrap .table .tr:nth-child(1) > div:nth-child(5) {width: 100%; flex-direction: row;}
	.differences .sec:nth-child(2) .table-wrap .table .tr:nth-child(1) > div:nth-child(5) > div {width: 50%; height: 100%; flex-direction: column;}
	.differences .sec:nth-child(2) .table-wrap .table .tr:nth-child(1) > div:nth-child(5) > div > div {width: 100%; height: 25%;}
	.differences .sec:nth-child(1) .table-wrap .table .tr .td:last-child,
	.differences .sec:nth-child(1) .table-wrap .table .tr .th:last-child {border-right: none;} 
	.differences .sec:nth-child(2) .table-wrap .table .tr:last-child .td {border-right: none;} 
}

@media screen and (max-width: 340px){
	.differences .table-wrap .table .tr .th,
	.differences .table-wrap .table .tr .td {font-size: 10px;}
	.table-caption {font-size: 10px;}
}

