/* 共通
--------------------------- */
a:link,a:visited,a:hover{
  color: inherit;
  text-decoration: none!important;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.clearfix:before {
  content: "";
  display: block;
  clear: both;
}
.clearfix {
  display: block;
}

.summer_sale__wrapper {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
}
.cl-pink {
  color: #E74480;
}
.cl-blue {
    color: #6e5a5a;
}


/* メインビジュアル
--------------------------- */
.mv {
  position: relative;
}
.mainvisual {
  width: 100%;
}
.mv .mv_item--1 {
  width:clamp(14rem, 6.097rem + 12.9vw, 19rem);
  position: absolute;
  bottom: -101px;
  left: 46%;
  z-index: 1;
}
.mv .mv_item--2 {
  width: clamp(14rem, 6.097rem + 12.9vw, 19rem);
  position: absolute;
  right: 47.5%;
  bottom: -76px;
}

/* sec1 */
.sec.no1 {
  width: 960px;
  margin: 0 auto;
  margin-top: 115px;
}
.introduction {
  font-size: 20px;
  line-height: 36px;
  margin: 30px 0;
  text-align: center;
}
.introduction p{
  font-size: 24px;
}
.introduction span {
  font-size: 29px;
}

.sec.no1 .nav .list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.sec.no1 .nav .list a {
  display: flex;
  width: 245px;
  height: 60px;
  border: 2px solid #F8FE10;
  background: #F8FE10;
  border-radius: 50px;
  padding-left: 16px;
  align-items: center;
  color: #333333;
  line-height: 22px;
  position: relative;
  text-decoration: none;
  margin-left: 12px;
  font-size: 14px;
  font-family: zenmaru gothic;
  margin-top: 20px;
}

.sec.no1 .nav .list a:first-child {
  margin-left: 0px;
}

.sec.no1 .nav .list a::after {
  content: "";
  width: 9px;
  height: 9px;
  border: 0;
  border-top: solid 2px #333333;
  border-right: solid 2px #333333;
  position: absolute;
  bottom: 26px;
  right: 8%;
  margin-top: -8px;
  transform: rotate(135deg);
}

/* .sec.no1 .nav .list a:nth-child(2n)::after {
  border-top: solid 2px #87B215;
  border-right: solid 2px #87B215;
} */

.sec.no1 .nav .list a img {
  width: 35px;
  height: 30px;
  object-fit: contain;
  margin-right: 12px;
}

.sec.no1 .nav .list a:nth-child(2n) {
  border: 2px solid #94E3F5;
  background: #94E3F5;
}


/* paypayポイントプレゼント */
.paypay_wrapper {
  text-align: center;
  margin: 80px 0;
  font-size: 22px;
}
.sec_icon{
  width: 2rem;
}
.title {
  font-family: zen maru gothic;
}
.title .sub_ttl {
  display: block;
  color: #196FB8;
  border-bottom: 2px dotted #2577bc;
  width: 68px;
  margin: 0 auto;
  padding: 5px;
  font-size: 16px;
}
h2 {
  font-size: 35px;
  color: #2577bc;
  margin: 20px 0;
  position: relative;
  position: relative;
  right: -32px;
}

h2::before {
  content: "";
  background: url(/car/special/summer_sale/images/pppoint_logo.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 55px;
  height: 55px;
  display: inline-block;
  position: absolute;
  left: 183px;
  top: -14px;
}
h2::after{
  content: "";
  position: absolute;
  left: 0;
  right: 5px;
  bottom: -12px;
  width: 44%;
  height: 0.4em;
  background: #D9F8FF;
  z-index: -1;
  margin: auto;
}
.text-box {
  padding: 15px 0;
  line-height: 1.6;
}
.text-box .sm {
  font-size: 20px;
}
.date {
    background: #fbfcca;
    width: 680px;
    margin: 0 auto;
    border-radius: 5px;
    padding: 10px 0;
    line-height: 1.5;
    margin-top: 20px;
}
.date .information {
  width: 80%;
  margin: 0 auto;
}
.apply {
  position: relative;
}
.apply .triangle {
  width: 4rem;
  position: absolute;
  top: 34%;
  left: 0;
  right: -20px;
  margin: auto;
}
.apply_wrapper {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  font-size: 16px;
}
.apply h3 {
  font-size: 32px;
  margin: 63px 0;
  color: #196FB8;
  position: relative;
}
.apply h3::before {
  content: "";
  background: url(/car/special/summer_sale/images/icon04.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  width: 30px;
  height: 30px;
  left: 38%;
}
.apply h3::after {
  content: "";
  background: url(/car/special/summer_sale/images/icon05.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  width: 31px;
  height: 30px;
  right: 38%;
}
.step1, .step2 {
  border: 2px solid #8BD7E7;
  background: #D9F8FF;
  border-radius: 5px;
  position: relative;
}
.apply_wrapper .step1::before,
.apply_wrapper .step2::before {
  content: "";
  background: url(/car/special/summer_sale/images/step1.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 80px;
  height: 80px;
  position: absolute;
  top: -41px;
  right: 0;
  left: 0;
  margin: auto;
}
.apply_wrapper .step2::before {
  background: url(/car/special/summer_sale/images/step2.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.step1_box {
  border-bottom: 2px solid #8BD7E7;
  padding: 15px 43px;
}
.step1_box:last-child {
  border-bottom: 0;
}
.step1_box_txt {
  margin-top: 50px;
}
.step2 {
  padding: 15px 43px;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}
.apply_wrapper .apply_btn {
  background: #F08300;
  color: #fff;
  padding: 15px 10px;
  width: 292px;
  color: #fff;
  display: inline-block;
  border-radius: 50px;
  margin-top: 10px;
  position: relative;
}
.apply_wrapper .apply_btn::after {
  content: "";
  width: 8px;
  height: 8px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  bottom: 39%;
  right: 6%;
  margin-top: -8px;
  transform: rotate(45deg);
}
.apply_wrapper .step2 .apply_btn {
  background: #003894;
  margin-top: 19px;
}
.note {
  text-align: left;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 400;
  padding-top: 40px;
  line-height: 1.4;
}
.note a {
  color: #003894;
}


/* おトクなレンタカークーポン */
.summer_sale__wrapper .no2 {
  background: url(/car/special/summer_sale/images/bg2.jpg);
  background-size: cover;
  padding-top: 60px;
  margin-top: 100px;
  padding-bottom: 110px;
  text-align: center;
}
.plan_wrapper .sec_icon {
  width: 2.5rem;
}
.plan_wrapper h2 {
  color: #196FB8;
  z-index: 1;
  right: 0;
  width: 515px;
  margin: 0 auto;
  padding: 20px;
}
.plan_wrapper h2::before {
  content: none;
}
.plan_wrapper h2::after {
  background: #e4f9ff;
  width: 100%;
  bottom: 6px;
}
.plan_wrapper .date {
  background: #fff;
  border-radius: 0;
  margin-top: 30px;
  margin-bottom: 11px;
  padding: 20px 0;
}
.plan_wrapper .date .title{
  font-size: 20px;
  border-bottom: 2px dotted #E65C8C;
  width: 80%;
  margin: 0 auto;
  padding: 3px 0;
}
.date .sp-term {
  color: #E65C8C;
}
.plan_wrapper .information {
    padding-top: 10px;
    font-size: 20px;
    text-align: center;
    width: 53%;
}

/* ポップアップ */
.popup {
  text-align: center;
}
.popup button {
  background: none;
  border: none;
  border-bottom: 1px solid #3E3E3E;
  font-size: 12px;
}
/* ポップアップのスタイル */
.popup_detail {
  display: none; /* 初期状態では非表示 */
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  padding: 20px;
  background-color: white;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  z-index: 1000;
}
.popup_detail.active {
  display: block; 
  width: 800px;
  padding: 30px;
}

.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
}
.overlay.active {
  display: block;
}  

.sec.no2 .popup .wrapper {
  padding: 40px 0px;
}

.popup .list .unit {
  display: flex;
  margin-top: 50px;
  justify-content: space-around;
}

.popup #close-popup {
  position: absolute;
  width: 30px;
  height: 30px;
  cursor: pointer;
  top: 0;
  right: 0;
  border-bottom: none;
}

.popup #close-popup::before, .popup #close-popup::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 1px;
  background-color: black;
  transform-origin: center;
}

.popup #close-popup::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.popup #close-popup::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.popup .list .unit .item {
  display: flex;
  flex-direction: column;
  align-items: center;
}


.popup .list .unit .item img {
  width: 233px;
  height: auto;
  /* object-fit: cover; */
  border-radius: 10px;
  border: 2px solid #e0dadc;
}

.popup .list .unit .item p:nth-child(2) {
  margin-top: 10px;
  font-size: 14px;
  color: #E65C8C;
  font-weight: bold;
  line-height: 22px;
}

.popup .list .unit .item p:nth-child(3) {
  width: 225px;
  line-height: 22px;
  margin-top: 10px;
}

.popup .wrapper .title p {
  font-size: 35px;
  border-bottom: none;
  background: linear-gradient(transparent 50%, #FFEFF4 50%);
  padding-bottom: 0.3em;
  /* margin-top: 50px; */
}


/* 検索 */
.summer_sale_searchbox_wrap {
  position: relative;
}
.summer_sale_searchbox_wrap .legacySearch__area--wrapper {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -140px;
}
.summer_sale_searchbox {
  line-height: 2;
  margin-top: 75px;
}
.summer_sale_searchbox::before {
  content: "";
  background: url(/car/special/summer_sale/images/icon07.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  width: 50px;
  height: 50px;
}
.summer_sale_searchbox .summer_sale_searchbox_ttl {
  font-size: 30px;
  position: relative;
  width: 500px;
  margin: 0 auto;
}
.summer_sale_searchbox .summer_sale_searchbox_ttl::before {
  position: absolute;
  left: 38px;
  top: 22px;
  content: "";
  width: 2px;
  height: 33px;
  background: #3E3E3E;
  border-radius: 3px;
  transform: rotate(-25deg);
}
.summer_sale_searchbox .summer_sale_searchbox_ttl::after {
  position: absolute;
  right: 38px;
  top: 22px;
  content: "";
  width: 2px;
  height: 33px;
  background: #3E3E3E;
  border-radius: 3px;
  transform: rotate(25deg);
}
.summer_sale_searchbox .summer_sale_searchbox_txt {
  font-size: 20px;
}


.summer_sale__wrapper .search__area--q4 .search__area--car_type dd label span span {
  width: 100%;
  line-height: normal;
}
.summer_sale__wrapper .search__area--q4 .search__area--car_type dd label input:checked + span, .search__area--q4 .search__area--car_type dd label > span:hover {
  /* background: #F4FBFF; */
}
.summer_sale__wrapper .legacySearch__balloon--option .search__area--car_state dd {
  height: 52px;
  font-weight: 500;
}
.summer_sale__wrapper .legacySearch__modal#below .legacySearch__balloon--inner::before{
  bottom: auto;
  top: -10px;
  border: 11px solid transparent;
  border-bottom-color: #fff;
  border-top-width: 0;
}
.summer_sale__wrapper .legacySearch__modal#below .legacySearch__balloon--inner::after {
  top: -11px;
}
.summer_sale__wrapper  .select__area label span:hover{
  background: #EAF7FF;
}
.summer_sale__wrapper .summer_sale__wrapper_search .title {
  font-size: 20px;
  color: #3E3E3E;
  text-align: center;
  font-weight: bold;
  position: relative;
  display: block;
}
.summer_sale__wrapper .summer_sale__wrapper_search .title span {
  color: #E65C8C;
}
.ummer_sale__wrapper .summer_sale__wrapper_search .title::before {
  position: absolute;
  left: 205px;
  top: 11px;
  content: "";
  width: 2px;
  height: 21px;
  background: #3E3E3E;
  border-radius: 3px;
  transform: rotate(-25deg);
}
.summer_sale__wrapper .summer_sale__wrapper_search .title::after {
  position: absolute;
  right: 215px;
  top: 11px;
  content: "";
  width: 2px;
  height: 21px;
  background: #3E3E3E;
  border-radius: 3px;
  transform: rotate(25deg);
}
.summer_sale__wrapper .summer_sale__wrapper_search {
  padding-top: 52px;
  height: 150px;
}
.summer_sale__wrapper .summer_sale__wrapper_searchbox {
  position: relative;
  transform: initial;
  bottom: initial;
  left: initial;
  top: 702px;
}
.summer_sale__wrapper .legacySearch__area {
  bottom: 30px;
  border: 1px solid #a2a2a2;
  border-radius: 16px;
}
/* .summer_sale__wrapper .legacySearch__area .legacySearch--datepicker > span {
  width: calc(100% - 7px);
  padding: 0 0 0 3px;
  font-family: 'Roboto', sans-serif;
  font-size: 75.7%;
  font-weight: bold;
  background-size: 18px auto;
} */


/* カルーセル */
.summer_sale__wrapper .carousel1 {
  margin-top: 100px;
  position: relative;
}
.plan_wrapper .carousel1.--honshu {
    margin-top: 200px
}
.carousel1 .deco1 {
  position: absolute;
  right: -48px;
  bottom: -49px;
}
.carousel1.--hokkaido .deco1 img{
  width: 50%;
}
.carousel1.--kyusyu .deco1{
  right: 52px;
  bottom: 0;
}
.carousel1.--kyusyu .deco1 img{
  width: 42%;
}
.carousel1.--okinawa .deco1 {
  right: -104px;
  bottom: -104px;
}
.carousel1.--okinawa .deco1 img{
  width: 82%;
}
.tabs {
  display: flex;
  gap: 5px;
  justify-content: center;
}
.tab {
  padding: 3px 20px;
  background-color: #fff;
  color: #3492C4;
  font-size: 30px;
  width: 260px;
  height: 70px;
  font-weight: bold;
  border-radius: 10px;
  line-height: 2;
  position: relative;
  margin-bottom: 30px;
  border: 2px solid #e69e31; 
}
.tab::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #fff;
    z-index: 1;
}

.tab::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -17px; /* ::before より少し大きめに */
    width: 0;
    height: 0;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    border-top: 17px solid #e69e31;
    z-index: 0; 
}

.--hokkaido .tab {
      border: 2px solid #3492C4;   
}

.--hokkaido .tab::after {
      border-top: 17px solid #3492C4;
}

.--kyusyu .tab {
      border: 2px solid #B365C1;   
}

.--kyusyu .tab::after {
      border-top: 17px solid #B365C1;
}

.--okinawa .tab {
      border: 2px solid #C43A3A;   
}

.--okinawa .tab::after {
      border-top: 17px solid #C43A3A;
}



.tab.active {
  background-color: #ffffff;
  border: none;
  color: #3492C4;
  font-size: 26px;
  font-weight: bold;
}
.tab-content .content {
  display: none;
}
.tab-content .content.active {
  display: block;
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
}
.swiper-container-wrapper {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  overflow: hidden;
  background: #fff;
  padding: 50px 0px 30px 0px;
  border-radius: 30px;
}

.swiper-container {
  width: 100%;
  overflow: visible;
  margin-bottom: 10px;
}
.swiper-wrapper {
  width: 100%;
}
.swiper-slide {
  display: flex;
  /* align-items: center;
  justify-content: center; */
  font-size: 20px;
  width: 233px !important;
  /* height: 395px; */
}

.swiper-button-next,
.swiper-button-prev {
  top: 50%;
  transform: translateY(-50%);
  color: #333;
  background: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  color: #fff;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  color: #3E3E3E;
  font-size: 14px;
}

.swiper-button-next {
  right: -22px; /* 必要に応じて位置を調整 */
}

.swiper-button-prev {
  left: -22px; /* 必要に応じて位置を調整 */
}  

.swiper-pagination-bullet {
  background-color: #333;
  opacity: 0.7;
}

.summer_sale__wrapper .swiper-pagination {
  margin-top: 10px;
} 

.summer_sale__wrapper .swiper-pagination {
  position: initial;
}

.summer_sale__wrapper .swiper-slide .item {
  width: 100%;
  background: #EAF4F9;
  border-radius: 20px 20px 20px 20px;
}

.summer_sale__wrapper .swiper-slide .item .top {
  background: #F2F8FB;
  /* padding: 15px; */
  position: relative;
  /* margin-bottom: 5%; */
  display: flex;
  align-items: center;
  justify-content: center;
  height: 84px;
  border-radius: 20px 20px 0 0;
  height: 84px;
  flex-direction: column;
}
.summer_sale__wrapper .swiper-slide .item .top svg {
  position: absolute;
  top: 83px;
}
.summer_sale__wrapper .swiper-slide .item .top img {
  width: 40px;
  object-fit: contain;
}
.summer_sale__wrapper .swiper-slide .item .top .logoname {
  font-size: 14px;
  line-height: 29px;
}
.summer_sale__wrapper .swiper-slide .item .down {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 20px;
}
.summer_sale__wrapper .swiper-slide .item .down img {
  width: 200px;
  height: 120px;
  object-fit: contain;
  margin-top: 35px;
}
.summer_sale__wrapper .swiper-slide .item .down p:nth-child(2) {
  font-size: 12px;
  margin-top: 10px;
}
.summer_sale__wrapper .swiper-slide .item .down p:nth-child(3) {
  font-size: 16px;
}
.summer_sale__wrapper .swiper-slide .item .down p:nth-child(4) {
  font-size: 28px;
  font-weight: bold;
  color: #3492C4;
  line-height: 16px;
  margin-top: 13px;
}
.summer_sale__wrapper .swiper-slide .item .down p:nth-child(4) span {
  font-size: 18px;
}
.summer_sale__wrapper .triangle {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}
.summer_sale__wrapper .btn {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  padding: 10px 25px 25px 15px;
}
.summer_sale__wrapper .btn a {
  background: #3492C4;
  color: #fff !important;
  position: relative;
  font-size: 12px;
  display: inline-block;
  border-radius: 40px;
  font-weight: bold;
  width: 160px;
  height: 37px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}   
.summer_sale__wrapper .btn.bl2 a {
  width: 340px;
  height: 60px;
  font-size: 16px;
} 
/* 九州 */
.summer_sale__wrapper .carousel1.--kyusyu .tab,
.summer_sale__wrapper .carousel1.--kyusyu .swiper-slide .item .down p:nth-child(4) {
  color: #B365C1;
}
.summer_sale__wrapper .carousel1.--kyusyu .btn a {
  background: #B365C1;
}
.summer_sale__wrapper .carousel1.--kyusyu .swiper-slide .item {
  background: #F7EFF9 !important;
}
.summer_sale__wrapper .carousel1.--kyusyu .swiper-slide .item .top {
  background: #FAF5FB !important;
}
/* 沖縄 */
.summer_sale__wrapper .carousel1.--okinawa .tab,
.summer_sale__wrapper .carousel1.--okinawa .swiper-slide .item .down p:nth-child(4) {
  color: #C43A3A;
}
.summer_sale__wrapper .carousel1.--okinawa .btn a {
  background: #C43A3A;
}
.summer_sale__wrapper .carousel1.--okinawa .swiper-slide .item {
  background: #F9EBEB !important;
}
.summer_sale__wrapper .carousel1.--okinawa .swiper-slide .item .top {
  background: #FBF3F3 !important;
}

/* 本州 */
.summer_sale__wrapper .carousel1.--honshu .tab,
.summer_sale__wrapper .carousel1.--honshu .swiper-slide .item .down p:nth-child(4) {
  color: #e69e31;
}
.summer_sale__wrapper .carousel1.--honshu .btn a {
  background: #ec8d49;
}
.summer_sale__wrapper .carousel1.--honshu .swiper-slide .item {
  background: #fff3df !important;
}
.summer_sale__wrapper .carousel1.--honshu .swiper-slide .item .top {
  background: #fff7e6 !important;
}


/* 第二弾 */
.summer_sale__wrapper .no3 {
  margin-top: 0;
  background: url(/car/special/summer_sale/images/bg2.jpg);
  padding: 50px 0;
}
.mainland {
  color: #B4AE48;
}
.cs_txt {
  font-size: 30px;
}
.cs_box {
  font-size: 25px;
  border: 2px solid #4B4B4B;
  padding: 20px 0;
  margin-top: 30px;
  margin: 0 auto;
  margin-top: 30px;
  max-width: 600px;
}
/* 注意事項 */
.notice_wrap {
  max-width: 800px;
  margin: 0 auto;
}
.notice_ttl {
  text-align: center;
  font-size: 20px;
  padding: 50px 0 30px;
}
.notice_txt_box {
  font-size: 16px;
  font-weight: 400;
}



/* sec3 */
.summer_sale__wrapper .sec.no3 .title p,.summer_sale__wrapper .sec.no5 .title p {
  color: #87B215;
  border-bottom: #87B215;
}
  
.summer_sale__wrapper .carousel2 .tab.active {
  background: #EAF4F9;
}

.carousel1 .tab.active[data-tab="2"] {
  color: #B365C1;
  background: #fff;
}

.carousel1 .tab.active[data-tab="3"] {
  color: #C43A3A;
}

.carousel1 .tab.active[data-tab="4"] {
  color: #E65C8C;
}


.carousel2 .tab.active[data-tab="2"] {
  color: #C43A3A;
  background: #F9EBEB;
}

.summer_sale__wrapper .carousel2 .swiper-container-wrapper {
  background: #EAF4F9;
  padding: 50px 50px;
}

.carousel2 .swiper-container {
  overflow: hidden;
  width: 100%;
}

.carousel2 .swiper-wrapper {
  display: flex;
  justify-content: flex-start;
}

.carousel2 .swiper-slide {
  width: calc(25% - 17.25px) !important;
}

.summer_sale__wrapper .sec.no3 .swiper-slide .item .top {
  background: none;
  display: block;
  height: auto;
}

.summer_sale__wrapper .sec.no3  .swiper-slide .item {
  background: #fff;
}

.summer_sale__wrapper .sec.no3 .swiper-slide {
  background: #fff;
  height: auto;
  border-radius: 10px;
}

.summer_sale__wrapper .sec.no3 .swiper-slide .item .top img {
  width: 100%;
  height: 155px;
  object-fit: cover;
  border-radius: 10px 10px 0 0;
}

.summer_sale__wrapper .sec.no3 .swiper-slide .item .down {
  align-items: flex-start;
}

.summer_sale__wrapper .sec.no3 .swiper-slide .item .down p:nth-child(1) {
  font-size: 14px;
  color: #d72f3e;
  line-height: 22px;
  font-weight: bold;
}

.summer_sale__wrapper .sec.no3 .swiper-slide .item .down p:nth-child(2) {
  font-size: 14px;
  color: #3492C4;
  line-height: 22px;
  font-weight: bold;
  margin-top: 8px;
}

.summer_sale__wrapper .sec.no3 .swiper-slide .item .down p:nth-child(3) {
  font-size: 12px;
  color: #3E3E3E;
  line-height: 22px;
  margin-top: 10px;
}

.summer_sale__wrapper .sec.no3  .swiper-slide .item .down {
  padding: 12px 10px;
}

.summer_sale__wrapper .sec.no3 .swiper-button-next {
  right: 110px;
}

.summer_sale__wrapper .sec.no3 .swiper-button-prev {
  left: 110px;
}

@media screen and (min-width: 1300px) {
  .summer_sale__wrapper .sec.no3 .swiper-button-next {
      transform: translateX(-340%);
  }
  .summer_sale__wrapper .sec.no3 .swiper-button-prev {
      transform: translateX(340%);
  }
}

/* Pagination間隔を15pxに設定 */
.swiper-pagination-bullet {
  margin: 0 7.5px !important; 
  background-color: #DBDBDB; 
  opacity: 1; 
  width: 8px; 
  height: 8px; 
  transition: background-color 0.3s ease; 
}

/* 選ばれているPaginationの色 */
.swiper-pagination-bullet-active {
    background-color: #3492C4;
}

.--honshu .swiper-pagination-bullet-active {
    background-color: #EC8D49; 
}

.--kyusyu .swiper-pagination-bullet-active {
    background-color: #B365C1; 
}

.--okinawa .swiper-pagination-bullet-active {
    background-color: #C43A3A; 
}



.summer_sale__wrapper .sec.no4 {
  background: url(/car/service/summer_sale__wrapper/images/bg1.jpg);
  background-size: cover;
  padding-top: 60px;
  margin-top: 100px;
  padding-bottom: 110px;
  position: relative;
}

.summer_sale__wrapper .deco3 {
  position: absolute;
  top: -30px;
  right: 160px;
}

.summer_sale__wrapper .sec.no4 .spot {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 80px;
}

.summer_sale__wrapper .sec.no4 .spot .wrapper {
  display: grid;
  gap: 20px; /* 要素間のスペース */
  grid-template-columns: repeat(3, 1fr); /* 3列構成 */
}

.summer_sale__wrapper .sec.no4 .spot .wrapper .item {
  flex: 1 0 calc(33.333% - 20px); 
  box-sizing: border-box; 
  padding: 10px;
  background: #fff;
  text-align: center;
  position: relative;
  border-radius: 10px;
  text-align: center;
}

.summer_sale__wrapper .sec.no4 .spot .wrapper .item:nth-child(n+4) {
  margin-top: 60px;
}

.summer_sale__wrapper .sec.no4 .spot .wrapper .item p {
  line-height: 22px;
  margin-top: 10px;
  text-align: left;
}

/* 4列目以降を新しい段に押し込む */
.summer_sale__wrapper .sec.no4 .spot .wrapper .item:nth-child(3n+1) {
  clear: left;
}

.summer_sale__wrapper .sec.no4 .spot .wrapper .item img {
  width: 280px;
  height: 186px;
  object-fit: cover;
  position: relative;
  z-index: 30;
  margin-top: 27px;
}

.summer_sale__wrapper .sec.no4 .spot .wrapper .item .circle {
  background: url(/car/service/summer_sale__wrapper/images/circle.png);
  background-size: cover;
  background-position: center;
  overflow: hidden;
  width: 170px;
  height: 170px;
  object-fit: contain;
  position: absolute;
  top: -40px;
  right: 23%;
  display: flex;
  justify-content: center;
  /* align-items: center; */
  /* flex-direction: column; */
  padding-top: 24px;
  z-index: 20;
  font-size: 26px;
  font-weight: bold;
}

.summer_sale__wrapper .sec.no4 .spot .wrapper .item:nth-child(4) .circle {
  right: 50%;
  transform: translateX(50%); /* 真ん中に正確に配置するために追加 */
}

.summer_sale__wrapper .sec.no4 .spot .wrapper .item:nth-child(5) .circle {
  right: 50%;
  transform: translateX(50%); /* 同様に真ん中に配置 */
}

.summer_sale__wrapper .bluec {
  color: #3492C4;
}

.summer_sale__wrapper .greenc{
  color: #45B132;
}

.summer_sale__wrapper .brownc {
  color: #A86F13;
}

.summer_sale__wrapper .orangec {
  color: #F08100;
}

.summer_sale__wrapper .purplec {
  color: #B365C1;
}

.summer_sale__wrapper .redc {
  color: #C43A3A;
}

.summer_sale__wrapper .sb .bluec {
  background: #3492C4;
}
.summer_sale__wrapper .sb .greenc {
  background: #45B132;
}
.summer_sale__wrapper .sb .brownc {
  background: #A86F13;
}
.summer_sale__wrapper .sb .orangec {
  background: #F08100;
}
.summer_sale__wrapper .sb .purplec {
  background: #B365C1;
}
.summer_sale__wrapper .sb .redc {
  background: #C43A3A;
}

.summer_sale__wrapper .btn.pnk {
  margin-top: 50px;
  display: flex;
  justify-content: center;
}

.summer_sale__wrapper .btn.pnk a {
  width: 340px;
  height: 60px;
  font-size: 16px;
  background: #E65C8C; 
}


/* sec5 */
.summer_sale__wrapper .sec.no5 {
  position: relative;
  padding-top: 60px;
}

.summer_sale__wrapper .deco4 {
  position: absolute;
  top: -80px;
  left: 90px;
}

.summer_sale__wrapper .btn.grn {
  margin-top: 50px;
  padding: 0;
}

.summer_sale__wrapper .btn.grn a {
  width: 340px;
  height: 60px;
  background: #87B215;
  font-size: 16px;
}

.summer_sale__wrapper .sec.no5 .detail {
  max-width: 676px;
  margin: 0 auto; 
}

.summer_sale__wrapper .sec.no5 .introduction {
  margin-top: 50px;
}

.summer_sale__wrapper .sec.no5 .detail .content {
  background: #F8F6E9;
  padding: 30px 40px;
  margin-top: 30px;
  border-radius: 30px;
}

.summer_sale__wrapper .sec.no5 .detail .content .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.summer_sale__wrapper .sec.no5 .detail .content .wrapper .left {
  width: 48%;
  margin-top: 10px;
}

.summer_sale__wrapper .sec.no5 .detail .content .wrapper .right {
  width: 48%;
}

.summer_sale__wrapper .sec.no5 .detail .content .wrapper .left .item {
  font-size: 21px;
  line-height: 50px;
  color: #3E3E3E;
  font-weight: bold;
}

.summer_sale__wrapper .sec.no5 .detail .content .wrapper .left .item p span {
  color: #87B215;
}

.summer_sale__wrapper .sec.no5 .detail .content .wrapper .left .item .border {
  border-top: 1px dotted #B2AE91; 
  margin-top: 10px; 
  margin-bottom: 10px;
}

.summer_sale__wrapper .sec.no5 .detail .content .wrapper .right .com {
  display: flex    ;
  align-items: center;
  justify-content: center;
}

.summer_sale__wrapper .sec.no5 .detail .content .wrapper .right .com p {
  font-size: 14px;
  font-weight: bold;
}

.summer_sale__wrapper .sec.no5 .detail .content .wrapper .right .com .border {
  content: "";
  display: inline-block;
  width: calc(100% - 140px);
  height: 1px;
  margin-left: 8px;
  border-top: 1px dotted #B2AE91;
  vertical-align: middle;
}

.summer_sale__wrapper .sec.no5 .detail .content .wrapper .right .unit {
  display: flex;
  flex-wrap: wrap; /* 要素を折り返す */
  gap: 16px; 
}


.summer_sale__wrapper .sec.no5 .detail .content .wrapper .right .unit img {
  flex: 0 0 calc(33.333% - 12px);
  max-width: 100%;
  height: auto;
  width: 100%;
}

.summer_sale__wrapper .sec.no5 .note {
  line-height: 22px;
  margin-top: 30px;
  font-size: 12px;
}

.summer_sale__wrapper .sec.no5 .note .title {
  font-size: 14px;
  color: #000;
  align-items: baseline;
}

.summer_sale__wrapper .sec.no5 .note + .border {
  content: "";
  /* display: inline-block; */
  width: 100%;
  height: 1px;
  border-top: 1px dotted #B2AE91;
  /* vertical-align: middle; */
  margin-top: 30px;
}


.summer_sale__wrapper .blbtn_top {
  margin-top: 100px;
  margin-bottom: 70px;
  text-align: center;
}

.summer_sale__wrapper .blbtn_top a {
  background: #003894;
  color: #fff !important;
  padding: 8px 180px 8px 15px;
  position: relative;
  text-decoration: none !important;
  font-size: 18px;
  text-align: left;
  display: inline-block;
}

.summer_sale__wrapper .blbtn_top a::after {
  content: "";
  width: 12px;
  height: 12px;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: 50%;
  right: 5%;
  margin-top: -8px;
  transform: rotate(45deg);
}


/* 色毎 */
/* kyushu  */
.summer_sale__wrapper .kyushuc {
  color: #B365C1 !important;
}

.summer_sale__wrapper .kyushub {
  background: #FAF5FB !important;
}

.summer_sale__wrapper .kyushub2 {
  background: #F7EFF9 !important;
}

.summer_sale__wrapper .kyushub3 {
  background: #B365C1 !important;
}

/* okinawa */
.summer_sale__wrapper .okinawac {
  color: #C43A3A !important;
}

.summer_sale__wrapper .okinawab {
  background: #FBF3F3 !important;
}

.summer_sale__wrapper .okinawab2 {
  background: #F9EBEB !important;
}

.summer_sale__wrapper .okinawab3 {
  background: #C43A3A !important;
}

/* sonota */
.summer_sale__wrapper .sonotac {
  color: #E65C8C !important;
}

.summer_sale__wrapper .sonotab {
  background: #FFF5F8 !important;
}

.summer_sale__wrapper .sonotab2 {
  background: #FFEFF4 !important;
}

.summer_sale__wrapper .sonotab3 {
  background: #E65C8C !important;
}

/* 当選内容 */
.summer_sale__wrapper .winningdetails {

}

.summer_sale__wrapper .winningdetails .title {
    font-size: 32px;
    color: #2577bc;
    position: relative;
    margin-top: 30px;
    margin-bottom: 30px;
}

.summer_sale__wrapper .winningdetails .title::before {
    content: "";
    background: url(/car/special/summer_sale/images/icon04.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    width: 30px;
    height: 30px;
    left: 38%;
}

.summer_sale__wrapper .winningdetails .title::after {
    content: "";
    background: url(/car/special/summer_sale/images/icon05.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 31px;
    height: 30px;
    right: 38%;
}

.summer_sale__wrapper .winningdetails .wrapper {
    max-width: 680px;
    margin: 0 auto;
    background: #fbfcca;
    padding: 60px 50px;
    font-size: 1.2em;
    border-radius: 20px;
    border: 2px solid #d9da8a;
    color: #6e5a5a;
}


.summer_sale__wrapper .winningdetails .wrapper .card {
  all: unset;
  display: flex;
  justify-content: space-between;
  margin-top: 90px;
}

.summer_sale__wrapper .winningdetails .wrapper .card:first-child {
  margin-top: 0px;
}

.summer_sale__wrapper .winningdetails .wrapper .card .left p {
  position: relative;
  z-index: 10;
  color: #fff;
}

.summer_sale__wrapper .winningdetails .wrapper .card .left p::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;   /* 円のサイズ */
  height: 80px;
  background-color: #c2b04c; 
  border-radius: 50%;
  z-index: -1;
}

.summer_sale__wrapper .winningdetails .wrapper .card.no2 .left p::before {
  background-color: #adadad; 
    width: 70px;
    height: 70px;
}

.summer_sale__wrapper .winningdetails .wrapper .card.no3 .left p::before {
    background-color: #c87545;
    width: 65px;
    height: 65px;
}

.summer_sale__wrapper .winningdetails .wrapper .card .left {
  display: flex;
}

.summer_sale__wrapper .winningdetails .wrapper .card .left .border {
    border-bottom: 2px solid #d2d48b;
    width: 170px;
    margin-left: 80px;
    position: relative;
    top: -9px;
}

.summer_sale__wrapper .winningdetails .wrapper .card .right {
  display: flex;
  font-size: 1.5em;
}


.summer_sale__wrapper .winningdetails .wrapper .card .amount {
  
}

.summer_sale__wrapper .winningdetails .wrapper .card.no2 {
  font-size: 0.9em;
}

.summer_sale__wrapper .winningdetails .wrapper .card.no3 {
  font-size: 0.8em;
}

.summer_sale__wrapper .winningdetails .wrapper .card span {
    font-size: 0.7em;
}

.summer_sale__wrapper .winningdetails .wrapper .card .people {
      margin-left: 20px;
}

/* partsに記載のもの消す */

.btn::before, .btn::after {
  display: none;
}