@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist/css/yakuhanjp.css");
@import url("https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&family=Idiqlat:wght@200;300;400&family=Noto+Sans+JP:wght@100..900&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap");
@keyframes poyon {
  0% {
    transform: scale(1, 1) translate(0%, 0%);
  }
  15% {
    transform: scale(0.9, 0.9) translate(0%, 5%);
  }
  30% {
    transform: scale(1.3, 0.8) translate(0%, 10%);
  }
  50% {
    transform: scale(0.8, 1.3) translate(0%, -10%);
  }
  70% {
    transform: scale(1.1, 0.9) translate(0%, 5%);
  }
  100% {
    transform: scale(1, 1) translate(0%, 0%);
  }
}
@keyframes popZoom {
  0% {
    transform: scale(2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes popup {
  0% {
    bottom: -100%;
  }
  100% {
    bottom: 0;
  }
}
header {
  background: #000;
  box-sizing: border-box;
  padding: 0 4rem;
}
@media screen and (max-width: 860px) {
  header {
    padding: 0 2rem;
  }
}
header .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .flex .logo {
  width: 15.7rem;
}
header .flex .shop_name {
  width: 24.3rem;
}

footer {
  background: #000;
  padding: 7rem 0;
}
footer p {
  text-align: center;
  color: #fff;
  font-size: 2.3rem;
}

#mv {
  max-width: 1500px;
  margin: 4rem auto;
}
@media screen and (max-width: 860px) {
  #mv {
    margin: 4.7rem auto;
  }
}
#mv h1 {
  width: 101rem;
  margin: 0 auto;
}
@media screen and (max-width: 860px) {
  #mv h1 {
    width: 90%;
  }
}
#mv .anchor_area {
  width: 100rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media screen and (max-width: 860px) {
  #mv .anchor_area {
    width: 90%;
    gap: 2rem;
    margin-top: 3rem;
  }
}
#mv .anchor_area dd {
  display: flex;
}
@media screen and (max-width: 860px) {
  #mv .anchor_area dd {
    width: 100%;
    display: block;
  }
}
#mv .anchor_area dd span {
  display: block;
}
@media screen and (max-width: 860px) {
  #mv .anchor_area dd span {
    display: block;
    width: 90% !important;
    margin: 0 auto 1rem;
  }
}
#mv .anchor_area dd a {
  width: 48.1rem;
  display: block;
}
@media screen and (max-width: 860px) {
  #mv .anchor_area dd a {
    width: 100%;
  }
}
#mv .anchor_area dd:nth-child(1) {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
#mv .anchor_area dd:nth-child(1) span {
  width: 35.2rem;
  margin-left: 2rem;
}
@media screen and (max-width: 860px) {
  #mv .anchor_area dd:nth-child(1) span {
    width: 80%;
    margin: 0 auto 1rem;
  }
}
#mv .anchor_area dd:nth-child(2) {
  flex-direction: row;
  justify-content: flex-start;
  padding-left: 7rem;
}
@media screen and (max-width: 860px) {
  #mv .anchor_area dd:nth-child(2) {
    padding-left: 0;
  }
}
#mv .anchor_area dd:nth-child(2) span {
  width: 18.3rem;
  margin-right: 2rem;
}
@media screen and (max-width: 860px) {
  #mv .anchor_area dd:nth-child(2) span {
    width: 40%;
    margin: 0 auto 1rem;
  }
}
#mv .anchor_area dd:nth-child(3) {
  display: block;
  position: relative;
}
#mv .anchor_area dd:nth-child(3) a {
  margin-left: auto;
}
#mv .anchor_area dd:nth-child(3) span {
  width: 22.5rem;
  position: absolute;
  right: 0;
  bottom: 100%;
}
@media screen and (max-width: 860px) {
  #mv .anchor_area dd:nth-child(3) span {
    width: 40%;
    position: static;
  }
}

#form {
  background: #ef9bb0;
  padding: 5rem 2rem;
  color: #111;
}
@media screen and (max-width: 860px) {
  #form {
    padding: 4.7rem 2.3rem;
  }
}
#form .cont_size_box {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 2.5rem 8rem 3.5rem;
  border-radius: 5.5rem;
  background: #fff;
}
@media screen and (max-width: 860px) {
  #form .cont_size_box {
    padding: 3.9rem 2.8rem;
    border-radius: 4.6rem;
  }
}
#form .form_lead {
  margin-bottom: 1rem;
  font-size: 2.8rem;
  line-height: 1.4;
  text-align: center;
}
@media screen and (max-width: 860px) {
  #form .form_lead {
    font-size: 3.4rem;
  }
}
#form .question {
  padding: 1.6rem 0 1.8rem;
  border-bottom: 1px solid #bbb;
}
@media screen and (max-width: 860px) {
  #form .question {
    padding: 2.5rem 0 2.8rem;
  }
}
#form .question dt {
  margin-bottom: 1.2rem;
  font-size: 2.6rem;
  line-height: 1.35;
  text-align: center;
}
@media screen and (max-width: 860px) {
  #form .question dt {
    margin-bottom: 1.9rem;
    font-size: 3.1rem;
  }
}
#form .choice_row,
#form .scale_row,
#form .scale_choices {
  display: flex;
  align-items: center;
  justify-content: center;
}
#form .choice_row {
  gap: 7rem;
}
@media screen and (max-width: 860px) {
  #form .choice_row {
    flex-wrap: nowrap;
    gap: 1.2rem;
  }
}
#form .age_choices {
  gap: 4rem;
}
@media screen and (max-width: 860px) {
  #form .age_choices {
    gap: 1.2rem;
  }
}
#form label {
  display: inline-flex;
  align-items: center;
  gap: 0.8rem;
  cursor: pointer;
}
#form input[type=radio] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
#form .choice_row label::before,
#form .scale_choices label::before {
  content: "";
  box-sizing: border-box;
  width: 4.4rem;
  height: 4.4rem;
  flex: 0 0 auto;
  border: 0.4rem solid #db4058;
  border-radius: 50%;
  background: #fff;
}
@media screen and (max-width: 860px) {
  #form .choice_row label::before,
  #form .scale_choices label::before {
    border-width: 0.6rem;
  }
}
@media screen and (max-width: 860px) {
  #form .choice_row label::before {
    width: 5rem;
    height: 5rem;
  }
}
#form label:has(input:checked)::before {
  background-color: #f18ba1;
  background-image: url("../image/common/check.svg");
  background-position: center;
  background-size: 2.5rem auto;
  background-repeat: no-repeat;
}
@media screen and (max-width: 860px) {
  #form label:has(input:checked)::before {
    background-size: 2.8rem auto;
  }
}
#form label:has(input:focus-visible)::before {
  outline: 3px solid #222;
  outline-offset: 3px;
}
#form .choice_row label span {
  font-size: 2.2rem;
}
@media screen and (max-width: 860px) {
  #form .choice_row label span {
    font-size: 2.3rem;
    white-space: nowrap;
  }
}
#form .scale_row {
  gap: 1.8rem;
}
@media screen and (max-width: 860px) {
  #form .scale_row {
    width: 100%;
    gap: 2rem;
  }
}
#form .scale_choices {
  gap: 1.8rem;
}
@media screen and (max-width: 860px) {
  #form .scale_choices {
    flex: 0 1 auto;
    min-width: 0;
    gap: 0.8rem;
  }
}
#form .scale_choices label {
  gap: 0;
}
#form .scale_choices label:nth-child(1)::before,
#form .scale_choices label:nth-child(5)::before {
  width: 5.6rem;
  height: 5.6rem;
}
#form .scale_choices label:nth-child(2)::before,
#form .scale_choices label:nth-child(4)::before {
  width: 4.9rem;
  height: 4.9rem;
}
@media screen and (max-width: 860px) {
  #form .scale_choices label:nth-child(2)::before,
  #form .scale_choices label:nth-child(4)::before {
    width: 5rem;
    height: 5rem;
  }
}
#form .scale_choices label:nth-child(3)::before {
  width: 4.2rem;
  height: 4.2rem;
}
@media screen and (max-width: 860px) {
  #form .scale_choices label:nth-child(3)::before {
    width: 4.3rem;
    height: 4.3rem;
  }
}
#form .scale_choices label span {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
}
#form .scale_label {
  min-width: 6rem;
  font-size: 2.2rem;
  line-height: 1.25;
  white-space: nowrap;
}
@media screen and (max-width: 860px) {
  #form .scale_label {
    min-width: 7rem;
    font-size: 2.3rem;
  }
}
#form .scale_label_wide {
  min-width: 12rem;
}
@media screen and (max-width: 860px) {
  #form .scale_label_wide {
    min-width: 13.2rem;
  }
}
#form .diagnosis_button {
  display: block;
  width: 40rem;
  max-width: 80%;
  margin: 3.5rem auto 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
  transition: opacity 0.2s, transform 0.2s;
}
@media screen and (max-width: 860px) {
  #form .diagnosis_button {
    width: 62rem;
    margin-top: 3.9rem;
  }
}
#form .diagnosis_button img {
  width: 100%;
}
#form .diagnosis_button:hover {
  opacity: 0.85;
  transform: translateY(-2px);
}
#form .diagnosis_button:disabled {
  opacity: 0.6;
  pointer-events: none;
}
#form .diagnosis_notice,
#form .diagnosis_send_status {
  max-width: 68rem;
  margin: 1.4rem auto 0;
  font-size: 1.4rem;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 860px) {
  #form .diagnosis_notice,
  #form .diagnosis_send_status {
    margin-top: 2rem;
    font-size: 2rem;
  }
}
#form .diagnosis_send_status.is-error {
  color: #b00020;
  font-weight: 700;
}

.diagnosis_send_error {
  box-sizing: border-box;
  width: min(92%, 90rem);
  margin: 2rem auto;
  padding: 1.4rem 2rem;
  border: 2px solid #b00020;
  border-radius: 1rem;
  background: #fff4f4;
  color: #8a0018;
  font-size: 1.6rem;
  line-height: 1.6;
  text-align: center;
}

#situation {
  background: #fffff0;
  padding: 2.8rem 0 11.1rem;
  display: block;
}
@media screen and (max-width: 860px) {
  #situation {
    padding-bottom: 10.9rem;
  }
}
#situation h2 {
  width: 93.5rem;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  margin-bottom: -3rem;
}
@media screen and (max-width: 860px) {
  #situation h2 {
    width: 90%;
    margin-bottom: -1rem;
  }
}
#situation .cont_size_box {
  border-radius: 6rem;
  box-sizing: border-box;
  border: 0.6rem solid #ffa328;
  background: #fff;
  padding: 3.5rem 3.5rem 8rem;
  position: relative;
}
@media screen and (max-width: 860px) {
  #situation .cont_size_box {
    padding: 4.7rem 3.9rem 7.8rem;
    border-radius: 6.2rem;
  }
}
#situation .intro_txt {
  font-size: 3.2rem;
  line-height: 1.4375;
  letter-spacing: 0.01em;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 860px) {
  #situation .intro_txt {
    font-size: 3.7rem;
    width: 80%;
  }
}
#situation .abso_img {
  position: absolute;
  width: 13.8rem;
  top: 2rem;
  right: 5rem;
}
@media screen and (max-width: 860px) {
  #situation .abso_img {
    width: 10rem;
    right: 2rem;
  }
}
#situation .cont {
  position: relative;
  z-index: 1;
}
#situation .cont h3 {
  position: relative;
  margin-bottom: 2.5rem;
}
#situation .cont h3::before {
  content: "";
  width: 28rem;
  display: block;
  position: absolute;
  aspect-ratio: 1/1;
  bottom: -8rem;
  right: 12.8rem;
  background: url(../image/situation/situation_bg.svg) no-repeat center/contain;
  z-index: -1;
}
@media screen and (max-width: 860px) {
  #situation .cont h3::before {
    width: 31rem;
  }
}
#situation .cont .img {
  width: 28.35rem;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 860px) {
  #situation .cont .img {
    width: 22rem;
    right: -3rem;
  }
}
#situation .cont p {
  font-size: 1.7rem;
}
@media screen and (max-width: 860px) {
  #situation .cont p {
    font-size: 2.5rem;
  }
}
#situation .cont:nth-of-type(1) {
  margin-top: 5rem;
}
#situation .cont:nth-of-type(2) {
  margin-top: 8rem;
}
#situation .cont:nth-of-type(2) h3::before {
  right: 36rem;
  bottom: -10rem;
}
@media screen and (max-width: 860px) {
  #situation .cont:nth-of-type(2) h3::before {
    right: 22rem;
  }
}
#situation .cont:nth-of-type(3) {
  margin-top: 12.7rem;
}
#situation .cont:nth-of-type(3) h3::before {
  right: 40rem;
  bottom: -7rem;
}
@media screen and (max-width: 860px) {
  #situation .cont:nth-of-type(3) h3::before {
    right: 24rem;
    bottom: -15rem;
  }
}
#situation .cont:nth-of-type(3) .img {
  top: -13%;
}
#situation .cont:nth-of-type(4) {
  margin-top: 8.7rem;
}
#situation .cont:nth-of-type(4) h3 {
  margin: 0 auto 1.7rem;
}
#situation .cont:nth-of-type(4) h3::before {
  right: 20rem;
  bottom: -8rem;
}
@media screen and (max-width: 860px) {
  #situation .cont:nth-of-type(4) h3::before {
    right: 12rem;
    bottom: -16rem;
  }
}
#situation .cont:nth-of-type(5) {
  margin-top: 12rem;
}
#situation .cont:nth-of-type(5) h3 {
  margin-bottom: 2rem;
}
#situation .cont:nth-of-type(5) h3::before {
  right: 13rem;
  bottom: -12rem;
}
@media screen and (max-width: 860px) {
  #situation .cont:nth-of-type(5) h3::before {
    right: -1rem;
    bottom: -18rem;
  }
}
#situation .cont:nth-of-type(5) .img {
  top: -23%;
}
@media screen and (max-width: 860px) {
  #situation .cont:nth-of-type(5) .img {
    top: -20%;
  }
}
#situation .cont:nth-of-type(5) .ill {
  width: 14.1rem;
  position: absolute;
  right: -3rem;
  bottom: 2rem;
}
@media screen and (max-width: 860px) {
  #situation .cont:nth-of-type(5) .ill {
    width: 10rem;
    margin: 1rem 0 0 auto;
    bottom: auto;
    top: 1rem;
  }
}

#maintenance {
  background: #d7f0ff;
  padding: 10rem 0 12.7rem;
}
@media screen and (max-width: 860px) {
  #maintenance {
    padding: 10.9rem 0 20.9rem;
  }
}
#maintenance h2 {
  width: 94.1rem;
  margin: 0 auto 3rem;
}
@media screen and (max-width: 860px) {
  #maintenance h2 {
    width: 90%;
  }
}
#maintenance .cont_size_box {
  border-radius: 6rem;
  box-sizing: border-box;
  border: 0.6rem solid #6fbce5;
  background: #fff;
  padding: 3.5rem 1.5rem 6rem;
  position: relative;
}
@media screen and (max-width: 860px) {
  #maintenance .cont_size_box {
    padding: 4.7rem 3.9rem 7.8rem;
    border-radius: 6.2rem;
  }
}
#maintenance .cont_size_box .intro_txt {
  text-align: center;
  font-size: 3.2rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.28;
}
@media screen and (max-width: 860px) {
  #maintenance .cont_size_box .intro_txt {
    font-size: 3.5rem;
  }
}
#maintenance .cont_size_box .intro_txt strong {
  width: 70.7rem;
  display: inline-block;
  margin-right: 0.25em;
  margin-bottom: -0.5rem;
}
@media screen and (max-width: 860px) {
  #maintenance .cont_size_box .intro_txt strong {
    width: 55rem;
    margin-right: 0;
  }
}
#maintenance .cont_size_box .intro_txt span {
  display: block;
  margin: 2rem auto;
}
#maintenance .cont_size_box .table {
  margin: 4rem auto;
}
@media screen and (max-width: 860px) {
  #maintenance .cont_size_box .table {
    width: calc(100% + 7.8rem);
    margin-left: -3.9rem;
    margin-right: -3.9rem;
  }
}
#maintenance .cont_size_box .table:nth-of-type(2) {
  margin-bottom: 2rem;
}
#maintenance .cont_size_box .text {
  text-align: center;
  font-size: 3.2rem;
  letter-spacing: 0.01em;
  line-height: 1.28;
}
@media screen and (max-width: 860px) {
  #maintenance .cont_size_box .text {
    font-size: 3.5rem;
  }
}
#maintenance .cont_size_box .text .blue {
  color: #6fbce5;
  font-size: 1.25em;
  font-weight: bold;
}
#maintenance .cont_size_box .icn_list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
}
@media screen and (max-width: 860px) {
  #maintenance .cont_size_box .icn_list {
    align-items: flex-start;
    gap: 1.5rem;
  }
}
#maintenance .cont_size_box .icn_list + .icn_list {
  margin-top: 1.5rem;
  margin-bottom: 5rem;
}
#maintenance .cont_size_box .icn_list li {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 860px) {
  #maintenance .cont_size_box .icn_list li {
    width: calc(50% - 0.75rem);
    box-sizing: border-box;
  }
}
#maintenance .cont_size_box .icn_list li img {
  width: 3.5rem;
  flex-shrink: 0;
}
#maintenance .cont_size_box .icn_list li span {
  font-size: 1.8rem;
}
#maintenance .cont_size_box .icn_list li:nth-child(4) img {
  width: 6rem;
}
#maintenance .cont_size_box .plan_list {
  margin: 1.3rem auto 4rem;
  width: 70.5rem;
}
@media screen and (max-width: 860px) {
  #maintenance .cont_size_box .plan_list {
    width: 85%;
  }
}
#maintenance .cont_size_box .btnBox > img {
  width: 40rem;
  margin: 0 auto 3rem;
}
@media screen and (max-width: 860px) {
  #maintenance .cont_size_box .btnBox > img {
    width: 65%;
  }
}
#maintenance .cont_size_box .btnBox .detail_button {
  display: block;
  width: 76%;
  margin: 0 auto;
  transition: opacity 0.2s;
}
@media screen and (max-width: 860px) {
  #maintenance .cont_size_box .btnBox .detail_button {
    width: 85%;
  }
}
#maintenance .cont_size_box .btnBox .detail_button img {
  width: 100%;
}
#maintenance .cont_size_box .btnBox .detail_button:hover {
  opacity: 0.85;
}

body[data-result=typeG] {
  background: #fdeee6;
}

body[data-result=typeX] {
  background: #fff7e5;
}

body[data-result=typeS] {
  background: #eaf6fd;
}

.car_name_follow {
  position: absolute;
  z-index: 2;
  top: 4rem;
  right: 0;
  bottom: 4rem;
  left: 0;
  pointer-events: none;
}
@media screen and (max-width: 860px) {
  .car_name_follow {
    display: none;
  }
}
.car_name_follow .car_name_follow_inner {
  position: sticky;
  top: 4rem;
  width: 130rem;
  height: 43.2rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.car_name_follow .car_name_roox,
.car_name_follow .car_name_sakura {
  width: 7.4rem;
}
.car_name_follow .car_name_roox {
  align-self: flex-start;
}

body[data-result] > .mv {
  max-width: 1500px;
  margin: 0 auto;
}

#carBox #typeG {
  background: #fdeee6;
  padding-bottom: 10rem;
}
@media screen and (max-width: 860px) {
  #carBox #typeG {
    padding-bottom: 10.9rem;
  }
}
#carBox #typeX {
  background: #fff7e5;
  padding-bottom: 10rem;
}
@media screen and (max-width: 860px) {
  #carBox #typeX {
    padding-bottom: 10.9rem;
  }
}
#carBox #typeS {
  background: #eaf6fd;
  padding-bottom: 10rem;
}
@media screen and (max-width: 860px) {
  #carBox #typeS {
    padding-bottom: 10.9rem;
  }
}
#carBox .cont_size_box {
  background: #fff;
  border: 0.6rem solid #b9e178;
  box-sizing: border-box;
  padding: 3rem 1.5rem;
  border-radius: 4rem;
}
@media screen and (max-width: 860px) {
  #carBox .cont_size_box {
    width: 90%;
    padding: 3.9rem 3.1rem;
    border-width: 0.9rem;
    border-radius: 4.7rem;
  }
}
#carBox .cont_size_box + .cont_size_box {
  margin-top: 8rem;
}
@media screen and (max-width: 860px) {
  #carBox .cont_size_box + .cont_size_box {
    margin-top: 7.8rem;
  }
}
#carBox .cont_size_box h2 {
  margin-bottom: 3rem;
}
#carBox .cont_size_box.pink {
  border-color: #d24054;
}
#carBox .cont_size_box .cont {
  width: 85rem;
  margin: 0 auto;
}
@media screen and (max-width: 860px) {
  #carBox .cont_size_box .cont {
    width: 100%;
  }
}
#carBox .cont_size_box .cont + .cont {
  margin-top: 2rem;
}
#carBox .cont_size_box .cont.max {
  width: 100%;
}
@media screen and (max-width: 860px) {
  #carBox .cont_size_box .cont h3 {
    margin-bottom: 1.5rem;
  }
}
#carBox .cont_size_box .cont .flex {
  display: flex;
  align-items: stretch;
  gap: 4rem;
}
@media screen and (max-width: 860px) {
  #carBox .cont_size_box .cont .flex {
    gap: 2rem;
  }
}
#carBox .cont_size_box .cont .flex + .flex {
  margin-top: 2rem;
}
#carBox .cont_size_box .cont .flex .icnBox {
  width: 10.8rem;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 860px) {
  #carBox .cont_size_box .cont .flex .icnBox {
    justify-content: flex-start;
    gap: 1.5rem;
  }
}
#carBox .cont_size_box .cont .flex .icnBox .icn_roox {
  margin-top: auto;
}
@media screen and (max-width: 860px) {
  #carBox .cont_size_box .cont .flex .icnBox .icn_roox {
    margin-top: 0;
  }
}
#carBox .cont_size_box .cont .flex .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
}
@media screen and (max-width: 860px) {
  #carBox .cont_size_box .cont .flex .inner {
    flex-direction: column;
    gap: 3.1rem;
  }
}
#carBox .cont_size_box .cont .flex .inner.reverse {
  flex-direction: row;
}
@media screen and (max-width: 860px) {
  #carBox .cont_size_box .cont .flex .inner.reverse {
    flex-direction: column;
  }
}
#carBox .cont_size_box .cont .flex .inner .img {
  width: 57%;
}
@media screen and (max-width: 860px) {
  #carBox .cont_size_box .cont .flex .inner .img {
    width: 100%;
  }
}
#carBox .cont_size_box .cont .flex .inner .img.w50 {
  width: 50%;
}
@media screen and (max-width: 860px) {
  #carBox .cont_size_box .cont .flex .inner .img.w50 {
    width: 100%;
  }
}
#carBox .cont_size_box .cont .flex .inner .img p {
  font-size: 2.3rem;
  text-align: center;
}
@media screen and (max-width: 860px) {
  #carBox .cont_size_box .cont .flex .inner .img p {
    font-size: 3.6rem;
  }
}
#carBox .cont_size_box .cont .flex .inner .txt {
  width: 40%;
  font-size: 2.3rem;
  line-height: 1.3;
}
@media screen and (max-width: 860px) {
  #carBox .cont_size_box .cont .flex .inner .txt {
    width: 100%;
    font-size: 3rem;
  }
}
#carBox .cont_size_box .cont .flex .inner .txt.w50 {
  width: 45%;
}
@media screen and (max-width: 860px) {
  #carBox .cont_size_box .cont .flex .inner .txt.w50 {
    width: 100%;
  }
}
#carBox .cont_size_box .cont .flex .inner .txt h4 {
  font-size: 3.7rem;
  margin-bottom: 1rem;
  text-align: left;
}
@media screen and (max-width: 860px) {
  #carBox .cont_size_box .cont .flex .inner .txt h4 {
    font-size: 4rem;
  }
}
#carBox .cont_size_box .cont .flex .inner .txt h4 small {
  font-size: 0.56em;
}
#carBox .cont_size_box .cont .flex .inner .txt h4.green {
  color: #b9e178;
}
#carBox .cont_size_box .cont .imgBox {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin: 2rem auto;
}
@media screen and (max-width: 860px) {
  #carBox .cont_size_box .cont .imgBox {
    flex-direction: column;
    gap: 2.3rem;
    margin: 3.1rem auto;
  }
}
#carBox .cont_size_box .cont .imgBox img {
  width: 49.5%;
}
@media screen and (max-width: 860px) {
  #carBox .cont_size_box .cont .imgBox img {
    width: 100%;
  }
}
#carBox .cont_size_box .cont .txt {
  text-align: left;
  font-size: 2.3rem;
}
@media screen and (max-width: 860px) {
  #carBox .cont_size_box .cont .txt {
    font-size: 3.6rem;
  }
}
#carBox .cont_size_box .cont .txt small {
  font-size: 1.3rem;
  display: inline-block;
  margin-top: 1rem;
}
@media screen and (max-width: 860px) {
  #carBox .cont_size_box .cont .txt small {
    font-size: 2.4rem;
  }
}
#carBox .contBox {
  margin-top: 9rem;
}
@media screen and (max-width: 860px) {
  #carBox .contBox {
    margin-top: 9.3rem;
  }
}
#carBox .contBox .car {
  width: 110rem;
  margin: 0 auto;
}
@media screen and (max-width: 860px) {
  #carBox .contBox .car {
    width: 90%;
  }
}
#carBox .contBox .car_btn {
  width: 95.6rem;
  margin: 5rem auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 860px) {
  #carBox .contBox .car_btn {
    width: 90%;
    margin: 4.7rem auto 2rem;
    flex-direction: column;
    gap: 2rem;
  }
}
#carBox .contBox .car_btn a {
  width: 47%;
}
@media screen and (max-width: 860px) {
  #carBox .contBox .car_btn a {
    width: 100%;
  }
}
#carBox .contBox .shijo {
  width: 83rem;
  margin: 0 auto;
}
@media screen and (max-width: 860px) {
  #carBox .contBox .shijo {
    width: 90%;
  }
}
#carBox .contBox .retop {
  margin-top: 10rem;
}
@media screen and (max-width: 860px) {
  #carBox .contBox .retop {
    margin-top: 9.3rem;
  }
}
#carBox .contBox .retop a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.6rem;
  gap: 1rem;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  font-weight: bold;
}
@media screen and (max-width: 860px) {
  #carBox .contBox .retop a {
    font-size: 4rem;
    gap: 1.5rem;
  }
}
#carBox .contBox .retop a::after {
  content: "";
  width: 2rem;
  aspect-ratio: 1/1;
  display: block;
  background: url(../image/common/arrow_black.svg) no-repeat center/contain;
}
@media screen and (max-width: 860px) {
  #carBox .contBox .retop a::after {
    width: 3.1rem;
  }
}/*# sourceMappingURL=style.css.map */