/*.boxItem, .boxItemInner {
  display: block !important;
}*/
/*

h1

*/
#main h1 {
  margin: 0 auto;
}
/* pc */
@media print, screen and (min-width: 751px) {
  #main h1 {
    max-width: 1350px
  }
}
/* sp */
@media (max-width:750.99px) {
  .bg-nav {
    font-size: calc(22 / 390 * 100vw);
  }
  #main h1 {
    width: 100%;
  }
}
/*

boxTab nav

*/
#main .boxTab .nav {
  position: relative;
  margin: 0 auto;
  z-index: 2;
}
#main .boxTab .nav li {
  text-align: center;
}
#main .boxTab .nav li a {
  position: relative;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #ffffff;
  background-color: #999999;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
#main .boxTab .nav li.active a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  background-color: #B7494B;
}
#main .boxTab .nav li.gasoline.active a::after {
  background-color: #ea98a9;
}
#main .boxTab .nav li.ev.active a::after {
  background-color: #007f6a;
}
#main .boxTab .nav li a span {
  position: relative;
  display: block;
}
#main .boxTab .nav li a span img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit- transform: translateX(-50%);
  opacity: 0;
}
/* pc */
@media print, screen and (min-width: 751px) {
  #main .boxTab .nav {
    width: min(1170 / 1350 * 100vw, 1170px);
  }
  #main .boxTab .nav li {
    width: calc(50% - 7.5px);
    width: -webkit-calc(50% - 7.5px);
  }
  #main .boxTab .nav li a {
    font-size: min(30 / 1350 * 100vw, 30px);
    height: min(72 / 1350 * 100vw, 72px);
    border-radius: 6px 6px 0 0;
    border-top: solid 4px #999999;
    border-left: solid 4px #999999;
    border-right: solid 4px #999999;
    transition: all 0.2s linear;
  }
  #main .boxTab .nav li.gasoline a:hover, #main .boxTab .nav li.gasoline.active a {
    background-color: #ea98a9;
    border-top: solid 4px #eb5e7a;
    border-left: solid 4px #eb5e7a;
    border-right: solid 4px #eb5e7a;
  }
  #main .boxTab .nav li.ev a:hover, #main .boxTab .nav li.ev.active a {
    background-color: #007f6a;
    border-top: solid 4px #004d40;
    border-left: solid 4px #004d40;
    border-right: solid 4px #004d40;
  }
  #main .boxTab .nav li.active a::after {
    bottom: -4px;
    height: 4px;
  }
  #main .boxTab .nav li.gasoline a span {
    padding-left: min(30 / 1350 * 100vw, 30px);
  }
  #main .boxTab .nav li.ev a span {
    padding-left: min(24 / 1350 * 100vw, 24px);
  }
  #main .boxTab .nav li a img {
    transition: all 0.2s linear;
  }
  #main .boxTab .nav li.gasoline a img {
    width: min(22 / 1350 * 100vw, 22px);
  }
  #main .boxTab .nav li.ev a img {
    width: min(14 / 1350 * 100vw, 14px);
    margin-top: min(2 / 1350 * 100vw, 2px);
  }
  #main .boxTab .nav li a img.off {
    opacity: 1;
  }
  #main .boxTab .nav li a:hover img.on, #main .boxTab .nav li.active a img.on {
    opacity: 1;
  }
  #main .boxTab .nav li a:hover img.off, #main .boxTab .nav li.active a img.off {
    opacity: 0;
  }
}
/* sp */
@media (max-width:750.99px) {
  #main .boxTab .nav {
    width: calc(360 / 390 * 100vw);
  }
  #main .boxTab .nav li {
    width: calc(175 / 390 * 100vw);
  }
  #main .boxTab .nav li a {
    font-size: calc(20 / 390 * 100vw);
    height: calc(50 / 390 * 100vw);
    border-radius: 6px 6px 0 0;
    border-top: solid 2px #999999;
    border-left: solid 2px #999999;
    border-right: solid 2px #999999;
  }
  #main .boxTab .nav li.gasoline a:hover, #main .boxTab .nav li.gasoline.active a {
    background-color: #ea98a9;
    border-top: solid 2px #eb5e7a;
    border-left: solid 2px #eb5e7a;
    border-right: solid 2px #eb5e7a;
  }
  #main .boxTab .nav li.ev a:hover, #main .boxTab .nav li.ev.active a {
    background-color: #007f6a;
    border-top: solid 2px #004d40;
    border-left: solid 2px #004d40;
    border-right: solid 2px #004d40;
  }
  #main .boxTab .nav li.active a::after {
    bottom: -2px;
    height: 2px;
  }
  #main .boxTab .nav li.gasoline a span {
    padding-left: calc(22 / 390 * 100vw);
  }
  #main .boxTab .nav li.ev a span {
    padding-left: calc(14 / 390 * 100vw);
  }
  #main .boxTab .nav li.gasoline a img {
    width: calc(16 / 390 * 100vw);
  }
  #main .boxTab .nav li.ev a img {
    width: calc(9 / 390 * 100vw);
  }
  #main .boxTab .nav li a img.off {
    opacity: 1;
  }
  #main .boxTab .nav li.active a img.on {
    opacity: 1;
  }
  #main .boxTab .nav li.active a img.off {
    opacity: 0;
  }
}
/*

boxTab boxItem

*/
#main .boxTab .boxItem {
  position: relative;
  display: none;
  clear: both;
  z-index: 1;
}
#main .boxTab .boxItem.open {
  display: block;
}
#main .boxTab .boxItem.gasoline {
  background-color: #ea98a9;
}
#main .boxTab .boxItem.ev {
  background-color: #007f6a;
}
/* pc */
@media print, screen and (min-width: 751px) {
  #main .boxTab .boxItem {
    padding: 35px 20px 60px 20px;
  }
  #main .boxTab .boxItem.gasoline {
    border-top: solid 4px #eb5e7a;
  }
  #main .boxTab .boxItem.ev {
    border-top: solid 4px #004d40;
  }
}
/* sp */
@media (max-width:750.99px) {
  #main .boxTab .boxItem {
    padding: calc(14 / 390 * 100vw) calc(15 / 390 * 100vw) calc(40 / 390 * 100vw) calc(15 / 390 * 100vw);
  }
  #main .boxTab .boxItem.gasoline {
    border-top: solid 2px #eb5e7a;
  }
  #main .boxTab .boxItem.ev {
    border-top: solid 2px #004d40;
  }
}
/*

maint_pack

*/
#main .maint_pack {
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto;
}
#main .maint_pack h2 {
  font-weight: 700;
  letter-spacing: 0;
}
#main .maint_pack h2 span {
  background-repeat: no-repeat, no-repeat;
  background-position: left, right;
}
#main .gasoline .maint_pack h2 span {
  color: #eb5e7a;
  background-image: url("/car/afterservice/maintenancepack/img/ga_h2_deco1.png"), url("/car/afterservice/maintenancepack/img/ga_h2_deco2.png");
}
#main .ev .maint_pack h2 span {
  color: #007f6a;
  background-image: url("/car/afterservice/maintenancepack/img/ev_h2_deco1.png"), url("/car/afterservice/maintenancepack/img/ev_h2_deco2.png");
}
/* pc */
@media print, screen and (min-width: 751px) {
  #main .maint_pack {
    max-width: 1250px;
    border-radius: 20px;
    padding: min(50 / 1350 * 100vw, 50px) min(75 / 1350 * 100vw, 75px);
  }
  #main .maint_pack h2 {
    display: flex;
    justify-content: center;
  }
  #main .maint_pack h2 span {
    display: inline-block;
    padding: 0 min(40 / 1350 * 100vw, 40px);
    font-size: min(40 / 1350 * 100vw, 40px);
    background-size: min(21 / 1350 * 100vw, 21px) auto, min(21 / 1350 * 100vw, 21px) auto;
  }
}
/* sp */
@media (max-width:750.99px) {
  #main .maint_pack {
    position: relative;
    width: 100%;
    border-radius: 10px;
    padding: calc(20 / 390 * 100vw) calc(10 / 390 * 100vw);
  }
  #main .maint_pack h2 {
    position: absolute;
    top: calc(20 / 390 * 100vw);
    left: calc(6 / 390 * 100vw);
    width: calc(346 / 390 * 100vw)
  }
  #main .maint_pack h2 span {
    display: block;
    text-align: center;
    padding: 0 calc(5 / 390 * 100vw) 0 calc(15 / 390 * 100vw);
    font-size: calc(20 / 390 * 100vw);
    background-size: calc(22 / 390 * 100vw) auto, calc(22 / 390 * 100vw) auto;
  }
}
/*

pack_item

*/
#main .maint_pack .pack_item .item {
  margin-bottom: 0;
  color: #231815;
  border-bottom: solid 1px #c3d600;
}
#main .maint_pack .pack_item .item:last-child {
  border-bottom: none;
}
#main .maint_pack .pack_item .ttl {
  color: #c3d600;
  font-weight: 700;
  letter-spacing: 0.1em;
}
#main .maint_pack .pack_item p.txt {
  letter-spacing: 0.1em;
}
/* pc */
@media print, screen and (min-width: 751px) {
  #main .maint_pack .pack_item {
    padding-top: min(20 / 1350 * 100vw, 20px);
  }
  #main .maint_pack .pack_item .item {
    padding: min(30 / 1350 * 100vw, 30px) 0 min(30 / 1350 * 100vw, 30px);
    display: flex;
    align-items: center;
  }
  #main .maint_pack .pack_item .textBox {
    width: min(820 / 1350 * 100vw, 820px);
  }
  #main .maint_pack .pack_item p.ttl {
    position: relative;
    font-size: min(32 / 1350 * 100vw, 32px);
    padding-left: min(86 / 1350 * 100vw, 86px);
  }
  #main .maint_pack .pack_item p.ttl .sFont {
    font-size: min(25 / 1350 * 100vw, 25px);
  }
  #main .maint_pack .pack_item p.ttl img {
    position: absolute;
    width: min(68 / 1350 * 100vw, 68px);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  #main .maint_pack .pack_item p.txt {
    font-size: min(20 / 1350 * 100vw, 20px);
    margin-top: min(30 / 1350 * 100vw, 30px);
  }
  #main .maint_pack .pack_item .imgBox {
    display: flex;
    justify-content: center;
    width: min(280 / 1350 * 100vw, 280px);
    height: 100%;
  }
  #main .maint_pack .pack_item .imgBox.ga_img01 img {
    width: min(119 / 1350 * 100vw, 119px);
  }
  #main .maint_pack .pack_item .imgBox.ga_img02 img {
    width: min(94 / 1350 * 100vw, 94px);
  }
  #main .maint_pack .pack_item .imgBox.ga_img03 img {
    width: min(173 / 1350 * 100vw, 173px);
  }
  #main .maint_pack .pack_item .imgBox.ga_img04 img {
    width: min(106 / 1350 * 100vw, 106px);
  }
  #main .maint_pack .pack_item .imgBox.ev_img01 img {
    width: min(119 / 1350 * 100vw, 119px);
  }
  #main .maint_pack .pack_item .imgBox.ev_img02 img {
    width: min(116 / 1350 * 100vw, 116px);
  }
  #main .maint_pack .pack_item .imgBox.ev_img03 img {
    width: min(173 / 1350 * 100vw, 173px);
  }
  #main .maint_pack .pack_item .imgBox.ev_img04 img {
    width: min(106 / 1350 * 100vw, 106px);
  }
}
/* sp */
@media (max-width:750.99px) {
  #main .maint_pack .pack_item {
    padding-top: calc(55 / 390 * 100vw);
  }
  #main .maint_pack .pack_item .item {
    padding-top: calc(25 / 390 * 100vw);
  }
  #main .maint_pack .pack_item .textBox {
    width: 100%;
  }
  #main .maint_pack .pack_item p.ttl {
    position: relative;
    font-size: calc(18 / 390 * 100vw);
    padding-left: calc(70 / 390 * 100vw);
  }
  #main .maint_pack .pack_item p.ttl .sFont {
    font-size: calc(16 / 390 * 100vw);
  }
  #main .maint_pack .pack_item p.ttl img {
    position: absolute;
    width: calc(60 / 390 * 100vw);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  #main .maint_pack .pack_item p.txt {
    font-size: calc(14 / 390 * 100vw);
    margin-top: calc(30 / 390 * 100vw);
  }
  #main .maint_pack .pack_item .imgBox {
    display: flex;
    justify-content: center;
  }
  #main .maint_pack .pack_item .imgBox.ga_img01 img {
    width: calc(98 / 390 * 100vw);
    margin-top: calc(10 / 390 * 100vw);
    margin-bottom: calc(6 / 390 * 100vw);
  }
  #main .maint_pack .pack_item .imgBox.ga_img02 img {
    width: calc(81 / 390 * 100vw);
    margin-top: calc(10 / 390 * 100vw);
    margin-bottom: calc(4 / 390 * 100vw);
  }
  #main .maint_pack .pack_item .imgBox.ga_img03 img {
    width: calc(155 / 390 * 100vw);
    margin-top: calc(5 / 390 * 100vw);
    margin-bottom: calc(11 / 390 * 100vw);
  }
  #main .maint_pack .pack_item .imgBox.ga_img04 img {
    width: calc(95 / 390 * 100vw);
    margin-top: calc(5 / 390 * 100vw);
  }
  #main .maint_pack .pack_item .imgBox.ev_img01 img {
    width: calc(98 / 390 * 100vw);
    margin-top: calc(10 / 390 * 100vw);
    margin-bottom: calc(6 / 390 * 100vw);
  }
  #main .maint_pack .pack_item .imgBox.ev_img02 img {
    width: calc(116 / 390 * 100vw);
    margin-top: calc(20 / 390 * 100vw);
    margin-bottom: calc(20 / 390 * 100vw);
  }
  #main .maint_pack .pack_item .imgBox.ev_img03 img {
    width: calc(155 / 390 * 100vw);
    margin-top: calc(5 / 390 * 100vw);
    margin-bottom: calc(11 / 390 * 100vw);
  }
  #main .maint_pack .pack_item .imgBox.ev_img04 img {
    width: calc(95 / 390 * 100vw);
    margin-top: calc(5 / 390 * 100vw);
  }
}
/*

pack_detail

*/
#main .maint_pack .pack_detail h3 {
  display: flex;
  justify-content: center;
  font-weight: 700;
}
#main .gasoline .maint_pack .pack_detail h3 {
  background-color: #ea98a9;
}
#main .ev .maint_pack .pack_detail h3 {
  background-color: #009b73;
}
#main .maint_pack .pack_detail h3 span {
  display: inline-block;
  letter-spacing: 0.1em;
  color: #FFFFFF;
  background-repeat: no-repeat;
  background-position: left;
}
#main .gasoline .maint_pack .pack_detail h3 span {
  background-image: url("/car/afterservice/maintenancepack/img/ga_h3_deco.png");
}
#main .ev .maint_pack .pack_detail h3 span {
  background-image: url("/car/afterservice/maintenancepack/img/ev_h3_deco.png");
}
#main .maint_pack .pack_detail li {
  position: relative;
  border-radius: 50%;
  background-color: #f8f198;
}
#main .maint_pack .pack_detail p.ttl {
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
}
#main .gasoline .maint_pack .pack_detail p.ttl {
  color: #ea98a9;
}
#main .ev .maint_pack .pack_detail p.ttl {
  color: #007f6a;
}
#main .maint_pack .pack_detail p.txt {
  position: absolute;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 500;
  text-align: center;
  color: #231815;
  line-height: 1.4;
}
/* pc */
@media print, screen and (min-width: 751px) {
  #main .maint_pack .pack_detail {
    padding-top: min(20 / 1350 * 100vw, 20px);
  }
  #main .maint_pack .pack_detail h3 {
    border-radius: 10px;
  }
  #main .maint_pack .pack_detail h3 span {
    font-size: min(30 / 1350 * 100vw, 30px);
    line-height: 50px;
  }
  #main .gasoline .maint_pack .pack_detail h3 span {
    padding-left: min(40 / 1350 * 100vw, 40px);
    background-size: min(28 / 1350 * 100vw, 28px) auto;
  }
  #main .ev .maint_pack .pack_detail h3 span {
    padding-left: min(35 / 1350 * 100vw, 35px);
    background-size: min(17 / 1350 * 100vw, 17px) auto;
  }
  #main .maint_pack .pack_detail ul {
    margin-top: min(20 / 1350 * 100vw, 20px);
  }
  #main .maint_pack .pack_detail li {
    width: min(260 / 1350 * 100vw, 260px);
    height: min(260 / 1350 * 100vw, 260px);
  }
  #main .gasoline .maint_pack .pack_detail li {
    border: solid min(5 / 1350 * 100vw, 5px) #ea98a9;
  }
  #main .ev .maint_pack .pack_detail li {
    border: solid min(5 / 1350 * 100vw, 5px) #007f6a;
  }
  #main .maint_pack .pack_detail p.ttl {
    top: min(56 / 1350 * 100vw, 56px);
    font-size: min(26 / 1350 * 100vw, 26px);
  }
  #main .maint_pack .pack_detail li:nth-child(1) p.ttl {
    top: min(38 / 1350 * 100vw, 38px);
  }
  #main .maint_pack .pack_detail p.txt {
    top: min(120 / 1350 * 100vw, 120px);
    font-size: min(16 / 1350 * 100vw, 16px);
  }
}
/* sp */
@media (max-width:750.99px) {
  #main .maint_pack .pack_detail {
    padding-top: calc(20 / 390 * 100vw);
  }
  #main .maint_pack .pack_detail h3 {
    border-radius: 5px;
  }
  #main .maint_pack .pack_detail h3 span {
    font-size: calc(18 / 390 * 100vw);
    line-height: 35px;
  }
  #main .gasoline .maint_pack .pack_detail h3 span {
    padding-left: calc(22 / 390 * 100vw);
    background-size: calc(16 / 390 * 100vw)auto;
  }
  #main .ev .maint_pack .pack_detail h3 span {
    padding-left: calc(16 / 390 * 100vw);
    background-size: calc(11 / 390 * 100vw) auto;
  }
  #main .maint_pack .pack_detail ul {
    margin-top: calc(15 / 390 * 100vw);
  }
  #main .maint_pack .pack_detail li {
    width: calc(160 / 390 * 100vw);
    height: calc(160 / 390 * 100vw);
  }
  #main .maint_pack .pack_detail li:nth-child(n+3) {
    margin-top: calc(10 / 390 * 100vw);
  }
  #main .gasoline .maint_pack .pack_detail li {
    border: solid calc(4 / 390 * 100vw) #ea98a9;
  }
  #main .ev .maint_pack .pack_detail li {
    border: solid calc(4 / 390 * 100vw) #007f6a;
  }
  #main .maint_pack .pack_detail p.ttl {
    top: calc(34 / 390 * 100vw);
    font-size: calc(18 / 390 * 100vw);
  }
  #main .maint_pack .pack_detail li:nth-child(1) p.ttl {
    top: calc(20 / 390 * 100vw);
  }
  #main .maint_pack .pack_detail p.txt {
    top: calc(72 / 390 * 100vw);
    font-size: calc(11 / 390 * 100vw);
  }
}
/*

boxTabInner navInner

*/
#main .boxTabInner .navInner {
  margin: 0 auto;
  z-index: 2;
}
#main .boxTabInner .navInner li {
  text-align: center;
}
#main .boxTabInner .navInner li a {
  display: block;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #ffffff;
  background-color: #999999;
  text-decoration: none;
}
/* pc */
@media print, screen and (min-width: 751px) {
  #main .boxTabInner {
    margin-top: min(60 / 1350 * 100vw, 60px);
  }
  #main .boxTabInner .navInner {
    width: min(1120 / 1350 * 100vw, 1120px);
  }
  #main .boxTabInner .navInner li {
    width: calc(50% - 7.5px);
    width: -webkit-calc(50% - 7.5px);
  }
  #main .boxTabInner .navInner li a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: min(30 / 1350 * 100vw, 30px);
    height: min(77 / 1350 * 100vw, 77px);
    border-radius: 6px 6px 0 0;
    transition: all 0.2s linear;
  }
  #main .boxTabInner .navInner li a .sFont {
    font-size: min(20 / 1350 * 100vw, 20px);
  }
  #main .gasoline .boxTabInner .navInner li a:hover, #main .gasoline .boxTabInner .navInner li.active a {
    background-color: #e5006e;
  }
  #main .ev .boxTabInner .navInner li a:hover, #main .ev .boxTabInner .navInner li.active a {
    color: #007f6a;
    background-color: #fff000;
  }
}
/* sp */
@media (max-width:750.99px) {
  #main .boxTabInner {
    margin-top: calc(30 / 390 * 100vw);
  }
  #main .boxTabInner .navInner {
    width: calc(338 / 390 * 100vw);
  }
  #main .boxTabInner .navInner li {
    width: calc(164 / 390 * 100vw);
  }
  #main .boxTabInner .navInner li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: calc(16 / 390 * 100vw);
    height: calc(55 / 390 * 100vw);
    border-radius: 6px 6px 0 0;
    line-height: 1.3;
  }
  #main .boxTabInner .navInner li a .sFont {
    font-size: calc(14 / 390 * 100vw);
  }
  #main .gasoline .boxTabInner .navInner li.active a {
    background-color: #e5006e;
  }
  #main .ev .boxTabInner .navInner li.active a {
    color: #007f6a;
    background-color: #fff000;
  }
}
/*

boxItemInner

*/
#main .boxItemInner {
  margin: 0 auto;
  background-color: #ffffff;
  position: relative;
  display: none;
  clear: both;
}
#main .boxItemInner.open {
  display: block;
}
/* pc */
@media print, screen and (min-width: 751px) {
  #main .boxItemInner {
    max-width: 1250px;
    padding: min(40 / 1350 * 100vw, 40px) min(80 / 1350 * 100vw, 80px);
    border-radius: 20px;
  }
  #main .boxItemInner {
    border: solid 5px #e5006e;
  }
  #main .ev .boxItemInner {
    border: solid 5px #fff000;
  }
}
/* sp */
@media (max-width:750.99px) {
  #main .boxItemInner {
    padding: calc(20 / 390 * 100vw) calc(10 / 390 * 100vw) calc(30 / 390 * 100vw);
    border-radius: 10px;
  }
  #main .boxItemInner {
    border: solid 2px #e5006e;
  }
  #main .ev .boxItemInner {
    border: solid 2px #fff000;
  }
}
/*

courses_list

*/
#main .courses_list h4 {
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
}
#main .gasoline .courses_list h4 {
  color: #e5006e;
}
#main .ev .courses_list h4 {
  color: #007f6a;
}
#main .yen {
  text-align: right;
}
/* pc */
@media print, screen and (min-width: 751px) {
  #main .courses_list h4 {
    font-size: min(30 / 1350 * 100vw, 30px);
  }
  #main .courses_list h4:nth-child(n+2) {
    margin-top: min(40 / 1350 * 100vw, 40px) !important;
  }
  #main .yen {
    font-size: min(14 / 1350 * 100vw, 14px);
  }
  #main .courses_list .boxTable {
    margin-top: 15px;
  }
  #main .courses_list .boxTable table {
    width: 100%;
  }
}
/* sp */
@media (max-width:750.99px) {
  #main .courses_list h4 {
    font-size: calc(18 / 390 * 100vw)
  }
  #main .courses_list h4:nth-child(n+2) {
    margin-top: calc(30 / 390 * 100vw) !important;
  }
  #main .yen {
    font-size: calc(12 / 390 * 100vw);
  }
  #main .courses_list .boxTable {
    margin-top: calc(15 / 390 * 100vw);
  }
}
/*

boxTable1

*/
#main .courses_list .boxTable1 table {
  border-top: solid 1px #cccccc;
}
#main .courses_list .boxTable1 table th, #main .courses_list .boxTable1 table td {
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  border-right: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
}
#main .courses_list .boxTable1 table .borderL {
  border-left: solid 1px #cccccc;
}
#main .courses_list .boxTable1 table .borderT {
  border-top: solid 1px #cccccc;
}
#main .courses_list .boxTable1 table th {
  color: #ffffff;
}
#main .gasoline .courses_list .boxTable1 th.head1 {
  background-color: #ea98a9;
}
#main .ev .courses_list .boxTable1 th.head1 {
  background-color: #007f6a;
}
#main .gasoline .courses_list .boxTable1 th.head1.head1_2 {
  background-color: #6ec3b1;
}
#main .ev .courses_list .boxTable1 th.head1.head1_2 {
  background-color: #404399;
}
#main .courses_list .boxTable1 th.head2 {
  background-color: #315c6e;
}
#main .courses_list .boxTable1 th.head3 {
  background-color: #597d8e;
}
#main .courses_list .boxTable1 th.head4 {
  color: #000000;
  background-color: #fff799;
}
#main .courses_list .boxTable1 th.head5 {
  color: #000000;
  background-color: #ffffff;
}
#main .courses_list .boxTable1 td {
  color: #e4006e;
}
#main .courses_list .boxTable1 .no {
  border-right: none;
  padding: 0;
  height: 10px;
}
/* pc */
@media print, screen and (min-width: 751px) {
  #main .courses_list .boxTable1 table th, #main .courses_list .boxTable1 table td {
    padding: 14px;
  }
  #main .courses_list .boxTable1 th.head1 {
    font-size: min(16 / 1350 * 100vw, 16px);
  }
  #main .courses_list .boxTable1 th.head2 {
    font-size: min(16 / 1350 * 100vw, 16px);
  }
  #main .courses_list .boxTable1 th.head3 {
    font-size: min(14 / 1350 * 100vw, 14px);
  }
  #main .courses_list .boxTable1 th.head3.head3_2 {
    font-size: min(16 / 1350 * 100vw, 16px);
  }
  #main .courses_list .boxTable1 th.head4 {
    font-size: min(14 / 1350 * 100vw, 14px);
  }
  #main .courses_list .boxTable1 th.head5 {
    font-size: min(15 / 1350 * 100vw, 15px);
  }
  #main .courses_list .boxTable1 td {
    font-size: min(18 / 1350 * 100vw, 18px);
  }
  /* car */
  #main .car .courses_list .boxTable1 th.head4 {
    width: 11%;
  }
  #main .car .courses_list .boxTable1 th.head5 {
    width: auto;
  }
  #main .gasoline .car .courses_list .boxTable1 td {
    width: 24%;
  }
  #main .ev .car .courses_list .boxTable1 td {
    width: 36%;
  }
  /* fc */
  #main .fc .courses_list .boxTable1 th.head4 {
    width: 11%;
  }
  #main .fc .courses_list .boxTable1 th.head5 {
    width: auto;
  }
  #main .fc .courses_list .boxTable1 td {
    width: 72%;
  }
}
/* sp */
@media (max-width:750.99px) {
  #main .courses_list .boxTable1 table th, #main .courses_list .boxTable1 table td {
    padding: calc(10 / 390 * 100vw);
  }
  #main .courses_list .boxTable1 th.head1 {
    font-size: calc(14 / 390 * 100vw);
  }
  #main .courses_list .boxTable1 th.head2 {
    font-size: calc(14 / 390 * 100vw);
  }
  #main .courses_list .boxTable1 th.head3 {
    font-size: calc(12 / 390 * 100vw);
  }
  #main .courses_list .boxTable1 th.head3.head3_2 {
    font-size: calc(14 / 390 * 100vw);
  }
  #main .courses_list .boxTable1 th.head4 {
    font-size: calc(12 / 390 * 100vw);
  }
  #main .courses_list .boxTable1 th.head5 {
    font-size: calc(13 / 390 * 100vw);
  }
  #main .courses_list .boxTable1 td {
    font-size: calc(15 / 390 * 100vw);
  }
  /* car */
  #main .car .courses_list .boxTable1 th.head4 {
    width: 11%;
  }
  #main .car .courses_list .boxTable1 th.head5 {
    width: auto;
  }
  #main .gasoline .car .courses_list .boxTable1 td {
    width: 24%;
  }
  #main .ev .car .courses_list .boxTable1 td {
    width: 36%;
  }
  /* fc */
  #main .fc .courses_list .boxTable1 table {
    width: 100%;
  }
  #main .fc .courses_list .boxTable1 th.head4 {
    white-space: nowrap;
  }
  #main .fc .courses_list .boxTable1 th.head5 {
    white-space: nowrap;
  }
}
/*

boxTable2

*/
#main .courses_list .boxTable2 table th, #main .courses_list .boxTable2 table td {
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
}
#main .gasoline .courses_list .boxTable2 table th, #main .gasoline .courses_list .boxTable2 table td {
  border-right: solid 1px #ea98a9;
  border-bottom: solid 1px #ea98a9;
}
#main .ev .courses_list .boxTable2 table th, #main .ev .courses_list .boxTable2 table td {
  border-right: solid 1px #007f6a;
  border-bottom: solid 1px #007f6a;
}
#main .courses_list .boxTable2 table .yellow {
  background-color: #fffbda;
}
#main .courses_list .boxTable2 table .pink {
  background-color: #f9dbe8;
}
#main .courses_list .boxTable2 th.head1 {
  position: relative;
  letter-spacing: -0.1em;
}
#main .gasoline .courses_list .boxTable2 th.head1 {
  color: #ea98a9;
}
#main .ev .courses_list .boxTable2 th.head1 {
  color: #007f6a;
}
#main .courses_list .boxTable2 th.head1.pink {
  color: #e4006e;
}
#main .courses_list .boxTable2 th.head1 span {
  position: absolute;
  display: block;
  left: 50%;
  white-space: nowrap;
  transform: translateX(-50%);
  background-color: #ffffff;
  border-radius: 9999px;
  line-height: 1;
  letter-spacing: 0;
}
#main .gasoline .courses_list .boxTable2 th.head2 {
  color: #bb7960;
}
#main .ev .courses_list .boxTable2 th.head2 {
  color: #007f6a;
}
#main .courses_list .boxTable2 th.head3 {
  color: #7f7f7f;
}
#main .courses_list .boxTable2 th.head4 {
  color: #ffffff;
}
#main .gasoline .courses_list .boxTable2 th.head4 {
  color: #ffffff;
  background-color: #ea97a8;
}
#main .gasoline .courses_list .boxTable2 th.head4.head4_2 {
  background-color: #6ec3b1;
}
#main .ev .courses_list .boxTable2 th.head4 {
  background-color: #007f6a;
}
#main .ev .courses_list .boxTable2 th.head4.head4_2 {
  background-color: #404399;
}
#main .courses_list .boxTable2 th.head4 span {
  writing-mode: vertical-rl;
  white-space: nowrap;
}
#main .courses_list .boxTable2 th.head5 {
  background-color: #fff799;
}
#main .courses_list .boxTable2 th.head6 {
  width: auto;
}
#main .courses_list .boxTable2 table td {
  position: relative;
  padding: 0;
}
#main .gasoline .courses_list .boxTable2 table td {
  color: #ea97a8;
}
#main .ev .courses_list .boxTable2 table td {
  color: #007f6a;
}
#main .gasoline .courses_list .boxTable2 .borderT {
  border-top: solid 1px #e4006e;
}
#main .gasoline .courses_list .boxTable2 .borderB {
  border-bottom: solid 1px #e4006e;
}
#main .gasoline .courses_list .boxTable2 .borderL {
  border-left: solid 1px #e4006e;
}
#main .gasoline .courses_list .boxTable2 .borderR {
  border-right: solid 1px #e4006e;
}
#main .ev .courses_list .boxTable2 .borderT {
  border-top: solid 1px #007f6a;
}
#main .ev .courses_list .boxTable2 .borderB {
  border-bottom: solid 1px #007f6a;
}
#main .ev .courses_list .boxTable2 .borderL {
  border-left: solid 1px #007f6a;
}
#main .ev .courses_list .boxTable2 .borderR {
  border-right: solid 1px #007f6a;
}
#main .courses_list .boxTable2 table .no {
  border-right: none;
  border-bottom: none;
}
#main .courses_list .boxTable2 table td.no {
  padding: 0;
}
#main .courses_list .boxTable2 table td div {
  position: relative;
  display: flex;
  align-items: center;
}
#main .courses_list .boxTable2 table td div span {
  position: absolute;
  left: 0;
  background-color: #ea97a8;
  z-index: 2;
}
#main .courses_list .boxTable2 table td div.type2 span {
  background-color: #e4006e;
}
#main .courses_list .boxTable2 table td div span::after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-left-style: solid;
  border-left-color: #ea97a8;
}
#main .courses_list .boxTable2 table td div.type2 span::after {
  border-left-color: #e4006e;
}
/* pc */
@media print, screen and (min-width: 751px) {
  #main .courses_list .boxTable2 table th {
    padding: 14px 6px;
  }
  #main .courses_list .boxTable2 th.head1 {
    padding: 40px 2px 14px 2px;
    font-size: min(12 / 1350 * 100vw, 12px);
  }
  #main .courses_list .boxTable2 th.head1 span {
    padding: 5px 10px;
    top: 13px;
    font-size: min(10 / 1350 * 100vw, 10px);
  }
  #main .gasoline .courses_list .boxTable2 th.head1 span {
    border: solid 2px #ea97a8;
  }
  #main .ev .courses_list .boxTable2 th.head1 span {
    border: solid 2px #007f6a;
  }
  #main .courses_list .boxTable2 th.head1.pink span {
    border: solid 2px #e4006e;
  }
  #main .courses_list .boxTable2 th.head2 {
    font-size: min(15 / 1350 * 100vw, 15px);
  }
  #main .gasoline .courses_list .boxTable2 th.head2 img {
    width: min(34 / 1350 * 100vw, 34px);
    margin-right: min(12 / 1350 * 100vw, 12px);
  }
  #main .ev .courses_list .boxTable2 th.head2 img {
    width: min(36 / 1350 * 100vw, 36px);
    margin-right: min(10 / 1350 * 100vw, 10px);
  }
  #main .courses_list .boxTable2 th.head3 {
    font-size: min(15 / 1350 * 100vw, 15px);
  }
  #main .courses_list .boxTable2 th.head3 img {
    width: min(20 / 1350 * 100vw, 20px);
    margin-right: min(18 / 1350 * 100vw, 18px);
  }
  #main .courses_list .boxTable2 th.head4 {
    padding: 6px 14px;
    font-size: min(14 / 1350 * 100vw, 14px);
  }
  #main .courses_list .boxTable2 th.head5 {
    font-size: min(14 / 1350 * 100vw, 14px);
  }
  #main .courses_list .boxTable2 th.head6 {
    font-size: min(15 / 1350 * 100vw, 15px);
  }
  /* car */
  #main .car .courses_list .boxTable2 th.head4 {
    width: 2%;
  }
  #main .car .courses_list .boxTable2 th.head5 {
    width: 11%;
  }
  #main .car .courses_list .boxTable2 table td {
    width: 6.6%;
  }
  /* fc*/
  #main .fc .courses_list .boxTable2 th.head4 {
    width: 2%;
  }
  #main .fc .courses_list .boxTable2 th.head5 {
    width: 11%;
  }
  #main .courses_list .boxTable2 table td {
    padding: 0;
  }
  #main .courses_list .boxTable2 table td.no {
    height: 10px;
  }
  #main .courses_list .boxTable2 table td div {
    position: relative;
    display: flex;
    align-items: center;
    height: 15px;
  }
  #main .courses_list .boxTable2 table td div span {
    height: 15px;
  }
  #main .courses_list .boxTable2 table td div span::after {
    top: -4.5px;
    right: -9px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left-width: 10px;
  }
  #main .courses_list .boxTable2 table td div span.col2 {
    width: calc((100% + 1px) * 2 - 11px);
  }
  #main .courses_list .boxTable2 table td div span.col3 {
    width: calc((100% + 1px) * 3 - 11px);
  }
  #main .courses_list .boxTable2 table td div span.col4 {
    width: calc((100% + 1px) * 4 - 11px);
  }
  #main .courses_list .boxTable2 table td div span.col5 {
    width: calc((100% + 1px) * 5 - 11px);
  }
  #main .courses_list .boxTable2 table td div span.col6 {
    width: calc((100% + 1px) * 6 - 11px);
  }
  #main .courses_list .boxTable2 table td div span.col7 {
    width: calc((100% + 1px) * 7 - 11px);
  }
  #main .courses_list .boxTable2 table td div span.col10 {
    width: calc((100% + 1px) * 10 - 13px);
  }
  #main .fc .courses_list .boxTable2 table td {
    width: 8.0666%;
  }
}
/* sp */
@media (max-width:750.99px) {
  #main .courses_list .boxTable2 table th {
    padding: calc(10 / 390 * 100vw) calc(4 / 390 * 100vw);
  }
  #main .courses_list .boxTable2 th.head1 {
    padding: 34px calc(2 / 390 * 100vw) calc(14 / 390 * 100vw) calc(2 / 390 * 100vw);
    font-size: 11px;
  }
  #main .courses_list .boxTable2 th.head1 span {
    padding: 3px 8px;
    top: 12px;
    font-size: 10px;
  }
  #main .gasoline .courses_list .boxTable2 th.head1 span {
    border: solid 1px #ea97a8;
  }
  #main .ev .courses_list .boxTable2 th.head1 span {
    border: solid 1px #007f6a;
  }
  #main .courses_list .boxTable2 th.head1.pink span {
    border: solid 1px #e4006e;
  }
  #main .courses_list .boxTable2 th.head2 {
    font-size: calc(13 / 390 * 100vw);
  }
  #main .gasoline .courses_list .boxTable2 th.head2 img {
    width: calc(30 / 390 * 100vw);
    margin-right: calc(10 / 390 * 100vw);
  }
  #main .ev .courses_list .boxTable2 th.head2 img {
    width: calc(30 / 390 * 100vw);
    margin-right: calc(8 / 390 * 100vw);
  }
  #main .courses_list .boxTable2 th.head3 {
    font-size: calc(13 / 390 * 100vw);
  }
  #main .courses_list .boxTable2 th.head3 img {
    width: calc(18 / 390 * 100vw);
    margin-right: calc(10 / 390 * 100vw);
  }
  #main .courses_list .boxTable2 th.head4 {
    padding: calc(4 / 390 * 100vw) calc(10 / 390 * 100vw);
    font-size: calc(12 / 390 * 100vw);
  }
  #main .courses_list .boxTable2 th.head5 {
    font-size: calc(12 / 390 * 100vw);
  }
  #main .courses_list .boxTable2 th.head6 {
    font-size: calc(13 / 390 * 100vw);
  }
  #main .courses_list .boxTable2 table td div {
    position: relative;
    display: flex;
    align-items: center;
    height: 10px;
  }
  #main .courses_list .boxTable2 table td div span {
    height: 10px;
  }
  #main .courses_list .boxTable2 table td div span::after {
    top: -3px;
    right: -5px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left-width: 6px;
  }
  #main .courses_list .boxTable2 table td div span.col2 {
    width: calc((100% + 1px) * 2 - 7px);
  }
  #main .courses_list .boxTable2 table td div span.col3 {
    width: calc((100% + 1px) * 3 - 7px);
  }
  #main .courses_list .boxTable2 table td div span.col4 {
    width: calc((100% + 1px) * 4 - 7px);
  }
  #main .courses_list .boxTable2 table td div span.col5 {
    width: calc((100% + 1px) * 5 - 7px);
  }
  #main .courses_list .boxTable2 table td div span.col6 {
    width: calc((100% + 1px) * 6 - 7px);
  }
  #main .courses_list .boxTable2 table td div span.col7 {
    width: calc((100% + 1px) * 7 - 7px);
  }
  #main .courses_list .boxTable2 table td div span.col10 {
    width: calc((100% + 1px) * 10 - 9px);
  }
}
/* sp */
@media (max-width:750.99px) {
  /* table scroll */
  .boxTable .scrollTable {
    width: 100%;
    padding-bottom: 2px;
    overflow: auto; /*	-webkit-overflow-scrolling: touch;*/
  }
  .boxTable .scrollTable::-webkit-scrollbar { /* スクロールバー全体 */
    width: 6px; /* 右のスクロールバーの幅 */
    height: 6px; /* 下のスクロールバーの幅 */
  }
  .boxTable .scrollTable::-webkit-scrollbar-thumb { /* スクロールバーのある部分 */
    background: #c0c0c0;
    border-radius: 10px;
  }
  .boxTable .scrollTable::-webkit-scrollbar-track-piece:start { /* スクロールバーが表示されてない部分（前） */
    background: #f1f1f1;
  }
  .boxTable .scrollTable::-webkit-scrollbar-track-piece:end { /* スクロールバーが表示されてない部分（後ろ） */
    background: #f1f1f1;
  }
  .boxTable .scrollTable th, .boxTable .scrollTable td {
    white-space: nowrap;
    width: auto !important;
  }
  #main .courses_list .boxTable2 table th.head4 span {
    white-space: nowrap;
    width: 1em !important;
    min-width: 1em !important;
    padding-left: 4px;
    display: block;
  }
  #main .courses_list .boxTable2 table th.head1, #main .courses_list .boxTable2 table td {
    white-space: nowrap;
    width: 80px !important;
    min-width: 80px !important;
  }
}
#main .courses_list .annotation {
  color: #808080;
}
#main .courses_list .annotation li.list1 {
  padding-left: 1.5em;
  text-indent: -1.5em;
}
#main .courses_list .annotation li.list2 {
  padding-left: 2em;
  text-indent: -2em;
}
/* pc */
@media print, screen and (min-width: 751px) {
  #main .courses_list .annotation {
    margin-top: min(15 / 1350 * 100vw, 15px);
    font-size: min(14 / 1350 * 100vw, 14px);
  }
}
/* sp */
@media (max-width:750.99px) {
  #main .courses_list .annotation {
    margin-top: calc(15 / 390 * 100vw);
    font-size: calc(12 / 390 * 100vw);
  }
}
/*

dealer_search

*/
#main .dealer_search h2 {
  text-align: center;
  color: #fff33f;
  letter-spacing: 0.1em;
}
#main .dealer_search p {
  text-align: center;
  color: #ffffff;
  font-weight: 700;
}
#main .dealer_search .dealer_btn a {
  background-color: #00368f;
  color: #ffffff;
  letter-spacing: 0.1em;
  font-weight: 700;
}
/* pc */
@media print, screen and (min-width: 751px) {
  #main .dealer_search {
    margin-top: min(40 / 1350 * 100vw, 40px);
  }
  #main .dealer_search h2 {
    font-size: min(30 / 1350 * 100vw, 30px);
  }
  #main .dealer_search p {
    margin-top: min(15 / 1350 * 100vw, 15px);
    font-size: min(16 / 1350 * 100vw, 16px);
    letter-spacing: 0.1em;
  }
  #main .dealer_search .dealer_btn {
    margin: min(20 / 1350 * 100vw, 20px) auto 0;
    width: min(540 / 1350 * 100vw, 540px);
  }
  #main .dealer_search .dealer_btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: min(76 / 1350 * 100vw, 76px);
    font-size: min(24 / 1350 * 100vw, 24px);
    border-radius: 5px;
    transition: all 0.2s linear;
  }
  #main .dealer_search .dealer_btn a:hover {
    background-color: #335ea5;
  }
}
/* sp */
@media (max-width:750.99px) {
  #main .dealer_search {
    margin-top: calc(30 / 390 * 100vw);
  }
  #main .dealer_search h2 {
    font-size: calc(18 / 390 * 100vw);
  }
  #main .dealer_search p {
    margin-top: calc(10 / 390 * 100vw);
    font-size: calc(14 / 390 * 100vw);
  }
  #main .dealer_search .dealer_btn {
    width: 100%;
    margin-top: calc(15 / 390 * 100vw);
  }
  #main .dealer_search .dealer_btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(66 / 390 * 100vw);
    font-size: calc(20 / 390 * 100vw);
    border-radius: 5px;
  }
}