@charset "utf-8";
/* CSS Document */
/*---------------------------------------
#charterbus
---------------------------------------*/
.all_main01::before {
 background-image: url("../img/charterbus_img02.jpg");
 background-position: center 50%;
 background-size: cover;
}
.all_main01 {
 display: flex;
 justify-content: space-between;
}
.all_main01 .all_main01_title { width: 580px; }
.all_main01 .text { width: 360px; }
.all_main01 .text .catch {
 font-size: 1.2em;
 font-weight: bold;
 color: #FF6E00;
}
.all_main01 .text div { text-align: center; }
.all_main01 .text div a { display: inline-block; }
/* charterbus_incase
---------------------------------------*/
.charterbus_incase {
 position: relative;
 padding: 2px 0;
 margin-top: 40px;
}
.charterbus_incase::before {
 content: "";
 width: 100vw;
 height: 100%;
 background-color: #E3F9FF;
 position: absolute;
 top: 0;
 left: 50%;
 margin-left: -50vw;
 z-index: -1;
}
.charterbus_incase .clm {
 background-color: #fff;
 padding: 20px;
 padding-top: 0;
}
.charterbus_incase .clm .charterbus_incase_title {
 margin: 0 -20px;
 font-weight: bold;
 color: #fff;
 line-height: 1.4;
 background-color: #00A2CE;
 padding: 6px;
}
.charterbus_incase .clm .charterbus_incase_title + div { margin: 0 -20px 20px; }
.charterbus_incase .clm p { text-align: left; }
/* charterbus_btn
---------------------------------------*/
.charterbus_btn {
 margin: 30px 0;
 text-align: center;
}
.charterbus_btn div:first-child {
 color: #003399;
 font-size: 1.4em;
 font-weight: bold;
 line-height: 1.2;
}
.charterbus_btn a { display: inline-block; }
/* charterbus_model
---------------------------------------*/
.charterbus_model .bg {
 background-color: #E3F9FF;
 padding: 20px; 
}
.charterbus_model .bg + .bg { margin-top: 30px; }
.charterbus_model_title_wrap {
 background: url(/img/charterbus_model_ttl01.jpg) no-repeat left 10px top 50%;
 padding: 20px 10px;
 padding-left: 60px; 
 border-top: dashed #AFAFAF 1px;
 border-bottom: dashed #AFAFAF 1px;
 background-color: #fff;
 display: flex;
 justify-content: space-between;
}
.charterbus_model_title {
 font-size: 1.6em;
 font-weight: bold;
 color: #0066CC;
 margin: 0;
}
.charterbus_model .icon { display: flex; }
.charterbus_model .icon span {
 background-color: #C1EAFF;
 padding: 0.3em;
 font-size: 1.1em;
 line-height: 1.2;
 color: #0033cc;
 border-radius: 4px;
 margin-left: 20px;
}
.charterbus_model .clm {
 background-color: #fff;
 padding: 20px;
}
.charterbus_model .clm .all_title03 { margin-top: 0; }
.charterbus_model .clm p,
.charterbus_model .clm .all_title03 { text-align: left; }
.charterbus_model .clm .float { overflow: hidden; }
.charterbus_model .clm .float div:first-child {
 float: left;
 margin: 0 20px 0 0;
}
.charterbus_model .clm .float div:first-child + p { margin-top: 0; }
/* charterbus_eq
---------------------------------------*/
.charterbus_eq .catch { font-weight: bold; }
.charterbus_eq .catch + ul {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 column-gap: 10px;
}
.charterbus_eq .catch + ul li { margin-top: 10px; }




@media screen and (max-width: 960px) {
 .all_main01 {
  display: block;
  padding: 0;
 }
 .all_main01 .all_main01_title,
 .all_main01 .text { width: auto; }
 .all_main01 .all_main01_title {
  position: relative;
  aspect-ratio: 1000 / 640;
  padding: 10px 0 0;
 }
 .all_main01 .all_main01_title::after { content: none; }
 .all_main01 .all_main01_title::before {
  content: "";
  width: 100vw;
  height: 100%;
  background: url("../img/charterbus_img02.jpg") no-repeat center 50% / cover;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -50vw;
  z-index: -1;
 }
 .all_main01 .text div a { max-width: 80%; }
 /* charterbus_incase
 ---------------------------------------*/
 .charterbus_incase .clm .charterbus_incase_title { margin-bottom: 20px; }
 .charterbus_incase .clm .charterbus_incase_title + div { margin: 0 auto 20px; }
 .charterbus_btn div:first-child { font-size: 1.2em; }
 .charterbus_btn a { max-width: 80%; }
 /* charterbus_model
 ---------------------------------------*/
 .charterbus_model_title_wrap { display: block; }
 .charterbus_model .icon { justify-content: space-between; }
 .charterbus_model .icon span {
  margin: 0;
  font-size: 0.9em;
  width: 49%;
 }
 /* charterbus_eq
 ---------------------------------------*/
 .charterbus_eq .catch + ul { display: block; }
}