@charset "UTF-8";
.everyone {
  background: #f7f7f5;
  padding-block: 120px 170px;
}
@media screen and (max-width: 768px) {
  .everyone {
    padding-block: 60px 80px;
  }
}
.everyone__inner {
  max-width: 1200px;
  width: 90%;
  margin-inline: auto;
}
.everyone__container {
  display: flex;
  gap: 8.3333333333%;
}
@media screen and (max-width: 768px) {
  .everyone__container {
    flex-direction: column;
    gap: 50px;
  }
}
.everyone__left {
  width: 56.6666666667%;
}
@media screen and (max-width: 768px) {
  .everyone__left {
    width: 100%;
    display: contents;
  }
}
@media screen and (max-width: 768px) {
  .everyone__textbox {
    order: 1;
  }
}
.everyone__title {
  line-height: 1.625;
  letter-spacing: 0.12em;
  font-size: 3.2rem;
}
.everyone__title::before, .everyone__title::after {
  content: "";
  display: block flow;
  inline-size: 0;
  block-size: 1px;
}
.everyone__title::before {
  margin-block-end: calc((1 - 1.625) * 0.5em);
}
.everyone__title::after {
  margin-block-start: calc((1 - 1.625) * 0.5em);
}
@media screen and (max-width: 768px) {
  .everyone__title {
    font-size: 2.4rem;
  }
}
.everyone__text {
  line-height: 2;
  letter-spacing: 0.06em;
  font-size: 1.6rem;
  margin-top: 45px;
}
.everyone__text::before, .everyone__text::after {
  content: "";
  display: block flow;
  inline-size: 0;
  block-size: 1px;
}
.everyone__text::before {
  margin-block-end: calc((1 - 2) * 0.5em);
}
.everyone__text::after {
  margin-block-start: calc((1 - 2) * 0.5em);
}
@media screen and (max-width: 768px) {
  .everyone__text {
    margin-top: 20px;
  }
}
.everyone__right {
  width: 35%;
}
@media screen and (max-width: 768px) {
  .everyone__right {
    width: 100%;
    max-width: 400px;
    margin-inline: auto;
    order: 2;
  }
}

.example {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .example {
    margin-top: 0;
    order: 3;
  }
}
.example__title {
  line-height: 1.8;
  letter-spacing: 0.06em;
  font-size: 2rem;
  display: flex;
  align-items: center;
  gap: 9px;
}
.example__title::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 1px;
  background: #737373;
  translate: 0 -100%;
}
@media screen and (max-width: 767px) {
  .example__title::before {
    width: 15px;
  }
}
.example__container {
  display: flex;
  gap: 20px;
  margin-top: 30px;
}
@media screen and (max-width: 600px) {
  .example__container {
    gap: 10px;
  }
}
.example__card {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .example__card {
    width: 100%;
  }
}
.example__image {
  position: relative;
}
.example__image-title {
  position: absolute;
  top: 0;
  width: 80px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #737373;
  color: var(--white);
  line-height: 1.7857142857;
  letter-spacing: 0.3em;
  font-size: 1.4rem;
}
.example__image-title::before, .example__image-title::after {
  content: "";
  display: block flow;
  inline-size: 0;
  block-size: 1px;
}
.example__image-title::before {
  margin-block-end: calc((1 - 1.7857142857) * 0.5em);
}
.example__image-title::after {
  margin-block-start: calc((1 - 1.7857142857) * 0.5em);
}
@media screen and (max-width: 768px) {
  .example__image-title {
    height: 25px;
    width: 60px;
  }
}
.example__disc {
  line-height: 1.7857142857;
  letter-spacing: 0.06em;
  font-size: 1.4rem;
  margin-top: 15px;
}
.example__disc::before, .example__disc::after {
  content: "";
  display: block flow;
  inline-size: 0;
  block-size: 1px;
}
.example__disc::before {
  margin-block-end: calc((1 - 1.7857142857) * 0.5em);
}
.example__disc::after {
  margin-block-start: calc((1 - 1.7857142857) * 0.5em);
}

.notice {
  margin-top: 148px;
}
@media screen and (max-width: 768px) {
  .notice {
    margin-top: 70px;
  }
}
.notice__inner {
  max-width: 1200px;
  width: 90%;
  margin-inline: auto;
}
.notice__title {
  line-height: 1.625;
  letter-spacing: 0.12em;
  font-size: 3.2rem;
}
.notice__title::before, .notice__title::after {
  content: "";
  display: block flow;
  inline-size: 0;
  block-size: 1px;
}
.notice__title::before {
  margin-block-end: calc((1 - 1.625) * 0.5em);
}
.notice__title::after {
  margin-block-start: calc((1 - 1.625) * 0.5em);
}
@media screen and (max-width: 768px) {
  .notice__title {
    font-size: 2.4rem;
  }
}
.notice__container {
  max-width: 1000px;
  margin-inline: auto;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .notice__container {
    margin-top: 20px;
  }
}
.notice__list {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-bottom: 55px;
  border-bottom: 1px solid #d9d9d9;
}
@media screen and (max-width: 768px) {
  .notice__list {
    padding-bottom: 50px;
  }
}
.notice__item {
  line-height: 2.5;
  letter-spacing: 0.06em;
  font-size: 1.6rem;
  padding-left: 1.3em;
  text-indent: -1.3em;
}
.notice__item--strong {
  font-weight: 900;
  color: #000;
}
.notice__attention {
  line-height: 1.2857142857;
  letter-spacing: 0.12em;
  font-size: 2.8rem;
}
.notice__attention::before, .notice__attention::after {
  content: "";
  display: block flow;
  inline-size: 0;
  block-size: 1px;
}
.notice__attention::before {
  margin-block-end: calc((1 - 1.2857142857) * 0.5em);
}
.notice__attention::after {
  margin-block-start: calc((1 - 1.2857142857) * 0.5em);
}
.notice__text {
  line-height: 1.875;
  letter-spacing: 0.06em;
  font-size: 1.6rem;
  margin-top: 45px;
}
.notice__text::before, .notice__text::after {
  content: "";
  display: block flow;
  inline-size: 0;
  block-size: 1px;
}
.notice__text::before {
  margin-block-end: calc((1 - 1.875) * 0.5em);
}
.notice__text::after {
  margin-block-start: calc((1 - 1.875) * 0.5em);
}
@media screen and (max-width: 768px) {
  .notice__text {
    margin-top: 30px;
  }
}
.notice__attention-group {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .notice__attention-group {
    margin-top: 50px;
    gap: 10px;
  }
}
.notice__attention-icon {
  width: 40px;
}
.notice__attention-text {
  line-height: 1.2857142857;
  letter-spacing: 0.12em;
  font-size: 2.8rem;
  color: #e72b2c;
}
.notice__attention-text::before, .notice__attention-text::after {
  content: "";
  display: block flow;
  inline-size: 0;
  block-size: 1px;
}
.notice__attention-text::before {
  margin-block-end: calc((1 - 1.2857142857) * 0.5em);
}
.notice__attention-text::after {
  margin-block-start: calc((1 - 1.2857142857) * 0.5em);
}
@media screen and (max-width: 768px) {
  .notice__attention-text {
    font-size: 2rem;
  }
}

.law {
  padding: 60px 40px;
  background: #f7f7f5;
  border-radius: 6px;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .law {
    margin-top: 30px;
    padding: 30px 20px;
  }
}
.law__title {
  line-height: 1.8;
  letter-spacing: 0.06em;
  font-size: 2rem;
  display: flex;
  align-items: center;
  gap: 9px;
}
.law__title::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 1px;
  background: #737373;
  translate: 0 -100%;
}
@media screen and (max-width: 767px) {
  .law__title::before {
    width: 15px;
  }
}
.law__lead {
  line-height: 1.875;
  letter-spacing: 0.06em;
  font-size: 1.6rem;
  margin-top: 2.5rem;
}
.law__lead::before, .law__lead::after {
  content: "";
  display: block flow;
  inline-size: 0;
  block-size: 1px;
}
.law__lead::before {
  margin-block-end: calc((1 - 1.875) * 0.5em);
}
.law__lead::after {
  margin-block-start: calc((1 - 1.875) * 0.5em);
}
.law__block {
  margin-top: 2.8rem;
}
.law__heading {
  line-height: 1.875;
  letter-spacing: 0.06em;
  font-size: 1.6rem;
}
.law__heading::before, .law__heading::after {
  content: "";
  display: block flow;
  inline-size: 0;
  block-size: 1px;
}
.law__heading::before {
  margin-block-end: calc((1 - 1.875) * 0.5em);
}
.law__heading::after {
  margin-block-start: calc((1 - 1.875) * 0.5em);
}
.law__item {
  line-height: 1.875;
  letter-spacing: 0.06em;
  font-size: 1.6rem;
  text-indent: -1.3em;
  padding-left: 1.5em;
  margin-top: 1rem;
}
.law__text {
  line-height: 1.875;
  letter-spacing: 0.06em;
  font-size: 1.6rem;
  margin-top: 1rem;
}
.law__text::before, .law__text::after {
  content: "";
  display: block flow;
  inline-size: 0;
  block-size: 1px;
}
.law__text::before {
  margin-block-end: calc((1 - 1.875) * 0.5em);
}
.law__text::after {
  margin-block-start: calc((1 - 1.875) * 0.5em);
}

.damage {
  margin-top: 150px;
}
@media screen and (max-width: 768px) {
  .damage {
    margin-top: 80px;
  }
}
.damage__inner {
  max-width: 1200px;
  width: 90%;
  margin-inline: auto;
}
.damage__container {
  max-width: 1000px;
  margin-inline: auto;
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .damage__container {
    margin-top: 35px;
  }
}
.damage__lead {
  line-height: 1.8571428571;
  letter-spacing: 0.12em;
  font-size: 2.8rem;
  margin-top: 70px;
}
.damage__lead::before, .damage__lead::after {
  content: "";
  display: block flow;
  inline-size: 0;
  block-size: 1px;
}
.damage__lead::before {
  margin-block-end: calc((1 - 1.8571428571) * 0.5em);
}
.damage__lead::after {
  margin-block-start: calc((1 - 1.8571428571) * 0.5em);
}
@media screen and (max-width: 768px) {
  .damage__lead {
    margin-top: 35px;
    font-size: 2rem;
  }
}
.damage__block:nth-of-type(2) .damage__disc {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .damage__block:nth-of-type(2) .damage__disc {
    margin-top: 30px;
  }
}
.damage__disc {
  line-height: 1.875;
  letter-spacing: 0.06em;
  font-size: 1.6rem;
  margin-top: 40px;
}
.damage__disc::before, .damage__disc::after {
  content: "";
  display: block flow;
  inline-size: 0;
  block-size: 1px;
}
.damage__disc::before {
  margin-block-end: calc((1 - 1.875) * 0.5em);
}
.damage__disc::after {
  margin-block-start: calc((1 - 1.875) * 0.5em);
}
@media screen and (max-width: 768px) {
  .damage__disc {
    margin-top: 25px;
  }
}
.damage__contents {
  display: flex;
  gap: 40px;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .damage__contents {
    gap: 20px;
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) and (max-width: 600px) {
  .damage__contents {
    gap: 10px;
  }
}
.damage__card {
  position: relative;
  width: 50%;
  display: flex;
  justify-content: flex-start;
  padding-left: 15px;
}
@media screen and (max-width: 600px) {
  .damage__card {
    padding-left: 0;
  }
}
.damage__card:nth-child(1) img {
  max-width: 302px;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .damage__card:nth-child(1) img {
    max-width: 151px;
  }
}
.damage__card:nth-child(2) img {
  max-width: 366px;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .damage__card:nth-child(2) img {
    max-width: 183px;
  }
}
.damage__name {
  position: absolute;
  top: -9px;
  left: 0;
  border: 1px solid #1a1a1a;
  line-height: 1.5625;
  letter-spacing: 0.06em;
  font-size: 1.6rem;
  padding: 7px 18px;
}
.damage__name::before, .damage__name::after {
  content: "";
  display: block flow;
  inline-size: 0;
  block-size: 1px;
}
.damage__name::before {
  margin-block-end: calc((1 - 1.5625) * 0.5em);
}
.damage__name::after {
  margin-block-start: calc((1 - 1.5625) * 0.5em);
}
.damage__figure {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .damage__figure {
    width: 100%;
  }
}
.damage__caption {
  color: #737373;
  line-height: 1.875;
  letter-spacing: 0.06em;
  font-size: 1.6rem;
  margin-top: 18px;
  text-align: center;
}
.damage__caption::before, .damage__caption::after {
  content: "";
  display: block flow;
  inline-size: 0;
  block-size: 1px;
}
.damage__caption::before {
  margin-block-end: calc((1 - 1.875) * 0.5em);
}
.damage__caption::after {
  margin-block-start: calc((1 - 1.875) * 0.5em);
}
@media screen and (max-width: 768px) {
  .damage__caption {
    margin-top: 10px;
  }
}

.contact {
  max-width: 1200px;
  margin-inline: auto;
  margin-block: 60px 150px;
}
@media screen and (max-width: 768px) {
  .contact {
    margin-block: 50px 80px;
  }
}
.contact__contents {
  background: var(--white);
  padding: 30px 40px;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 20px;
  border: 1px solid #737373;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .contact__contents {
    padding: 20px;
  }
}
.contact__logo {
  max-width: 160px;
  width: 100%;
  margin-top: 40px;
}
.contact__text {
  line-height: 1.75;
  letter-spacing: 0.06em;
  font-size: 1.6rem;
}
.contact__text::before, .contact__text::after {
  content: "";
  display: block flow;
  inline-size: 0;
  block-size: 1px;
}
.contact__text::before {
  margin-block-end: calc((1 - 1.75) * 0.5em);
}
.contact__text::after {
  margin-block-start: calc((1 - 1.75) * 0.5em);
}
.contact__tell {
  margin-top: 20px;
}
.contact__icon {
  width: 23px;
}
.contact__number {
  line-height: 1.2142857143;
  letter-spacing: 0.06em;
  font-size: 2.8rem;
}
.contact__number::before, .contact__number::after {
  content: "";
  display: block flow;
  inline-size: 0;
  block-size: 1px;
}
.contact__number::before {
  margin-block-end: calc((1 - 1.2142857143) * 0.5em);
}
.contact__number::after {
  margin-block-start: calc((1 - 1.2142857143) * 0.5em);
}
.contact__reception {
  margin-top: 16px;
  line-height: 2.1333333333;
  letter-spacing: 0.06em;
  font-size: 1.5rem;
  color: #737373;
}
.contact__reception::before, .contact__reception::after {
  content: "";
  display: block flow;
  inline-size: 0;
  block-size: 1px;
}
.contact__reception::before {
  margin-block-end: calc((1 - 2.1333333333) * 0.5em);
}
.contact__reception::after {
  margin-block-start: calc((1 - 2.1333333333) * 0.5em);
}
.contact__container {
  max-width: 428px;
  width: 100%;
  margin-inline: auto;
}
.contact__disc {
  line-height: 2;
  letter-spacing: 0.06em;
  font-size: 1.6rem;
  text-align: center;
}
.contact__disc::before, .contact__disc::after {
  content: "";
  display: block flow;
  inline-size: 0;
  block-size: 1px;
}
.contact__disc::before {
  margin-block-end: calc((1 - 2) * 0.5em);
}
.contact__disc::after {
  margin-block-start: calc((1 - 2) * 0.5em);
}

.stop {
  margin-bottom: 160px;
}
@media screen and (max-width: 768px) {
  .stop {
    margin-bottom: 80px;
  }
}
.stop__inner {
  max-width: 1200px;
  margin-inline: auto;
  width: 90%;
}
.stop__container {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .stop__container {
    flex-direction: column;
    gap: 60px;
  }
}
.stop__left {
  width: 50%;
  width: 45.8333333333%;
}
@media screen and (max-width: 768px) {
  .stop__left {
    width: 100%;
  }
}
.stop__image {
  width: 45%;
}
@media screen and (max-width: 768px) {
  .stop__image {
    width: 100%;
  }
}
.stop__disc {
  line-height: 2;
  letter-spacing: 0.06em;
  font-size: 1.6rem;
  margin-top: 49px;
}
.stop__disc::before, .stop__disc::after {
  content: "";
  display: block flow;
  inline-size: 0;
  block-size: 1px;
}
.stop__disc::before {
  margin-block-end: calc((1 - 2) * 0.5em);
}
.stop__disc::after {
  margin-block-start: calc((1 - 2) * 0.5em);
}
@media screen and (max-width: 768px) {
  .stop__disc {
    margin-top: 30px;
  }
}
.stop__disc:nth-of-type(2) {
  margin-top: 61px;
}
@media screen and (max-width: 768px) {
  .stop__disc:nth-of-type(2) {
    margin-top: 30px;
  }
}
.stop__order-list {
  background: #f7f7f5;
  max-width: 400px;
  padding: 40px 30px;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: 37px;
}
@media screen and (max-width: 768px) {
  .stop__order-list {
    padding: 20px;
  }
}
.stop__order-item {
  letter-spacing: 0.06em;
  font-size: 1.8rem;
}
.stop__unorder-list {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .stop__unorder-list {
    margin-top: 20px;
  }
}
.stop__unorder-item {
  letter-spacing: 0.06em;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
  gap: 5px;
}
.stop__unorder-item::before {
  content: "●";
  color: #0d3da9;
  font-size: 1rem;
}
.stop__unorder-item:not(:first-child) {
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .stop__unorder-item:not(:first-child) {
    margin-top: 10px;
  }
}

.case {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .case {
    margin-top: 40px;
  }
}
.case__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  padding-bottom: 60px;
  border-bottom: 1px solid #d9d9d9;
}
@media screen and (max-width: 1024px) {
  .case__list {
    padding-bottom: 50px;
    gap: 20px;
    grid-template-columns: 1fr;
  }
}
.case__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  background: #f7f7f5;
  padding: 40px;
  gap: 0;
}
@media screen and (max-width: 768px) {
  .case__item {
    padding: 30px 20px;
  }
}
.case__item:first-child .case__textbox {
  margin-top: 20px;
}
@media screen and (max-width: 1024px) {
  .case__item:first-child .case__textbox {
    margin-top: 40px;
  }
}
.case__item:nth-of-type(n + 5) {
  display: block;
}
.case__item:nth-of-type(n + 5) .case__image-wrapper {
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .case__item:nth-of-type(n + 5) .case__image-wrapper {
    justify-content: center;
  }
}
.case__item:nth-child(4) .case__container {
  gap: 0;
}
.case__index {
  line-height: 1.4444444444;
  letter-spacing: 0em;
  font-size: 3.6rem;
}
.case__index::before, .case__index::after {
  content: "";
  display: block flow;
  inline-size: 0;
  block-size: 1px;
}
.case__index::before {
  margin-block-end: calc((1 - 1.4444444444) * 0.5em);
}
.case__index::after {
  margin-block-start: calc((1 - 1.4444444444) * 0.5em);
}
.case__title {
  line-height: 1.4583333333;
  letter-spacing: 0.12em;
  font-size: 2.4rem;
  margin-top: 10px;
}
.case__title::before, .case__title::after {
  content: "";
  display: block flow;
  inline-size: 0;
  block-size: 1px;
}
.case__title::before {
  margin-block-end: calc((1 - 1.4583333333) * 0.5em);
}
.case__title::after {
  margin-block-start: calc((1 - 1.4583333333) * 0.5em);
}
.case__title--red {
  color: #e72b2c;
  line-height: 1.3;
  letter-spacing: 0.06em;
  font-size: 2rem;
}
.case__title--red::before, .case__title--red::after {
  content: "";
  display: block flow;
  inline-size: 0;
  block-size: 1px;
}
.case__title--red::before {
  margin-block-end: calc((1 - 1.3) * 0.5em);
}
.case__title--red::after {
  margin-block-start: calc((1 - 1.3) * 0.5em);
}
.case__container {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
@media screen and (max-width: 1024px) {
  .case__container {
    gap: 30px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  .case__container {
    flex-direction: column;
  }
}
.case__textbox {
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .case__textbox {
    width: 100%;
  }
}
.case__lead {
  line-height: 2;
  letter-spacing: 0.1em;
  font-size: 1.8rem;
  width: -moz-max-content;
  width: max-content;
}
.case__lead::before, .case__lead::after {
  content: "";
  display: block flow;
  inline-size: 0;
  block-size: 1px;
}
.case__lead::before {
  margin-block-end: calc((1 - 2) * 0.5em);
}
.case__lead::after {
  margin-block-start: calc((1 - 2) * 0.5em);
}
@media screen and (max-width: 1024px) {
  .case__lead {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.case__disc {
  line-height: 1.8571428571;
  letter-spacing: 0.06em;
  font-size: 1.4rem;
  margin-top: 25px;
  width: 100%;
  max-width: 230px;
}
.case__disc::before, .case__disc::after {
  content: "";
  display: block flow;
  inline-size: 0;
  block-size: 1px;
}
.case__disc::before {
  margin-block-end: calc((1 - 1.8571428571) * 0.5em);
}
.case__disc::after {
  margin-block-start: calc((1 - 1.8571428571) * 0.5em);
}
@media screen and (max-width: 1024px) {
  .case__disc {
    max-width: 100%;
    margin-top: 20px;
  }
}
@media screen and (max-width: 1024px) and (max-width: 600px) {
  .case__disc {
    max-width: 100%;
    margin-top: 15px;
  }
}
.case__disc--small {
  line-height: 2;
  letter-spacing: 0.06em;
  font-size: 1.6rem;
  margin-top: 40px;
}
.case__disc--small::before, .case__disc--small::after {
  content: "";
  display: block flow;
  inline-size: 0;
  block-size: 1px;
}
.case__disc--small::before {
  margin-block-end: calc((1 - 2) * 0.5em);
}
.case__disc--small::after {
  margin-block-start: calc((1 - 2) * 0.5em);
}
@media screen and (max-width: 768px) {
  .case__disc--small {
    margin-top: 20px;
  }
}
.case__free {
  line-height: 1.625;
  letter-spacing: 0.06em;
  font-size: 1.6rem;
  color: #0d3da9;
  border: 1px solid #0d3da9;
  border-radius: 2px;
  padding: 5px 19px;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 40px;
  background: #ffffff;
}
.case__free::before, .case__free::after {
  content: "";
  display: block flow;
  inline-size: 0;
  block-size: 1px;
}
.case__free::before {
  margin-block-end: calc((1 - 1.625) * 0.5em);
}
.case__free::after {
  margin-block-start: calc((1 - 1.625) * 0.5em);
}
@media screen and (max-width: 768px) {
  .case__free {
    margin-top: 20px;
  }
}
.case__free--red {
  color: #e72b2c;
  border: 1px solid #e72b2c;
}
.case__image-wrapper {
  width: 50%;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .case__image-wrapper {
    width: 100%;
  }
}
.case__image {
  width: 100%;
}
@media screen and (max-width: 600px) {
  .case__image {
    margin-top: 0 !important;
  }
}
.case__image--1 {
  max-width: 174px;
}
@media screen and (max-width: 768px) {
  .case__image--1 {
    translate: -37.5px 0;
    translate: -21.5517241379% 0;
  }
}
.case__image--2 {
  max-width: 174px;
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .case__image--2 {
    translate: -37.5px 0;
    translate: -21.5517241379% 0;
  }
}
.case__image--3 {
  max-width: 165px;
  margin-top: 25px;
}
.case__image--4 {
  width: 284px;
  margin-top: 15px;
  margin-left: -30px;
  width: max(100%, 284px);
}
@media screen and (max-width: 768px) {
  .case__image--4 {
    margin-left: 0;
  }
}
.case__image--5 {
  max-width: 230px;
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .case__image--5 {
    width: 100%;
    max-width: 100%;
  }
}
.case__caution {
  display: inherit;
  grid-template-rows: auto 1fr;
  grid-row: span 3;
  padding: 50px 40px;
  border: 2px solid #ea6954;
}
@media screen and (max-width: 768px) {
  .case__caution {
    padding: 20px;
  }
}

.case-attention {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .case-attention {
    margin-top: 50px;
  }
}
.case-attention__container {
  display: flex;
  justify-content: space-between;
  gap: 60px;
}
@media screen and (max-width: 768px) {
  .case-attention__container {
    flex-direction: column;
    gap: 30px;
  }
}
.case-attention__textbox {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .case-attention__textbox {
    width: 100%;
  }
}
.case-attention__group {
  margin-top: 0;
}
.case-attention__text {
  width: 100%;
  margin-top: 45px;
}
@media screen and (max-width: 768px) {
  .case-attention__text {
    margin-top: 25px;
  }
}
.case-attention__image {
  width: 45%;
}
@media screen and (max-width: 768px) {
  .case-attention__image {
    width: 100%;
  }
}
.case-attention__text {
  line-height: 1.875;
  letter-spacing: 0.06em;
  font-size: 1.6rem;
}
.case-attention__text::before, .case-attention__text::after {
  content: "";
  display: block flow;
  inline-size: 0;
  block-size: 1px;
}
.case-attention__text::before {
  margin-block-end: calc((1 - 1.875) * 0.5em);
}
.case-attention__text::after {
  margin-block-start: calc((1 - 1.875) * 0.5em);
}
/*# sourceMappingURL=style.css.map */