.intro-text {
  padding: 12rem 0;
}

.serires-intro-title {
  font-size: 4.8rem;
  font-weight: 600;
  color: #05141f;
  text-align: center;
}

.series-intro-copy {
  max-width: 100rem;
  margin: 0 auto;
  font-size: 2rem;
  color: #303c47;
  font-weight: 400;
  line-height: 3rem;
  text-align: center;
  margin-top: 4rem;
}

.series-intro-sub-copy {
  display: block;
  text-align: center;
  font-size: 2rem;
  color: #303c47;
  font-weight: 600;
  margin-top: 4rem;
}

.series-intro-thumbnail {
  width: 100%;
  height: 80rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#detail-section1,
#detail-section2,
#detail-section3,
#detail-section4 {
  background: #fff;
}
.lightgrey {
  background: #f2f4f6 !important;
}
.kltv-series #detail-section1 .series-intro-thumbnail {
  background-image: url(../img/kltv-intro-bg.png);
}

.detail-contents {
  padding: 12rem 20.8rem;
}

.detail-contents.lightgrey {
  background: #f2f4f6;
}

.depth1-contents {
  margin-bottom: 6.4rem;
}

.depth1-contents:last-child {
  margin-bottom: 0;
}

.depth1-title {
  font-size: 2.8rem;
  font-weight: 600;
  color: #05141f;
  margin-bottom: 2.4rem;
}

.depth2-title {
  font-size: 2rem;
  color: #05141f;
  margin-bottom: 2.4rem;
  margin-top: 6.4rem;
}

.depth1-sub-title {
  display: block;
  font-size: 1.6rem;
  color: #303c47;
  font-weight: 600;
  margin-bottom: 0.8rem;
}

.depth1-copy,
.depth2-copy {
  font-size: 1.6rem;
  color: #303c47;
  font-weight: 400;
  line-height: 2.4rem;
  margin-bottom: 2.4rem;
}

.depth1-sub-copy {
  color: #303c47;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 2.4rem;
}

.depth1-notion {
  color: #303c47;
  margin-top: 2.4rem;
  font-size: 1.6rem;
  font-weight: 400;
  position: relative;
  padding-left: 2.3rem;
}

.depth1-notion::before {
  position: absolute;
  content: '※';
  top: 0;
  left: 0;
}

.depth1-bg,
.depth2-bg {
  width: 100%;
  height: 60rem;
  background: #000;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.depth2-bg {
  margin-bottom: 3.2rem;
}

.depth1-list,
.depth2-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 3.2rem;
  flex-wrap: wrap;
}

.depth1-list-item {
  width: calc(33.33% - 2.2rem);
  overflow: hidden;
}
.depth2-list-item,
.four-item .depth1-list-item {
  width: calc(25% - 2.5rem);
}
.depth1-list-item img {
  width: 100%;
}
.four-item img {
  width: 100%;
}

.img-wrap {
  position: relative;
}

.two-item .depth2-list-item {
  width: calc(50% - 1.6rem);
}
.five-item .depth2-list-item {
  width: calc(20% - 2.64rem);
}

.bottom-text {
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(5, 20, 31, 0.8);
  width: 100%;
  padding: 1.6rem;
}

.bottom-text p {
  font-size: 1.6rem;
  color: #fff;
  font-weight: 300;
  line-height: 2.4rem;
}

.spec-ui-wrap {
  margin-top: 2.4rem;
}

.spec-ui-wrap ul {
  padding: 0 7.2rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 7.2rem;
}

.spec-ui-list {
  text-align: center;
}

.spec-ui-title {
  font-size: 1.6rem;
  color: #303c47;
  font-weight: 300;
  margin-bottom: 1rem;
}

.spec-value {
  color: #05141f;
  font-size: 2.4rem;
  font-weight: 600;
}

.unit {
  display: inline-block;
  font-weight: 300;
  font-size: 1.4rem;
  color: #303c47;
}

.depth1-list-item img,
.depth2-list-item img {
  display: block;
  width: 100%;
}

.depth1-list-item > span,
.depth2-list-item > span {
  display: block;
  text-align: center;
  margin-top: 1.6rem;
  font-size: 1.6rem;
  color: #303c47;
  font-weight: 400;
}

.design-contents {
  padding: 0 20.8rem 12rem;
}
.img-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pc-left-box,
.pc-right-box {
  width: calc(50% - 3px);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.6rem;
}

.img-box li {
  width: calc(50% - 3px);
  position: relative;
}

.img-box li::before,
.detail-box ol li::before {
  content: '';
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  border: 1px solid #05141f;
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  background: #fff;
}

.img-box li::after,
.detail-box ol li::after {
  content: '';
  width: 4.1rem;
  height: 4.1rem;
  font-size: 1.4rem;
  color: #05141f;
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.detail-box ol {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 3.2rem;
  margin-top: 12rem;
}

.detail-box ol li {
  position: relative;
  width: calc(16.6% - 2.6rem);
}

.detail-box ol.four-item li {
  width: calc(25% - 2.4rem);
}

.detail-box ol li::before,
.detail-box ol li::after {
  top: -6rem;
  left: 0;
}

.one::after {
  content: '1' !important;
}
.two::after {
  content: '2' !important;
}
.three::after {
  content: '3' !important;
}
.four::after {
  content: '4' !important;
}
.five::after {
  content: '5' !important;
}
.six::after {
  content: '6' !important;
}
.seven::after {
  content: '7' !important;
}

.img-box li.big {
  width: 100%;
}

.ex-pc-only .depth1-bg {
  background-image: url(../img/kltv-exterior-bg.png);
  margin-bottom: 2.4rem;
}

.ex-pc-only img,
.in-pc-only img {
  width: 100%;
}

.in-pc-only .depth1-bg {
  background-image: url(../img/kltv-interior-bg.png);
  margin-bottom: 2.4rem;
}

.in-pc-only .pc-top-box,
.in-pc-only .pc-bottom-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.6rem;
}
.in-pc-only .pc-bottom-box {
  margin-top: 0.6rem;
}

.in-pc-only .img-box {
  flex-wrap: wrap;
}

.pc-top-box li {
  width: calc(25% - 0.4rem) !important;
}
.pc-top-box li.big {
  width: calc(50% - 0.5rem) !important;
}
.pc-bottom-box li {
  width: calc(33.33% - 0.4rem);
}

.img-title {
  font-size: 1.6rem;
  color: #303c47;
  font-weight: 600;
}

.img-detail {
  font-size: 1.6rem;
  color: #303c47;
  font-weight: 400;
  line-height: 2.4rem;
  margin-top: 1.6rem;
}

.ex-mobile-only,
.in-mobile-only {
  display: none;
}

.design-slider-mobile {
  display: none;
}

.spec {
  background: #f2f4f6;
  padding: 12rem 0;
}

.spec-title {
  font-size: 4.8rem;
  color: #05141f;
  font-weight: 600;
  padding-bottom: 12rem;
  text-align: center;
  width: 100%;
}

.spec-contents {
  max-width: 1920px;
  padding: 0 20.8rem;
  margin: 0 auto;
  overflow-x: auto;
}

.detail-table {
  width: 100%;
  border-spacing: 0;
}

.detail-table:last-child {
  margin-bottom: 0rem;
}

.detail-table caption {
  text-align: left;
  font-size: 2rem;
  font-weight: 600;
  color: #05141f;
  margin-bottom: 2.4rem;
}
.detail-table thead th {
  background: #e7e9ec;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 1rem 0;
  width: 50%;
  border-right: 1px solid #b2b8bd;
  border-bottom: 1px solid #b2b8bd;
}
.detail-table thead th:last-child {
  border-right: 0;
}

.detail-table.three thead th {
  width: 33%;
}

.detail-table thead .lightgrey {
  background: #eeeeee;
  font-weight: 400;
  padding: 0.8rem 2.8rem;
  width: 15.5rem;
}

.detail-table tbody {
  background: #fff;
}
.detail-table tbody th,
.detail-table tbody td {
  font-size: 1.4rem;
  color: #05141f;
  text-align: center;
  padding: 1rem 0.5rem;
  border-bottom: 1px solid #b2b8bd;
  border-right: 1px solid #b2b8bd;
}

.detail-table tbody th {
  font-weight: 400;
}

.detail-table tbody tr:nth-child(even) {
  background: #fafafb;
}

.table-copy {
  margin-top: 1.2rem;
  font-size: 1.4rem;
  color: #303c47;
}

.list-style {
  position: relative;
  padding-left: 2rem;
}

.list-style:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 0.7rem;
  height: 0.7rem;
  background: #303c47;
  border-radius: 50%;
}

.note-table {
  padding: 12rem 20.8rem;
  background: #f2f4f6;
}

.detail-table.no-border {
  background: #fff;
}

.detail-table.no-border thead th:nth-child(1) {
  border-right: 1px solid #f2f4f6;
}

.detail-table.no-border tbody td {
  border-bottom: 0;
  padding: 0.5rem;
}

.detail-table.no-border tbody td .disc {
  font-size: 1.4rem;
  color: #353535;
  text-align: center;
  display: inline-block;
  border-bottom: 0;
  font-weight: 400;
  position: relative;
}

.detail-table.no-border tbody td .disc::before {
  content: '';
  width: 0.5rem;
  height: 0.5rem;
  background: #000;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -1.4rem;
}
.detail-table.no-border tbody td:nth-child(1) {
  border-right: 1px solid #f2f4f6;
}

.detail-table.no-border tbody tr:nth-child(even) {
  background: #fff;
}

.product-lineup {
  padding-bottom: 12rem;
}

.lineup-contents {
  padding: 0 20.8rem;
}

.lineup-title {
  width: 100%;
  background: #e7e9ec;
  color: #353535;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 600;
  padding: 1rem 0;
}

.lineup-contents ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 4.8rem;
  flex-wrap: wrap;
  padding: 5rem 0;
}
.vehicle-list {
  width: calc(25% - 3.6rem);
}

.vehicle-list {
  text-align: center;
}

.vehicle-list img {
  margin: 0 auto;
  width: 100%;
}

.vehcile-title {
  font-size: 1.6rem;
  color: #05141f;
  font-weight: 400;
  margin-top: 1.7rem;
}

.half-lineup {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 1rem;
  padding: 0 20.8rem;
}

.half-lineup .lineup-contents {
  padding: 0;
  width: calc(50% - 0.5rem);
}

.half-lineup .vehicle-list {
  width: calc(50% - 4rem);
}

.table-contents {
  padding: 0 20.8rem 12rem;
  overflow-x: auto;
}

.option-table-title {
  color: #05141f;
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.option-table {
  display: flex;
  align-items: stretch;
}

.option-table > div {
  width: 50%;
  background: #fff;
}

.list-title {
  font-size: 1.6rem;
  color: #05141f;
  font-weight: 600;
  text-align: center;
  padding: 1rem 0;
  background: #e7e9ec;
  border-top: 1px solid #b2b8bd;
  border-bottom: 1px solid #b2b8bd;
}

.table-left {
  border-right: 1px solid #b2b8bd;
}

.table-left,
.table-right {
  border-bottom: 1px solid #b2b8bd;
}

.table-option {
  width: 100%;
  max-width: 24.6rem;
  margin: 1rem auto;
}

.table-option li {
  font-size: 1.4rem;
  color: #05141f;
  font-weight: 400;
  margin-bottom: 0.5rem;
  list-style: disc;
}

.table-option li:last-child {
  margin-bottom: 0;
}

.table-bg {
  height: unset !important;
  background-image: none !important;
  background-color: transparent !important;
  margin-bottom: 6.4rem;
}

.table-bg img {
  width: 100%;
}

.mobile-slider {
  display: none;
}

/*---------------------------------------------KLTV---------------------------------------------*/
.strong {
  height: unset;
  opacity: 0;
  transition: opacity 1s ease-in;
}

.strong img {
  width: 100%;
}

.transport-item-wrap li,
.performance-item-wrap li {
  opacity: 0;
  transition: opacity 1s ease-in;
}

.transport-item-wrap li:nth-child(1),
.performance-item-wrap li:nth-child(1) {
  transition-delay: 0;
}
.transport-item-wrap li:nth-child(2),
.performance-item-wrap li:nth-child(2) {
  transition-delay: 0.3s;
}
.transport-item-wrap li:nth-child(3),
.performance-item-wrap li:nth-child(3) {
  transition-delay: 0.6s;
}
.transport-item-wrap li:nth-child(4),
.performance-item-wrap li:nth-child(4) {
  transition-delay: 0.9s;
}

.cutting {
  height: unset;
  margin-top: 2.4rem;
  background: transparent;
  opacity: 0;
  transition: opacity 1s ease-in;
}
.cutting img {
  width: 100%;
}

.kltv-protection {
  background-image: url(../img/kltv-protection-bg.png);
}

.kltv-armored {
  background-image: url(../img/kltv-up-armored-bg.png);
  opacity: 0;
  transition: opacity 1s ease-in;
}

.unsurpassed {
  background-image: url(../img/kltv-unsurpassed-bg.png);
}

.ctis-bg {
  background-image: url(../img/kltv-ctis-bg.png);
  margin-top: 6.4rem;
  position: relative;
}

.ctis-bg::after {
  content: '';
  position: absolute;
  bottom: 4.8rem;
  right: 4.8rem;
  width: 30rem;
  height: 20rem;
  background-image: url(../img/run-flat-tires.png);
}

.unprecedented {
  height: unset;
}

.unprecedented img {
  width: 100%;
}

.kia-offer {
  height: unset;
  background: transparent;
}

.kia-offer img {
  width: 100%;
}

.depth1-table caption {
  width: 100%;
  background: #e7e9ec;
  font-size: 1.6rem;
  font-weight: 600;
  color: #05141f;
  text-align: left;
  padding: 1rem 2rem;
}

.depth1-table {
  border-spacing: 0;
}

.depth1-table tbody th,
.depth1-table tbody td {
  border-bottom: 1px solid #b2b8bd;
  padding: 1rem;
  text-align: left;
  font-size: 1.4rem;
}
.depth1-table tbody th {
  border-right: 1px solid #b2b8bd;
}

.depth1-table tbody td ul li {
  font-size: 1.4rem;
}

.depth1-list-item .table-copy {
  margin-top: 2.4rem;
}

.cell-grey {
  background: #e7e9ec;
}
.detail-table tbody tr th {
  padding: 1rem;
}

th.bold {
  font-weight: 600 !important;
}

/*---------------------------------------------KMTV---------------------------------------------*/
.kmtv-series .key-visual-slide .swiper-slide {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.kmtv-series .key-visual-slide .swiper-slide:nth-child(1) {
  background-image: url(../img/KMTV-kv.png);
}

.kmtv-series .series-intro-thumbnail {
  background-image: url(../img/kmtv-intro-bg.png);
}

.kmtv-develop-concept {
  background-image: url(../img/kmtv-develop-concept-bg.png);
  opacity: 0;
  transition: opacity 1s ease-in;
}

.kmtv-cut-advanced {
  background-image: url(../img/kmtv-cut-advanced.png);
}

.resilient {
  height: unset;
  opacity: 0;
  transition: opacity 1s ease-in;
  background: transparent;
}

.resilient img {
  width: 100%;
}

.harsh-bg {
  background-image: url(../img/harsh-bg.png);
  margin-top: 6.4rem;
}
.harsh .depth2-list {
  align-items: flex-start;
}

.harsh .depth2-list li,
.unstop .depth2-list li {
  opacity: 0;
  transition: opacity 1s ease-in;
}

.harsh .depth2-list li:nth-child(1),
.unstop .depth2-list li:nth-child(1) {
  transition-delay: 0;
}
.harsh .depth2-list li:nth-child(2),
.unstop .depth2-list li:nth-child(2) {
  transition-delay: 0.3s;
}
.harsh .depth2-list li:nth-child(3),
.unstop .depth2-list li:nth-child(3) {
  transition-delay: 0.6s;
}
.harsh .depth2-list li:nth-child(4),
.unstop .depth2-list li:nth-child(4) {
  transition-delay: 0.9s;
}

.kmtv-series .exterior-design .depth2-bg {
  background: transparent url(../img/kmtv-exterior-bg.png) no-repeat center;
  background-size: contain;
  height: 58.9rem;
}

.kmtv-series .interior-design .depth2-bg {
  background-image: url(../img/kmtv-interior-bg.png);
}

.four-th thead th {
  width: 25% !important;
}

.seven-th thead th {
  width: 14% !important;
}

/*---------------------------------------------km450---------------------------------------------*/
.km450-series {
  background: #fff;
}
.km450-series .key-visual-slide .swiper-slide {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.km450-series .key-visual-slide .swiper-slide:nth-child(1) {
  background-image: url(../img/km450-kv.png);
}

.km450-series .key-visual .sub-copy {
  max-width: 101rem;
}

.km450-section {
  background: #fff;
  opacity: 0;
  transition: opacity 1s ease-in;
}

.km450-section .vehicle-title-wrap {
  padding: 12rem 20.8rem;
}

.km450-section .vehicle-title {
  text-align: center;
  font-size: 4.8rem;
  color: #05141f;
}

.km450-sub-title {
  font-size: 2rem;
  text-align: center;
  max-width: 100rem;
  color: #303c47;
  margin: 4rem auto 0;
}

.km450-list-wrap {
  padding: 12rem 20.8rem;
}

.km450-section > .full-bg {
  width: 100%;
  height: 1080px;
  margin-bottom: 12rem;
}

.km450-list-wrap ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12rem 3.2rem;
}
.km450-list-wrap ul li {
  width: calc(50% - 1.6rem);
}

.km450-list-wrap ul li .vehicle-title {
  font-size: 2.8rem;
  font-weight: 600;
  margin: 3.2rem 0;
}

.km450-list-wrap ul li .km450-sub-title {
  margin-top: 0;
  font-size: 1.6rem;
  text-align: left;
  font-weight: 300;
  line-height: 2.4rem;
}

.km450-list-wrap ul li .full-bg {
  width: 100%;
  height: 527px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.km450-section .detail-table {
  padding-bottom: 12rem;
  opacity: 0;
  transition: opacity 1s ease-in;
  transition-delay: 1.2s;
}

.km450-section .detail-table {
  border-top: 1px solid #b2b8bd;
}

.km450-section .detail-table th {
  background: #e7e9ec;
  font-weight: 600;
  width: 25%;
}

.km450-section .detail-table td {
  width: 25%;
}

.full-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.cargo-truck .full-bg {
  background-image: url(../img/km450-cargo.png);
}

.c-s-truck .full-bg {
  background-image: url(../img/km450-chassis.png);
}

.ambulance .full-bg {
  background-image: url(../img/km450-ambulance.png);
}

.shop-van .full-bg {
  background-image: url(../img/km450-shopvan.png);
}

.smoke .full-bg {
  background-image: url(../img/km450-Smoke.png);
}

.artillery .full-bg {
  background-image: url(../img/km450-artillery.png);
}

.cei .full-bg {
  background-image: url(../img/km450-cei.png);
}

.weather .full-bg {
  background-image: url(../img/km450-weather.png);
}

.ccm .full-bg {
  background-image: url(../img/km450-ccm.png);
}

.fct .full-bg {
  background-image: url(../img/km450-fct.png);
}

.caravan .full-bg {
  background-image: url(../img/km450-caravan.png);
}

.cargo-gen .full-bg {
  background-image: url(../img/km450-cargo-gen.png);
}

.h-top .full-bg {
  background-image: url(../img/km450-htop.png);
}

.bf-truck .full-bg {
  background-image: url(../img/km450-bf-truck.png);
}

.rhd .full-bg {
  background-image: url(../img/km450-cargo-rhd.png);
}

/*---------------------------------------------tasman series---------------------------------------------*/
.tasman-series {
  background: #fff;
}
.tasman-series #detail-section1,
.tasman-series #detail-section3 {
  opacity: 0;
  transition: opacity 1s ease-in;
}
.tasman-series #detail-section1 {
  padding-bottom: 0;
}

.tasman-series #detail-section1 .depth1-bg {
  opacity: 0;
  transition: opacity 1s ease-in;
  transition-delay: 0.5s;
}

.tasman-series #detail-section3 .detail-contents img {
  width: 100%;
  margin-bottom: 6.4rem;
}

.tasman-series .key-visual-slide .swiper-slide {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.tasman-series .key-visual-slide .swiper-slide:nth-child(1) {
  background-image: url(../img/tasman-kv.png);
}

.tasman-series .series-intro-thumbnail {
  height: 1080px;
  background-image: url(../img/tasman-intro-bg.png);
}

.tasman-detail ol {
  margin-bottom: 2.4rem;
}

.tasman-detail ol li {
  font-size: 1.6rem;
  color: #05141f;
  font-weight: 400;
  line-height: 2.4rem;
}

.tasman-based img {
  width: 100%;
}

.tasman-msf {
  background-image: url(../img/tasman2.png);
  margin-bottom: 2.4rem;
}

.tasman-bongo-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 6.4rem 3.2rem;
  margin: 6.4rem 0;
}

.tasman-bongo-wrap li {
  width: calc(33% - 2.1rem);
}

.tasman-bongo-wrap li img {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 3.2rem !important;
}

.tasman-bongo-wrap li span {
  display: block;
  font-size: 1.6rem;
  color: #303c47;
  text-align: center;
  font-weight: 600;
}

.tasman-series .detail-table {
  margin-bottom: 0;
  opacity: 0;
  transition: opacity 1s ease-in;
  transition-delay: 1s;
}

.tasman-series .depth1-contents img {
  width: 100%;
}

.fade .detail-table {
  opacity: 1;
}

.table-copy-wrap {
  margin-top: 2.4rem;
  padding-left: 1.6rem;
}

.table-copy-wrap .table-copy {
  margin-top: 0;
  margin-bottom: 0.5rem;
  list-style: disc;
  font-size: 1.6rem;
}
.table-copy-wrap .table-copy:last-child {
  margin-bottom: 0;
}

.table-copy-wrap .table-copy a {
  display: inline-block;
  font-size: 1.6rem;
  color: #303c47;
}

.readiness-item-wrap .depth1-list-item {
  width: calc(50% - 1.6rem);
}

.readiness-item-wrap .depth1-list-item > span,
.readiness-item-wrap .depth2-list-item > span {
  margin-top: 3.2rem;
  color: #303c47;
  font-weight: 600;
}

.tasman-pahse-wrap {
  padding: 4rem 0 4rem 15rem;
}

.tasman-phase {
  display: flex;
  gap: 6rem;
  align-items: center;
  margin-bottom: 2rem;
}

.tasman-phase:last-child {
  margin-bottom: 0;
}

.tasman-phase p {
  font-size: 1.6rem;
  color: #303c47;
  font-weight: 400;
}

.icon-wrap {
  text-align: center;
}

.icon-title {
  display: inline-block;
  color: #05141f;
  font-weight: 700;
  font-size: 1.6rem;
}

/*---------------------------------------------special equipment---------------------------------------------*/
.special-equipment-series .key-visual-slide .swiper-slide {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.special-equipment-series .key-visual-slide .swiper-slide:nth-child(1) {
  background-image: url(../img/special-euipment-series-kv.png);
}

.special-equipment-series .spec-contents {
  padding: 12rem 20.8rem;
}

.special-equipment-series table {
  margin-bottom: 6.4rem;
}

.special-equipment-series table:last-child {
  margin-bottom: 0;
}

.special-equipment-series tbody th {
  font-weight: 700;
}

/*---------------------------------------------grandbird---------------------------------------------*/
.grandbird-series .key-visual-slide .swiper-slide {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.grandbird-series .key-visual-slide .swiper-slide:nth-child(1) {
  background-image: url(../img/grandbird-kv.png);
}

.grandbird-series .series-intro-thumbnail {
  height: auto;
}

.grandbird8m-bg {
  height: auto;
  background: transparent;
}

.grandbird8m-bg img {
  width: 100%;
  margin: 0 auto;
  max-width: 100rem;
}

.grandbird-series .series-intro-thumbnail img {
  width: 100%;
}

.grandbird-series .spec-contents {
  padding: 12rem 20.8rem;
}

.grandbird-series .spec-contents.lightgrey {
  background: #f2f4f6;
}

.grandbird-series .detail-table {
  margin-bottom: 4.8rem;
}

.grandbird-series .detail-table:last-child {
  margin-bottom: 0;
}

.grandbird-series tbody th {
  font-weight: 700;
}

/*---------------------------------------------bongo---------------------------------------------*/
.bongo-series .key-visual-slide .swiper-slide {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.bongo-series .key-visual-slide .swiper-slide:nth-child(1) {
  background-image: url(../img/bongo-kv.png);
}

.bongo-series .depth1-bg {
  background-image: url(../img/bongo-intro.png);
  height: 1080px;
}
.bongo-series .spec-contents {
  padding: 12rem 20.8rem;
}
.bongo-list-wrap {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 4.4rem;
  flex-wrap: wrap;
}

.bongo-list-wrap.flex-start {
  justify-content: flex-start;
}

.bongo-list-item {
  width: calc(33% - 3.2rem);
}

.bongo-list-wrap.flex-start .bongo-list-item {
  width: calc(25% - 3.3rem);
}

.bongo-list-item img {
  width: 100%;
  margin: 0 auto;
}

.bongo-list-title {
  width: 100%;
  text-align: center;
  margin-top: 5.3rem;
  font-size: 1.6rem;
  color: #05141f;
  font-weight: 400;
  line-height: 2.4rem;
}

.bongo-series .img-box li::before,
.bongo-series .detail-box ol li::before {
  display: none;
}

.design-list-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.6rem;
  flex-wrap: wrap;
}
.design-list-item {
  width: calc(50% - 0.3rem);
}

.design-list-item img {
  width: 100%;
}

.bongo-table thead th {
  width: 21%;
}
.mb64 {
  margin-bottom: 6.4rem;
}
.bongo-table tbody th {
  width: 40rem;
  font-weight: 600;
}

.bongo-table tbody td {
  padding: 1rem 0.5rem;
  width: 36.7rem;
}
.only-mobile-bg {
  display: none;
}

/*---------------------------------------------heavy duty---------------------------------------------*/
.heavy-duty-series .key-visual-slide .swiper-slide:nth-child(1) {
  background: url(../img/heavy-duty-bg.png) no-repeat center;
  background-size: cover;
}
.heavy-list-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12rem;
}

.heavy-list {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f2f4f6;
  width: calc(33% - 2.1rem);
  height: 24rem;
  gap: 2.6rem;
}

.heavy-list p {
  font-size: 2rem;
  color: #05141f;
  font-weight: 600;
}

.heavy-bg-wrap {
  margin: 3.2rem 0 12rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 3.2rem;
}

.heavy-bg-wrap li {
  width: calc(50% - 1.6rem);
}

.heavy-bg-wrap li img {
  width: 100%;
}

.w10 {
  max-width: 104rem;
}

/*---------------------------------------------chassis series---------------------------------------------*/
.chassis-series {
  background: #fff;
}
.chassis-series .key-visual-slide .swiper-slide:nth-child(1) {
  background: url(../img/chassis-kv.png) no-repeat center;
  background-size: cover;
}

.chassis-title {
  padding-bottom: 12rem;
  font-size: 3.2rem;
  color: #05141f;
  font-weight: 600;
  text-align: center;
}

.chassis-bg {
  width: 100%;
  margin-bottom: 12rem;
}

.chassis-bg img {
  width: 100%;
  max-width: 1046px;
  margin: 0 auto;
}

.chassis-series .img-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4rem;
  margin: 8rem 0;
}

.chassis-series .img-wrap li {
  width: 100%;
}

.chassis-series .img-wrap li:nth-child(1) {
  max-width: 40rem;
}

.chassis-series .img-wrap li:nth-child(2) {
  max-width: 47rem;
}

.chassis-series .img-wrap li:nth-child(3) {
  max-width: 57rem;
}

.chassis-series .img-wrap li:nth-child(3) img {
  margin: 1.3rem 0 1rem;
}

.chassis-series .img-wrap li img {
  width: 100%;
}

.chassis-series .img-wrap li p {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 600;
  color: #05141f;
}

.chassis-series .note {
  display: flex;
}

.chassis-series .note p {
  color: #303c47;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
}

.chassis-series .note span {
  display: inline-block;
  padding-left: -2rem;
  margin: 0.2rem 0.8rem 0 0;
}

.chassis-series .table-contents {
  padding: 12rem 0;
}

.th-grey tr th {
  background: #e7e9ec;
  font-weight: 600;
  width: 20%;
}

.chassis-series .two-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12rem;
}

.chassis-series .two-item li {
  width: 50%;
}

.chassis-series .two-item li img {
  width: 100%;
}

.chassis-series .two-item li h4 {
  text-align: center;
  font-size: 2.8rem;
}
.pb0 {
  padding-bottom: 0 !important;
}
.pt0 {
  padding-top: 0 !important;
}
.mt0 {
  margin-top: 0 !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.pb12 {
  padding-bottom: 12rem !important;
}

.pt12 {
  padding-top: 12rem !important;
}

.mt8 {
  margin-top: 0.8rem !important;
}

.mt24 {
  margin-top: 2.4rem;
}
@media screen and (max-width: 480px) {
  .only-pc-bg {
    display: none;
  }
  .only-mobile-bg {
    display: block;
  }
  .mpb48 {
    padding-bottom: 4.8rem;
  }
  .table-contents {
    padding: 0 2rem 4.8rem;
  }

  .design-slider-mobile {
    display: block;
  }

  .design-slider-mobile .swiper-wrapper {
    padding-bottom: 6rem;
  }

  .design-slider-mobile .swiper-pagination-bullet {
    background: #cdd0d2;
    opacity: 1;
  }

  .swiper-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 4rem;
  }

  .design-slider-mobile .swiper-pagination-bullet-active {
    background: #000;
    opacity: 1;
  }

  .design-slider-mobile .swiper-slide img {
    width: 100%;
  }

  .img-num {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    background: #fff;
    border: 1px solid #05141f;
    width: 4rem;
    height: 4rem;
    margin: 2.4rem 0 1.6rem;
    border-radius: 50%;
  }

  .spec {
    padding: 4rem 2rem;
  }
  .spec-title {
    padding-bottom: 4rem;
    text-align: left;
    font-size: 2.4rem;
  }
  .spec-contents {
    padding: 0 2rem !important;
  }
  .note-table {
    padding: 4.8rem 2rem;
  }

  .detail-table.no-border tbody td {
    padding-left: 2.5rem;
    text-align: left;
  }

  .detail-table.no-border tbody td .disc {
    text-align: left;
  }

  .lineup-contents {
    padding: 0 2rem;
  }

  .lineup-contents ul {
    display: block;
  }

  .vehicle-list {
    width: 100%;
    margin-bottom: 6.4rem;
  }

  .vehicle-list:last-child {
    margin-bottom: 0;
  }

  .half-lineup {
    display: block;
    padding: 0 2rem;
  }

  .half-lineup .lineup-contents {
    width: 100%;
  }

  .half-lineup .vehicle-list {
    width: 100%;
  }

  .km450-series .key-visual-slide .swiper-slide {
    background-position-x: 30%;
  }

  .km450-section .vehicle-title-wrap {
    padding: 4.8rem 2rem;
  }

  .km450-section .full-bg {
    height: 25rem;
  }

  .km450-section .vehicle-title {
    font-size: 2.4rem;
    text-align: left;
  }
  .km450-section .detail-table {
    padding: 5.4rem 0;
  }

  .km450-list-wrap {
    padding: 4.8rem 2rem;
  }

  .km450-list-wrap ul {
    display: block;
  }

  .km450-list-wrap ul li {
    width: 100%;
    margin-bottom: 4.8rem;
  }

  .km450-list-wrap ul li:last-child {
    margin-bottom: 0;
  }

  .km450-list-wrap ul li .vehicle-title {
    font-size: 2.4rem;
    margin: 4.8rem 0 1.6rem;
  }

  .km450-sub-title {
    font-size: 1.6rem;
    text-align: left;
    margin-top: 1.6rem;
  }

  .intro-text {
    padding: 4.8rem 2rem;
  }

  .serires-intro-title {
    font-size: 2.4rem;
    text-align: left;
    margin-bottom: 1.6rem;
  }
  .series-intro-copy {
    font-size: 1.6rem;
    text-align: left;
    line-height: 2.4rem;
    margin-top: 0;
  }
  .tasman-series .series-intro-thumbnail {
    height: 25rem;
  }

  .tasman-msf {
    height: 23rem;
  }

  .tasman-bongo-wrap {
    display: block;
    margin: 4.8rem 0;
  }

  .tasman-bongo-wrap li {
    width: 100%;
    margin-bottom: 3.2rem;
  }

  .tasman-bongo-wrap li:last-child {
    margin-bottom: 0;
  }

  .tasman-bongo-wrap li img {
    margin-bottom: 1.6rem !important;
  }

  .detail-contents {
    padding: 4.8rem 2rem;
  }

  .depth1-copy,
  .depth2-copy {
    margin-bottom: 2.4rem;
  }

  .tasman-detail .depth1-bg {
    height: 25rem;
  }

  .grandbird-series .key-visual-slide .swiper-slide:nth-child(1) {
    background-position-x: 15%;
  }

  .grandbird-series .spec-contents {
    padding: 4.8rem 2rem;
  }

  .grandbird-series .detail-table tbody th,
  .grandbird-series .detail-table tbody td {
    padding: 1rem 0.5rem;
  }

  .bongo-series #detail-section3 {
    padding: 4.8rem 0rem;
  }
  .bongo-series .key-visual-slide .swiper-slide:nth-child(1) {
    background-position-x: 12%;
  }

  .bongo-series .depth1-bg {
    height: 25rem;
  }

  .bongo-series .detail-table {
    margin-bottom: 2.4rem;
  }

  .detail-contents .intro-text {
    padding: 0;
  }

  .design-list-wrap {
    display: none;
  }

  .bongo-list-item {
    width: 100%;
    margin-bottom: 3.2rem;
  }

  .bongo-list-title {
    font-size: 1.6rem;
  }

  .bongo-list-wrap {
    display: block;
    padding-top: 4.8rem;
  }

  .bongo-mobile-slide .swiper-pagination {
    bottom: 0;
  }

  .table-bg {
    margin-bottom: 2.4rem;
  }

  .table-option {
    width: auto;
    padding: 0 1rem;
    padding-left: 2rem;
  }

  .depth2-list {
    display: block;
  }
  .two-item .depth2-list-item {
    width: 100%;
  }

  .spec-ui-wrap ul {
    padding: 0;
    flex-wrap: wrap;
    gap: 1.6rem;
    margin-bottom: 1.6rem;
  }

  .two-item .depth2-list-item:last-child .spec-ui-wrap ul {
    margin-bottom: 0;
  }

  .spec-ui-list {
    width: calc(50% - 0.8rem);
  }

  .kmtv-series .key-visual-slide .swiper-slide {
    background-position-x: 30%;
  }

  .kmtv-series .series-intro-thumbnail {
    height: 25rem;
  }

  .kmtv-develop-concept {
    height: 25rem;
    background-position-x: 7%;
  }

  .kmtv-cut-advanced {
    height: 33.5rem;
  }

  .depth2-list-item {
    width: 100%;
  }

  .kmtv-series .depth2-list-item span {
    margin: 1.6rem 0 3.2rem;
  }

  .harsh-bg {
    height: 34rem;
  }
  .series-intro-sub-copy {
    text-align: left;
    margin-bottom: 1rem;
    margin-top: 2.4rem;
    font-size: 1.6rem;
  }

  .design-contents {
    padding: 0 2rem;
  }

  .design-contents .ex-pc-only,
  .design-contents .in-pc-only,
  .design-contents .depth2-bg,
  .design-contents .img-box,
  .design-contents .detail-box {
    display: none;
  }
  .kltv-series #detail-section1 .series-intro-thumbnail {
    height: 25rem;
  }
  .depth1-list,
  .depth2-list {
    display: block;
  }

  .depth2-list-item,
  .depth1-list-item,
  .four-item .depth1-list-item,
  .five-item .depth2-list-item {
    width: 100%;
    margin-bottom: 3.2rem;
  }

  .depth2-list-item:last-child,
  .depth1-list-item:last-child,
  .four-item .depth1-list-item:last-child,
  .five-item .depth2-list-item:last-child {
    margin-bottom: 0;
  }

  .kltv-protection {
    height: 48rem;
    background-position-x: 70%;
  }

  .kltv-armored {
    height: 48rem;
  }

  .unsurpassed {
    height: 48rem;
  }

  .unprecedented {
    background: transparent;
  }
  .ctis-bg {
    height: 48rem;
    background-position-x: 30%;
  }
  .ctis-bg::after {
    width: 15rem;
    height: 10rem;
    background-size: cover;
    bottom: 2rem;
    right: 2rem;
  }
  .kltv-exterior img {
    max-height: 20rem;
  }

  .design-slider-mobile .img-title {
    margin-bottom: 4rem;
  }

  .kltv-exterior .img-title {
    margin-bottom: 0 !important;
  }

  .mt48 {
    padding-top: 4.8rem !important;
  }
  .mt64 {
    margin-top: 6.4rem !important;
  }

  .heavy-duty-series .key-visual-slide .swiper-slide:nth-child(1) {
    background-position: 28% 20%;
  }

  .heavy-list-wrap {
    display: block;
  }
  .heavy-list {
    display: block;
    width: 100%;
    padding: 6.4rem 5.6rem;
    margin-bottom: 2.4rem;
    height: auto;
  }

  .heavy-list:last-child {
    margin-bottom: 0;
  }

  .heavy-list img {
    margin-bottom: 2rem;
  }
  .heavy-bg-wrap {
    display: block;
    margin-bottom: 6.4rem;
  }

  .heavy-bg-wrap li {
    width: 100%;
    margin-bottom: 1.6rem;
  }

  .heavy-bg-wrap li:last-child {
    margin-bottom: 0;
  }
  .chassis-section {
    padding: 4.8rem 2rem;
  }

  .readiness-item-wrap .depth1-list-item {
    width: 100%;
  }

  .tasman-pahse-wrap {
    padding: 4rem 2rem;
  }

  .tasman-phase {
    display: block;
  }
  .icon-wrap img {
    width: 100%;
    max-width: 16.7rem;
    margin: 0 auto;
  }
  .icon-title {
    font-weight: 400;
    margin-bottom: 1rem;
  }

  .tasman-phase p {
    font-size: 1.4rem;
    line-height: 2.2rem;
  }

  .bongo-list-wrap.flex-start .bongo-list-item {
    width: 100%;
  }

  .bongo-list-item img {
    max-width: 28rem;
  }
  .chassis-title {
    font-size: 2.4rem;
    padding-bottom: 4.8rem;
  }
  .chassis-series .two-item {
    display: block;
    padding-bottom: 8rem;
  }

  .chassis-series .two-item li {
    width: 100%;
  }

  .chassis-series .two-item li {
    margin-bottom: 4rem;
  }

  .chassis-series .two-item li:last-child {
    margin-bottom: 0;
  }

  .chassis-series .two-item li h4 {
    font-size: 2.4rem;
  }
  .km450-series .key-visual .sub-copy{
    max-width: 28rem;
  }
}