.carrental-copy{
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 10px;
	color: #008ccf;
	line-height: 1.8;
	}
.carrental_cta__title{
	font-size: 20px;
	font-weight: 400;
	text-align: center;
	margin-bottom: 10px;
}

.carrental_cta{
  display:flex;
  align-items:stretch;
  background:#fff;
}

/* =====================================================
   SP（〜767px）デフォルト
   ===================================================== */

/* 色テーマ（ここだけ変えれば全部変わる） */
.carrental_cta.ctagreen{
  --cta-color:#0b8f47;
}
.carrental_cta.ctaorange{
  --cta-color:#cf6a3f;
}

/* 枠線 */
.carrental_cta.ctagreen,
.carrental_cta.ctaorange{
  border:4px solid var(--cta-color);
}

/* 左ラベル */
.carrental_cta__left{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 8px;
  background:var(--cta-color);
  color:#fff;
  font-weight:700;
  font-size:16px; /* SP小さめ */
  white-space:nowrap;
}

/* 右 */
.carrental_cta__right{
  display:flex;
  flex-direction:column;
  flex:1;
}

.carrental_cta__row{
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  color:var(--cta-color);
  font-weight:800;
  line-height:1.2;
  padding:8px 8px;
}

.carrental_cta__row--tel{
  font-size:22px; /* SP */
}

.carrental_cta__row--mail{
  font-size:16px; /* SP */
  border-top:3px solid var(--cta-color);
}

.carrental_cta__icon{
  margin-right:8px;
  font-size:22px;
}


/* =====================================================
   PC（768px〜）
   ===================================================== */
@media screen and (min-width: 768px){

  /* 枠線 */
  .carrental_cta.ctagreen,
  .carrental_cta.ctaorange{
    border:6px solid var(--cta-color);
  }

  /* 左ラベル */
  .carrental_cta__left{
    padding:10px 10px;
    font-size:20px;
  }

  .carrental_cta__row{
    padding:10px 10px;
    line-height:1;
  }

  .carrental_cta__row--tel{
    font-size:30px;
  }

  .carrental_cta__row--mail{
    font-size:20px;
    border-top:4px solid var(--cta-color);
  }

  .carrental_cta__icon{
    margin-right:10px;
    font-size:28px;
  }

}






.carrental_point2{
	background-color: #efefef;
	font-size:28px;
	text-align: center;
	padding:0 0 15px 0; 
	line-height: 1.5;
	color: #008ccf;
	margin-bottom: 20px;
}

.carrental_point2 h2{
	background-color: #008ccf;
	font-size:1rem;
	color:#fff;
	text-align: center;
	padding: 10px 0;
	margin: 0;
	margin-bottom: 20px;
}



	/* =====================================================
   Carrental Point (col配置はBootstrapに任せる)
   ===================================================== */

.carrental_point{
  background-color:#efefef;
  color:#008ccf;
  text-align:left;            /* ←左揃え */
  padding:0;
  line-height:1.5;
  margin-bottom:20px;
  border:none;                /* 角丸なし・枠は必要なら後で */
  border-radius:0;            /* ←角丸なし */
}

/* 見出し */
.carrental_point h2{
  background-color:#008ccf;
  font-size:1rem;
  color:#fff;
  text-align:center;
  padding:10px 0;
  margin:0;
}

/* 本文：アイコン左 + テキスト右 */
.carrental_point__body{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 14px 16px;
}

/* アイコン：最大120px */
.carrental_point__icon{
  flex:0 0 140px;
  max-width:140px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.carrental_point__icon img{
  width:100%;
  max-width:120px;
  height:auto;
  display:block;
}

/* テキスト：左揃え */
.carrental_point__text{
  flex:1;
  text-align:left;            /* ←左揃え */
  font-size:24px;
  line-height:1.4;
}

/* OFF表示 */
.carrental_point__text .off{
  font-size:40px;
  color:#ff0000;
  font-weight:800;
}

.carrental_point__text .off span{
  font-size:20px;
  color:#ff0000;
  font-weight:800;
}

/* SP調整（必要なら） */
@media (max-width:767px){
  .carrental_point__body{
    padding:12px 12px 14px;
    gap:10px;
  }

  .carrental_point__icon{
    flex-basis:96px;
    max-width:96px;
  }
  .carrental_point__icon img{
    max-width:96px;
  }

  .carrental_point__text{
    font-size:20px;
  }

  .carrental_point__text .off{
    font-size:34px;
  }
  .carrental_point__text .off span{
    font-size:16px;
  }
}



h2.carrentel{
		background-color: #008ccf;
	font-size:1rem;
	color:#fff;
	text-align: center;
	padding: 10px 0;
	margin: 0;
	margin-bottom: 20px;
	
}
h3.carrentel{
	font-size:20px;
	font-weight: 800;
	line-height: 1.8;
	text-align: center;
	margin-bottom: 20px;
}
.carrental_notice{
	background-color: #008ccf;
	font-size:30px;
	color:#fff;
	text-align: center;
	padding: 30px 0;
	margin: 0;
	margin-bottom: 20px;
	
	
}


.rental_price{
	color: #008ccf;
	font-size: 18px;
	font-weight: 700;
	line-height: 30px;
	
}
.rental_price small{
	font-size: 15px;
}


@media screen and (min-width: 768px){
.rental_price{
	color: #008ccf;
	font-size: 26px;
	font-weight: 700;
	line-height: 40px;
}
.rental_price small{
	font-size: 18px;
}	
	}