.comfort { padding-top: 80px; }

.comfort .comfort-tabs { display: flex; justify-content: center; margin: 50px 0; }

.comfort .comfort-tabs .comfort-tab { width: 116px; height: 46px; line-height: 46px; text-align: center; cursor: pointer; margin: 0 25px; border: 1px solid #fff; }

.comfort .comfort-tabs .comfort-tab.comfort-tab--active { border-color: #da0c11; color: #da0c11; }

.comfort .comfort-image { width: 100%; height: auto; display: none; }

.comfort .comfort-image:nth-child(1) { display: block; }

@media (max-width: 768px) { .comfort { padding-top: 30px; }
  .comfort .common-title { padding: 0 10px; }
  .comfort .common-title .common-title-en { -webkit-line-clamp: inherit; }
  .comfort .u-container { padding: 0; }
  .comfort .comfort-tabs { flex-wrap: nowrap; overflow-x: scroll; justify-content: start; margin: 30px 0 0; }
  .comfort .comfort-tabs .comfort-tab { flex: none; display: inline-block; flex-shrink: 0; height: 28px; line-height: 28px; background-color: #838383; color: #fff; margin: 0; }
  .comfort .comfort-tabs .comfort-tab.comfort-tab--active { background-color: #da0c11; color: #fff; } }