@charset "UTF-8";
/* ----------------------------------------------
　PC設定
------------------------------------------------*/
#container #contents .charaImage {
  position: relative;
}
#container #contents .charaImage .chara {
  position: relative;
  z-index: 2;
}
#container #contents .charaImage .shadow {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
}
#container #contents .c-topArea {
  margin-bottom: var(--m100);
  position: relative;
  z-index: 1;
}
#container #contents .c-topArea__textArea {
  border: solid var(--mainblue) 3px;
  border-radius: var(--m20);
  padding: var(--m65) var(--m40);
  background-color: var(--blue04);
}
#container #contents .c-topArea__textArea__text {
  font-size: var(--fs14_20);
  line-height: 2;
  display: block;
  font-weight: 600;
}
#container #contents .c-topArea__textArea__text.emp {
  color: var(--red01);
}
#container #contents .c-topArea .charaImage {
  width: 12%;
  max-width: 150px;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateY(45%);
}
#container #contents .c-service__price {
  padding: var(--m55) 0;
  background: url(/images/top/exchange_bg.svg) center/cover no-repeat;
}
#container #contents .c-service__price__title {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: var(--m30);
}
#container #contents .c-service__price__title__left {
  display: flex;
  align-items: flex-end;
  position: relative;
  z-index: 2;
  margin-right: calc(min(0.625vw, 10px) * -1);
}
#container #contents .c-service__price__title__left__chara {
  width: min(7.5625vw, 121px);
  margin-right: calc(min(1.875vw, 30px) * -1);
}
#container #contents .c-service__price__title__left__chara .shadow {
  width: 83.47%;
}
#container #contents .c-service__price__title__left__fukidashi {
  font-size: var(--fs22_42);
  font-weight: 600;
  color: var(--red01);
  padding: 0 1em;
  background: url(/images/top/exchange_fukidashi.svg) center/cover no-repeat;
  aspect-ratio: 255/90;
  display: flex;
  align-items: center;
  justify-content: center;
}
#container #contents .c-service__price__title__right {
  font-size: var(--fs26_56);
  font-weight: 600;
  position: relative;
  z-index: 1;
  padding: 0 0.25em;
  line-height: 1.2;
}
#container #contents .c-service__price__title__right::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 30%;
  background-color: var(--blue02);
  position: absolute;
  bottom: 0.05em;
  left: 0;
  z-index: -1;
}
#container #contents .c-service__price__flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-gap: var(--m40) 3.33%;
  margin-bottom: var(--m30);
}
#container #contents .c-service__price__box {
  width: 48.33%;
  position: relative;
  z-index: 1;
  padding: var(--m65) var(--m45) var(--m50);
}
#container #contents .c-service__price__box::before, #container #contents .c-service__price__box::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: min(1.25vw, 20px);
  border: 3px solid var(--mainblue);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#container #contents .c-service__price__box::after {
  background-color: var(--mainblue);
  top: 5px;
  left: 5px;
  z-index: -2;
}
#container #contents .c-service__price__box:nth-of-type(odd)::before {
  background: url(/images/common/icon_tire01.svg) center/auto 75% no-repeat, #fff;
}
#container #contents .c-service__price__box:nth-of-type(even)::before, #container #contents .c-service__price__box:nth-of-type(5)::before {
  background: url(/images/common/icon_tire02.svg) center/auto 84% no-repeat, #fff;
}
#container #contents .c-service__price__box__catch {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: var(--m16);
  margin-bottom: var(--m14);
}
#container #contents .c-service__price__box__catch::before, #container #contents .c-service__price__box__catch::after {
  content: "";
  display: inline-block;
  width: var(--m50);
  aspect-ratio: 50/63;
  background: url(/images/top/exchange_accentLine.svg) center/cover no-repeat;
}
#container #contents .c-service__price__box__catch::after {
  transform: scaleX(-1);
}
#container #contents .c-service__price__box__catch__text {
  text-align: center;
}
#container #contents .c-service__price__box__catch__text__span {
  font-size: var(--fs20_34);
  text-align: center;
  font-weight: 600;
  color: var(--mainblue);
  display: block;
  line-height: 1.176;
}
#container #contents .c-service__price__box__priceRow {
  display: flex;
  justify-content: center;
  align-items: center;
}
#container #contents .c-service__price__box__priceRow__fukidashi {
  width: var(--m100);
}
#container #contents .c-service__price__box__priceRow__price {
  width: min(25vw, 400px);
}
#container #contents .c-service__price .c-serviceBox {
  margin: 0;
}
#container #contents .c-service__price .c-serviceBox__inner {
  background-color: #fff;
  padding-top: var(--m45);
}
#container #contents .c-service__price.normal {
  background: var(--blue04);
}
#container #contents .c-serviceBox {
  margin-top: var(--m80);
}
#container #contents .c-serviceBox__title {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto calc(var(--fs20_28) * -1);
  background-color: var(--mainblue);
  border-radius: 100vw;
  padding: 0.5em 1.5em;
  font-size: var(--fs20_28);
  line-height: 1;
  font-weight: 700;
  color: #fff;
  position: relative;
  z-index: 10;
}
#container #contents .c-serviceBox__inner {
  padding: var(--m80) var(--m60);
  border-radius: var(--m20);
  border: 3px solid var(--mainblue);
  background-color: #fff;
}
#container #contents .c-serviceBox__section:not(:last-of-type) {
  margin-bottom: var(--m80);
}
#container #contents .c-serviceBox__section:not(:last-of-type):has(.c-serviceBox__section__dl, .c-serviceBox__section__table) {
  margin-bottom: var(--m35);
}
#container #contents .c-serviceBox__section__title {
  display: flex;
  align-items: center;
  font-size: var(--fs18_26);
  font-weight: 600;
  color: var(--mainblue);
  margin-bottom: var(--m20);
  padding-bottom: var(--m20);
  border-bottom: 3px solid var(--mainblue);
}
#container #contents .c-serviceBox__section__title.noborder {
  padding-bottom: 0;
  border: unset;
}
#container #contents .c-serviceBox__section__title::before {
  content: "";
  display: inline-block;
  width: var(--fs18_26);
  height: var(--fs18_26);
  background-color: var(--mainblue);
  margin-right: 0.5rem;
}
#container #contents .c-serviceBox__section__text {
  font-size: var(--fs14_20);
  font-weight: 600;
}
#container #contents .c-serviceBox__section__text.mb {
  margin-bottom: var(--m45);
}
#container #contents .c-serviceBox__section__empText {
  font-size: var(--fs16_23);
  font-weight: 700;
  color: var(--mainblue);
}
#container #contents .c-serviceBox__section__empText:not(:last-of-type) {
  margin-bottom: 0.75em;
}
#container #contents .c-serviceBox__section__attentionText {
  font-size: var(--fs16_20);
  font-weight: 600;
  color: var(--yellow01);
  margin-bottom: 0.75em;
  background-color: var(--mainorenge);
  padding: 0.5em 1em;
}
#container #contents .c-serviceBox__section__empRow {
  padding: var(--m30) var(--m40);
  background-color: var(--blue04);
  margin-bottom: var(--m30);
  font-size: var(--fs18_26);
  font-weight: 600;
}
#container #contents .c-serviceBox__section__empRow.center {
  text-align: center;
  margin-bottom: 0;
}
#container #contents .c-serviceBox__section__flexBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#container #contents .c-serviceBox__section__flexBox:not(:last-of-type) {
  margin-bottom: var(--m50);
}
#container #contents .c-serviceBox__section__flexBox__image {
  width: 31.72%;
}
#container #contents .c-serviceBox__section__flexBox .c-serviceBox__section__text {
  width: 64.74%;
}
#container #contents .c-serviceBox__section__flexBox:not(:has(.c-serviceBox__section__flexBox__image)) .c-serviceBox__section__text {
  width: 100%;
}
#container #contents .c-serviceBox__section__detailBox {
  padding: var(--m40) var(--m55);
  border-radius: var(--m20);
  background-color: var(--blue04);
}
#container #contents .c-serviceBox__section__detailBox:last-child:not(:nth-child(2)) {
  margin-top: var(--m70);
}
#container #contents .c-serviceBox__section__detailBox.mt {
  margin-top: var(--m20) !important;
}
#container #contents .c-serviceBox__section__detailBox.mt02 {
  margin-bottom: var(--m40) !important;
  margin-top: var(--m40) !important;
}
#container #contents .c-serviceBox__section__detailBox__title {
  display: flex;
  align-items: center;
  margin-bottom: var(--m20);
  padding-bottom: var(--m20);
  border-bottom: 3px solid var(--mainblue);
}
#container #contents .c-serviceBox__section__detailBox__title__text {
  font-size: var(--fs18_26);
  font-weight: 600;
  color: var(--mainblue);
  max-width: calc(100% - var(--m35) - 0.25rem);
}
#container #contents .c-serviceBox__section__detailBox__title__text__small {
  font-size: var(--fs16_23);
  font-weight: 400;
  color: var(--mainblue);
}
#container #contents .c-serviceBox__section__detailBox__title.noborder {
  padding-bottom: 0;
  border: unset;
}
#container #contents .c-serviceBox__section__detailBox__title.atten::before {
  content: "";
  display: inline-block;
  width: var(--m35);
  aspect-ratio: 35/31;
  background: url(/images/common/icon_atten.svg) center/100% no-repeat;
  margin-right: 0.25rem;
}
#container #contents .c-serviceBox__section__detailBox__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  grid-gap: var(--m12px) 0;
}
#container #contents .c-serviceBox__section__detailBox__list__li {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#container #contents .c-serviceBox__section__detailBox__list__li__text {
  font-size: var(--fs14_20);
  font-weight: 600;
  max-width: calc(100% - var(--m30) - 0.5rem);
}
#container #contents .c-serviceBox__section__detailBox__list__li__text .emp {
  font-size: var(--fs14_20);
  font-weight: 600;
  color: var(--red01);
}
#container #contents .c-serviceBox__section__detailBox__list__li::before {
  content: "";
  display: inline-block;
  width: var(--m30);
  aspect-ratio: 1/1;
  background: url(/images/common/icon_checklist.svg) center/100% no-repeat;
  margin-right: 0.5rem;
}
#container #contents .c-serviceBox__section__detailBox__list.harf .c-serviceBox__section__detailBox__list__li {
  width: 49%;
}
#container #contents .c-serviceBox__section__detailBox__list.flex {
  display: flex;
  flex-wrap: wrap;
  grid-gap: var(--m25) var(--m40);
}
#container #contents .c-serviceBox__section__detailBox__list.flex .c-serviceBox__section__detailBox__list__li {
  max-width: -moz-fit-content;
  max-width: fit-content;
}
#container #contents .c-serviceBox__section__detailBox__list.plusBox .c-serviceBox__section__detailBox__list__li {
  justify-content: center;
}
#container #contents .c-serviceBox__section__detailBox__list.plusBox .c-serviceBox__section__detailBox__list__plusBoxli {
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: var(--m20);
  width: 100%;
}
#container #contents .c-serviceBox__section__detailBox__list.plusBox .c-serviceBox__section__detailBox__list__plusBoxli::after {
  content: "";
  display: inline-block;
  width: var(--m70);
  aspect-ratio: 7/3;
  background: url(/images/scrapped/icon_arrow_trp.svg) center/contain no-repeat;
  order: 2;
}
#container #contents .c-serviceBox__section__detailBox__list.plusBox .c-serviceBox__section__detailBox__list__plusBoxli__text {
  font-size: var(--fs14_20);
  font-weight: 600;
  color: var(--mainblue);
  order: 1;
}
#container #contents .c-serviceBox__section__detailBox__list.plusBox .c-serviceBox__section__detailBox__list__plusBoxli .c-serviceBox__section__detailBox__list__li {
  order: 3;
  width: -moz-fit-content;
  width: fit-content;
}
#container #contents .c-serviceBox__section__detailBox__list.plusBox .c-serviceBox__section__detailBox__list__plusBoxli .c-serviceBox__section__detailBox__list__li__text {
  min-width: 5em;
}
#container #contents .c-serviceBox__section__detailBox__list__plus {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: var(--m12px);
  width: 100%;
}
#container #contents .c-serviceBox__section__detailBox__list__plus::before, #container #contents .c-serviceBox__section__detailBox__list__plus::after {
  content: "";
  display: inline-block;
}
#container #contents .c-serviceBox__section__detailBox__list__plus::before {
  width: var(--m60);
  aspect-ratio: 1/1;
  background: url(/images/scrapped/icon_plus.svg) center/100% no-repeat;
  position: relative;
  z-index: 1;
}
#container #contents .c-serviceBox__section__detailBox__list__plus::after {
  width: 100%;
  border-bottom: 2px dotted var(--mainblue);
  position: absolute;
  top: calc(50% - 1px);
}
#container #contents .c-serviceBox__section__detailBox.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#container #contents .c-serviceBox__section__detailBox.flex .c-serviceBox__section__detailBox__image {
  width: 35.08%;
}
#container #contents .c-serviceBox__section__detailBox.flex .c-serviceBox__section__detailBox__textArea {
  width: 59.44%;
}
#container #contents .c-serviceBox__section__detailBox__fukidashi {
  background-color: #fff;
  border-radius: var(--m20);
  padding: var(--m25) var(--m35);
  margin-bottom: var(--m25);
  position: relative;
  z-index: 1;
}
#container #contents .c-serviceBox__section__detailBox__fukidashi::before {
  content: "";
  display: inline-block;
  width: 30%;
  max-width: 136px;
  aspect-ratio: 136/61;
  background-color: #fff;
  clip-path: polygon(100% 0, 0 100%, 100% 56%);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-80%, -50%);
}
#container #contents .c-serviceBox__section__detailBox__fukidashi img {
  width: 100%;
  max-width: 248px;
}
#container #contents .c-serviceBox__section__detailBox__numList {
  display: flex;
  flex-wrap: wrap;
  grid-gap: var(--m16) var(--m25);
}
#container #contents .c-serviceBox__section__detailBox__numList__list {
  font-size: var(--fs14_18);
}
#container #contents .c-serviceBox__section__detailBox__numList__list .num {
  font-size: var(--fs14_16);
  font-weight: 500;
  color: #fff;
  position: relative;
  z-index: 1;
  padding: 0 0.5em;
  margin-right: 0.25em;
}
#container #contents .c-serviceBox__section__detailBox__numList__list .num::before {
  content: "";
  display: inline-block;
  width: 100%;
  aspect-ratio: 1/1;
  background-color: var(--mainblue);
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
#container #contents .c-serviceBox__section__table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: var(--m20);
}
#container #contents .c-serviceBox__section__table.two .c-serviceBox__section__table__th,
#container #contents .c-serviceBox__section__table.two .c-serviceBox__section__table__td {
  width: 50%;
}
#container #contents .c-serviceBox__section__table.three .c-serviceBox__section__table__th,
#container #contents .c-serviceBox__section__table.three .c-serviceBox__section__table__td {
  width: 33.3333%;
}
#container #contents .c-serviceBox__section__table__th {
  border: 2px solid #fff;
  font-weight: 700;
  font-size: var(--fs16_23);
  background-color: var(--mainblue);
  line-height: 1;
  padding: 1em;
  text-align: center;
  color: #fff;
  vertical-align: middle;
}
#container #contents .c-serviceBox__section__table__td {
  border: 2px solid #fff;
  font-weight: 500;
  font-size: var(--fs16_23);
  background-color: var(--gray07);
  line-height: 1;
  padding: 1em;
  text-align: center;
  vertical-align: middle;
}
#container #contents .c-serviceBox__section__dl {
  margin-bottom: var(--m20);
}
#container #contents .c-serviceBox__section__dl__row {
  display: flex;
  flex-wrap: wrap;
}
#container #contents .c-serviceBox__section__dl__row__dt {
  width: 50%;
  border-right: 2px solid #fff;
  font-weight: 700;
  font-size: var(--fs16_23);
  background-color: var(--mainblue);
  line-height: 1;
  padding: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
#container #contents .c-serviceBox__section__dl__row__dd {
  width: 50%;
  font-weight: 500;
  font-size: var(--fs16_23);
  background-color: var(--gray07);
  line-height: 1;
  padding: 0.5em;
  display: flex;
  align-items: center;
  justify-content: center;
}
#container #contents .c-serviceBox__section__dlList:not(:last-of-type) {
  margin-bottom: var(--m80);
}
#container #contents .c-serviceBox__section__dlList:last-child:not(:nth-child(2)) {
  margin-top: var(--m70);
}
#container #contents .c-serviceBox__section__dlList__row:not(:last-of-type) {
  margin-bottom: var(--m40);
}
#container #contents .c-serviceBox__section__dlList__row:has(.imgtext) {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  grid-gap: var(--m16) 0;
}
#container #contents .c-serviceBox__section__dlList__row:has(.imgtext) .c-serviceBox__section__dlList__dt {
  margin-bottom: 0;
}
#container #contents .c-serviceBox__section__dlList__dt {
  background-color: var(--blue04);
  margin-bottom: var(--m16);
  width: 100%;
}
#container #contents .c-serviceBox__section__dlList__dt:not(.num) {
  padding: var(--m30) var(--m40);
}
#container #contents .c-serviceBox__section__dlList__dt__text {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: var(--fs18_26);
  font-weight: 600;
}
#container #contents .c-serviceBox__section__dlList__dt__text__emp {
  font-size: var(--fs18_26);
  font-weight: 600;
  color: var(--mainblue);
}
#container #contents .c-serviceBox__section__dlList__dt.atten {
  display: flex;
  align-items: center;
}
#container #contents .c-serviceBox__section__dlList__dt.atten::before {
  content: "";
  display: inline-block;
  width: var(--m35);
  aspect-ratio: 35/31;
  background: url(/images/common/icon_atten.svg) center/100% no-repeat;
  margin-right: 0.25rem;
}
#container #contents .c-serviceBox__section__dlList__dt.atten .c-serviceBox__section__dlList__dt__text {
  max-width: calc(100% - var(--m35) - 0.25rem);
}
#container #contents .c-serviceBox__section__dlList__dt.num {
  display: flex;
}
#container #contents .c-serviceBox__section__dlList__dt.num .c-serviceBox__section__dlList__dt__num {
  font-size: var(--fs20_26);
  font-weight: 700;
  color: #fff;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--mainblue);
  padding: 0 1.6em;
}
#container #contents .c-serviceBox__section__dlList__dt.num .c-serviceBox__section__dlList__dt__text {
  padding: var(--m30) 1em;
  font-size: var(--fs18_26);
  font-weight: 600;
}
#container #contents .c-serviceBox__section__dlList__dd {
  font-size: var(--fs14_20);
  font-weight: 600;
}
#container #contents .c-serviceBox__section__dlList__dd.image {
  width: 30.9%;
}
#container #contents .c-serviceBox__section__dlList__dd.imgtext {
  width: 64.75%;
}
#container #contents .c-serviceBox__section__dlList__dd .emp {
  font-size: var(--fs14_20);
  font-weight: 600;
  color: var(--red01);
}
#container #contents .c-serviceBox__subsection {
  margin-top: var(--m60);
}
#container #contents .c-serviceBox__subsection__title {
  display: flex;
  align-items: center;
  font-size: var(--fs18_26);
  font-weight: 600;
  line-height: 1;
  margin-bottom: var(--m20);
  padding-bottom: var(--m16);
  border-bottom: 1px dotted var(--maincol);
}
#container #contents .c-serviceBox__subsection__imgFlex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-gap: var(--m40) 3.755%;
}
#container #contents .c-serviceBox__subsection__imgFlex__box {
  width: 30.83%;
}
#container #contents .c-serviceBox__subsection__imgFlex__box__text {
  width: 100%;
  border-radius: var(--m20);
  background-color: var(--mainblue);
  font-size: var(--fs14_18);
  text-align: center;
  color: #fff;
  padding: 1em;
  margin-bottom: 1rem;
  position: relative;
}
#container #contents .c-serviceBox__subsection__imgFlex__box__text::after {
  content: "";
  display: inline-block;
  width: var(--m45);
  aspect-ratio: 43/21;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  background-color: var(--mainblue);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
}
#container #contents .c-bannerArea {
  margin-top: var(--m80);
}
#container #contents .p-exchange__merit {
  padding: var(--m55) 0;
  background-color: var(--yellow01);
}
#container #contents .p-exchange__merit__inner {
  display: flex;
  flex-wrap: wrap;
  grid-gap: var(--m40) 3.75%;
}
#container #contents .p-exchange__merit__box {
  width: 48.125%;
  border-radius: var(--m20);
  border: 3px solid var(--mainblue);
  background-color: #fff;
  overflow: hidden;
}
#container #contents .p-exchange__merit__box__dt {
  padding: var(--m14) 0.5em;
  font-size: var(--fs18_23);
  text-align: center;
  color: #fff;
}
#container #contents .p-exchange__merit__box__dd {
  padding: var(--m40) var(--m35);
  font-weight: 600;
}
#container #contents .p-exchange__merit__box__dd__list__li {
  display: flex;
  align-items: center;
}
#container #contents .p-exchange__merit__box__dd__list__li::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: var(--red01);
  margin-right: 0.5rem;
}
#container #contents .p-exchange__merit__box__dd__list__li__text {
  font-size: var(--fs14_20);
  font-weight: 600;
  width: calc(100% - 0.5rem - 20px);
  line-height: 2;
}
#container #contents .p-exchange__merit__box__dd__attention {
  font-size: var(--fs14_20);
  font-weight: 600;
}
#container #contents .p-exchange__merit__box.merit .p-exchange__merit__box__dt {
  background-color: var(--red01);
}
#container #contents .p-exchange__merit__box.merit .p-exchange__merit__box__dd {
  background: url(/images/exchange/merit_bg.svg) center/auto 90% no-repeat;
}
#container #contents .p-exchange__merit__box.demerit .p-exchange__merit__box__dt {
  background-color: var(--maincol);
}
#container #contents .p-exchange__merit__box.demerit .p-exchange__merit__box__dd {
  background: url(/images/exchange/demerit_bg.svg) center/auto 90% no-repeat;
}
#container #contents .p-exchange__merit__box.demerit .p-exchange__merit__box__dd__list__li::before {
  background-color: var(--maincol);
}
#container #contents .p-repair__maintenance__catch {
  background-color: var(--mainorenge);
  font-size: var(--fs20_30);
  color: var(--yellow01);
  font-weight: 700;
  text-align: center;
  margin-bottom: var(--m45);
  position: relative;
  line-height: 1;
  padding: 0.5em;
}
#container #contents .p-repair__maintenance__catch::after {
  content: "";
  display: inline-block;
  width: var(--m55);
  aspect-ratio: 56/28;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  background-color: var(--mainorenge);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 98%);
}
#container #contents .p-repair__maintenance__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-gap: var(--m40) 3.755%;
}
#container #contents .p-repair__maintenance__box {
  width: 30.83%;
  overflow: hidden;
  border-radius: var(--m10);
  display: flex;
  flex-direction: column-reverse;
  background-color: #fff;
  border: 3px solid var(--mainblue);
}
#container #contents .p-repair__maintenance__box__text {
  padding: var(--m30) 0.5rem;
  font-size: var(--fs16_25);
  font-weight: 700;
  color: var(--mainblue);
  text-align: center;
}
#container #contents .p-repair__maintenance__box__image {
  aspect-ratio: 333/250;
  overflow: hidden;
}
#container #contents .p-repair__maintenance__box__image img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#container #contents .p-repair__attentionArea {
  padding: var(--m55) 0;
  background-color: var(--yellow01);
}
#container #contents .p-repair__attentionArea__title {
  background-color: var(--red01);
  font-size: var(--fs20_30);
  color: var(--yellow01);
  font-weight: 500;
  text-align: center;
  margin-bottom: var(--m40);
  position: relative;
  line-height: 1;
  padding: 0.75em;
}
#container #contents .p-repair__attentionArea__list__row:not(:last-child) {
  margin-bottom: var(--m40);
}
#container #contents .p-repair__attentionArea__list__title {
  display: flex;
  background-color: #fff;
  margin-bottom: var(--m20);
}
#container #contents .p-repair__attentionArea__list__title__num {
  font-size: var(--fs20_26);
  font-weight: 700;
  color: var(--yellow01);
  background-color: var(--red01);
  padding: var(--m30) 1em;
}
#container #contents .p-repair__attentionArea__list__title__text {
  padding: var(--m30) 1em;
  font-size: var(--fs18_26);
  font-weight: 600;
}
#container #contents .p-repair__attentionArea__list__text {
  font-size: var(--fs14_20);
  font-weight: 600;
}
#container #contents .p-tireStore__trouble {
  padding: var(--m55) 0;
  background-color: var(--orange01);
}
#container #contents .p-tireStore__trouble .c-serviceBox__inner {
  padding-top: var(--m55);
}
#container #contents .p-tireStore__trouble__title {
  background-color: var(--mainorenge);
  font-size: var(--fs20_30);
  color: var(--yellow01);
  font-weight: 700;
  text-align: center;
  margin-bottom: var(--m60);
  position: relative;
  line-height: 1;
  padding: 0.5em;
}
#container #contents .p-tireStore__trouble__title::after {
  content: "";
  display: inline-block;
  width: var(--m55);
  aspect-ratio: 56/28;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  background-color: var(--mainorenge);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 98%);
}
#container #contents .p-tireStore__trouble__flexBox {
  padding: var(--m40) var(--m55);
  border-radius: var(--m20);
  border: 3px dotted var(--mainblue);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  grid-gap: var(--m35) 0;
}
#container #contents .p-tireStore__trouble__flexBox:not(:last-of-type) {
  margin-bottom: var(--m40);
}
#container #contents .p-tireStore__trouble__flexBox__textArea {
  width: 59.44%;
}
#container #contents .p-tireStore__trouble__flexBox__textArea__text {
  font-size: var(--fs14_20);
  font-weight: 600;
}
#container #contents .p-tireStore__trouble__flexBox__title {
  display: flex;
  background-color: var(--orange05);
  margin-bottom: var(--m25);
}
#container #contents .p-tireStore__trouble__flexBox__title__num {
  font-size: var(--fs20_26);
  font-weight: 700;
  color: #fff;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--mainorenge);
  padding: 0 1.6em;
}
#container #contents .p-tireStore__trouble__flexBox__title__text {
  padding: var(--m30) 1em;
  font-size: var(--fs18_26);
  font-weight: 600;
}
#container #contents .p-tireStore__trouble__flexBox__image {
  width: 35.08%;
}
#container #contents .p-scrapped__example {
  padding: var(--m55) 0;
  background-color: var(--yellow01);
  margin-bottom: var(--m120);
}
#container #contents .p-scrapped__example__imageArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-gap: var(--m40) 3.755%;
  margin-bottom: var(--m35);
}
#container #contents .p-scrapped__example__imageArea__image {
  width: 30.83%;
}
#container #contents .p-scrapped__example__textArea {
  margin-bottom: var(--m35);
}
#container #contents .p-scrapped__example__textArea__emp {
  font-size: var(--fs16_23);
  font-weight: 600;
  text-align: center;
  color: var(--red01);
  margin-bottom: var(--m30);
}
#container #contents .p-scrapped__example__textArea__text {
  font-size: var(--fs14_20);
  font-weight: 600;
  text-align: center;
}
#container #contents .p-scrapped__example__attentionArea {
  background-color: #fff;
  padding: var(--m20) 1em;
  display: flex;
  justify-content: center;
  grid-gap: var(--m16);
  align-items: center;
}
#container #contents .p-scrapped__example__attentionArea::before {
  content: "";
  display: inline-block;
  width: var(--m40);
  aspect-ratio: 40/36;
  background: url(/images/common/icon_atten.svg) center/100% no-repeat;
}
#container #contents .p-scrapped__example__attentionArea__text {
  font-size: var(--fs14_18);
  color: var(--red01);
  line-height: 2;
  max-width: calc(100% - var(--m40) - var(--m16));
}
#container #contents .p-battery .c-serviceBox__section__dl__row:not(:last-of-type) {
  border-bottom: 2px solid #fff;
}
#container #contents .p-price__section{
  margin-bottom: var(--m80);
}
#container #contents .p-price__section.oil .c-service__price__title__left,
#container #contents .p-price__section.store .c-service__price__title__left,
#container #contents .p-price__section.oil .c-service__price__title__left__chara,
#container #contents .p-price__section.store .c-service__price__title__left__chara{
  margin-right: .15rem;
}
#container .c-contactBox{
  padding: var(--m30) var(--m60);
  border-radius: var(--m20);
  border: 3px solid var(--mainblue);
  background-color: var(--blue04);
}
#container .c-contactBox__text{
  text-align: center;
  font-size: var(--fs16_20);
  font-weight: 500;
  color: var(--mainblue);
  margin-bottom: 1em;
}
#container .c-contactBox__flex{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  grid-gap: var(--m20) 0;
}
#container .c-contactBox__flex.mt{
  margin-top: var(--m30);
}
#container .c-contactBox__flex .c-telArea,
#container .c-contactBox__flex .c-button{
  width: 49%;  
}
#container .c-contactBox__flex .c-telArea{
  border-radius: var(--m10);
  border: 2px solid var(--mainblue);
  display: flex;
  align-items: center;
  background-color: #fff;
}
#container .c-contactBox__flex .c-telArea a{
  width: 100%;
  padding: .5rem;
}
#container .c-contactBox__flex .c-telArea__flex__text,
#container .c-contactBox__flex .c-telArea__small,
#container .c-contactBox__flex .c-telArea__small span{
  color: var(--mainblue);
}

/* ----------------------------------------------
　PAD以下設定
------------------------------------------------*/
@media all and (max-width: 767px) {
  #container #contents .p-tireStore__trouble__flexBox__textArea {
    width: 100%;
  }
  #container #contents .p-tireStore__trouble__flexBox__image {
    width: 100%;
  }
  #container .c-contactBox__flex .c-telArea,
  #container .c-contactBox__flex .c-button{
    width: 100%;  
  }
}
/* ----------------------------------------------
　SP調整
------------------------------------------------*/
@media all and (max-width: 600px) {
  #container #contents .c-topArea .charaImage {
    width: 25%;
  }
  #container #contents .c-service__price__title__left__chara {
    width: 20%;
  }
  #container #contents .c-service__price__box {
    width: 100%;
  }
  #container #contents .c-service__price__box__catch__text__span {
    display: inline-block;
  }
  #container #contents .c-service__price__box__priceRow__fukidashi {
    width: 20%;
    max-width: 100px;
  }
  #container #contents .c-service__price__box__priceRow__price {
    width: 72%;
    max-width: 400px;
  }
  #container #contents .c-serviceBox__inner {
    padding: var(--m80) var(--m30);
  }
  #container #contents .c-serviceBox__section__flexBox {
    grid-gap: var(--m16) 0;
  }
  #container #contents .c-serviceBox__section__flexBox__image {
    width: 100%;
  }
  #container #contents .c-serviceBox__section__flexBox .c-serviceBox__section__text {
    width: 100%;
  }
  #container #contents .c-serviceBox__section__empRow {
    padding: var(--m30) var(--m20);
    text-align: center;
  }
  #container #contents .c-serviceBox__section__detailBox {
    padding: var(--m40) var(--m30);
  }
  #container #contents .c-serviceBox__section__detailBox__title__text {
    max-width: calc(100% - var(--m50) - 0.25rem);
  }
  #container #contents .c-serviceBox__section__detailBox__title__text__small {
    font-size: 14px;
    display: block;
  }
  #container #contents .c-serviceBox__section__detailBox__title.atten::before {
    width: var(--m50);
  }
  #container #contents .c-serviceBox__section__detailBox__list.harf .c-serviceBox__section__detailBox__list__li {
    width: 100%;
  }
  #container #contents .c-serviceBox__section__detailBox.flex .c-serviceBox__section__detailBox__image {
    width: 100%;
    margin-bottom: 1rem;
  }
  #container #contents .c-serviceBox__section__detailBox.flex .c-serviceBox__section__detailBox__textArea {
    width: 100%;
  }
  #container #contents .c-serviceBox__section__detailBox__fukidashi::before {
    aspect-ratio: 2/1;
    clip-path: polygon(50% 0%, 0% 100%, 35% 100%);
    top: 0%;
    left: 0;
    transform: translate(100%, -100%);
  }
  #container #contents .c-serviceBox__section__dl__row__dt {
    width: 100%;
    border-right: unset;
    border-bottom: 2px solid #fff;
  }
  #container #contents .c-serviceBox__section__dl__row__dd {
    width: 100%;
  }
  #container #contents .c-serviceBox__section__dlList__dt:not(.num) {
    padding: var(--m30) var(--m20);
  }
  #container #contents .c-serviceBox__section__dlList__dt.atten::before {
    width: var(--m50);
  }
  #container #contents .c-serviceBox__section__dlList__dt.atten .c-serviceBox__section__dlList__dt__text {
    max-width: calc(100% - var(--m50) - 0.25rem);
    display: block;
  }
  #container #contents .c-serviceBox__section__dlList__dt.num .c-serviceBox__section__dlList__dt__num {
    padding: 0 0.5em;
  }
  #container #contents .c-serviceBox__section__dlList__dt.num .c-serviceBox__section__dlList__dt__text {
    padding: var(--m30) 0.5em;
  }
  #container #contents .c-serviceBox__section__dlList__dd.image {
    width: 100%;
  }
  #container #contents .c-serviceBox__section__dlList__dd.imgtext {
    width: 100%;
  }
  #container #contents .c-serviceBox__subsection__imgFlex__box {
    width: 100%;
  }
  #container #contents .p-exchange__merit__box {
    width: 100%;
  }
  #container #contents .p-repair__maintenance__list {
    grid-gap: var(--m20) 2%;
  }
  #container #contents .p-repair__maintenance__box {
    width: 49%;
  }
  #container #contents .p-repair__attentionArea__title {
    line-height: 1.3;
  }
  #container #contents .p-repair__attentionArea__list__title__num {
    font-size: 18px;
    padding: var(--m30) 0.5em;
    white-space: nowrap;
    display: flex;
    align-items: center;
  }
  #container #contents .p-tireStore__trouble__title {
    line-height: 1.25;
  }
  #container #contents .p-tireStore__trouble__flexBox {
    padding: var(--m40) var(--m25);
  }
  #container #contents .p-tireStore__trouble__flexBox__title__num {
    padding: 0 0.5em;
  }
  #container #contents .p-tireStore__trouble__flexBox__title__text {
    padding: var(--m30) 0.5em;
  }
  #container #contents .p-scrapped__example__attentionArea::before {
    width: var(--m50);
  }
  #container #contents .p-scrapped__example__attentionArea__text {
    max-width: calc(100% - var(--m50) - var(--m16));
  }
  #container #contents .p-price__section.oil .c-service__price__title__left,
  #container #contents .p-price__section.store .c-service__price__title__left{
    width: 15%;
  }
  #container #contents .p-price__section.oil .c-service__price__title__left__chara,
  #container #contents .p-price__section.store .c-service__price__title__left__chara{
    width: auto;
  }
}