@charset 'UTF-8';
.allContinentalSection{
  height: 440px;
  background: url(/lineup/tire/all-seasons/images2/lineup/continental/continental_all_back.png);
  background-position: center top;
  background-size: cover;
  color: #fff;
  text-align: center;
}
.allContinentalSection .inner{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  height: 100%;

  align-items: center;
  gap: 20px;
  justify-content: center;
}

.allContinentalSection_header{
  margin-bottom: 10px;
  font-weight: bold;
}

.allContinentalSection_header_border{
  display: inline-block;
  margin-bottom: 25px;
  padding-bottom: 10px;
  width: -webkit-fit-content;
  width:         fit-content;
  border-bottom: 3px solid #91c625;
  font-size: 20px;
}

.allContinentalSection_header_large{
  display: block;
  font-size: 32px;
}
.allContinentalSection_header_large img{
  margin-right: 5px;
}

.sp-hide{
  display: none;
}

.stickySubsection.stickySubsection__06{
  padding-bottom: 0;
}

.hdBox p.robotoBLi{
  white-space: nowrap;
  letter-spacing: -8px;
}

.linupFV__lineup06.linupFV .img img{
  width: auto;
}

.inner_bottom{
  margin: 50px auto 0;
  padding: 0 10px;
  max-width: 1114px;
}

.img_list{
  display: -ms-flexbox;
  display: flex;

  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.img_list li{
  position: relative;
  width: 50%;
}
.img_list li img{
  display: block;
  width: 100%;
}
.img_list li> div{
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  padding: 8.5px 18px;
  background-color: #174e98;
  color: #fff;
}

.inner_bottom_heading{
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 20px;
}

.split_img{
  margin-top: 120px;
  width: 100%;
}

.explanation_list img{
  max-width: 100% !important;
  width: 100%;
}

.explanation_list li{
  counter-increment: explanationNumber;
}
.explanation_list li:not(:last-child){
  margin-bottom: 60px;
}

.explanation_list div{
  position: relative;
  margin-top: 10px;
  padding-top: 8px;
  padding-left: 50px;
  text-align: left;
  font-weight: bold;
  font-size: 20px;
  line-height: 1.2;
}
.explanation_list div::before{
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #184e98;
  color: #fff;
  content: counter(explanationNumber);
  text-align: center;
  font-size: 26px;
  line-height: 40px;
}

.allSeasonPageSection .evidence__reverse .con{
  margin-right: 57px;
  padding-left: 0  !important;
}
.allSeasonPageSection .evidence__reverse .con img{
  width: 508px;
}

.allSeasonPageSection .evidence__reverse .box{
  -ms-flex: 1;
      flex: 1;
}

.boxHeading{
  margin-bottom: 15px;
  color: #174e98;
  font-weight: bold;
  font-size: 22px;
}

.boxtxt01{
  margin-bottom: 10px;
  font-weight: bold;
}

.plus-or-minus{
  margin-bottom: 42px;
}
.plus-or-minus li{
  position: relative;
  margin-bottom: 5px;
  padding-left: 25px;
}
.plus-or-minus li::before{
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
}
.plus-or-minus li::after{
  -ms-transform: translate(0px, -50%) rotate(90deg);
      transform: translate(0px, -50%) rotate(90deg);
}
.plus-or-minus li::after,
.plus-or-minus li::before{
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 10px;
  height: 2px;
  background-color: #174e98;
  content: '';
}
.plus-or-minus li.plus-or-minus_minus::after{
  display: none;
}

.section05_content{
  margin-right: auto;
  margin-left: auto;
  max-width: 1094px;
}

.section05_meritUnit{
  display: -ms-flexbox;
  display: flex;
  margin-top: 75px;
  margin-bottom: 60px;

  gap: 34px;
}

.section05_meritItem{
  -ms-flex: 1;
      flex: 1;
}

.section05_meritItem_heading{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  margin-bottom: 20px;
  min-height: 2em;
  color: #174e98;
  font-size: 24px;
  line-height: 1;

  align-items: center;
}

.section05_meritItem_subheading{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  margin-bottom: 25px;
  padding: 10px 20px;
  min-height: 86px;
  background-color: #174e98;
  color: #fff;
  font-size: 22px;
  line-height: 1.4;

  align-items: center;
}

.section05_meritItem_borderheading{
  margin-bottom: 15px;
  padding: 0 12px;
  border-left: 4px solid #174e98;
  font-size: 18px;
  line-height: 1.35;
}

.section05_meritItem_list{
  line-height: 1.8;
}
.section05_meritItem_list li{
  position: relative;
  padding-left: 15px;
}
.section05_meritItem_list li::before{
  position: absolute;
  top: 0;
  left: 0;
  color: #174e98;
  content: '・';
}

.lineupSmall{
  display: block;
  margin-top: 25px;
  padding-left: 10px;
  font-size: 14px;
}
.lineupSmall::before{
  content: '※';
}

.section06_content{
  margin-right: auto;
  margin-left: auto;
  max-width: 960px;
}

.content_dlList01,
.content_dlList02{
  padding: 34px 48px 40px;
}
.content_dlList01> div,
.content_dlList02> div{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;

  align-items: flex-start;
}
.content_dlList01 dt,
.content_dlList02 dt{
  margin-right: 19px;
  padding-right: 9px;
  min-height: 24px;
  width: 108px;
  border-right: 2px solid #174e98;
  color: #174e98;
  line-height: 24px;
}
.content_dlList01 dt,
.content_dlList01 dd,
.content_dlList02 dt,
.content_dlList02 dd{
  min-height: 24px;
  line-height: 1.81;
}
.content_dlList01 dd,
.content_dlList02 dd{
  -ms-flex: 1;
      flex: 1;
}
.content_dlList01 dd strong,
.content_dlList02 dd strong{
  color: #174e98;
  font-weight: bold;
}

.content_dlList01{
  margin-top: 70px;
  background-color: #dde5f0;
}
.content_dlList01> div:not(:last-child){
  margin-bottom: 13px;
}

.content_dlList02{
  margin-top: 34px;
}
.content_dlList02> div:not(:last-child){
  margin-bottom: 60px;
}

.priceTableSection{
  padding-bottom: 150px;
}

@media screen and (max-width: 600px){
  .allContinentalSection{
    height: 265px;
  }
  .allContinentalSection_header{
    margin-bottom: 0;
  }
  .allContinentalSection_header_border{
    font-size: 18px;
  }
  .allContinentalSection_header_large{
    font-size: 26px;
  }
  .allContinentalSection_header_large img{
    width: 28px;
    height: 28px;
  }
  .allContinentalSection_img{
    width: 70px;
    height: 70px;
  }
  .hdBox p.robotoBLi{
    white-space: normal;
  }
  .img_list li{
    width: 100%;
  }
  .split_img{
    margin-top: 30px;
  }
  .explanation_list li:not(:last-child){
    margin-bottom: 40px;
  }
  .explanation_list div{
    padding-top: 4px;
    padding-left: 40px;
    font-size: 16px;
  }
  .explanation_list div::before{
    width: 30px;
    height: 30px;
    font-size: 20px;
    line-height: 30px;
  }
  .allSeasonPageSection .evidence__reverse .con{
    margin-right: 0 !important;
  }
  .allSeasonPageSection .evidence__reverse .con img{
    margin-bottom: 20px;
    max-width: 100% !important;
  }
  .boxHeading{
    font-size: 18px;
  }
  .section05_meritUnit{
    -ms-flex-direction: column;
        flex-direction: column;
    margin-top: 40px;
    margin-bottom: 30px;

    gap: 40px;
  }
  .lineupSmall{
    margin-top: 10px;
    font-size: 12px;
  }
  .content_dlList01,
  .content_dlList02{
    padding: 20px 24px;
  }
  .content_dlList01> div,
  .content_dlList02> div{
    display: block;
  }
  .content_dlList01 dt,
  .content_dlList02 dt{
    margin-right: 0;
    padding-right: 0;
    width: auto;
    border-right: none;
  }
  .content_dlList01 dt,
  .content_dlList01 dd,
  .content_dlList02 dt,
  .content_dlList02 dd{
    font-size: 14px;
  }
  .content_dlList01{
    margin-top: 35px;
  }
  .content_dlList02> div:not(:last-child){
    margin-bottom: 30px;
  }
  .priceTableSection{
    padding-bottom: 75px;
  }
}
