@charset "UTF-8";
/* ************************************** _
タイトル：service.css
概要：三重県央 サービス用.css（旧 /service/css/ の統合）
作成：2026.03.30
更新：2026.03.30
_ ************************************** */
/* ************************************** _
_layout.scss
サービスパック共通CSS
_ ************************************** */
/* 共通
---------------------------------------------------------------------------- */
body #container {
  padding: 0;
  color: #1b1b1b;
  font: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.8;
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
}

small {
  font-size: 13px;
  display: block;
}

.mm-menu.mm-offcanvas {
  z-index: 99;
}

.pc_none {
  display: none;
}

.sp_none {
  display: block;
}

picture {
  display: block;
}

#container {
  margin-bottom: 120px;
}

section {
  max-width: 980px;
  width: 90%;
  margin: auto;
}

.attention, .required {
  color: #d23030 !important;
}

.parag {
  margin: 0 0 30px 0;
}

.parag_period {
  font-weight: 600;
  font-size: 16px;
}

.parag_period small {
  display: inline-block;
  padding-left: 10px;
  font-weight: 400;
}

strong {
  font-weight: bold;
}

@media screen and (max-width: 640px) {
  body #container {
    font: 0.85em Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.9;
  }
  .pc_none {
    display: block;
  }
  .sp_none {
    display: none !important;
  }
  small {
    font-size: 12px;
  }
  #container {
    margin-bottom: 80px;
  }
}
/* フォント */
.font_bold {
  font-weight: 600;
}

.font_red {
  color: #d23030;
}

.mb_05 {
  margin-bottom: 5px !important;
}

.mb_10 {
  margin-bottom: 10px !important;
}

.mb_15 {
  margin-bottom: 15px !important;
}

.mb_20 {
  margin-bottom: 20px !important;
}

.mb_30 {
  margin-bottom: 30px !important;
}

.mb_40 {
  margin-bottom: 40px !important;
}

.mb_50 {
  margin-bottom: 50px !important;
}

.mb_60 {
  margin-bottom: 60px !important;
}

@media screen and (max-width: 640px) {
  .mb_05 {
    margin-bottom: 3px !important;
  }
  .mb_10 {
    margin-bottom: 5px !important;
  }
  .mb_15 {
    margin-bottom: 5px !important;
  }
  .mb_20 {
    margin-bottom: 10px !important;
  }
  .mb_30 {
    margin-bottom: 20px !important;
  }
  .mb_40 {
    margin-bottom: 30px !important;
  }
  .mb_50 {
    margin-bottom: 30px !important;
  }
  .mb_60 {
    margin-bottom: 30px !important;
  }
}
/* ヘッダータイトル */
.sect_header {
  /* max-width: 1900px; */
  width: 100%;
  margin: 0 auto 10px 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  height: 300px;
}

.sect_header_inner {
  /*max-width: 980px;
  width: 90%;*/
  max-width: 1200px;
  width: 100%;
  height: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#window .sect_header {
  background-image: url(../service/images/ttl/window_ttl.jpg);
}

#headlight .sect_header {
  background-image: url(../service/images/ttl/headlight_ttl.jpg);
}

#aircon-wash .sect_header {
  background-image: url(../service/images/ttl/aircon-wash_ttl.jpg);
}

#air-conditioner .sect_header {
  background-image: url(../service/images/ttl/air-conditioner_ttl.jpg);
}

#oil .sect_header {
  background-image: url(../service/images/ttl/oil_ttl.jpg);
}

#syaken .sect_header {
  background-image: url(../service/images/ttl/syaken_ttl.jpg);
}

#tenken .sect_header {
  background-image: url(../service/images/ttl/tenken_ttl.jpg);
}

#body-coating .sect_header {
  background-image: url(../service/images/ttl/body_ttl.jpg);
}

#feet .sect_header {
  background-image: url(../service/images/ttl/feet_ttl.jpg);
}

#filter .sect_header {
  background-image: url(../service/images/ttl/filter_ttl.jpg);
}

#tire-coat .sect_header {
  background-image: url(../service/images/ttl/tire-coat_ttl.jpg);
}

#premium-cleaning .sect_header {
  background-image: url(../service/images/ttl/premium-cleaning_ttl.jpg);
}

#premium-coolant .sect_header {
  background-image: url(../service/images/ttl/premium-coolant_ttl.jpg);
}

#undercoat .sect_header {
  background-image: url(../service/images/ttl/undercoat_ttl.jpg);
}

#caw-titania .sect_header {
  background-image: url(../service/images/ttl/caw-titania_ttl.jpg);
}

#ag-plus .sect_header {
  background-image: url(../service/images/ttl/ag-plus_ttl.jpg);
}

#deodorant .sect_header {
  background-image: url(../service/images/ttl/deodorant_ttl.jpg);
}

#rental-car .sect_header {
  background-image: url(../service/images/ttl/rental-car_ttl.jpg);
}

#bug .sect_header {
  background-image: url(../service/images/ttl/bug_ttl.jpg);
}

#tire .sect_header {
  background-color: #16b7cf;
  text-align: center;
}

#hoken .sect_header {
  background-color: #e95098;
  text-align: center;
}

#chao .sect_header {
  background-color: #dff2fc;
  text-align: center;
}

#mamoru .sect_header {
  background-color: #eef5dd;
  text-align: center;
}

#totalcare .sect_header {
  background-color: #b21212;
  text-align: center;
}

#totalcare .ttl_main {
  margin: 0 auto 10px;
}

#tire .ttl_sub,
#hoken .ttl_sub,
#totalcare .ttl_sub {
  color: #fff;
  margin-top: 10px;
}

.ttl_main {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 10px;
  margin-left: 20px;
}

.ttl_sub {
  font-size: 16px;
  color: #707070;
  font-weight: 600;
  margin-left: 20px;
  letter-spacing: 0.1rem;
}

@media screen and (max-width: 980px) {
  .ttl_main {
    font-size: 28px;
    margin-bottom: 5px;
  }
  .ttl_sub {
    font-size: 14px;
  }
}
@media screen and (max-width: 640px) {
  .ttl_main {
    font-size: 22px;
  }
  .ttl_sub {
    font-size: 13px;
  }
  .sect_header {
    margin: 0 auto 0 0;
    height: 200px;
  }
  #window .sect_header {
    background-image: url(../service/images/ttl/window_ttl_sp.jpg);
  }
  #headlight .sect_header {
    background-image: url(../service/images/ttl/headlight_ttl_sp.jpg);
  }
  #aircon-wash .sect_header {
    background-image: url(../service/images/ttl/aircon-wash_ttl_sp.jpg);
  }
  #air-conditioner .sect_header {
    background-image: url(../service/images/ttl/air-conditionerair_ttl_sp.jpg);
  }
  #oil .sect_header {
    background-image: url(../service/images/ttl/oil_ttl_sp.jpg);
  }
  #syaken .sect_header {
    background-image: url(../service/images/ttl/syaken_ttl_sp.jpg);
  }
  #tenken .sect_header {
    background-image: url(../service/images/ttl/tenken_ttl_sp.jpg);
  }
  #body-coating .sect_header {
    background-image: url(../service/images/ttl/body_ttl_sp.jpg);
  }
  #feet .sect_header {
    background-image: url(../service/images/ttl/feet_ttl_sp.jpg);
    background-color: rgba(255, 255, 255, 0.3);
    background-blend-mode: lighten;
  }
  #filter .sect_header {
    background-image: url(../service/images/ttl/filter_ttl_sp.jpg);
  }
  #ag-plus .sect_header {
    background-image: url(../service/images/ttl/ag-plus_ttl_sp.jpg);
  }
  #tire-coat .sect_header {
    background-image: url(../service/images/ttl/tire-coat_ttl_sp.jpg);
    background-color: rgba(255, 255, 255, 0.3);
    background-blend-mode: lighten;
  }
  #premium-cleaning .sect_header {
    background-image: url(../service/images/ttl/premium-cleaning_ttl_sp.jpg);
    background-color: rgba(255, 255, 255, 0.3);
    background-blend-mode: lighten;
  }
  #premium-coolant .sect_header {
    background-image: url(../service/images/ttl/premium-coolant_ttl_sp.jpg);
    background-color: rgba(255, 255, 255, 0.3);
    background-blend-mode: lighten;
  }
  #undercoat .sect_header {
    background-image: url(../service/images/ttl/undercoat_ttl_sp.jpg);
  }
  #deodorant .sect_header {
    background-image: url(../service/images/ttl/deodorant_ttl.jpg);
  }
  #caw-titania .sect_header {
    background-image: url(../service/images/ttl/deodorant_ttl_sp.jpg);
    background-color: rgba(255, 255, 255, 0.3);
    background-blend-mode: lighten;
  }
  #rental-car .sect_header {
    background-image: url(../service/images/ttl/rental-car_ttl_sp.jpg);
  }
  #bug .sect_header {
    background-position: right 35% top 0;
  }
  #tire .sect_header .ttl_main img,
  #chao .sect_header .ttl_main img,
  #mamoru .sect_header .ttl_main img,
  #totalcare .sect_header .ttl_main img {
    width: 80%;
  }
}
/* 見出し */
.ttl_sect {
  text-align: center;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 60px;
  position: relative;
  letter-spacing: 0.05rem;
}

.ttl_sect::before {
  content: "";
  position: absolute;
  width: 35px;
  height: 3px;
  background-color: #d23030;
  top: -20px;
  right: 0;
  left: 0;
  margin: auto;
}

.ttl_point {
  background-color: #d23030;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  padding: 2px 8px;
  margin-right: 30px;
  word-break: keep-all;
}

.ttl_red {
  color: #d23030;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.9rem;
}

.ttl_dot {
  font-size: 16px;
  font-weight: 600;
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
}

.ttl_dot::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #000;
  left: 0;
  top: 4px;
  bottom: 0;
  margin: auto;
}

.ttl_flow {
  font-size: 16px;
  font-weight: 600;
}

.ttl_flow span {
  font-size: 18px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  color: #d23030;
  padding-right: 10px;
  letter-spacing: 0.05rem;
}

@media screen and (max-width: 980px) {
  .ttl_sect {
    font-size: 24px;
  }
  .ttl_point {
    margin-right: 30px;
  }
}
@media screen and (max-width: 640px) {
  .ttl_sect {
    font-size: 20px;
    margin-bottom: 40px;
  }
  .ttl_sect::before {
    width: 30px;
    height: 2px;
    top: -15px;
  }
  .ttl_dot {
    font-size: 15px;
    padding-left: 20px;
    margin-bottom: 10px;
  }
  .ttl_dot::before {
    width: 12px;
    height: 12px;
    top: -2px;
  }
  .ttl_point {
    font-size: 15px;
    padding: 0px 8px;
    margin-right: 0px;
  }
}
.ttl_dot_red {
  font-size: 18px;
  font-weight: 600;
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
  position: relative;
}

.ttl_dot_red::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #b21212;
  left: 0;
  top: 2px;
  bottom: 0;
  margin: auto;
}

/* セクション */
.sect_inner {
  max-width: 980px;
  width: 100%;
  margin: 0 auto 100px;
}

.bg_grey .sect_inner {
  margin: 0 auto 0px;
  width: 90%;
}

.sect_short_inner {
  max-width: 950px;
  width: 90%;
  margin: 0 auto 100px;
}

.bg_grey {
  background-color: #f3f3f3;
  padding: 100px 0;
  width: 100%;
  max-width: 100%;
  margin-bottom: 100px;
}

.bg_white {
  background-color: #fff;
}

.bg_radius {
  border-radius: 20px;
}

.merit_box {
  display: flex;
  align-items: baseline;
}

.sect_list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 30px;
  margin-bottom: 30px;
}

.sect_list li {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  padding-left: 25px;
}

.sect_list li::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 13px;
  background-image: url(../service/images/common/check.png);
  left: 0;
  top: -2px;
  bottom: 0;
  margin: auto;
}

.sect_passage {
  margin-bottom: 25px;
}

.sect_tbl {
  border-collapse: collapse;
  text-align: center;
  max-width: 980px;
  width: 100%;
}

.tbl_short {
  max-width: 490px;
  margin-bottom: 15px;
}

.sect_tbl th {
  border: 1px solid #707070;
  background-color: #d0d0d0;
  padding: 15px 0;
  width: calc((100% - 150px) / 5);
  width: 160px;
}

.sect_tbl td {
  border: 1px solid #707070;
  padding: 15px 0;
}

.tbl_th {
  width: 150px !important;
}

.sect_tbl span {
  padding: 0 10px;
}

.sect_image {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

.center_img {
  text-align: center;
}

.sect_flex_box img {
  margin-bottom: 10px;
}

.sect_flex_box p {
  font-size: 16px;
  font-weight: 600;
}

.sect_flrx_arrow {
  max-width: 58px;
  width: 100%;
  height: 48px;
  top: -20px;
  position: relative;
}

.sect_flex {
  display: flex;
  justify-content: space-between;
  gap: 0 50px;
}

.flex_30 {
  gap: 0 30px;
}

.center_flex {
  align-items: center;
}

.flex_revese {
  flex-direction: row-reverse;
}

.sect_img,
.sect_txt {
  width: 50%;
}

.sect_flow {
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  gap: 30px 0;
}

.sect_notes {
  padding: 20px 40px;
  background-color: #f1f1f1;
}

@media screen and (max-width: 980px) {
  .sect_inner {
    margin-bottom: 80px;
  }
  .sect_list {
    gap: 10px 0;
    flex-direction: column;
  }
  .tbl_br {
    display: none;
  }
  /* .sect_tbl span {
  	display: block;
  } */
  .sect_image {
    gap: 0 15px;
  }
  .sect_flrx_arrow {
    max-width: 40px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .sect_flex {
    gap: 0 30px;
  }
  .bg_grey .sect_inner {
    width: 90%;
  }
  .sect_short_inner {
    width: 100%;
  }
  .care_inner {
    width: 100%;
  }
  .guide_inner {
    padding: 25px;
  }
}
/* ボタン */
.red_btn {
  position: relative;
  background-color: #d23030;
  max-width: 350px;
  width: 100%;
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: center;
  margin: auto;
  color: #fff !important;
  font-size: 16px;
  text-decoration: none !important;
  font-weight: 600;
  transition: all 0.3s;
}

.red_btn::after {
  content: "";
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  line-height: 1;
  width: 11px;
  height: 11px;
  border: 3px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateX(-25%) rotate(45deg);
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.red_btn:hover {
  opacity: 0.7;
}

@media screen and (max-width: 640px) {
  .red_btn {
    font-size: 14px;
  }
}
@media screen and (max-width: 640px) {
  .bg_grey {
    padding: 80px 0;
    margin-bottom: 80px;
  }
  .sect_inner {
    margin-bottom: 60px;
  }
  .sect_passage {
    margin-bottom: 20px;
  }
  .merit_box {
    flex-direction: column;
    gap: 20px 0;
  }
  .sect_list {
    margin-bottom: 15px;
    gap: 5px 0;
  }
  .sect_list li {
    font-size: 15px;
    padding-left: 25px;
  }
  .sect_list li::before {
    top: -1px;
  }
  .sect_image {
    flex-direction: column;
  }
  .sect_flrx_arrow {
    transform: rotate(90deg);
  }
  .sect_flex_box p {
    font-size: 14px;
  }
  .sect_flex {
    flex-direction: column;
    gap: 20px 0;
  }
  .sect_notes {
    padding: 20px 20px;
  }
  .sect_tbl_wrap {
    overflow: hidden;
    overflow-x: scroll;
  }
  .tbl_long {
    width: 950px;
  }
  .sect_tbl th {
    width: 130px !important;
  }
  .sect_img,
  .sect_txt {
    width: 100%;
  }
  .sect_short_inner {
    margin: 0 auto 80px;
  }
}
/* お問い合わせ */
.contact_wrap {
  background-image: url(../service/images/common/bg_contact.jpg);
  background-size: cover;
  padding: 80px 0 60px;
  color: #fff;
  text-align: center;
}

.contact_inner {
  width: 90%;
  margin: auto;
}

.contact_flex {
  gap: 0 30px;
  display: flex;
  justify-content: center;
  max-width: 700px;
  width: 100%;
  margin: auto;
}

.contact_item {
  width: 50%;
}

@media screen and (max-width: 640px) {
  .contact_flex {
    flex-direction: column;
    gap: 20px 0;
  }
  .contact_item {
    width: 90%;
    margin: auto;
  }
  .contact_wrap {
    padding: 60px 0 40px;
  }
}
/* その他のサービスメニュー */
.menu_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px 20px;
}

.menu_item {
  width: calc((100% - 60px) / 4);
  text-align: center;
}

.menu_list::after {
  content: "";
  width: calc((100% - 60px) / 4);
}

.menu_item img {
  border-radius: 10px;
}

.menu_link {
  margin-bottom: 5px;
  display: block;
  transition: all 0.3s;
}

.menu_link:hover {
  opacity: 0.7;
}

.menu_ttl {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.05rem;
  transition: all 0.3s;
}

@media screen and (max-width: 950px) {
  .menu_list {
    gap: 20px 15px;
  }
  .menu_item {
    width: calc((100% - 30px) / 3);
  }
  .menu_list::after {
    width: calc((100% - 30px) / 3);
  }
  .menu_ttl {
    font-size: 13px;
  }
}
@media screen and (max-width: 640px) {
  .menu_list {
    gap: 10px 10px;
  }
  .menu_item {
    width: calc((100% - 10px) / 2);
  }
  .menu_ttl {
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.1rem;
  }
}
/* トップ
---------------------------------------------------------------------------- */
.service_sect {
  margin-top: 40px;
}

.service_menu {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
}

.service_menu::after {
  content: "";
  width: calc((100% - 60px) / 3);
}

.service_menu_item {
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0px 0px 11.7px 1.3px rgba(0, 0, 0, 0.1);
  width: calc((100% - 60px) / 3);
  position: relative;
}

.service_menu_item::after {
  position: absolute;
  content: "";
  background-image: url(../service/images/index/icon_arrow.png);
  width: 28px;
  height: 28px;
  background-size: cover;
  bottom: 15px;
  right: 15px;
}

.service_menu_link {
  text-decoration: none !important;
  color: #1b1b1b !important;
  display: block;
  height: 100%;
  transition: all 0.3s;
}

.service_menu_link:hover {
  opacity: 0.7;
}

.service_menu_img img {
  border-radius: 10px 10px 0 0;
  width: 100%;
}

.service_menu_text {
  padding: 20px 20px 40px;
}

.service_menu_text h3 {
  font-size: 20px;
  font-weight: 600;
  position: relative;
  text-align: center;
  margin-bottom: 15px;
}

.service_menu_text h3::after {
  position: absolute;
  content: "";
  width: 30px;
  height: 2px;
  background-color: #d23030;
  bottom: -5px;
  left: 0;
  right: 0;
  margin: auto;
}

@media screen and (max-width: 980px) {
  .service_menu {
    gap: 30px 20px;
  }
  .service_menu::after {
    width: calc((100% - 20px) / 2);
  }
  .service_menu_item {
    width: calc((100% - 20px) / 2);
  }
  .service_menu_text h3 {
    font-size: 16px;
    line-height: 1.6rem;
  }
}
@media screen and (max-width: 640px) {
  .service_sect {
    margin-top: 40px;
  }
  .service_menu {
    gap: 30px 0px;
  }
  .service_menu::after {
    width: 100%;
  }
  .service_menu_item {
    width: 100%;
  }
  .service_menu_text h3::after {
    bottom: -8px;
  }
}
/* タイヤ保証
---------------------------------------------------------------------------- */
.tire_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 50px;
}

.tire_img,
.tire_txt {
  width: 50%;
}

.tire_img {
  text-align: center;
}

.ranking_box {
  display: flex;
  align-items: center;
  gap: 0 20px;
  margin-bottom: 30px;
}

.ranking_ttl {
  font-size: 16px;
  font-weight: 600;
}

.ranking_ttl span {
  font-size: 14.4px;
  display: block;
}

.ranking_number {
  font-weight: 600;
  font-size: 36px;
  line-height: 1rem;
}

.ranking_number span {
  font-size: 80px;
  font-family: "Roboto", sans-serif;
  color: #d23030;
  padding: 0 5px;
  position: relative;
  top: 5px;
}

.care_flex {
  display: flex;
  justify-content: space-between;
  gap: 0 30px;
}

.care_inner {
  padding: 40px;
  border-radius: 20px;
  width: 50%;
}

.ttl_step {
  background-color: #d23030;
  display: inline-block;
  color: #fff;
  font-size: 14.4px;
  font-weight: 600;
  padding: 0px 8px;
  word-break: keep-all;
  font-family: "Roboto", sans-serif;
}

.step_txt {
  font-weight: 600;
  font-size: 15px;
}

.step_list {
  gap: 50px 0;
  display: flex;
  flex-direction: column;
  margin-bottom: 50px;
}

.step_item {
  position: relative;
}

.step_item::after {
  position: absolute;
  content: "";
  background-image: url(../service/images/common/arrow_step.png);
  width: 11px;
  height: 30px;
  bottom: -38px;
  left: 25px;
}

.care_inner_center {
  padding: 40px;
  border-radius: 20px;
  text-align: center;
  width: 100%;
}

.join_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0 30px;
}

.plan_sect {
  /*width: 70%;*/
  width: 100%;
}

.timing_sect {
  width: 30%;
}

.plan_tbl {
  border: 2px solid #535353 !important;
  height: 290px;
}

.plan_th_red {
  background-color: #d23030 !important;
  color: #fff;
  font-weight: 600;
  border-bottom: 2px solid #535353 !important;
}

.plan_th_grey {
  background-color: #f1f1f1;
}

.border_right {
  border-right: 2px solid #535353 !important;
}

.timing_inner {
  border: 2px solid #535353;
  padding: 30px;
  height: 290px;
}

.timing_list {
  display: flex;
  flex-direction: column;
  gap: 10px 0;
}

.timing_list li {
  font-size: 18px;
  font-weight: 600;
}

.timing_txt {
  color: #d23030;
  font-weight: 600;
}

.ttl_border {
  position: relative;
  padding: 0 65px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.05rem;
}

.ttl_border:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  content: "";
  background: #000;
}

.ttl_border span {
  position: relative;
  padding: 0 1em;
  background: #fff;
}

.ttl_normal {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}

.contract_sect {
  text-align: center;
}

.contract_inner {
  display: flex;
  justify-content: space-between;
}

.contract_item {
  width: calc((100% - 50px) / 3);
}

.contract_btn {
  max-width: 350px;
  margin: auto;
  width: 100%;
  height: 50px;
  border: 1px solid #1b1b1b;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #1b1b1b !important;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s;
}

.contract_btn::after {
  content: "";
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  color: #1b1b1b;
  line-height: 1;
  width: 11px;
  height: 11px;
  border: 3px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateX(-25%) rotate(45deg);
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.contract_btn:hover {
  opacity: 0.7;
}

.contract_link {
  color: #1b1b1b !important;
  text-decoration: underline;
  font-size: 16px;
  display: inline-block;
  transition: all 0.3s;
}

.contract_link:hover {
  opacity: 0.7;
}

.ttl_copy {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  padding: 0 10px;
}

.guide_inner {
  padding: 40px;
  border-radius: 20px;
}

@media screen and (max-width: 980px) {
  .tire_flex {
    flex-direction: column;
    gap: 30px 0;
  }
  .tire_img,
  .tire_txt {
    width: 100%;
    text-align: center;
  }
  .ranking_box {
    justify-content: center;
  }
  .care_flex {
    flex-direction: column;
    gap: 30px 0;
  }
  .care_inner {
    width: 100%;
  }
  .join_flex {
    flex-direction: column;
    gap: 30px 0;
  }
  .plan_sect {
    width: 100%;
  }
  .plan_tbl {
    height: auto;
  }
  .timing_inner {
    height: auto;
  }
  .timing_sect {
    width: 50%;
  }
  .contract_inner {
    flex-direction: column;
    gap: 15px 0;
  }
  .contract_item {
    width: 80%;
    max-width: 640px;
    margin: auto;
  }
  .contract_btn {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 640px) {
  .tire_img {
    width: 80%;
  }
  .ranking_box {
    flex-direction: column;
    gap: 25px 0;
  }
  .ranking_ttl {
    line-height: 1.5rem;
  }
  .trouble_inner {
    text-align: center;
    width: 90%;
    margin: auto;
  }
  .care_inner,
  .care_inner_center {
    padding: 30px 20px;
    border-radius: 15px;
  }
  .contract_item {
    width: 100%;
  }
  .plan_tbl {
    width: 640px;
  }
  .timing_inner {
    padding: 20px;
  }
  .timing_sect {
    width: 100%;
  }
  .guide_inner {
    padding: 30px 20px;
    border-radius: 15px;
  }
}
/*タイヤ保証 アコーディオン全体*/
.accordion_item {
  margin-bottom: 20px;
}

.accordion_item summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 15px 20px;
  color: #1b1b1b;
  font-weight: 600;
  cursor: pointer;
  border: 2px solid #d23030;
  border-radius: 10px;
  font-size: 16px;
}

.accordion_item summary::-webkit-details-marker {
  display: none;
}

.accordion_item summary::after {
  width: 20px;
  height: 20px;
  margin-left: 10px;
  background-image: url(../service/images/common/arrow_btn.png);
  content: "";
  transition: transform 0.3s;
  transform: rotate(180deg);
  position: absolute;
  right: 15px;
}

.accordion_item[open] summary::after {
  transform: rotate(0deg);
}

.accordion_item p {
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  transition: transform 0.5s, opacity 0.5s;
  font-weight: 600;
  margin: 20px 0 15px;
  color: #d23030;
  font-size: 15px;
}

.accordion_item[open] p {
  transform: none;
  opacity: 1;
}

@media screen and (max-width: 640px) {
  .accordion_item summary {
    padding: 10px 40px 10px 15px;
    border-radius: 10px;
    font-size: 14px;
  }
  .accordion_item summary::after {
    position: absolute;
    right: 15px;
  }
}
/* 自動車保険安心プラン
---------------------------------------------------------------------------- */
#hoken .ttl_red {
  margin-bottom: 40px;
  text-align: center;
}

.tokuten_flex {
  display: flex;
  justify-content: space-between;
  gap: 0 20px;
}

.tokuten_item:nth-child(3) {
  text-align: center;
  position: relative;
}

.tokuten_item:nth-child(3)::after {
  position: absolute;
  content: "";
  background-image: url(../service/images/hoken/hoken_new.png);
  width: 81px;
  height: 81px;
  background-size: cover;
  top: 0;
  right: 0;
}

.tokuten_item a {
  color: #1b1b1b;
  text-decoration: none;
}

.tokuten_item small {
  margin-top: 10px;
}

.support_flex {
  display: flex;
  justify-content: space-between;
  gap: 0 40px;
}

.support_item {
  width: 50%;
  border-radius: 20px;
  text-align: center;
  padding: 40px 25px;
}

.support_item img {
  margin-bottom: 20px;
}

.support_item h3 {
  font-size: 16px;
  font-weight: 600;
}

.support_box {
  width: 70%;
  margin: auto;
  text-align: center;
  padding: 30px 0px;
  border: 2px solid #535353;
  line-height: 2rem;
}

.support_box p {
  font-size: 16px;
  font-weight: 600;
}

.hosyo_list {
  display: flex;
  flex-direction: column;
  gap: 40px 0;
}

.company_list {
  display: flex;
  justify-content: center;
  gap: 0 20px;
}

/* .company_list li {
	width: calc((100% - 40px)/3);
}
.company_list::after {
	content: '';
	width: calc((100% - 40px)/3);
} */
.keiyaku_inner {
  display: flex;
  flex-direction: column;
  gap: 70px 0;
}

@media screen and (max-width: 980px) {
  #hoken .ttl_red {
    font-size: 17px;
    margin-bottom: 30px;
  }
  .support_flex {
    gap: 0 20px;
  }
  .support_item {
    padding: 30px 20px;
  }
  .support_box {
    width: 100%;
  }
  .hosyo_list {
    gap: 20px 0;
  }
  .tokuten_item:nth-child(3)::after {
    position: absolute;
    content: "";
    background-image: url(../service/images/hoken/hoken_new.png);
    width: 60px;
    height: 60px;
    background-size: cover;
    top: 0;
    right: 0;
  }
  .company_list {
    gap: 0 10px;
  }
  .support_item {
    padding: 20px 20px;
  }
}
@media screen and (max-width: 640px) {
  #hoken .ttl_red {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 1.8rem;
    padding: 0 20px;
  }
  .tokuten_flex {
    gap: 30px 15px;
    flex-wrap: wrap;
  }
  .tokuten_flex li {
    width: 47%;
  }
  .support_flex {
    gap: 15px 0px;
    flex-wrap: wrap;
  }
  .support_item {
    width: 100%;
    padding: 30px 20px;
  }
  .support_box {
    padding: 20px 20px;
  }
  .company_list {
    gap: 15px 0;
    flex-direction: column;
  }
  .company_list li {
    margin: auto;
  }
  .solicitation_list {
    gap: 15px 0;
    margin-bottom: 20px;
  }
  .keiyaku_inner {
    gap: 60px 0;
  }
}
/* テーブル */
.th_grey {
  background-color: #f1f1f1 !important;
}

.th_red {
  background-color: #d23030 !important;
  color: #fff;
  font-weight: 600;
}

.th_long {
  width: 260px !important;
}

.td_maru {
  font-size: 18px;
  font-weight: 600;
}

.td_batsu {
  font-size: 28px;
}

.th_none {
  border: none !important;
  background-color: #fff !important;
}

.border_bottom {
  border-bottom: 2px solid #313131;
}

@media screen and (max-width: 980px) {
  .window_tbl th span {
    display: inline-block;
  }
}
@media screen and (max-width: 640px) {
  .keiyaku_tbl {
    width: 700px;
  }
  .keiyaku_tbl td {
    padding: 0;
    height: 60px;
  }
}
/*よくあるご質問*/
.question_item {
  margin-bottom: 7px;
  border-bottom: 2px solid #eeeeee;
}

.question_item summary {
  display: flex;
  align-items: center;
  position: relative;
  padding: 10px 20px 15px;
  color: #1b1b1b;
  font-weight: 600;
  cursor: pointer;
  transition: 0.5s;
}

.question_item summary .question_txt {
  padding-right: 40px;
}

.question_item[open] summary {
  color: #d23030;
  transition: 0.5s;
}

.question_icon {
  color: #d23030;
  padding-right: 10px;
  font-size: 18px;
  position: relative;
  top: -2px;
  font-family: "Roboto", sans-serif;
}

.answer_icon {
  color: #d23030;
  padding-right: 10px;
  font-size: 18px;
  font-family: "Roboto", sans-serif;
}

.question_item summary::-webkit-details-marker {
  display: none;
}

.question_item summary::before,
.question_item summary::after {
  background-color: #d23030;
  content: "";
}

.question_item summary::before {
  width: 21px;
  height: 3px;
}

.question_item summary::after {
  width: 21px;
  height: 3px;
}

.question_item summary::before {
  position: absolute;
  right: 1.8em;
  rotate: 90deg;
  transition: rotate 0.3s;
}

.question_item summary::after {
  transition: rotate 0.3s;
  right: 1.8rem;
  position: absolute;
}

.question_item[open] summary::before {
  rotate: 180deg;
  background-color: #535353;
}

.question_item[open] summary::after {
  background-color: #535353;
}

.question_item p {
  transform: translateY(-10px);
  opacity: 0;
  margin: 0;
  padding: 0.3em 2em 1.5em;
  color: #1b1b1b;
  transition: transform 0.3s, opacity 0.3s;
}

.question_item[open] p {
  transform: none;
  opacity: 1;
  background-color: #eeeeee;
  padding: 15px 20px 15px;
  transition: transform 0.3s, opacity 0.3s;
}

.solicitation_list {
  display: flex;
  flex-direction: column;
  gap: 20px 0;
}

@media screen and (max-width: 640px) {
  .question_item summary {
    padding: 10px 5px 15px;
  }
  .question_item summary::before,
  .question_item summary::after {
    right: 5px;
  }
  .question_item summary .question_txt {
    padding-right: 30px;
  }
  .question_item[open] p {
    padding: 10px 20px 10px;
  }
}
.SectionInner {
  max-width: 980px;
  width: 100%;
  margin: 0 auto 100px;
}

/* ボディーコーティング
---------------------------------------------------------------------------- */
.body-coating_intro {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 40px;
  margin-bottom: 60px;
}

.body-coating_intro_img,
.body-coating_intro_txt {
  width: 50%;
}

.body-coating_intro_img img {
  width: 100%;
}

.body-coating_illust {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 60px;
}

.body-coating_illust_item {
  width: 50%;
}

.body-coating_illust_item h3 {
  margin-bottom: 30px;
}

.body-coating_illust_item img {
  margin-bottom: 20px;
}

.ttl_line {
  font-size: 20px;
  letter-spacing: 0.1rem;
  font-weight: 600;
  position: relative;
  margin-bottom: 30px;
}

.ttl_line:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 2px;
  content: "";
  background: #d23030;
}

.ttl_line span {
  position: relative;
  padding-right: 15px;
  background: #fff;
}

.body-coating_item {
  margin-bottom: 60px;
}

.body-coating_wrap {
  margin-bottom: 80px;
}

.body-coating_inner {
  display: flex;
  justify-content: space-between;
  gap: 0 30px;
}

.body-coating_img {
  width: 46%;
}

.body-coating_tbl {
  width: 55%;
}

.body-coating_tbl table {
  width: 100%;
}

.body-coating_tbl table th {
  width: 60%;
  padding: 10px 0;
}

.body-coating_tbl table td {
  padding: 10px 0;
}

@media screen and (max-width: 980px) {
  .body-coating_intro {
    flex-direction: column;
    gap: 40px 0;
  }
  .body-coating_intro_img, .body-coating_intro_txt {
    width: 100%;
  }
  .body-coating_illust {
    flex-direction: column;
    gap: 50px 0;
  }
  .body-coating_illust_item {
    width: 100%;
  }
  .ttl_line {
    font-size: 18px;
  }
  .body-coating_inner {
    flex-direction: column;
    gap: 30px 0;
  }
  .body-coating_img,
  .body-coating_tbl {
    width: 100%;
  }
  .body-coating_img {
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .body-coating_illust {
    flex-direction: column;
    gap: 30px 0;
  }
  .ttl_line {
    font-size: 17px;
  }
  .ttl_line span {
    padding-right: 10px;
  }
  .body-coating_inner {
    gap: 20px 0;
  }
  .body-coating_item {
    margin-bottom: 40px;
  }
  .body-coating_illust_item h3 {
    margin-bottom: 20px;
  }
}
/* アンダーコート
---------------------------------------------------------------------------- */
/*.undercoat_list {*/
/*	display: flex;*/
/*	justify-content: space-between;*/
/*}*/
/*.undercoat_item {*/
/*	text-align: center;*/
/*	width: calc((100% - 40px)/5);*/
/*}*/
/*.undercoat_item img {*/
/*	margin-bottom: 15px;*/
/*}*/
/*.undercoat_item p {*/
/*	font-weight: bold;*/
/*	font-size: 15px;*/
/*    line-height: 1.6;*/
/*}*/
/*@media screen and (max-width: 980px) {*/
/*	.undercoat_list {*/
/*		justify-content: center;*/
/*		flex-wrap: wrap;*/
/*		gap: 20px 0;*/
/*	}*/
/*	.undercoat_item {*/
/*		width: calc((100% - 20px) / 3);*/
/*	}*/
/*}*/
/*@media screen and (max-width: 640px) {*/
/*	.undercoat_list {*/
/*		justify-content: space-between;*/
/*	}*/
/*	.undercoat_item {*/
/*		width: calc((100% - 20px) / 2);*/
/*	}*/
/*	.undercoat_item img {*/
/*		margin-bottom: 10px;*/
/*	}*/
/*	.undercoat_item p {*/
/*		font-size: 13px;*/
/*		line-height: 1.4;*/
/*	}*/
/*}*/
/* プレミアムクーラントサプリメント プレミアムバッテリー極板洗浄
---------------------------------------------------------------------------- */
/*.icon_list {*/
/*	display: flex;*/
/*	gap: 0 20px;*/
/*	margin-bottom: 10px;*/
/*}*/
/*.icon_item {*/
/*	display: flex;*/
/*	align-items: center;*/
/*	gap: 0 5px;*/
/*}*/
/*.icon_item p {*/
/*	font-weight: 600;*/
/*}*/
/*.icon_item span {*/
/*	width: 3px;*/
/*    height: 3px;*/
/*    border-radius: 10px;*/
/*    background-color: #1b1b1b;*/
/*    content: '';*/
/*}*/
.p-register .ttl_sect {
  color: #fff;
}

.p-register .ttl_sect::before {
  background-color: #fff;
}

@media screen and (max-width: 980px) {
  .p-register .sect_inner,
  .p-emergency .sect_inner {
    width: 90%;
  }
}
/* エアクリーンフィルター
---------------------------------------------------------------------------- */
.filter_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.filter_intro_ttl {
  font-size: 18px;
  font-weight: 600;
}

.filter_intro_txt {
  width: 50%;
}

.filter_img {
  width: 40%;
}

.filter_check {
  background-color: #f2f2f2;
  border: 2px solid #b21212;
  width: 100%;
}

.filter_check_ttl {
  font-size: 20px;
  color: #fff;
  background-color: #b21212;
  text-align: center;
  padding: 5px 0;
  font-weight: 600;
  letter-spacing: 0.05rem;
}

.filter_check_inner {
  padding: 30px 40px;
  display: flex;
  justify-content: space-between;
  text-align: center;
}

.filter_check_point {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 40px;
  margin-bottom: 15px;
}

.filter_point_item {
  font-size: 18px;
  color: #b21212;
  font-weight: 600;
}

.filter_check_answer {
  background-color: #fff;
  min-width: 410px;
  width: 100%;
  padding: 8px 0;
  border-radius: 50px;
  min-height: 80px;
  align-items: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.filter_check_answer p {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}

.filter_check_answer span {
  font-size: 20px;
}

.filter_check_border {
  content: "";
  width: 2px;
  height: 120px;
  background-color: #707070;
}

.filter_type_wrap {
  display: flex;
  flex-direction: column;
  gap: 60px 0;
  margin-bottom: 80px;
}

.filter_type_item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.filter_type_txt {
  width: 50%;
}

.filter_type_tbl .ttl_line {
  font-size: 18px;
  margin-bottom: 10px;
  letter-spacing: 0.05rem;
}

.circle {
  width: 19px;
  height: 19px;
  position: relative;
  border: solid #b21212 2px;
  border-radius: 50%;
  box-sizing: border-box;
  margin: auto;
}

.double-circle {
  width: 20px;
  height: 20px;
  position: relative;
  border: solid #b21212 2px;
  border-radius: 50%;
  box-sizing: border-box;
  margin: auto;
}

.double-circle::before {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  top: 2px;
  left: 2px;
  border: solid #b21212 2px;
  border-radius: 50%;
  box-sizing: border-box;
}

@media screen and (max-width: 980px) {
  .filter_flex {
    flex-direction: column;
    gap: 40px 0;
  }
  .filter_intro_txt {
    width: 100%;
    gap: 40px 0;
  }
  .filter_img {
    width: 100%;
    text-align: center;
  }
  .filter_check_inner {
    flex-direction: column;
    gap: 30px 0;
  }
  .filter_check_border {
    width: 100%;
    height: 2px;
  }
  .filter_check_ttl {
    font-size: 18px;
  }
  .filter_type_item {
    gap: 0 30px;
  }
  .filter_type_txt {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .filter_intro_ttl {
    font-size: 15px;
    font-weight: 600;
  }
  .filter_flex {
    gap: 20px 0;
  }
  .filter_img {
    width: 80%;
  }
  .filter_check_ttl {
    font-size: 15px;
    line-height: 1.5;
  }
  .filter_check_inner {
    padding: 20px 10px;
  }
  .filter_check_point {
    gap: 5px 0;
    flex-direction: column;
  }
  .filter_point_item {
    font-size: 16px;
  }
  .filter_check_answer {
    min-width: 100%;
    padding: 8px 15px;
  }
  .filter_check_answer p {
    font-size: 13px;
    line-height: 1.5;
  }
  .filter_check_answer span {
    font-size: 16px;
  }
  .filter_type_item {
    gap: 15px 0;
    flex-direction: column-reverse;
  }
  .filter_type_wrap {
    gap: 30px 0;
    margin-bottom: 40px;
  }
}
/* AGプラス
---------------------------------------------------------------------------- */
/*.ag_inner {*/
/*	padding: 40px;*/
/*	border: 2px solid #d23030;*/
/*	font-size: 16px;*/
/*	text-align: center;*/
/*}*/
/*@media screen and (max-width: 640px) {*/
/*	.ag_inner {*/
/*		padding: 30px 15px;*/
/*		font-size: 15px;*/
/*	}*/
/*}*/
/* AGプラス
---------------------------------------------------------------------------- */
/*.MakasechaoTokuten_list li {*/
/*	width: calc((100% - 20px)/3);*/
/*}*/
/*@media screen and (max-width: 640px) {*/
/*	.MakasechaoTokuten_list {*/
/*		gap: 10px 0;*/
/*	}*/
/*	.MakasechaoTokuten_list li {*/
/*		width: 100%;*/
/*		text-align: center;*/
/*	}*/
/*}*/
/* 車検
---------------------------------------------------------------------------- */
/*.SyakenBring_Inner {*/
/*	background-color: #f9f9f9;*/
/*	padding: 30px 40px;*/
/*}*/
/*.SyakenBring_Inner .sect_list {*/
/*	margin-bottom: 0;*/
/*}*/
/*.SyakenItem_object {*/
/*	width: 80%;*/
/*	margin: auto;*/
/*	text-align: center;*/
/*}*/
/*.SyakenItem_number {*/
/*	font-size: 22px;*/
/*    font-weight: 500;*/
/*    margin-bottom: 10px;*/
/*    display: flex;*/
/*    max-width: 240px;*/
/*    margin: 0 auto 3px;*/
/*    color: #fff;*/
/*    align-items: baseline;*/
/*    justify-content: center;*/
/*    border-radius: 60px;*/
/*}*/
/*.SyakenItem_number span {*/
/*	font-family: 'Roboto', sans-serif;*/
/*    font-size: 40px;*/
/*    font-weight: bold;*/
/*    padding: 0 5px;*/
/*    line-height: 1.35;*/
/*}*/
/*.SyakenItem_object small {*/
/*	margin-bottom: 15px;*/
/*}*/
/*.TenkenMonth1 .SyakenItem_number {*/
/*	background-color: rgba(38, 178, 89);*/
/*}*/
/*.TenkenMonth6 .SyakenItem_number {*/
/*	background-color: rgba(159, 203, 65);*/
/*}*/
/*.TenkenYear .SyakenItem_number {*/
/*	background-color: rgba(38, 166, 229);*/
/*}*/
/*.TenkenAfter6 .SyakenItem_number {*/
/*	background-color: rgba(241, 149, 39);*/
/*}*/
/*.Syaken .SyakenItem_number {*/
/*	background-color: #cc0001;*/
/*}*/
/*.SyakenItem_list {*/
/*	display: flex;*/
/*	justify-content: space-between;*/
/*	flex-wrap: wrap;*/
/*	gap: 10px;*/
/*}*/
/*.SyakenItem_list::after {*/
/*	content: '';*/
/*	width: calc((100% - 20px)/3);*/
/*	display: block;*/
/*}*/
/*.SyakenItem_link {*/
/*	width: calc((100% - 20px)/3);*/
/*}*/
/*.SyakenItem_btn span {*/
/*	color: #1b1b1b!important;*/
/*	font-size: 18px;*/
/*	font-weight: 600;*/
/*}*/
/*.SyakenItem_btn {*/
/*	display: flex;*/
/*	align-items: center;*/
/*	gap: 15px;*/
/*    background-color: #fff;*/
/*    padding: 20px;*/
/*    transition: all 0.3s;*/
/*    border: 1px solid #535353;*/
/*    border-radius: 5px;*/
/*	text-decoration: none!important;*/
/*	position: relative;*/
/*	height: 93px;*/
/*}*/
/*.SyakenItem_btn::after {*/
/*	content:'';*/
/*	position: absolute;*/
/*	background-image: url(../service/images/syaken/img_icon.png);*/
/*	width: 16px;*/
/*	height: 16px;*/
/*	bottom: 10px;*/
/*	right: 10px;*/
/*}*/
/*.SyakenItem_btn:hover,*/
/*.SyakenItem_btn:focus {*/
/*	border: 1px solid #cc0000;*/
/*	transition: all 0.3s;*/
/*}*/
/*.SyakenItem_btn:hover.SyakenItem_btn span {*/
/*	color: #cc0000!important;*/
/*	transition: all 0.3s;*/
/*}*/
/*.SyakenItem_btn:hover.SyakenItem_btn::after {*/
/*	background-image: url(../service/images/syaken/img_icon_red.png);*/
/*	transition: all 0.3s;*/
/*}*/
/*@media screen and (max-width: 980px) {*/
/*	.SyakenItem_link {*/
/*		width: calc((100% - 10px) / 2);*/
/*	}*/
/*	.SyakenItem_list::after {*/
/*		content: '';*/
/*		width: calc((100% - 10px)/2);*/
/*		display: block;*/
/*	}*/
/*	.SyakenItem_btn {*/
/*		gap: 12px;*/
/*	}*/
/*	.SyakenItem_btn img {*/
/*		width: 20%;*/
/*		max-width: 51px;*/
/*	}*/
/*	.SyakenItem_btn span {*/
/*		font-size: 16px;*/
/*	}*/
/*	.SyakenItem_btn::after {*/
/*		width: 14px;*/
/*		height: 14px;*/
/*		bottom: 8px;*/
/*		right: 8px;*/
/*		background-size: cover;*/
/*	}*/
/*	.SyakenItem_number {*/
/*		font-size: 20px;*/
/*		max-width: 220px;*/
/*	}*/
/*	*/
/*	.SyakenItem_number span {*/
/*		font-size: 32px;*/
/*		line-height: 1.3;*/
/*	}*/
/*}*/
/*@media screen and (max-width: 640px) {*/
/*	.SyakenItem_object {*/
/*		width: 100%;*/
/*	}*/
/*	.SyakenBring_Inner {*/
/*		padding: 25px 20px;*/
/*	}*/
/*	.SyakenBring_Inner .sect_list li {*/
/*		font-size: 15px;*/
/*	}*/
/*	.SyakenItem_list {*/
/*		gap: 5px;*/
/*		align-items: center;*/
/*	}*/
/*	.SyakenItem_link {*/
/*		width: calc((100% - 5px) / 2);*/
/*	}*/
/*	.SyakenItem_list::after {*/
/*		content: '';*/
/*		width: calc((100% - 5px)/2);*/
/*		display: block;*/
/*	}*/
/*	.SyakenItem_btn {*/
/*		padding: 20px 10px;*/
/*		gap: 5px;*/
/*		height: 70px;*/
/*	}*/
/*	.SyakenItem_btn img {*/
/*		width: 15%;*/
/*	}*/
/*	.SyakenItem_btn span {*/
/*		font-size: 13px;*/
/*	}*/
/*	.SyakenItem_btn::after {*/
/*		width: 10px;*/
/*		height: 10px;*/
/*		bottom: 5px;*/
/*		right: 5px;*/
/*	}*/
/*	.SyakenItem_number {*/
/*		font-size: 16px;*/
/*		max-width: 160px;*/
/*		margin: 0 auto 5px;*/
/*	}*/
/*	.SyakenItem_number span {*/
/*		font-size: 24px;*/
/*	}*/
/*	.SyakenItem_object small {*/
/*		margin-bottom: 10px;*/
/*	}*/
/*}*/
/*@media screen and (max-width: 370px) {*/
/*	.SyakenItem_btn span {*/
/*		font-size: 11px;*/
/*	}*/
/*	.SyakenItem_btn {*/
/*		padding: 20px 5px;*/
/*		gap: 3px;*/
/*	}*/
/*}*/
/* ==========================
  モーダル（ポップアップ）
========================== */
/*.js_modalWrap {*/
/*	display: none;*/
/*	z-index: 1000;*/
/*	position: fixed;*/
/*	left: 0;*/
/*	top: 0;*/
/*	width: 100%;*/
/*	height: 100%;*/
/*}*/
/*.js_modalBG {*/
/*	position: absolute;*/
/*	top: 0;*/
/*	left: 0;*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	background-color: rgba(0, 0, 0, 0.6);*/
/*}*/
/*.js_modalContInner {*/
/*	position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    transform: translateX(-50%) translateY(-50%);*/
/*    width: 90%;*/
/*    max-width: 950px;*/
/*    background-color: #fff;*/
/*    !* max-height: 600px; *!*/
/*    !* padding: 40px; *!*/
/*    border-radius: 10px;*/
/*}*/
/*.js_modalContInner > .js_modalClose + * {*/
/*	margin-top: 0;*/
/*}*/
/*.js_modalClose {*/
/*	display: block;*/
/*	position: absolute;*/
/*	top: 20px;*/
/*	right: 20px;*/
/*	width: 30px;*/
/*	height: 30px;*/
/*	overflow: hidden;*/
/*	cursor: pointer;*/
/*	z-index: 1001;*/
/*}*/
/*.js_modalClose::before,*/
/*.js_modalClose::after {*/
/*    content: "";*/
/*    display: block;*/
/*    width: 100%;!*バツ線の長さ*!*/
/*    height: 4px;!*バツ線の太さ*!*/
/*    background: #1b1b1b;*/
/*    transform: rotate(45deg);*/
/*    transform-origin:0% 50%;*/
/*    position: absolute;*/
/*    top: calc(14% - 5px);*/
/*    left: 14%;*/
/*}*/
/*.js_modalClose::after {*/
/*    transform: rotate(-45deg);*/
/*    transform-origin:100% 50%;*/
/*    left: auto;*/
/*    right: 14%;*/
/*}*/
/*!* ==========================*/
/*コンテンツの中身*/
/*========================== *!*/
/*  */
/*.js_modalWrap {*/
/*	display: none;*/
/*	z-index: 1000;*/
/*	position: fixed;*/
/*	left: 0;*/
/*	top: 0;*/
/*	width: 100%;*/
/*	height: 100%;*/
/*}*/
/*.js_modalCont h4 {*/
/*	font-size: 24px;*/
/*	font-weight: 600;*/
/*	text-align: center;*/
/*	padding: 15px 0;*/
/*}*/
/*.js_modalCont h4 span {*/
/*	font-family: 'Roboto', sans-serif;*/
/*    font-weight: bold;*/
/*    color: #b21212;*/
/*    padding-right: 14px;*/
/*    font-size: 27px;*/
/*    letter-spacing: 0.05rem;*/
/*}*/
/*.js_modalContBox {*/
/*	padding: 40px;*/
/*    background-color: #f3f3f3;*/
/*    border-radius: 0 0 10px 10px;*/
/*}*/
/*.js_modalContList {*/
/*	display: flex;*/
/*	flex-wrap: wrap;*/
/*	justify-content: space-between;*/
/*	align-items: center;*/
/*	gap: 10px;*/
/*}*/
/*.js_modalContList li {*/
/*	width: 45%;*/
/*	position: relative;*/
/*	padding-left: 25px;*/
/*}*/
/*.js_modalContList li::before {*/
/*	content: '';*/
/*	position: absolute;*/
/*	width: 15px;*/
/*	height: 15px;*/
/*	background-color: #535353;*/
/*	border-radius: 50%;*/
/*	top: 0;*/
/*	bottom: 0;*/
/*	margin: auto;*/
/*	left: 0;*/
/*}*/
/*@media (max-width: 980px) {*/
/*	.js_modalContBox {*/
/*		padding: 30px;*/
/*		max-height: 60vh;*/
/*		overflow-y: scroll;*/
/*	}*/
/*	.js_modalContList li {*/
/*		width: 42%;*/
/*		font-size: 13px;*/
/*	}*/
/*	.js_modalCont h4 {*/
/*		font-size: 20px;*/
/*		padding: 12px 0;*/
/*	}*/
/*	.js_modalCont h4 span {*/
/*		font-size: 22px;*/
/*		padding-right: 10px;*/
/*	}*/
/*	.js_modalClose {*/
/*		top: -40px;*/
/*		right: 5px;*/
/*	}*/
/*	.js_modalClose::before,*/
/*	.js_modalClose::after {*/
/*	  	background-color: #fff;*/
/*	}*/
/*}*/
/*@media (max-width: 640px) {*/
/*	.js_modalContBox {*/
/*		padding: 20px;*/
/*	}*/
/*	.js_modalCont h4 {*/
/*		font-size: 16px;*/
/*		padding: 5px 0;*/
/*	}*/
/*	.js_modalCont h4 span {*/
/*		font-size: 18px;*/
/*		padding-right: 8px;*/
/*	}*/
/*	.js_modalContList li {*/
/*		padding-left: 20px;*/
/*		width: 100%;*/
/*	}*/
/*	.js_modalContList li::before {*/
/*		width: 12px;*/
/*		height: 12px;*/
/*	}*/
/*	.js_modalClose {*/
/*		top: -30px;*/
/*		width: 25px;*/
/*		height: 25px;*/
/*	}*/
/*	.js_modalClose::before, .js_modalClose::after {*/
/*		height: 3px;*/
/*	}*/
/*}*/
/*.month1_modal .js_modalCont h4 span {*/
/*    color: rgba(38, 178, 89);*/
/*}*/
/*.month6_modal .js_modalCont h4 span {*/
/*    color: rgba(159, 203, 65);*/
/*}*/
/*.after6_modal .js_modalCont h4 span {*/
/*    color: rgba(241, 149, 39);*/
/*}*/
/*.year_modal  .js_modalCont h4 span {*/
/*    color: rgba(38, 166, 229);*/
/*}*/
.ShakenOverview .ShakenOverview_list {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

.ShakenOverview .ShakenOverview_list__item {
  margin-left: 2.7027027027%;
  max-width: 445px;
  width: 48.6486486486%;
}

.ShakenOverview .ShakenOverview_list__item:first-child {
  margin-left: 0;
}

.ShakenOverview .ShakenOverview_link {
  border-style: solid;
  border-width: 2px;
  border-radius: 10px;
  display: block;
  transition: all 0.3s;
  text-decoration: none;
}

.ShakenOverview .ShakenOverview_link__target {
  border-bottom: 2px solid transparent;
  border-radius: 7px 7px 0 0;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Noto Sans Japanese", sans-serif;
  font-size: 1.0588235294rem;
  font-weight: 500;
  font-display: swap;
  height: 40px;
  line-height: 1;
  padding: 0 10px 4px;
  position: relative;
  text-align: center;
}

.ShakenOverview .ShakenOverview_link__target::after {
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-top-width: 14px;
  border-top-style: solid;
  bottom: -14px;
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 26px;
}

.ShakenOverview .ShakenOverview_link__description {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 134px;
  padding: 25px 15px 20px 15px;
  text-align: center;
}

.ShakenOverview .ShakenOverview_link__txt {
  color: #222;
  font-family: "Noto Sans Japanese", sans-serif;
  font-size: 1.0588235294rem;
  font-weight: 500;
  font-display: swap;
  line-height: 1;
  margin-bottom: 10px;
  width: 100%;
}

.ShakenOverview .ShakenOverview_link__name {
  font-family: "Noto Sans Japanese", sans-serif;
  font-size: 2.3529411765rem;
  font-weight: 500;
  font-display: swap;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 0;
}

.ShakenOverview .ShakenOverview_link.case--web {
  border-color: #90c034;
}

.ShakenOverview .ShakenOverview_link.case--web .ShakenOverview_link__target {
  background-color: #90c034;
}

.ShakenOverview .ShakenOverview_link.case--web .ShakenOverview_link__target::after {
  border-top-color: #90c034;
}

.ShakenOverview .ShakenOverview_link.case--web .ShakenOverview_link__name {
  color: #90c034;
  font-size: 1.7647058824rem;
}

.ShakenOverview .ShakenOverview_link.case--web .ShakenOverview_link__txt {
  color: #222;
}

.ShakenOverview .ShakenOverview_link.case--shop {
  border-color: #75bee9;
}

.ShakenOverview .ShakenOverview_link.case--shop .ShakenOverview_link__target {
  background-color: #75bee9;
}

.ShakenOverview .ShakenOverview_link.case--shop .ShakenOverview_link__target::after {
  border-top-color: #75bee9;
}

.ShakenOverview .ShakenOverview_link.case--shop .ShakenOverview_link__name {
  color: #75bee9;
}

.ShakenOverview .ShakenOverview_link.case--shop .ShakenOverview_link__txt {
  color: #222;
}

.ShakenOverview .ShakenOverview_link:hover,
.ShakenOverview .ShakenOverview_link:active,
.ShakenOverview .ShakenOverview_link:focus {
  text-decoration: none;
}

.ShakenOverview .ShakenOverview_link:hover.case--web,
.ShakenOverview .ShakenOverview_link:active.case--web,
.ShakenOverview .ShakenOverview_link:focus.case--web {
  background-color: #90c034;
}

.ShakenOverview .ShakenOverview_link:hover.case--web .ShakenOverview_link__target,
.ShakenOverview .ShakenOverview_link:active.case--web .ShakenOverview_link__target,
.ShakenOverview .ShakenOverview_link:focus.case--web .ShakenOverview_link__target {
  border-bottom: 2px solid #fff;
}

.ShakenOverview .ShakenOverview_link:hover.case--web .ShakenOverview_link__target::after,
.ShakenOverview .ShakenOverview_link:active.case--web .ShakenOverview_link__target::after,
.ShakenOverview .ShakenOverview_link:focus.case--web .ShakenOverview_link__target::after {
  border-top-color: #fff;
}

.ShakenOverview .ShakenOverview_link:hover.case--web .ShakenOverview_link__name,
.ShakenOverview .ShakenOverview_link:hover.case--web .ShakenOverview_link__txt {
  color: #fff;
}

.ShakenOverview .ShakenOverview_link:active.case--web .ShakenOverview_link__name,
.ShakenOverview .ShakenOverview_link:active.case--web .ShakenOverview_link__txt {
  color: #fff;
}

.ShakenOverview .ShakenOverview_link:focus.case--web .ShakenOverview_link__name,
.ShakenOverview .ShakenOverview_link:focus.case--web .ShakenOverview_link__txt {
  color: #fff;
}

.ShakenOverview .ShakenOverview_link:hover.case--shop,
.ShakenOverview .ShakenOverview_link:active.case--shop,
.ShakenOverview .ShakenOverview_link:focus.case--shop {
  background-color: #75bee9;
}

.ShakenOverview .ShakenOverview_link:hover.case--shop .ShakenOverview_link__target,
.ShakenOverview .ShakenOverview_link:active.case--shop .ShakenOverview_link__target,
.ShakenOverview .ShakenOverview_link:focus.case--shop .ShakenOverview_link__target {
  border-bottom: 2px solid #fff;
}

.ShakenOverview .ShakenOverview_link:hover.case--shop .ShakenOverview_link__target::after,
.ShakenOverview .ShakenOverview_link:active.case--shop .ShakenOverview_link__target::after,
.ShakenOverview .ShakenOverview_link:focus.case--shop .ShakenOverview_link__target::after {
  border-top-color: #fff;
}

.ShakenOverview .ShakenOverview_link:hover.case--shop .ShakenOverview_link__name,
.ShakenOverview .ShakenOverview_link:hover.case--shop .ShakenOverview_link__txt {
  color: #fff;
}

.ShakenOverview .ShakenOverview_link:active.case--shop .ShakenOverview_link__name,
.ShakenOverview .ShakenOverview_link:active.case--shop .ShakenOverview_link__txt {
  color: #fff;
}

.ShakenOverview .ShakenOverview_link:focus.case--shop .ShakenOverview_link__name,
.ShakenOverview .ShakenOverview_link:focus.case--shop .ShakenOverview_link__txt {
  color: #fff;
}

@media screen and (max-width: 768px) {
  .ShakenOverview .ShakenOverview_link__target {
    font-size: calc(2 * (100vw - 414px) / 354 + 0.8rem);
    padding: 5px 0 0 0;
  }
  .ShakenOverview .ShakenOverview_link__description {
    height: 124px;
    padding: 20px 5px 15px 5px;
  }
  .ShakenOverview .ShakenOverview_link__txt {
    font-size: calc(4 * (100vw - 414px) / 354 + 1rem);
  }
  .ShakenOverview .ShakenOverview_link__name {
    font-size: calc(16 * (100vw - 414px) / 354 + 1.2rem);
  }
  .ShakenOverview .ShakenOverview_link.case--web .ShakenOverview_link__name {
    font-size: calc(14 * (100vw - 414px) / 354 + 0.8rem);
  }
}
@media screen and (max-width: 414px) {
  .ShakenOverview .ShakenOverview_list {
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  .ShakenOverview .ShakenOverview_list__item {
    margin-left: 0;
    margin-top: 10px;
    width: 100%;
  }
  .ShakenOverview .ShakenOverview_list__item:first-child {
    margin-top: 0;
  }
  .ShakenOverview .ShakenOverview_list .target {
    font-size: 1.4rem;
    height: auto;
    padding: 7px 2px 8px;
  }
  .ShakenOverview .ShakenOverview_link__description {
    height: 100px;
  }
  .ShakenOverview .ShakenOverview_link__name {
    font-size: 2.4rem;
  }
  .ShakenOverview .ShakenOverview_link.case--web .ShakenOverview_link__name {
    font-size: 1.5rem;
  }
  .ShakenOverview .ShakenOverview_list .course__description {
    padding: 23px 10px 10px 10px;
  }
  .ShakenOverview .ShakenOverview_list .course__mamoru {
    font-size: 1.6rem;
  }
  .ShakenOverview .ShakenOverview_list .course__name {
    font-size: 2.8rem;
    line-height: 1;
  }
  .ShakenOverview .ShakenOverview_list .course__name span {
    font-size: 2rem;
  }
  .ShakenOverview .ShakenOverview_list .course__txt {
    font-size: 1.5rem;
  }
}
/* レンタカー
---------------------------------------------------------------------------- */
/*.table_scroll {*/
/*	position: relative;*/
/*	padding: 0 0 15px;*/
/*}*/
/*table.rentacar_table {*/
/*	border-collapse: collapse;*/
/*	text-align:center;*/
/*	width:980px;*/
/*}*/
/*table.rentacar_table th,td{*/
/*	border: solid 1px #ccc;*/
/*	padding: 8px;*/
/*	white-space: nowrap;*/
/*}*/
/*table.rentacar_table td {*/
/*	font-size: 16px;*/
/*}*/
/*table.rentacar_table th{*/
/*	background: #aaa;*/
/*	color: #fff;*/
/*	font-weight:bold;*/
/*	font-weight: 500;*/
/*	font-size: 15px;*/
/*}*/
/*.rentacar_table .car_th {*/
/*	width: 319px;*/
/*}*/
/*.rentacar_table .time_th {*/
/*	width: 132px;*/
/*}*/
/*table.rentacar_table td span {*/
/*	font-size: 14px;*/
/*	padding-left: 5px;*/
/*}*/
/*.table_scroll::-webkit-scrollbar {*/
/*	height: 8px; !* ƒXƒNƒ[ƒ‹ƒo[‚̍‚‚ł *!*/
/*}*/
/*.table_scroll::-webkit-scrollbar-thumb {*/
/*	background: #B21212!important; !* ƒXƒNƒ[ƒ‹ƒo[‚̐F *!*/
/*}*/
/*.table_scroll::-webkit-scrollbar-track {*/
/*	background: #f2f2f2!important; !* ƒXƒNƒ[ƒ‹ƒo[‚Ě”wŒiF *!*/
/*}*/
/*.rentacar_notes {*/
/*	display: none;*/
/*	font-size: 1em;*/
/*    margin-bottom: 5px;*/
/*}*/
/*@media screen and (max-width: 980px) {*/
/*	.table_scroll {*/
/*		overflow-x: scroll;*/
/*	}*/
/*	.rentacar_notes {*/
/*		display: block;*/
/*	}*/
/*	table.rentacar_table th,td{*/
/*		font-size: 1em;*/
/*	}*/
/*} */
/* エアコン抗菌＆防カビ＆抗ウイルス
---------------------------------------------------------------------------- */
.service-movie {
  max-width: 800px;
  margin: 0 auto 40px auto;
}

.service-movie iframe {
  width: 100%;
  aspect-ratio: 16/9;
}

/* おすすめサービス
---------------------------------------------------------------------------- */
.recommend-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 40px 0;
}

.recommend-wrap__imgarea {
  width: 48%;
}

.recommend-wrap__txtarea {
  width: 48%;
}

@media screen and (max-width: 910px) {
  .recommend-wrap {
    display: block;
  }
  .recommend-wrap__imgarea {
    width: 100%;
    display: flex;
    margin: 0 0 20px 0;
  }
  .recommend-wrap__txtarea {
    width: 100%;
  }
}
/* ************************************** _
_service-shared.scss
まかせチャオ、延長保証マモル、点検 用CSS
_ ************************************** */
/* まかせチャオ
---------------------------------------------------------------------------- */
.MakasechaoMerit .MakasechaoMerit_list {
  display: flex;
  justify-content: space-between;
}

.MakasechaoMerit .MakasechaoMerit_list__item {
  border: 2px solid #96b9d6;
  border-radius: 10px;
  margin-left: 2.7027027027%;
  width: 98.1981981982%;
}

.MakasechaoMerit .MakasechaoMerit_list__item:first-child {
  margin-left: 0;
}

.MakasechaoMerit .MakasechaoMerit_list .merit {
  background-color: #96b9d6;
  border-radius: 7px 7px 0 0;
  color: #fff;
  font-family: "Noto Sans Japanese", sans-serif;
  font-size: 2.3529411765rem;
  font-weight: 900;
  font-display: swap;
  line-height: 1;
  padding: 20px;
  text-align: center;
}

.MakasechaoMerit .MakasechaoMerit_list p {
  margin: 0;
  padding: 20px;
}

@media screen and (max-width: 768px) {
  .MakasechaoMerit .MakasechaoMerit_list {
    flex-wrap: wrap;
    justify-content: center;
  }
  .MakasechaoMerit .MakasechaoMerit_list__item {
    display: flex;
    border-radius: 10px;
    margin-left: 0;
    margin-top: 10px;
    width: 100%;
  }
  .MakasechaoMerit .MakasechaoMerit_list__item:first-child {
    margin-top: 0;
  }
  .MakasechaoMerit .MakasechaoMerit_list .merit {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    padding: 10px;
    width: 3.5em;
  }
  .MakasechaoMerit .MakasechaoMerit_list p {
    align-self: center;
    padding: 10px;
    width: calc(100% - 3.5em);
  }
}
.MakasechaoPrice .HeadingWrapper {
  margin-top: 100px;
}

.MakasechaoPrice .PriceComparisonTable th {
  border-right: 1px solid #707070;
}

.MakasechaoPrice .PriceComparisonTable th,
.MakasechaoPrice .PriceComparisonTable td {
  padding-left: 15px;
  padding-right: 15px;
}

.MakasechaoPrice .PriceComparisonTable .regular {
  font-size: 0.8823529412rem;
}

.MakasechaoPrice .PriceComparisonTable .RecommendItem th,
.MakasechaoPrice .PriceComparisonTable .RecommendItem td {
  background-color: #fae5e5;
  font-weight: bold;
}

.MakasechaoPrice .PriceComparisonTable .RecommendItem th span,
.MakasechaoPrice .PriceComparisonTable .RecommendItem td span {
  font-weight: inherit;
}

.MakasechaoPrice .PriceComparisonTable .RecommendItem th.timing,
.MakasechaoPrice .PriceComparisonTable .RecommendItem td.timing {
  background-color: initial;
  font-weight: normal;
  background: #f2f2f2;
}

.MakasechaoPrice .PriceComparisonTable .RecommendItem th.course,
.MakasechaoPrice .PriceComparisonTable .RecommendItem td.course {
  position: relative;
}

@media screen and (max-width: 768px) {
  .MakasechaoPrice .PriceComparisonTable th,
  .MakasechaoPrice .PriceComparisonTable td {
    padding: 9px;
  }
  .MakasechaoPrice .PriceComparisonTable .RecommendItem th.course::before,
  .MakasechaoPrice .PriceComparisonTable .RecommendItem td.course::before {
    border-radius: 20px;
    font-size: 13px;
    height: 40px;
    padding: 11px 7px 9px 7px;
  }
}
.MakasechaoCourse .MakasechaoChooseTab {
  display: flex;
}

.MakasechaoCourse .MakasechaoChooseTab__item {
  display: flex;
  margin-left: 10px;
  cursor: pointer;
  width: calc((100% - 10px) / 2);
}

.MakasechaoCourse .MakasechaoChooseTab__item:first-child {
  margin-left: 0;
}

.MakasechaoCourse .MakasechaoChooseTab__btn {
  background-color: #fae5e5;
  border-bottom: 2px solid #c00;
  color: #222;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Noto Sans Japanese", sans-serif;
  font-size: 2rem;
  font-weight: 500;
  font-display: swap;
  height: 100%;
  line-height: 1;
  padding: 19px 10px;
  text-align: center;
  transition: all 0.3s;
  width: 100%;
}

.MakasechaoCourse .MakasechaoChooseTab__btn:hover,
.MakasechaoCourse .MakasechaoChooseTab__btn:active,
.MakasechaoCourse .MakasechaoChooseTab__btn:focus,
.MakasechaoCourse .MakasechaoChooseTab__btn.current {
  background-color: #c00;
  color: #fff;
  text-decoration: none;
}

.MakasechaoCourse .MakasechaoChooseContents {
  margin-top: 40px;
  margin-bottom: 100px;
}

.MakasechaoCourse .DefaultList {
  list-style: none;
  padding-left: 0;
}

@media screen and (max-width: 768px) {
  .MakasechaoCourse .MakasechaoChoose__lead {
    margin-bottom: 20px;
    padding: 15px;
  }
  .MakasechaoCourse .MakasechaoChooseTab__btn {
    font-size: 1.8rem;
    height: auto;
    min-height: 56px;
    padding: 9px 5px;
  }
  .MakasechaoCourse .MakasechaoChooseContents {
    margin-top: 30px;
  }
}
.btn--arrow.btn--w540 {
  width: 540px;
}

@media screen and (max-width: 768px) {
  .btn--arrow.btn--w540 {
    width: 100%;
  }
}
.MakasechaoAnchor {
  display: flex;
  justify-content: space-between;
}

.MakasechaoAnchor li {
  margin-left: 2.7027027027%;
  width: 47.2972972973%;
}

.MakasechaoAnchor li:first-child {
  margin-left: 0;
}

.MakasechaoAnchor li a {
  background-color: #fae5e5;
  border-radius: 0 0 10px 10px;
  color: #222;
  display: block;
  font-family: "Noto Sans Japanese", sans-serif;
  font-size: 20px;
  font-weight: 500;
  font-display: swap;
  line-height: 1;
  padding: 15px 5px 33px 5px;
  position: relative;
  text-align: center;
  transition: all 0.3s;
  text-decoration: none;
}

.MakasechaoAnchor li a::before {
  border-top: 2px solid #c00;
  bottom: 22px;
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 16px;
}

.MakasechaoAnchor li a::after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid #c00;
  bottom: 10px;
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 0;
}

.MakasechaoAnchor li a:hover,
.MakasechaoAnchor li a:active,
.MakasechaoAnchor li a:focus {
  background-color: #c00;
  color: #fff;
  text-decoration: none;
}

.MakasechaoAnchor li a:hover::before,
.MakasechaoAnchor li a:active::before,
.MakasechaoAnchor li a:focus::before,
.MakasechaoAnchor li a:hover::after,
.MakasechaoAnchor li a:active::after,
.MakasechaoAnchor li a:focus::after {
  border-top-color: #fff;
}

@media screen and (max-width: 768px) {
  .MakasechaoAnchor li a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    height: 100%;
  }
}
@media screen and (max-width: 414px) {
  .MakasechaoAnchor li a {
    height: auto;
    min-height: 84px;
  }
}
@media screen and (max-width: 900px) {
  .scroll-table-wrap {
    overflow: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 0 0 0 0;
    margin-bottom: 30px;
  }
  .scroll-table-wrap .PriceComparisonTable {
    width: 1000px;
    margin-bottom: 10px;
  }
}
/* 延長保証マモル
---------------------------------------------------------------------------- */
.MamoruCourse .MamoruCourse_list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}

.MamoruCourse .MamoruCourse_list__item {
  border-style: solid;
  border-width: 2px;
  border-radius: 10px;
  margin-left: 1.8018018018%;
  overflow: hidden;
  width: 23.6486486486%;
}

.MamoruCourse .MamoruCourse_list__item:first-child {
  margin-left: 0;
}

.MamoruCourse .MamoruCourse_list .target {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Noto Sans Japanese", sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-display: swap;
  height: 46px;
  line-height: 1.1;
  padding: 0 10px 4px;
  position: relative;
  text-align: center;
}

.MamoruCourse .MamoruCourse_list .target::after {
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-top-width: 14px;
  border-top-style: solid;
  bottom: -14px;
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 26px;
}

.MamoruCourse .MamoruCourse_list .course__description {
  padding: 20px 2px 10px 2px;
  text-align: center;
}

.MamoruCourse .MamoruCourse_list .course__mamoru {
  font-family: "Noto Sans Japanese", sans-serif;
  font-size: 18px;
  font-weight: 600;
  font-display: swap;
  line-height: 1;
  margin-bottom: 10px;
}

.MamoruCourse .MamoruCourse_list .course__name {
  font-family: "Noto Sans Japanese", sans-serif;
  font-size: 40px;
  font-weight: 900;
  font-display: swap;
  line-height: 1;
  margin-bottom: 10px;
}

.MamoruCourse .MamoruCourse_list .course__name span {
  font-family: "Noto Sans Japanese", sans-serif;
  font-size: 30px;
  font-weight: 900;
  font-display: swap;
}

.MamoruCourse .MamoruCourse_list .course__txt {
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}

.MamoruCourse .MamoruCourse_list .course--long {
  border-color: #169242;
}

.MamoruCourse .MamoruCourse_list .course--long .target {
  background-color: #169242;
}

.MamoruCourse .MamoruCourse_list .course--long .target::after {
  border-top-color: #169242;
}

.MamoruCourse .MamoruCourse_list .course--long .course__name {
  color: #169242;
}

.MamoruCourse .MamoruCourse_list .course--newcar {
  border-color: #90c034;
}

.MamoruCourse .MamoruCourse_list .course--newcar .target {
  background-color: #90c034;
}

.MamoruCourse .MamoruCourse_list .course--newcar .target::after {
  border-top-color: #90c034;
}

.MamoruCourse .MamoruCourse_list .course--newcar .course__name {
  color: #90c034;
}

.MamoruCourse .MamoruCourse_list .course--inspection {
  border-color: #75bee9;
}

.MamoruCourse .MamoruCourse_list .course--inspection .target {
  background-color: #75bee9;
}

.MamoruCourse .MamoruCourse_list .course--inspection .target::after {
  border-top-color: #75bee9;
}

.MamoruCourse .MamoruCourse_list .course--inspection .course__name {
  color: #75bee9;
}

.MamoruCourse .MamoruCourse_list .course--continuation {
  border-color: #e38dc0;
}

.MamoruCourse .MamoruCourse_list .course--continuation .target {
  background-color: #e38dc0;
}

.MamoruCourse .MamoruCourse_list .course--continuation .target::after {
  border-top-color: #e38dc0;
}

.MamoruCourse .MamoruCourse_list .course--continuation .course__name {
  color: #e38dc0;
}

.MamoruCourse .MamoruCourse_list.lightFreightCar .course--long .course__description {
  background-color: #deffe9;
}

.MamoruCourse .MamoruCourse_list.lightFreightCar .course--newcar .course__description {
  background-color: #f3ffdd;
}

.MamoruCourse .MamoruCourse_list.lightFreightCar .course--inspection .course__description {
  background-color: #d3efff;
}

.MamoruCourse .MamoruCourse_list.lightFreightCar .course--continuation .course__description {
  background-color: #fff2f9;
}

.MamoruCourse .MamoruCourse_list p {
  margin: 0;
}

.MamoruCourse .MamoruCourse_timing {
  border: 10px solid #f2f2f2;
  margin-bottom: 100px;
  padding: 0 0 30px 0;
}

.MamoruCourse .MamoruCourse_timing .heading {
  background-color: #f2f2f2;
  font-family: "Noto Sans Japanese", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 30px;
  padding: 6px 5px 16px;
  text-align: center;
}

.MamoruCourse .MamoruCourse_timing .image {
  padding: 0 30px;
}

.MamoruCourse .MamoruCourse_timing .NoteWrap {
  padding: 0 30px;
}

.MamoruCourse .MamoruCourse_timing.lightFreightCar {
  background-color: #f2f2f2;
  border: 10px solid #e2e2e2;
}

.MamoruCourse .MamoruCourse_timing.lightFreightCar .heading {
  background-color: #e2e2e2;
}

.MamoruCourse .MamoruCourse_timing .SupplementList {
  margin-bottom: 0;
}

.MamoruCourse .MamoruCourse_timing .SupplementList p:last-of-type {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .MamoruCourse .MamoruCourse_list__item {
    margin-left: 0;
    margin-top: 10px;
    width: 49%;
  }
  .MamoruCourse .MamoruCourse_list__item:first-child,
  .MamoruCourse .MamoruCourse_list__item:nth-child(2) {
    margin-top: 0;
  }
  .MamoruCourse .MamoruCourse_list {
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  .MamoruCourse .MamoruCourse_list .target {
    font-weight: 500;
    font-size: 15px;
    height: 40px;
    padding: 3px 5px 5px;
  }
  .MamoruCourse .MamoruCourse_list .target::after {
    border-left-width: 12px;
    border-right-width: 12px;
    border-top-width: 12px;
    bottom: -12px;
    width: 22px;
  }
  .MamoruCourse .MamoruCourse_list .course__description {
    padding: 16px 10px 10px 10px;
  }
  .MamoruCourse .MamoruCourse_list .course__mamoru {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 10px;
  }
  .MamoruCourse .MamoruCourse_list .course__name {
    font-size: 35px;
    line-height: 0.8;
  }
  .MamoruCourse .MamoruCourse_list .course__name span {
    /* font-size: calc(5 * ((100vw - 414px) / 354) + 2.5rem) */
    font-size: 25px;
  }
  .MamoruCourse .MamoruCourse_list .course__txt {
    /* font-size: calc(1 * ((100vw - 414px) / 354) + 1.5rem) */
    font-size: 15px;
  }
  .MamoruCourse .MamoruCourse_timing {
    border-width: 8px;
    margin-bottom: 40px;
    padding: 0 0 15px 0;
  }
  .MamoruCourse .MamoruCourse_timing .heading {
    /* font-size: 1.7rem */
    font-size: 17px;
  }
  .MamoruCourse .MamoruCourse_timing .image {
    padding: 0 15px;
  }
  .MamoruCourse .MamoruCourse_timing .NoteWrap {
    padding: 0 15px;
  }
  .MamoruCourse .MamoruCourse_timing.lightFreightCar {
    border-width: 8px;
  }
}
@media screen and (max-width: 768px) and (max-width: 414px) {
  .MamoruCourse .MamoruCourse_list {
    justify-content: center;
    margin-bottom: 20px;
  }
  .MamoruCourse .MamoruCourse_list__item {
    margin-left: 0;
    margin-top: 10px;
    width: 100%;
  }
  .MamoruCourse .MamoruCourse_list__item:first-child {
    margin-top: 0;
  }
  .MamoruCourse .MamoruCourse_list__item:nth-child(2) {
    margin-top: 10px;
  }
  .MamoruCourse .MamoruCourse_list .target {
    font-size: 14px;
    height: auto;
    padding: 5px 2px 7px;
  }
  .MamoruCourse .MamoruCourse_list .target::after {
    border-left-width: 10px;
    border-right-width: 10px;
    border-top-width: 10px;
    bottom: -10px;
    width: 20px;
  }
  .MamoruCourse .MamoruCourse_list .course__description {
    padding: 12px 10px 8px 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
  .MamoruCourse .MamoruCourse_list .course__mamoru {
    font-size: 16px;
    margin-right: 0.5em;
  }
  .MamoruCourse .MamoruCourse_list .course__name {
    font-size: 28px;
    line-height: 1;
  }
  .MamoruCourse .MamoruCourse_list .course__name span {
    /* font-size: 2.0rem */
    font-size: 20px;
  }
  .MamoruCourse .MamoruCourse_list .course__txt {
    font-size: 15px;
    width: 100%;
  }
  .MamoruCourse .MamoruCourse_timing .DefaultList {
    padding-left: 18px;
  }
}
.MamoruApplication .course--long,
.MamoruPrice .course--long {
  background-color: rgba(22, 146, 66, 0.2);
}

.MamoruApplication .course--newcar,
.MamoruPrice .course--newcar {
  background-color: rgba(144, 192, 52, 0.2);
}

.MamoruApplication .course--inspection,
.MamoruPrice .course--inspection {
  background-color: rgba(117, 190, 233, 0.2);
}

.MamoruApplication .course--continuation,
.MamoruPrice .course--continuation {
  background-color: rgba(227, 141, 192, 0.2);
}

.MamoruApplication.PriceComparisonTable th,
.MamoruApplication.PriceComparisonTable td,
.MamoruPrice.PriceComparisonTable th,
.MamoruPrice.PriceComparisonTable td {
  padding: 18px 5px;
}

.MamoruApplication.PriceComparisonTable th,
.MamoruPrice.PriceComparisonTable th {
  width: 20%;
}

.MamoruApplication.PriceComparisonTable th:nth-of-type(1),
.MamoruPrice.PriceComparisonTable th:nth-of-type(1) {
  width: 20%;
}

@media screen and (max-width: 768px) {
  .MamoruApplication.PriceComparisonTable,
  .MamoruPrice.PriceComparisonTable {
    display: block;
  }
  .MamoruApplication.PriceComparisonTable tbody,
  .MamoruApplication.PriceComparisonTable tr,
  .MamoruApplication.PriceComparisonTable th,
  .MamoruApplication.PriceComparisonTable td,
  .MamoruPrice.PriceComparisonTable tbody,
  .MamoruPrice.PriceComparisonTable tr,
  .MamoruPrice.PriceComparisonTable th,
  .MamoruPrice.PriceComparisonTable td {
    border-left-width: 0;
    display: block;
    width: 100%;
  }
  .MamoruApplication.PriceComparisonTable tr:first-of-type,
  .MamoruPrice.PriceComparisonTable tr:first-of-type {
    display: none;
  }
  .MamoruApplication.PriceComparisonTable th:first-of-type,
  .MamoruPrice.PriceComparisonTable th:first-of-type {
    padding: 9px 19px;
    width: 100%;
  }
  .MamoruApplication.PriceComparisonTable td:nth-of-type(1)::before,
  .MamoruPrice.PriceComparisonTable td:nth-of-type(1)::before {
    background-color: rgba(22, 146, 66, 0.2);
    content: "長期コース";
  }
  .MamoruApplication.PriceComparisonTable td:nth-of-type(2)::before,
  .MamoruPrice.PriceComparisonTable td:nth-of-type(2)::before {
    background-color: rgba(144, 192, 52, 0.2);
    content: "新車コース";
  }
  .MamoruApplication.PriceComparisonTable td:nth-of-type(3)::before,
  .MamoruPrice.PriceComparisonTable td:nth-of-type(3)::before {
    background-color: rgba(117, 190, 233, 0.2);
    content: "車検コース";
  }
  .MamoruApplication.PriceComparisonTable td:nth-of-type(4)::before,
  .MamoruPrice.PriceComparisonTable td:nth-of-type(4)::before {
    background-color: rgba(227, 141, 192, 0.2);
    content: "継続コース";
  }
  .MamoruApplication.PriceComparisonTable td {
    padding: 9px;
    width: 100%;
  }
  .MamoruApplication.PriceComparisonTable td::before {
    border-radius: 14px;
    display: block;
    margin-bottom: 9px;
    padding: 3px 5px 1px;
  }
  .MamoruPrice.PriceComparisonTable td {
    padding: 9px 9px 9px 100px;
    position: relative;
    width: 100%;
  }
  .MamoruPrice.PriceComparisonTable td::before {
    display: inline-block;
    font-size: 14px;
    left: 9px;
    padding: 3px 5px 1px;
    position: absolute;
  }
}
.MamoruGuaranteeObject .MamoruGuaranteeObject_item {
  border-style: solid;
  border-width: 10px;
  margin-top: 40px;
  padding: 30px;
}

.MamoruGuaranteeObject .MamoruGuaranteeObject_item.course--long {
  border-color: rgba(22, 146, 66, 0.2);
  margin-top: 0;
}

.MamoruGuaranteeObject .MamoruGuaranteeObject_item.course--newcar {
  border-color: rgba(144, 192, 52, 0.2);
}

.MamoruGuaranteeObject .MamoruGuaranteeObject_item.course--inspection {
  border-color: rgba(117, 190, 233, 0.2);
}

.MamoruGuaranteeObject .MamoruGuaranteeObject_item.course--continuation {
  border-color: rgba(227, 141, 192, 0.2);
}

.MamoruGuaranteeObject .MamoruGuaranteeObject_item .HeadingTitle--verticalLine {
  margin-top: 0;
}

.MamoruGuaranteeObject .MamoruGuaranteeObject_item__case img {
  margin-bottom: 10px;
}

.MamoruGuaranteeObject .MamoruGuaranteeObject_item__case .SupplementList {
  margin-bottom: 0;
}

.MamoruGuaranteeObject .MamoruGuaranteeObject_item .DefaultList {
  list-style: none;
  padding-left: 0;
}

@media screen and (max-width: 768px) {
  .MamoruGuaranteeObject .MamoruGuaranteeObject_item {
    margin-top: 30px;
    border-width: 8px;
    padding: 15px;
  }
  .MamoruGuaranteeObject .MamoruGuaranteeObject_item__case {
    padding: 0;
  }
}
.MamoruCourse .MamoruChooseTab {
  display: flex;
}

.MamoruCourse .MamoruChooseTab__item {
  display: flex;
  margin-left: 10px;
  cursor: pointer;
  width: calc((100% - 10px) / 2);
}

.MamoruCourse .MamoruChooseTab__item:first-child {
  margin-left: 0;
}

.MamoruCourse .MamoruChooseTab__btn {
  background-color: #fae5e5;
  border-bottom: 2px solid #c00;
  color: #222;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Noto Sans Japanese", sans-serif;
  font-size: 20px;
  font-weight: 500;
  font-display: swap;
  height: 100%;
  line-height: 1;
  padding: 19px 10px;
  text-align: center;
  transition: all 0.3s;
  width: 100%;
}

.MamoruCourse .MamoruChooseTab__btn:hover,
.MamoruCourse .MamoruChooseTab__btn:active,
.MamoruCourse .MamoruChooseTab__btn:focus,
.MamoruCourse .MamoruChooseTab__btn.current {
  background-color: #c00;
  color: #fff;
  text-decoration: none;
}

.MamoruCourse .MamoruChooseContents {
  margin-top: 40px;
}

.MamoruCourse .MamoruChooseContents .HeadingWrapper {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .MamoruCourse .MamoruChoose__lead {
    margin-bottom: 20px;
    padding: 15px;
  }
  .MamoruCourse .MamoruChooseTab__btn {
    font-size: 18px;
    height: auto;
    min-height: 56px;
    padding: 9px 5px;
  }
  .MamoruCourse .MamoruChooseContents {
    margin-top: 30px;
  }
  .MamoruCourse .MamoruChooseContents .HeadingWrapper {
    margin-top: 40px;
  }
}
/* チャオ、マモル、点検など テーブル
---------------------------------------------------------------------------- */
.PriceComparisonTable {
  border-top: 1px solid #707070;
  border-left: 1px solid #707070;
  margin-bottom: 10px;
  width: 100%;
}

.PriceComparisonTable th {
  background-color: #f1f1f1;
  border-left: 1px solid #707070;
  border-right: 1px solid #707070;
}

.PriceComparisonTable td {
  border-left: 1px solid #707070;
  border-right: 1px solid #707070;
}

.PriceComparisonTable th, .PriceComparisonTable td {
  padding: 18px 28px;
  text-align: center;
  vertical-align: middle;
}

.PriceComparisonTable th, .PriceComparisonTable td {
  border-bottom: 1px solid #707070;
  font-weight: normal;
}

/* ************************************** _
_service-inspection.scss
点検、車検 用CSS
_ ************************************** */
/* 点検
---------------------------------------------------------------------------- */
.TenkenOverview .TenkenOverviewAnchor {
  display: flex;
  justify-content: space-between;
  margin: 0 0 50px 0;
}

.TenkenOverview .TenkenOverviewAnchor li {
  margin-left: 2.7027027027%;
  width: 22.2972972973%;
}

.TenkenOverview .TenkenOverviewAnchor li:first-child {
  margin-left: 0;
}

.TenkenOverview .TenkenOverviewAnchor li a {
  border-radius: 0 0 10px 10px;
  color: #fff;
  display: block;
  font-family: "Noto Sans Japanese", sans-serif;
  font-size: 1.2941176471rem;
  font-weight: 500;
  font-display: swap;
  line-height: 1;
  padding: 15px 5px 33px 5px;
  position: relative;
  text-align: center;
  transition: all 0.3s;
  text-decoration: none;
}

.TenkenOverview .TenkenOverviewAnchor li a::before {
  border-top: 2px solid #fff;
  bottom: 22px;
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 16px;
}

.TenkenOverview .TenkenOverviewAnchor li a::after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid #fff;
  bottom: 10px;
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  /*width: 16px*/
  width: 0;
}

.TenkenOverview .TenkenOverviewAnchor li a:hover,
.TenkenOverview .TenkenOverviewAnchor li a:active,
.TenkenOverview .TenkenOverviewAnchor li a:focus {
  text-decoration: none;
}

.TenkenOverview .TenkenOverviewAnchor li a.tenken-month1 {
  background-color: rgba(38, 178, 89, 0.85);
}

.TenkenOverview .TenkenOverviewAnchor li a.tenken-month1:hover,
.TenkenOverview .TenkenOverviewAnchor li a.tenken-month1:active,
.TenkenOverview .TenkenOverviewAnchor li a.tenken-month1:focus {
  background-color: #c00;
}

.TenkenOverview .TenkenOverviewAnchor li a.tenken-month6 {
  background-color: rgba(159, 203, 65, 0.85);
}

.TenkenOverview .TenkenOverviewAnchor li a.tenken-month6:hover,
.TenkenOverview .TenkenOverviewAnchor li a.tenken-month6:active,
.TenkenOverview .TenkenOverviewAnchor li a.tenken-month6:focus {
  background-color: #c00;
}

.TenkenOverview .TenkenOverviewAnchor li a.tenken-after6 {
  background-color: rgba(241, 149, 39, 0.85);
}

.TenkenOverview .TenkenOverviewAnchor li a.tenken-after6:hover,
.TenkenOverview .TenkenOverviewAnchor li a.tenken-after6:active,
.TenkenOverview .TenkenOverviewAnchor li a.tenken-after6:focus {
  background-color: #c00;
}

.TenkenOverview .TenkenOverviewAnchor li a.tenken-year {
  background-color: rgba(38, 166, 229, 0.85);
}

.TenkenOverview .TenkenOverviewAnchor li a.tenken-year:hover,
.TenkenOverview .TenkenOverviewAnchor li a.tenken-year:active,
.TenkenOverview .TenkenOverviewAnchor li a.tenken-year:focus {
  background-color: #c00;
}

.TenkenOverview .TenkenOverviewAnchor li a.tenken-manufacture {
  background-color: rgba(235, 109, 166, 0.85);
}

.TenkenOverview .TenkenOverviewAnchor li a.tenken-manufacture:hover,
.TenkenOverview .TenkenOverviewAnchor li a.tenken-manufacture:active,
.TenkenOverview .TenkenOverviewAnchor li a.tenken-manufacture:focus {
  background-color: #c00;
}

@media screen and (max-width: 768px) {
  .TenkenOverview .TenkenOverviewAnchor {
    flex-wrap: wrap;
    justify-content: center;
  }
  .TenkenOverview .TenkenOverviewAnchor li {
    margin-top: 10px;
    width: 31.5315315315%;
  }
  .TenkenOverview .TenkenOverviewAnchor li:nth-of-type(-n+3) {
    margin-top: 0;
  }
  .TenkenOverview .TenkenOverviewAnchor li a {
    font-size: calc(5 * (100vw - 320px) / 448 + 1rem);
    padding: 10px 5px 28px 5px;
  }
  .TenkenOverview .TenkenOverviewAnchor li a::before {
    bottom: 15px;
  }
  .TenkenOverview .TenkenOverviewAnchor li a::after {
    border-top-width: 8px;
    bottom: 5px;
  }
}
.TenkenInspection_category {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 30px 0;
}

.TenkenInspection_category .TenkenInspection_category__item {
  border: 10px solid #bbb;
  margin-top: 20px;
}

.TenkenInspection_category .TenkenInspection_category__item:first-child {
  margin-left: 0;
  margin-top: 0;
}

.TenkenInspection_category .TenkenInspection_category__item.full {
  width: 100%;
}

.TenkenInspection_category .TenkenInspection_category__item.half {
  margin-left: 2.6478375993%;
  width: 48.6760812004%;
}

.TenkenYear .TenkenInspection_category .TenkenInspection_category__item.half:nth-child(5) {
  margin-left: 0;
}

.TenkenInspection_category .TenkenInspection_category__item.third {
  margin-left: 2.7027027027%;
  width: 31.5315315315%;
}

.TenkenInspection_category.tenken-month .TenkenInspection_category__item {
  border-color: #ecf5d9;
}

.TenkenInspection_category.tenken-month .TenkenInspection_category__title {
  background-color: #ecf5d9;
}

.TenkenInspection_category.tenken-after6 .TenkenInspection_category__item {
  border-color: #fcead4;
  margin: 0 0 30px 0;
}

.TenkenInspection_category.tenken-after6 .TenkenInspection_category__title {
  background-color: #fcead4;
}

.TenkenInspection_category.tenken-year .TenkenInspection_category__item {
  border-color: #d4edfa;
}

.TenkenInspection_category.tenken-year .TenkenInspection_category__title {
  background-color: #d4edfa;
}

.TenkenInspection_category.tenken-manufacture .TenkenInspection_category__item {
  border-color: #fbe2ed;
}

.TenkenInspection_category.tenken-manufacture .TenkenInspection_category__title {
  background-color: #fbe2ed;
}

.TenkenInspection_category .TenkenInspection_category__title {
  font-family: "Noto Sans Japanese", sans-serif;
  font-size: 1.0588235294rem;
  font-weight: 500;
  font-display: swap;
  align-self: flex-start;
  padding: 0 10px 10px 10px;
  width: 100%;
  font-weight: 600;
}

.TenkenInspection_category .TenkenInspection_list {
  background-color: #fff;
  margin: 0;
  padding: 10px;
}

@media screen and (max-width: 768px) {
  .TenkenInspection_category {
    flex-wrap: wrap;
  }
  .TenkenInspection_category .TenkenInspection_category__item {
    border: 8px solid #bbb;
    margin-top: 15px;
  }
  .TenkenInspection_category .TenkenInspection_category__item:first-child {
    margin-left: 0;
    margin-top: 0;
  }
  .TenkenInspection_category .TenkenInspection_category__item.full {
    width: 100%;
  }
  .TenkenInspection_category .TenkenInspection_category__item.half,
  .TenkenInspection_category .TenkenInspection_category__item.third {
    margin-left: 0;
    width: 100%;
  }
}
.TenkenMonth .TenkenMonth_lead {
  font-family: "Noto Sans Japanese", sans-serif;
  font-size: 1.4117647059rem;
  font-weight: 500;
  font-display: swap;
  text-align: center;
}

.TenkenMonth .TenkenMonth_lead span {
  font-family: "Noto Sans Japanese", sans-serif;
  font-size: 1.7647058824rem;
  font-weight: 500;
  font-display: swap;
}

.TenkenMonth .TenkenMonthContents_icon-discription {
  display: flex;
  margin-bottom: 20px;
}

.TenkenMonth .TenkenMonthContents_icon-discription li {
  margin-left: 20px;
}

.TenkenMonth .TenkenMonthContents_icon-discription li:first-child {
  margin-left: 0;
}

.TenkenMonth .TenkenMonthContents_icon-discription li .icon-month1,
.TenkenMonth .TenkenMonthContents_icon-discription li .icon-month6 {
  margin-right: 0;
  line-height: 1;
}

.TenkenMonth .TenkenMonthContents .icon-month,
.TenkenMonth .TenkenMonthContents .icon-month1,
.TenkenMonth .TenkenMonthContents .icon-month6 {
  border-radius: 9px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  height: 18px;
  text-align: center;
  width: 18px;
}

.TenkenMonth .TenkenMonthContents .icon-month {
  margin-right: 3px;
}

.TenkenMonth .TenkenMonthContents .icon-month1 {
  background-color: #26b259;
  margin-right: 10px;
  line-height: 1;
}

.TenkenMonth .TenkenMonthContents .icon-month1 + .icon-month6 {
  margin-left: -7px;
  margin-right: 10px;
  line-height: 1;
}

.TenkenMonth .TenkenMonthContents .icon-month6 {
  background-color: #9fcb41;
  margin-right: 10px;
  line-height: 1;
}

.TenkenMonth .TenkenMonthContents .TenkenInspection_category__item {
  display: block;
}

.TenkenMonth .TenkenMonthContents .TenkenInspection_category__item:nth-of-type(1) {
  margin-left: 0;
  margin-top: 0;
}

.TenkenMonth .TenkenMonthContents .TenkenInspection_category__item:nth-of-type(2) {
  margin-top: 0;
}

.TenkenMonth .TenkenMonthContents .TenkenInspection_category__item:nth-of-type(4) {
  margin-left: 0;
}

.TenkenMonth .TenkenMonthContents .TenkenInspection_list.DefaultList {
  padding: 10px 10px 10px 35px;
}

.TenkenMonth .TenkenMonthContents .TenkenInspection_category__image {
  padding: 10px;
  float: right;
}

@media screen and (max-width: 768px) {
  .TenkenMonth .TenkenMonth_lead {
    font-size: 1.6rem;
  }
  .TenkenMonth .TenkenMonth_lead span {
    font-size: 1.8rem;
  }
  .TenkenMonth .TenkenMonthContents_icon-discription {
    margin-bottom: 15px;
  }
  .TenkenMonth .TenkenMonthContents .TenkenInspection_category__item {
    margin-top: -10px;
  }
  .TenkenMonth .TenkenMonthContents .TenkenInspection_category__item:nth-of-type(1) {
    margin-top: 0;
  }
  .TenkenMonth .TenkenMonthContents .TenkenInspection_category__item:nth-of-type(2) {
    margin-top: -10px;
  }
  .TenkenMonth .TenkenMonthContents .TenkenInspection_list.DefaultList {
    padding: 10px 10px 10px 30px;
  }
  .TenkenMonth .TenkenMonthContents .TenkenInspection_category__image {
    padding: 10px;
    float: right;
  }
}
@media screen and (max-width: 414px) {
  .TenkenMonth .TenkenMonthContents_icon-discription {
    display: block;
  }
  .TenkenMonth .TenkenMonthContents_icon-discription li {
    margin-left: 0;
  }
  .TenkenMonth .TenkenMonthContents .TenkenInspection_category__image {
    float: none;
    padding-bottom: 0;
    text-align: center;
  }
}
.TenkenAfter6 .TenkenInspection_category__item {
  flex-wrap: wrap;
}

.TenkenAfter6 .TenkenAfter6_list {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 10px 10px 30px;
}

.TenkenAfter6 .TenkenAfter6_list li {
  margin-left: 2.8037383178%;
  width: 31.4641744548%;
}

.TenkenAfter6 .TenkenAfter6_list li:nth-of-type(3n+1) {
  margin-left: 0;
}

.TenkenAfter6 .TenkenAfter6Plus5_list {
  padding: 10px;
}

.TenkenAfter6 .PriceComparisonTable th,
.TenkenAfter6 .PriceComparisonTable td {
  padding: 18px 9px;
}

.TenkenAfter6 .PriceComparisonTable th {
  border-right: 1px solid #707070;
  border-left: 1px solid #707070;
  width: 18%;
}

.TenkenAfter6 .PriceComparisonTable th:nth-of-type(1) {
  width: 10%;
}

@media screen and (max-width: 768px) {
  .TenkenAfter6 .TenkenAfter6_list {
    padding: 30px;
  }
  .TenkenAfter6 .TenkenAfter6_list li {
    margin-left: 2.8037383178%;
    width: 48.5981308411%;
  }
  .TenkenAfter6 .TenkenAfter6_list li:nth-of-type(3n+1) {
    margin-left: 2.8037383178%;
  }
  .TenkenAfter6 .TenkenAfter6_list li:nth-of-type(2n+1) {
    margin-left: 0;
  }
}
@media screen and (max-width: 414px) {
  .TenkenAfter6 .TenkenAfter6_list li {
    margin-left: 2.8037383178%;
    width: 97.1962616822%;
    margin-left: 0 !important;
  }
}
.TenkenYear .PriceComparisonTable th,
.TenkenYear .PriceComparisonTable td {
  padding: 18px 9px;
}

.TenkenYear .PriceComparisonTable th {
  border-right: 1px solid #707070;
  width: 18%;
}

.TenkenYear .PriceComparisonTable th:nth-of-type(1) {
  width: 10%;
}

.TenkenYear .TenkenYearContents .TenkenInspection_category {
  margin-bottom: 10px;
}

.TenkenYear .TenkenYearContents .TenkenInspection_category__item {
  display: block;
}

.TenkenYear .TenkenYearContents .TenkenInspection_category__item:nth-of-type(1) {
  margin-left: 0;
  margin-top: 0;
}

.TenkenYear .TenkenYearContents .TenkenInspection_category__item:nth-of-type(2) {
  margin-top: 0;
}

.TenkenYear .TenkenYearContents .TenkenInspection_category__item:nth-of-type(3) {
  margin-left: 0;
}

.TenkenYear .TenkenYearContents .TenkenInspection_list.DefaultList {
  padding: 10px 10px 10px 35px;
}

.TenkenYear .TenkenYearContents .TenkenInspection_category__image {
  padding: 10px;
  float: right;
}

@media screen and (max-width: 768px) {
  .TenkenYear .TenkenYearContents .TenkenInspection_category__item {
    margin-top: -10px;
  }
  .TenkenYear .TenkenYearContents .TenkenInspection_category__item:nth-of-type(1) {
    margin-top: 0;
  }
  .TenkenYear .TenkenYearContents .TenkenInspection_category__item:nth-of-type(2) {
    margin-top: -10px;
  }
  .TenkenYear .TenkenYearContents .TenkenInspection_list.DefaultList {
    padding: 10px 10px 10px 30px;
  }
}
.TenkenManufacture .TenkenSpecial .TenkenInspection_category__item {
  flex-wrap: wrap;
}

.TenkenManufacture .TenkenSpecial .TenkenInspection_category__item:nth-of-type(1),
.TenkenManufacture .TenkenSpecial .TenkenInspection_category__item:nth-of-type(2) {
  margin-top: 0;
}

.TenkenManufacture .TenkenSpecial .TenkenInspection_category__item:nth-of-type(2n+1) {
  margin-left: 0;
}

.TenkenManufacture .TenkenSpecial .TenkenInspection_category__subtitle {
  background-color: #f2f2f2;
  padding: 2px 10px;
}

.TenkenManufacture .TenkenSpecial .TenkenInspection_list.DefaultList {
  padding: 10px 10px 10px 35px;
}

.TenkenManufacture .TenkenExpendable .TenkenInspection_category__item {
  flex-wrap: wrap;
  margin-top: 0;
}

.TenkenManufacture .TenkenExpendable .TenkenInspection_category__item:nth-of-type(1) {
  margin-left: 0;
}

.TenkenManufacture .TenkenExpendable .TenkenInspection_list.DefaultList {
  padding: 10px 10px 10px 35px;
}

.TenkenManufacture .TenkenFatsOil .TenkenInspection_category {
  margin-bottom: 10px;
}

.TenkenManufacture .TenkenFatsOil .TenkenInspection_category__item {
  flex-wrap: wrap;
  margin-left: 0;
  margin-top: 0;
}

.TenkenManufacture .TenkenFatsOil .TenkenInspection_list {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 10px 10px 35px;
}

.TenkenManufacture .TenkenFatsOil .TenkenInspection_list li {
  margin-left: 2.8708133971%;
  width: 48.5645933014%;
}

.TenkenManufacture .TenkenFatsOil .TenkenInspection_list li:nth-of-type(2n+1) {
  margin-left: 0;
}

@media screen and (max-width: 768px) {
  .TenkenManufacture .TenkenSpecial .TenkenInspection_category__item {
    margin-top: -10px;
  }
  .TenkenManufacture .TenkenSpecial .TenkenInspection_category__item:nth-of-type(1) {
    margin-top: 0;
  }
  .TenkenManufacture .TenkenSpecial .TenkenInspection_category__item:nth-of-type(2) {
    margin-top: -10px;
  }
  .TenkenManufacture .TenkenSpecial .TenkenInspection_category__subtitle {
    background-color: #f2f2f2;
    padding: 2px 10px;
  }
  .TenkenManufacture .TenkenSpecial .TenkenInspection_list.DefaultList {
    padding: 10px 10px 10px 30px;
  }
  .TenkenManufacture .TenkenExpendable .TenkenInspection_category__item {
    margin-top: -10px;
  }
  .TenkenManufacture .TenkenExpendable .TenkenInspection_category__item:nth-of-type(1) {
    margin-top: 0;
  }
  .TenkenManufacture .TenkenExpendable .TenkenInspection_list.DefaultList {
    padding: 10px 10px 10px 30px;
  }
  .TenkenManufacture .TenkenFatsOil .TenkenInspection_list {
    padding: 10px 10px 10px 30px;
  }
  .TenkenManufacture .TenkenFatsOil .TenkenInspection_list li {
    margin-left: 0;
    width: 100%;
  }
}
/* 車検
---------------------------------------------------------------------------- */
.ShakenOverview .ShakenOverview_list {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

.ShakenOverview .ShakenOverview_list__item {
  margin-left: 2.7027027027%;
  max-width: 445px;
  width: 48.6486486486%;
}

.ShakenOverview .ShakenOverview_list__item:first-child {
  margin-left: 0;
}

.ShakenOverview .ShakenOverview_link {
  border-style: solid;
  border-width: 2px;
  border-radius: 10px;
  display: block;
  transition: all 0.3s;
  text-decoration: none;
}

.ShakenOverview .ShakenOverview_link__target {
  border-bottom: 2px solid transparent;
  border-radius: 7px 7px 0 0;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Noto Sans Japanese", sans-serif;
  font-size: 1.0588235294rem;
  font-weight: 500;
  font-display: swap;
  height: 40px;
  line-height: 1;
  padding: 0 10px 4px;
  position: relative;
  text-align: center;
}

.ShakenOverview .ShakenOverview_link__target::after {
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-top-width: 14px;
  border-top-style: solid;
  bottom: -14px;
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 26px;
}

.ShakenOverview .ShakenOverview_link__description {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 134px;
  padding: 25px 15px 20px 15px;
  text-align: center;
}

.ShakenOverview .ShakenOverview_link__txt {
  color: #222;
  font-family: "Noto Sans Japanese", sans-serif;
  font-size: 1.0588235294rem;
  font-weight: 500;
  font-display: swap;
  line-height: 1;
  margin-bottom: 10px;
  width: 100%;
}

.ShakenOverview .ShakenOverview_link__name {
  font-family: "Noto Sans Japanese", sans-serif;
  font-size: 2.3529411765rem;
  font-weight: 500;
  font-display: swap;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 0;
}

.ShakenOverview .ShakenOverview_link.case--web {
  border-color: #90c034;
}

.ShakenOverview .ShakenOverview_link.case--web .ShakenOverview_link__target {
  background-color: #90c034;
}

.ShakenOverview .ShakenOverview_link.case--web .ShakenOverview_link__target::after {
  border-top-color: #90c034;
}

.ShakenOverview .ShakenOverview_link.case--web .ShakenOverview_link__name {
  color: #90c034;
  font-size: 1.7647058824rem;
}

.ShakenOverview .ShakenOverview_link.case--web .ShakenOverview_link__txt {
  color: #222;
}

.ShakenOverview .ShakenOverview_link.case--shop {
  border-color: #75bee9;
}

.ShakenOverview .ShakenOverview_link.case--shop .ShakenOverview_link__target {
  background-color: #75bee9;
}

.ShakenOverview .ShakenOverview_link.case--shop .ShakenOverview_link__target::after {
  border-top-color: #75bee9;
}

.ShakenOverview .ShakenOverview_link.case--shop .ShakenOverview_link__name {
  color: #75bee9;
}

.ShakenOverview .ShakenOverview_link.case--shop .ShakenOverview_link__txt {
  color: #222;
}

.ShakenOverview .ShakenOverview_link:hover,
.ShakenOverview .ShakenOverview_link:active,
.ShakenOverview .ShakenOverview_link:focus {
  text-decoration: none;
}

.ShakenOverview .ShakenOverview_link:hover.case--web,
.ShakenOverview .ShakenOverview_link:active.case--web,
.ShakenOverview .ShakenOverview_link:focus.case--web {
  background-color: #90c034;
}

.ShakenOverview .ShakenOverview_link:hover.case--web .ShakenOverview_link__target,
.ShakenOverview .ShakenOverview_link:active.case--web .ShakenOverview_link__target,
.ShakenOverview .ShakenOverview_link:focus.case--web .ShakenOverview_link__target {
  border-bottom: 2px solid #fff;
}

.ShakenOverview .ShakenOverview_link:hover.case--web .ShakenOverview_link__target::after,
.ShakenOverview .ShakenOverview_link:active.case--web .ShakenOverview_link__target::after,
.ShakenOverview .ShakenOverview_link:focus.case--web .ShakenOverview_link__target::after {
  border-top-color: #fff;
}

.ShakenOverview .ShakenOverview_link:hover.case--web .ShakenOverview_link__name,
.ShakenOverview .ShakenOverview_link:hover.case--web .ShakenOverview_link__txt {
  color: #fff;
}

.ShakenOverview .ShakenOverview_link:active.case--web .ShakenOverview_link__name,
.ShakenOverview .ShakenOverview_link:active.case--web .ShakenOverview_link__txt {
  color: #fff;
}

.ShakenOverview .ShakenOverview_link:focus.case--web .ShakenOverview_link__name,
.ShakenOverview .ShakenOverview_link:focus.case--web .ShakenOverview_link__txt {
  color: #fff;
}

.ShakenOverview .ShakenOverview_link:hover.case--shop,
.ShakenOverview .ShakenOverview_link:active.case--shop,
.ShakenOverview .ShakenOverview_link:focus.case--shop {
  background-color: #75bee9;
}

.ShakenOverview .ShakenOverview_link:hover.case--shop .ShakenOverview_link__target,
.ShakenOverview .ShakenOverview_link:active.case--shop .ShakenOverview_link__target,
.ShakenOverview .ShakenOverview_link:focus.case--shop .ShakenOverview_link__target {
  border-bottom: 2px solid #fff;
}

.ShakenOverview .ShakenOverview_link:hover.case--shop .ShakenOverview_link__target::after,
.ShakenOverview .ShakenOverview_link:active.case--shop .ShakenOverview_link__target::after,
.ShakenOverview .ShakenOverview_link:focus.case--shop .ShakenOverview_link__target::after {
  border-top-color: #fff;
}

.ShakenOverview .ShakenOverview_link:hover.case--shop .ShakenOverview_link__name,
.ShakenOverview .ShakenOverview_link:hover.case--shop .ShakenOverview_link__txt {
  color: #fff;
}

.ShakenOverview .ShakenOverview_link:active.case--shop .ShakenOverview_link__name,
.ShakenOverview .ShakenOverview_link:active.case--shop .ShakenOverview_link__txt {
  color: #fff;
}

.ShakenOverview .ShakenOverview_link:focus.case--shop .ShakenOverview_link__name,
.ShakenOverview .ShakenOverview_link:focus.case--shop .ShakenOverview_link__txt {
  color: #fff;
}

@media screen and (max-width: 768px) {
  .ShakenOverview .ShakenOverview_link__target {
    font-size: calc(2 * (100vw - 414px) / 354 + 0.8rem);
    padding: 5px 0 0 0;
  }
  .ShakenOverview .ShakenOverview_link__description {
    height: 124px;
    padding: 20px 5px 15px 5px;
  }
  .ShakenOverview .ShakenOverview_link__txt {
    font-size: calc(4 * (100vw - 414px) / 354 + 1rem);
  }
  .ShakenOverview .ShakenOverview_link__name {
    font-size: calc(16 * (100vw - 414px) / 354 + 1.2rem);
  }
  .ShakenOverview .ShakenOverview_link.case--web .ShakenOverview_link__name {
    font-size: calc(14 * (100vw - 414px) / 354 + 0.8rem);
  }
}
@media screen and (max-width: 414px) {
  .ShakenOverview .ShakenOverview_list {
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  .ShakenOverview .ShakenOverview_list__item {
    margin-left: 0;
    margin-top: 10px;
    width: 100%;
  }
  .ShakenOverview .ShakenOverview_list__item:first-child {
    margin-top: 0;
  }
  .ShakenOverview .ShakenOverview_list .target {
    font-size: 1.4rem;
    height: auto;
    padding: 7px 2px 8px;
  }
  .ShakenOverview .ShakenOverview_link__description {
    height: 100px;
  }
  .ShakenOverview .ShakenOverview_link__name {
    font-size: 2.4rem;
  }
  .ShakenOverview .ShakenOverview_link.case--web .ShakenOverview_link__name {
    font-size: 1.5rem;
  }
  .ShakenOverview .ShakenOverview_list .course__description {
    padding: 23px 10px 10px 10px;
  }
  .ShakenOverview .ShakenOverview_list .course__mamoru {
    font-size: 1.6rem;
  }
  .ShakenOverview .ShakenOverview_list .course__name {
    font-size: 2.8rem;
    line-height: 1;
  }
  .ShakenOverview .ShakenOverview_list .course__name span {
    font-size: 2rem;
  }
  .ShakenOverview .ShakenOverview_list .course__txt {
    font-size: 1.5rem;
  }
}
.ShakenCourse .ShakenCourseAnchor {
  display: flex;
  flex-wrap: wrap;
  /*justify-content: space-between;*/
  justify-content: left;
  margin-bottom: 30px;
  margin-top: -10px;
}

.ShakenCourse .ShakenCourseAnchor li {
  margin-left: 2.7027027027%;
  margin-top: 10px;
  width: 22.972972973%;
}

.ShakenCourse .ShakenCourseAnchor li:nth-of-type(4n+1) {
  margin-left: 0;
}

.ShakenCourse .ShakenCourseAnchor li a {
  border-radius: 0 0 10px 10px;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-family: "Noto Sans Japanese", sans-serif;
  /*font-size: 3rem;*/
  font-size: 1.7647058824rem;
  font-weight: 500;
  font-display: swap;
  font-weight: 900;
  height: 100%;
  line-height: 1;
  padding: 13px 5px 30px 5px;
  position: relative;
  text-align: center;
  transition: all 0.3s;
  text-decoration: none;
}

.ShakenCourse .ShakenCourseAnchor li a span {
  display: inline-block;
  font-family: "Noto Sans Japanese", sans-serif;
  /*font-size: 1.7rem;*/
  font-size: 1rem;
  font-weight: 500;
  font-display: swap;
}

.ShakenCourse .ShakenCourseAnchor li a::before {
  border-top: 2px solid #fff;
  bottom: 19px;
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 16px;
}

.ShakenCourse .ShakenCourseAnchor li a::after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid #fff;
  bottom: 7px;
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  /*width: 16px;*/
  width: 0;
}

.ShakenCourse .ShakenCourseAnchor li a:hover,
.ShakenCourse .ShakenCourseAnchor li a:active,
.ShakenCourse .ShakenCourseAnchor li a:focus {
  text-decoration: none;
}

.ShakenCourse .ShakenCourseAnchor li a.shaken-no5-s {
  background-color: rgba(123, 79, 156, 0.85);
}

.ShakenCourse .ShakenCourseAnchor li a.shaken-no5-s:hover,
.ShakenCourse .ShakenCourseAnchor li a.shaken-no5-s:active,
.ShakenCourse .ShakenCourseAnchor li a.shaken-no5-s:focus {
  background-color: #c00;
}

.ShakenCourse .ShakenCourseAnchor li a.shaken-no5-m {
  background-color: rgba(1, 104, 183, 0.85);
}

.ShakenCourse .ShakenCourseAnchor li a.shaken-no5-m:hover,
.ShakenCourse .ShakenCourseAnchor li a.shaken-no5-m:active,
.ShakenCourse .ShakenCourseAnchor li a.shaken-no5-m:focus {
  background-color: #c00;
}

.ShakenCourse .ShakenCourseAnchor li a.shaken-hybrid {
  background-color: rgba(239, 130, 1, 0.85);
}

.ShakenCourse .ShakenCourseAnchor li a.shaken-hybrid:hover,
.ShakenCourse .ShakenCourseAnchor li a.shaken-hybrid:active,
.ShakenCourse .ShakenCourseAnchor li a.shaken-hybrid:focus {
  background-color: #c00;
}

.ShakenCourse .ShakenCourseAnchor li a.shaken-no5-l {
  background-color: rgba(0, 151, 224, 0.85);
}

.ShakenCourse .ShakenCourseAnchor li a.shaken-no5-l:hover,
.ShakenCourse .ShakenCourseAnchor li a.shaken-no5-l:active,
.ShakenCourse .ShakenCourseAnchor li a.shaken-no5-l:focus {
  background-color: #c00;
}

.ShakenCourse .ShakenCourseAnchor li a.shaken-no3-s {
  background-color: rgba(0, 165, 60, 0.85);
}

.ShakenCourse .ShakenCourseAnchor li a.shaken-no3-s:hover,
.ShakenCourse .ShakenCourseAnchor li a.shaken-no3-s:active,
.ShakenCourse .ShakenCourseAnchor li a.shaken-no3-s:focus {
  background-color: #c00;
}

.ShakenCourse .ShakenCourseAnchor li a.shaken-no3-l {
  background-color: rgba(142, 194, 32, 0.85);
}

.ShakenCourse .ShakenCourseAnchor li a.shaken-no3-l:hover,
.ShakenCourse .ShakenCourseAnchor li a.shaken-no3-l:active,
.ShakenCourse .ShakenCourseAnchor li a.shaken-no3-l:focus {
  background-color: #c00;
}

.ShakenCourse .ShakenCourseAnchor li a.shaken-light {
  background-color: rgba(232, 83, 151, 0.85);
}

.ShakenCourse .ShakenCourseAnchor li a.shaken-light:hover,
.ShakenCourse .ShakenCourseAnchor li a.shaken-light:active,
.ShakenCourse .ShakenCourseAnchor li a.shaken-light:focus {
  background-color: #c00;
}

.ShakenCourse .ShakenCourseAnchor li a.shaken-commercial {
  background-color: rgba(229, 0, 69, 0.85);
}

.ShakenCourse .ShakenCourseAnchor li a.shaken-commercial:hover,
.ShakenCourse .ShakenCourseAnchor li a.shaken-commercial:active,
.ShakenCourse .ShakenCourseAnchor li a.shaken-commercial:focus {
  background-color: #c00;
}

.ShakenCourse .ShakenCourseList__item {
  border: 2px solid #7b4f9c;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_type {
  display: flex;
  width: 100%;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_type--title {
  background-color: #7b4f9c;
  border-radius: 0 0 10px 0;
  color: #fff;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  font-family: "Noto Sans Japanese", sans-serif;
  /*font-size: 3rem;*/
  font-size: 1.7647058824rem;
  font-weight: 500;
  font-display: swap;
  font-weight: 900;
  line-height: 0.9;
  margin-right: 2.7027027027%;
  min-height: 70px;
  max-width: 350px;
  padding: 4px 20px 8px;
  text-align: center;
  width: 32%;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_type--title span {
  display: inline-block;
  font-family: "Noto Sans Japanese", sans-serif;
  /*font-size: 1.7rem;*/
  font-size: 1rem;
  font-weight: 500;
  font-display: swap;
  line-height: 1;
  margin-top: 5px;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_type--cars {
  /*font-size: 1.6rem;*/
  font-size: 0.9411764706rem;
  margin: 0;
  padding: 10px 20px 0 0;
  width: 65.2972972973%;
}

.ShakenCourse .ShakenCourseList .cost-type {
  background-color: #ccc;
  border-radius: 5px;
  display: inline-block;
  font-family: "Noto Sans Japanese", sans-serif;
  /*font-size: 1.6rem;*/
  font-size: 0.9411764706rem;
  font-weight: 500;
  font-display: swap;
  line-height: 1;
  /* padding: 3px 10px 5px 32px; */
  padding: 3px 10px 2px 32px;
  position: relative;
  text-align: center;
  width: 100px;
}

.ShakenCourse .ShakenCourseList .cost-type span {
  background-color: #222;
  border-radius: 5px 0 0 5px;
  color: #fff;
  display: inline-block;
  font-family: "Noto Sans Japanese", sans-serif;
  /*font-size: 1.6rem;*/
  font-size: 0.9411764706rem;
  font-weight: 500;
  font-display: swap;
  font-weight: 900;
  left: 0;
  padding: 3px 0 5px;
  position: absolute;
  top: 0;
  width: 24px;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_total {
  display: flex;
  flex-wrap: wrap;
  margin-right: 2.7027027027%;
  max-width: 350px;
  padding: 20px 0 30px 20px;
  position: relative;
  width: 32%;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_total--included {
  margin-right: 2.7027027027%;
  width: 100px;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_total--included .cost-type:first-child {
  margin-bottom: 45px;
  padding-top: 5px;
  padding-bottom: 3px;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_total--included .cost-type:first-child::after {
  bottom: -33px;
  content: "＋";
  display: block;
  font-family: "Noto Sans Japanese", sans-serif;
  /*font-size: 2.2rem;*/
  font-size: 1.2941176471rem;
  font-weight: 500;
  font-display: swap;
  font-weight: 900;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_total--included .cost-type:last-child {
  margin-bottom: 30px;
  padding-top: 5px;
  padding-bottom: 3px;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_total--included .cost-type:last-child::after {
  bottom: -34px;
  content: "＝";
  display: block;
  font-family: "Noto Sans Japanese", sans-serif;
  /*font-size: 2.2rem;*/
  font-size: 1.2941176471rem;
  font-weight: 500;
  font-display: swap;
  font-weight: 900;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  transform: rotate(-90deg);
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_total--image {
  margin: 0 auto 20px;
  max-width: 186px;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_total--price {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_total--price::after {
  border-bottom: 2px solid #7b4f9c;
  bottom: -5px;
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 100%;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_total--price .total-cost {
  align-self: center;
  font-family: "Noto Sans Japanese", sans-serif;
  /*font-size: 2rem;*/
  font-size: 1.1764705882rem;
  font-weight: 500;
  font-display: swap;
  font-weight: 900;
  margin-bottom: 0;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_total--price .price {
  color: #ea5505;
  font-family: "Noto Sans Japanese", sans-serif;
  /*font-size: 4rem;*/
  font-size: 2.3529411765rem;
  font-weight: 500;
  font-display: swap;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 0;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_total--price .price > span {
  font-family: "Noto Sans Japanese", sans-serif;
  /*font-size: 2.5rem;*/
  font-size: 1.4705882353rem;
  font-weight: 500;
  font-display: swap;
  font-weight: 900;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_more {
  display: none;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_details {
  padding: 20px 15px 20px 0;
  width: 65.2972972973%;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_details--title {
  font-family: "Noto Sans Japanese", sans-serif;
  /*font-size: 1.8rem;*/
  font-size: 1.0588235294rem;
  font-weight: 500;
  font-display: swap;
  line-height: 1;
  margin-bottom: 10px;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_details--title .cost-type {
  margin-right: 5px;
  padding-top: 6px;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list {
  display: flex;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li {
  margin-left: 25px;
  position: relative;
  width: calc((100% - 100px) * 0.2125);
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li::before {
  bottom: 0;
  content: "＋";
  display: block;
  /*font-size: 2.0rem;*/
  font-size: 1.1764705882rem;
  left: -23px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 20px;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li:first-child {
  margin-left: 0;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li:first-child::before {
  display: none;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li:nth-child(3) {
  width: calc((100% - 100px) * 0.15);
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li:last-child::before {
  bottom: 0;
  content: "＝";
  display: block;
  /*font-size: 2.0rem;*/
  font-size: 1.1764705882rem;
  left: -23px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 20px;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li:last-child .item {
  background-color: #7b4f9c;
  color: #fff;
  font-weight: bold;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li:last-child .price {
  color: #ea5505;
  font-weight: bold;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list .item {
  background-color: rgba(123, 79, 156, 0.2);
  line-height: 1;
  margin: 0;
  padding: 5px 5px 3px 5px;
  text-align: center;
}

.ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list .price {
  margin: 0;
  padding: 6px 5px 5px 5px;
  text-align: center;
  font-size: 1em;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-s {
  border-color: #7b4f9c;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-s .ShakenCourseItem_type--title {
  background-color: #7b4f9c;
  padding-top: 10px;
  padding-bottom: 10px;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-s .ShakenCourseItem_total--price::after {
  border-bottom-color: #7b4f9c;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-s .ShakenCourseItem_details_list {
  display: flex;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-s .ShakenCourseItem_details_list li:last-child .item {
  background-color: #7b4f9c;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-s .ShakenCourseItem_details_list .item {
  background-color: rgba(123, 79, 156, 0.2);
  padding-top: 0;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-m {
  border-color: #0168b7;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-m .ShakenCourseItem_type--title {
  background-color: #0168b7;
  padding-top: 10px;
  padding-bottom: 10px;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-m .ShakenCourseItem_total--price::after {
  border-bottom-color: #0168b7;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-m .ShakenCourseItem_details_list {
  display: flex;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-m .ShakenCourseItem_details_list li:last-child .item {
  background-color: #0168b7;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-m .ShakenCourseItem_details_list .item {
  background-color: rgba(1, 104, 183, 0.2);
  padding-top: 5px;
}

.ShakenCourse .ShakenCourseList__item.shaken-hybrid {
  border-color: #ef8201;
}

.ShakenCourse .ShakenCourseList__item.shaken-hybrid .ShakenCourseItem_type--title {
  background-color: #ef8201;
  padding-top: 10px;
  padding-bottom: 10px;
}

.ShakenCourse .ShakenCourseList__item.shaken-hybrid .ShakenCourseItem_total--price::after {
  border-bottom-color: #ef8201;
}

.ShakenCourse .ShakenCourseList__item.shaken-hybrid .ShakenCourseItem_details_list {
  display: flex;
}

.ShakenCourse .ShakenCourseList__item.shaken-hybrid .ShakenCourseItem_details_list li:last-child .item {
  background-color: #ef8201;
}

.ShakenCourse .ShakenCourseList__item.shaken-hybrid .ShakenCourseItem_details_list .item {
  background-color: rgba(239, 130, 1, 0.2);
  padding-top: 0;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-l {
  border-color: #0097e0;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-l .ShakenCourseItem_type--title {
  background-color: #0097e0;
  padding-top: 10px;
  padding-bottom: 10px;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-l .ShakenCourseItem_total--price::after {
  border-bottom-color: #0097e0;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-l .ShakenCourseItem_details_list {
  display: flex;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-l .ShakenCourseItem_details_list li:last-child .item {
  background-color: #0097e0;
}

.ShakenCourse .ShakenCourseList__item.shaken-no5-l .ShakenCourseItem_details_list .item {
  background-color: rgba(0, 151, 224, 0.2);
  padding-top: 5px;
}

.ShakenCourse .ShakenCourseList__item.shaken-no3-s {
  border-color: #00a53c;
}

.ShakenCourse .ShakenCourseList__item.shaken-no3-s .ShakenCourseItem_type--title {
  background-color: #00a53c;
  padding-top: 10px;
  padding-bottom: 10px;
}

.ShakenCourse .ShakenCourseList__item.shaken-no3-s .ShakenCourseItem_total--price::after {
  border-bottom-color: #00a53c;
}

.ShakenCourse .ShakenCourseList__item.shaken-no3-s .ShakenCourseItem_details_list {
  display: flex;
}

.ShakenCourse .ShakenCourseList__item.shaken-no3-s .ShakenCourseItem_details_list li:last-child .item {
  background-color: #00a53c;
}

.ShakenCourse .ShakenCourseList__item.shaken-no3-s .ShakenCourseItem_details_list .item {
  background-color: rgba(0, 165, 60, 0.2);
  padding-top: 5px;
}

.ShakenCourse .ShakenCourseList__item.shaken-no3-l {
  border-color: #8ec220;
}

.ShakenCourse .ShakenCourseList__item.shaken-no3-l .ShakenCourseItem_type--title {
  background-color: #8ec220;
  padding-top: 10px;
  padding-bottom: 10px;
}

.ShakenCourse .ShakenCourseList__item.shaken-no3-l .ShakenCourseItem_total--price::after {
  border-bottom-color: #8ec220;
}

.ShakenCourse .ShakenCourseList__item.shaken-no3-l .ShakenCourseItem_details_list {
  display: flex;
}

.ShakenCourse .ShakenCourseList__item.shaken-no3-l .ShakenCourseItem_details_list li:last-child .item {
  background-color: #8ec220;
}

.ShakenCourse .ShakenCourseList__item.shaken-no3-l .ShakenCourseItem_details_list .item {
  background-color: rgba(142, 194, 32, 0.2);
  padding-top: 5px;
}

.ShakenCourse .ShakenCourseList__item.shaken-light {
  border-color: #e85397;
}

.ShakenCourse .ShakenCourseList__item.shaken-light .ShakenCourseItem_type--title {
  background-color: #e85397;
  padding-top: 10px;
  padding-bottom: 10px;
}

.ShakenCourse .ShakenCourseList__item.shaken-light .ShakenCourseItem_total--price::after {
  border-bottom-color: #e85397;
}

.ShakenCourse .ShakenCourseList__item.shaken-light .ShakenCourseItem_details_list {
  display: flex;
}

.ShakenCourse .ShakenCourseList__item.shaken-light .ShakenCourseItem_details_list li:last-child .item {
  background-color: #e85397;
}

.ShakenCourse .ShakenCourseList__item.shaken-light .ShakenCourseItem_details_list .item {
  background-color: rgba(232, 83, 151, 0.2);
  padding-top: 5px;
}

.ShakenCourse .ShakenCourseList__item.shaken-commercial {
  border-color: #e50045;
}

.ShakenCourse .ShakenCourseList__item.shaken-commercial .ShakenCourseItem_type--title {
  background-color: #e50045;
  padding-top: 10px;
  padding-bottom: 10px;
}

.ShakenCourse .ShakenCourseList__item.shaken-commercial .ShakenCourseItem_total--price::after {
  border-bottom-color: #e50045;
}

.ShakenCourse .ShakenCourseList__item.shaken-commercial .ShakenCourseItem_details_list {
  display: flex;
}

.ShakenCourse .ShakenCourseList__item.shaken-commercial .ShakenCourseItem_details_list li:last-child .item {
  background-color: #e50045;
}

.ShakenCourse .ShakenCourseList__item.shaken-commercial .ShakenCourseItem_details_list .item {
  background-color: rgba(229, 0, 69, 0.2);
  padding-top: 0;
}

.ShakenCourseItem_details_list sup {
  font-size: 0.6em;
}

@media screen and (max-width: 1200px) {
  .ShakenCourse .ShakenCourseAnchor li a {
    font-size: calc(10 * (100vw - 768px) / 432 + 1.5rem);
  }
  .ShakenCourse .ShakenCourseAnchor li a span {
    font-size: calc(2 * (100vw - 768px) / 432 + 1rem);
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_type--title {
    font-size: calc(7 * (100vw - 768px) / 432 + 1.8rem);
    padding: 4px 10px 8px;
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_type--title span {
    font-size: calc(2 * (100vw - 768px) / 432 + 1rem);
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_type--cars {
    font-size: 1rem;
  }
  .ShakenCourse .ShakenCourseList .cost-type {
    width: 90px;
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_total {
    padding: 10px 0 10px 10px;
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_total--included {
    width: 90px;
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_total--included .cost-type:first-child {
    margin-bottom: 35px;
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_total--included .cost-type:first-child::after {
    bottom: -28px;
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_total--included .cost-type:last-child {
    margin-bottom: 20px;
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_total--included .cost-type:last-child::after {
    bottom: -29px;
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_total--image {
    width: 55%;
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_total--price {
    flex-wrap: wrap;
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_details {
    padding: 10px 10px 10px 0;
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li {
    margin-left: 20px;
    width: calc((100% - 80px) * 0.2125);
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li::before {
    font-size: 1.2rem;
    left: -18px;
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li:nth-child(3) {
    width: calc((100% - 80px) * 0.15);
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li:last-child::before {
    font-size: 1rem;
    left: -18px;
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list .item {
    font-size: 1rem;
    padding: 5px 3px 3px 3px;
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list .price {
    font-size: 1rem;
    padding: 6px 3px 5px 3px;
  }
}
@media screen and (max-width: 768px) {
  .ShakenCourse .ShakenCourseAnchor {
    flex-wrap: wrap;
    justify-content: center;
  }
  .ShakenCourse .ShakenCourseAnchor li {
    margin-top: 10px;
    width: 48.6486486486%;
  }
  .ShakenCourse .ShakenCourseAnchor li:nth-of-type(-n+2) {
    margin-top: 0;
  }
  .ShakenCourse .ShakenCourseAnchor li:nth-of-type(4n+1) {
    margin-left: 2.7027027027%;
  }
  .ShakenCourse .ShakenCourseAnchor li:nth-of-type(2n+1) {
    margin-left: 0;
  }
  .ShakenCourse .ShakenCourseAnchor li a {
    font-size: calc(3 * (100vw - 320px) / 448 + 1.5rem);
    padding: 10px 5px 24px 5px;
  }
  .ShakenCourse .ShakenCourseAnchor li a span {
    font-size: calc(3 * (100vw - 320px) / 448 + 0.8rem);
    margin-top: 3px;
  }
  .ShakenCourse .ShakenCourseAnchor li a::before {
    bottom: 15px;
  }
  .ShakenCourse .ShakenCourseAnchor li a::after {
    border-top-width: 8px;
    bottom: 5px;
  }
  .ShakenCourse .ShakenCourseList__item {
    justify-content: center;
    padding-bottom: 15px;
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_type {
    flex-wrap: wrap;
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_type--title {
    border-radius: 0 0 30px 30px;
    font-size: calc(10 * (100vw - 320px) / 448 + 1.5rem);
    margin-right: 0;
    min-height: auto;
    max-width: 100%;
    padding: 4px 20px 8px;
    width: 100%;
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_type--title span {
    font-size: calc(3 * (100vw - 320px) / 448 + 0.8rem);
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_type--cars {
    font-size: 1rem;
    padding: 10px;
    width: 100%;
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_total {
    margin-right: 0;
    max-width: 400px;
    padding: 10px;
    width: 100%;
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_total--price::after {
    bottom: -4px;
    width: 90%;
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_total--price .total-cost {
    font-size: 1.2rem;
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_total--price .price {
    font-size: 2rem;
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_total--price .price > span {
    font-size: 2rem;
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_more {
    background-color: #222;
    border-radius: 20px;
    bottom: -25px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 1.2rem;
    height: 40px;
    line-height: 40px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    width: 40px;
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_more:hover,
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_more:active,
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_more:focus {
    background-color: rgba(34, 34, 34, 0.8);
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_more.opened {
    content: "−"; /* オープン状態でのテキスト */
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_details {
    width: 100%;
    padding: 10px;
    display: none;
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list {
    flex-wrap: wrap;
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list:first-of-type {
    margin-bottom: 15px;
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li {
    border: 1px solid #bbb;
    margin-bottom: 20px;
    margin-left: 0;
    width: 100%;
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li::before {
    bottom: auto;
    left: 0;
    right: 0;
    top: -28px;
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li:first-child::before {
    display: none;
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li:nth-child(3) {
    width: 100%;
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li:last-child {
    margin-bottom: 0;
  }
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li:last-child::before {
    bottom: auto;
    left: 0;
    right: 0;
    top: -26px;
    transform: rotate(-90deg);
  }
  .hyoji {
    display: block !important;
  }
}
@media screen and (max-width: 414px) {
  .ShakenCourse .ShakenCourseAnchor li a {
    padding: 5px 2px 24px 2px;
    font-size: 1.8rem;
    height: auto;
    min-height: 62px;
  }
  .ShakenCourse .ShakenCourseAnchor li a span {
    font-size: 1.2rem;
  }
  .ShakenCourse .ShakenCourseAnchor li a.shaken-no5-m > span {
    font-size: 1.1rem;
  }
}
/*点検 追加*/
.DefaultList {
  list-style-type: square;
  padding-left: 25px;
}

.DefaultList li {
  list-style-position: outside;
  list-style-type: inherit;
}

.PriceComparisonTable {
  border-top: 1px solid #bbb;
  margin-bottom: 30px;
  width: 100%;
}

.PriceComparisonTable th, .PriceComparisonTable td {
  border-bottom: 1px solid #bbb;
  font-weight: normal;
}

.PriceComparisonTable th {
  background-color: #f2f2f2;
  border-left: 1px solid #bbb;
}

.PriceComparisonTable th:first-of-type {
  border-left-width: 0;
}

.PriceComparisonTable td {
  border-left: 1px solid #bbb;
}

.col2.PriceComparisonTable th {
  width: 25.7%;
}

.col2.PriceComparisonTable td {
  width: 74.3%;
}

@media screen and (max-width: 768px) {
  .PriceComparisonTable th, .PriceComparisonTable td {
    padding: 9px 19px;
  }
}
@media screen and (max-width: 414px) {
  .PriceComparisonTable th, .PriceComparisonTable td {
    padding: 9px;
  }
  .sp-decompose.PriceComparisonTable {
    display: block;
  }
  .sp-decompose.PriceComparisonTable tbody, .sp-decompose.PriceComparisonTable tr, .sp-decompose.PriceComparisonTable th, .sp-decompose.PriceComparisonTable td {
    border-left-width: 0;
    display: block;
    width: 100%;
  }
}
.PriceComparisonTable th, .PriceComparisonTable td {
  padding: 18px 28px;
  text-align: center;
  vertical-align: middle;
}

.PriceComparisonTable td:first-child {
  border-left-width: 0;
}

@media screen and (max-width: 768px) {
  .PriceComparisonTable th, .PriceComparisonTable td {
    padding: 9px 19px;
  }
}
@media screen and (max-width: 414px) {
  .PriceComparisonTable th, .PriceComparisonTable td {
    padding: 9px;
  }
}
.ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li.mainte-total {
  width: calc((100% - 100px) * 0.2125);
}

@media screen and (max-width: 1200px) {
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li.mainte-total {
    width: calc((100% - 80px) * 0.2125);
  }
}
@media screen and (max-width: 768px) {
  .ShakenCourse .ShakenCourseList .ShakenCourseItem_details_list li.mainte-total {
    width: 100%;
  }
}
.ShakenCourseItem_details_list .price .text--oss {
  font-size: 0.75em;
  display: block;
  margin-bottom: -5px;
}

@media screen and (max-width: 768px) {
  .ShakenCourseItem_details_list .price .text--oss {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 1em;
  }
}
/*# sourceMappingURL=_maps/service.css.map */