@charset "UTF-8";
@use "./setting" as *;
@font-face {
  font-family: NotoSans;
  src: url("../../font/lp_coop_sapporo/NotoSansJP-Bold.otf"); }

@font-face {
  font-family: NotoSansSp;
  src: url("../../font/lp_coop_sapporo/NotoSansJP-Medium.otf"); }

@forward "./mixin";
@forward "./setting";
@use "./reset";
@use "./setting" as *;
/* Document
 * ========================================================================== */
/**
 * Add border box sizing in all browsers (opinionated).
 */
*,
::before,
::after {
  box-sizing: border-box; }

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */
::before,
::after {
  text-decoration: inherit;
  /* 1 */
  vertical-align: inherit;
  /* 2 */ }

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Use a 4-space tab width in all browsers (opinionated).
 * 4. Remove the grey highlight on links in iOS (opinionated).
 * 5. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 * 6. Breaks words to prevent overflow in all browsers (opinionated).
 */
html {
  cursor: default;
  /* 1 */
  line-height: 1.5;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  tab-size: 4;
  /* 3 */
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%;
  /* 5 */
  -webkit-text-size-adjust: 100%;
  /* 5 */
  word-break: break-word;
  /* 6 */ }

/* Sections
 * ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
  margin-top: 0; }

/* Grouping content
 * ========================================================================== */
/**
 * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
 */
dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0; }

/**
 * Remove the margin on nested lists in Edge 18- and IE.
 */
ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0; }

/**
 * 1. Add the correct sizing in Firefox.
 * 2. Show the overflow in Edge 18- and IE.
 */
hr {
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * Add the correct display in IE.
 */
main {
  display: block; }

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
nav ol,
nav ul {
  list-style: none;
  padding: 0; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
 * ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Add the correct text decoration in Edge 18-, IE, and Safari.
 */
abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/* Embedded content
 * ========================================================================== */
/*
 * Change the alignment on media elements in all browsers (opinionated).
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle; }

/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on iframes in all browsers (opinionated).
 */
iframe {
  border-style: none; }

/**
 * Remove the border on images within links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
svg:not([fill]) {
  fill: currentColor; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Tabular data
 * ========================================================================== */
/**
 * Collapse border spacing in all browsers (opinionated).
 */
table {
  border-collapse: collapse; }

/* Forms
 * ========================================================================== */
/**
 * Remove the margin on controls in Safari.
 */
button,
input,
select {
  margin: 0; }

/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
 */
button {
  overflow: visible;
  /* 1 */
  text-transform: none;
  /* 2 */ }

/**
 * Correct the inability to style buttons in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * 1. Change the inconsistent appearance in all browsers (opinionated).
 * 2. Correct the padding in Firefox.
 */
fieldset {
  border: 1px solid #a0a0a0;
  /* 1 */
  padding: 0.35em 0.75em 0.625em;
  /* 2 */ }

/**
 * Show the overflow in Edge 18- and IE.
 */
input {
  overflow: visible; }

/**
 * 1. Correct the text wrapping in Edge 18- and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */
legend {
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in Edge 18- and IE.
 * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the inheritance of text transform in Firefox.
 */
select {
  text-transform: none; }

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 * 3. Change the resize direction in all browsers (opinionated).
 */
textarea {
  margin: 0;
  /* 1 */
  overflow: auto;
  /* 2 */
  resize: vertical;
  /* 3 */ }

/**
 * Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  padding: 0; }

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto; }

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54; }

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */
::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */
::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */
:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Remove the additional :invalid styles in Firefox.
 */
:-moz-ui-invalid {
  box-shadow: none; }

/* Interactive
 * ========================================================================== */
/*
 * Add the correct display in Edge 18- and IE.
 */
details {
  display: block; }

/*
 * Add the correct styles in Edge 18-, IE, and Safari.
 */
dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content; }

dialog:not([open]) {
  display: none; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
 * ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* User interaction
 * ========================================================================== */
/*
 * 1. Remove the tapping delay in IE 10.
 * 2. Remove the tapping delay on clickable elements
      in all browsers (opinionated).
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
  /* 1 */
  touch-action: manipulation;
  /* 2 */ }

/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

/* Accessibility
 * ========================================================================== */
/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */
[aria-busy="true"] {
  cursor: progress; }

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */
[aria-controls] {
  cursor: pointer; }

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */
[aria-disabled="true"],
[disabled] {
  cursor: not-allowed; }

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */
[aria-hidden="false"][hidden] {
  display: initial; }

[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute; }

@font-face {
  font-family: NotoSans;
  src: url("../../font/lp_coop_sapporo/NotoSansJP-Bold.otf"); }

@font-face {
  font-family: NotoSansSp;
  src: url("../../font/lp_coop_sapporo/NotoSansJP-Medium.otf"); }

body {
  background-color: #ffffff;
  color: #333333;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0.05em; }
  @media screen and (min-width: 768px) {
    body {
      font-weight: initial; } }

:focus {
  outline: none; }

a:link,
a:hover,
a:visited,
a:active {
  color: #267dcb;
  text-decoration: underline; }

p {
  margin-bottom: 3px; }

p.error {
  color: #fb5154; }

input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="password"],
select {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 50px;
  padding: 10px;
  border-radius: 3px;
  border: 2px solid #e4e4e4;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.15em;
  color: #333333;
  background-color: #ffffff; }
  input[type="text"]::placeholder,
  input[type="number"]::placeholder,
  input[type="email"]::placeholder,
  input[type="tel"]::placeholder,
  input[type="password"]::placeholder,
  select::placeholder {
    color: #696969; }

.alert {
  text-align: center; }

textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 150px;
  padding: 10px;
  border-radius: 5px;
  border: 2px solid #e4e4e4;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.15em;
  color: #333333;
  background-color: #ffffff; }
  textarea::placeholder {
    color: #696969; }

input[type="checkbox"],
input[type="radio"] {
  display: none; }

.checkbox {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  padding: 12px 32px;
  height: 44px;
  vertical-align: middle;
  cursor: pointer; }
  .checkbox:after {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    margin-top: -10px;
    width: 24px;
    height: 24px;
    border: 2px solid #e4e4e4;
    border-radius: 5px;
    content: ""; }

.checkbox:before {
  position: absolute;
  top: 50%;
  left: 10px;
  display: block;
  margin-top: -4px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #333333;
  border-bottom: 3px solid #333333;
  content: "";
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }
  input[type="checkbox"]:checked + .checkbox:before {
    opacity: 1; }

.radio {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  height: 44px;
  vertical-align: middle;
  cursor: pointer; }
  .radio:after {
    position: absolute;
    top: 50%;
    left: 20px;
    display: block;
    margin-top: -10px;
    width: 24px;
    height: 24px;
    border: 2px solid #e4e4e4;
    border-radius: 5px;
    content: ""; }

.radio:before {
  position: absolute;
  top: 50%;
  left: 30px;
  display: block;
  margin-top: -4px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #333333;
  border-bottom: 3px solid #333333;
  content: "";
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }
  input[type="radio"]:checked + .radio:before {
    opacity: 1; }

.err-msg {
  display: none;
  color: red;
  font-size: 10px;
  position: absolute;
  z-index: 9; }
  @media screen and (min-width: 768px) {
    .err-msg {
      font-size: 12px; } }

section {
  margin: auto; }

.l-container {
  padding: 0 5%;
  max-width: 560px;
  margin: auto; }
  @media screen and (min-width: 768px) {
    .l-container {
      max-width: 980px !important;
      padding: 0 30px; } }
  @media screen and (min-width: 1200px) {
    .l-container {
      padding: 0; } }

img {
  max-width: 100%; }

.u-flex_space_between {
  justify-content: space-between; }

.u-flex_jusrify_left {
  justify-content: left; }

.u-flex_jusrify_right {
  justify-content: right; }

@media screen and (min-width: 768px) {
  .u-display-flex {
    flex-direction: row; } }

.u-display-flex {
  display: flex; }

.display_sp {
  display: block; }
  @media screen and (min-width: 768px) {
    .display_sp {
      display: none; } }

.display_pc {
  display: none; }
  @media screen and (min-width: 768px) {
    .display_pc {
      display: block; } }

.color_coop {
  color: #E63748; }

.color_white {
  color: white; }

.color_yellow {
  color: #FFEC00; }

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

.text_center {
  text-align: center; }

.bg_light_green {
  background-color: #E63748; }

.bg_sky {
  background-color: #007CB2; }

.d-none {
  display: none !important; }

@media screen and (min-width: 768px) {
  .d-md-none {
    display: none !important; } }

.u-display-pc {
  display: none; }
  @media screen and (min-width: 768px) {
    .u-display-pc {
      display: block; } }

.border-0 {
  border: 0 !important; }

.text-center {
  text-align: center !important; }

.p-0 {
  padding: 0 !important; }

.form-submit {
  width: 85%;
  position: relative;
  margin: 20px auto 15px; }

/* 拡大・縮小 */
.change-scale {
  -webkit-animation: change-scale 1.5s linear infinite alternate;
  animation: change-scale 1.5s linear infinite alternate; }

@keyframes change-scale {
  50% {
    transform: scale3d(1.05, 1.05, 1.05); } }

dl, ol, ul {
  margin-top: 0;
  margin-bottom: 1rem; }

.footer_cta {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 998;
  transform: translateY(100%);
  transition: transform 0.3s ease; }
  .footer_cta.is-show {
    transform: translateY(0); }
  @media screen and (min-width: 768px) {
    .footer_cta {
      display: none; } }
  .footer_cta__text {
    background-color: #E4E4E4;
    text-align: center;
    margin: 0; }
  .footer_cta .money_icon {
    position: absolute;
    top: 0;
    left: 3%; }
  .footer_cta__flex {
    display: flex;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 16px;
    gap: 16px;
    justify-content: center; }

.btn-fixWrap {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  position: fixed;
  text-align: center;
  z-index: 998;
  bottom: 10em;
  right: 1.5em; }
  @media screen and (min-width: 768px) {
    .btn-fixWrap {
      display: none; } }
  .btn-fixWrap .c-fixBtn {
    background: #fff;
    border: 1px solid #04384c;
    border-radius: 50%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 4px 4px -4px rgba(0, 0, 0, 0.1);
    color: #04384c;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 52px;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    opacity: .75;
    overflow: hidden;
    text-align: center;
    transition: all .25s;
    width: 52px; }
    .btn-fixWrap .c-fixBtn:hover {
      background-color: #04384c !important;
      color: #fff !important; }
      .btn-fixWrap .c-fixBtn:hover .c-fixBtn__icon::before {
        border-bottom: 2px solid #fff !important;
        border-right: 2px solid #fff !important; }
    .btn-fixWrap .c-fixBtn__icon {
      display: block;
      font-size: 20px; }
      .btn-fixWrap .c-fixBtn__icon::before {
        content: "";
        text-transform: none;
        border-bottom: 2px solid #04384c;
        border-right: 2px solid #04384c;
        transform: rotate(-135deg);
        width: 9px;
        height: 9px;
        position: fixed;
        margin: 0;
        left: 22px;
        top: 24px; }

.tracking-height_tetuduki {
  padding-bottom: 100px !important; }
  @media screen and (min-width: 400px) {
    .tracking-height_tetuduki {
      padding-bottom: 120px !important; } }
  @media screen and (min-width: 768px) {
    .tracking-height_tetuduki {
      padding-bottom: 135px !important; } }
  .tracking-height_tetuduki .btn-fixWrap {
    bottom: 11.2em; }
    @media screen and (min-width: 768px) {
      .tracking-height_tetuduki .btn-fixWrap {
        bottom: 13.8em; } }

.header_sp {
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  background: #ffffff;
  width: 100%;
  z-index: 999;
  top: 0; }
  @media screen and (min-width: 768px) {
    .header_sp {
      display: none; } }
  .header_sp__flex {
    display: flex;
    align-items: center;
    gap: 12px; }
    .header_sp__flex__satei {
      background-color: #FF4D4D;
      border-radius: 50px;
      padding: 6px 16px; }
      .header_sp__flex__satei a {
        color: #ffffff;
        font-weight: bold;
        text-decoration: none; }
        .header_sp__flex__satei a .free {
          font-size: 12px; }
    .header_sp__flex__menu {
      position: relative;
      z-index: 1000;
      /* フルスクリーンメニュー */ }
      .header_sp__flex__menu .hamburger {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-image: linear-gradient(#004fbe, #1ca2d7);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: none;
        cursor: pointer;
        z-index: 1100; }
        .header_sp__flex__menu .hamburger span {
          display: block;
          width: 20px;
          height: 2px;
          background: #fff;
          margin: 3px 0;
          transition: 0.3s; }
      .header_sp__flex__menu .menu {
        position: fixed;
        left: 0;
        width: 100%;
        height: 100%;
        background: white;
        color: #fff;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
        z-index: 999;
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: 24px;
        font-size: 20px;
        font-weight: bold;
        padding: 32px; }
      .header_sp__flex__menu.active .menu {
        transform: translateX(0); }
        .header_sp__flex__menu.active .menu a {
          text-decoration: none;
          border-bottom: 2px solid #267dcb; }
      .header_sp__flex__menu.active .hamburger span:nth-child(1) {
        transform: rotate(45deg) translate(6px, 5px); }
      .header_sp__flex__menu.active .hamburger span:nth-child(2) {
        opacity: 0; }
      .header_sp__flex__menu.active .hamburger span:nth-child(3) {
        transform: rotate(-45deg) translate(6px, -5px); }

/* body に付与する no-scroll クラス */
.no-scroll {
  overflow: hidden;
  height: 100vh; }

@media screen and (min-width: 1000px) {
  .achievement-home {
    padding: 0 40px; } }

.achievement-home .l-container .achievement-search__container {
  background-color: #2BA4A0; }
  @media screen and (min-width: 768px) {
    .achievement-home .l-container .achievement-search__container__search-box {
      padding: 0 8px;
      margin-top: 16px; } }
  .achievement-home .l-container .achievement-search__container__body__content .search-result .result .item {
    flex-direction: column !important;
    padding: 15px;
    background-color: #ffffff; }
    .achievement-home .l-container .achievement-search__container__body__content .search-result .result .item .reverse {
      flex-direction: column-reverse !important; }
  .achievement-home .l-container .achievement-search__container__body__content .search-result .pagination ul li.acive::marker {
    display: none !important; }
  .achievement-home .l-container .achievement-search__container__body__content .chart-box .chart .achievement-chart::after {
    right: 0; }

.achievement-home .search-box-title {
  line-height: 31px; }
  @media screen and (min-width: 768px) {
    .achievement-home .search-box-title {
      line-height: 28px; } }
  .achievement-home .search-box-title .message {
    padding: 12px;
    right: -25px;
    font-size: 12px; }
    @media screen and (min-width: 1200px) {
      .achievement-home .search-box-title .message {
        padding: 16px;
        right: -120px;
        font-size: 16px; } }

.achievement-home .achievement-form-input-group {
  display: block !important; }

.campaign {
  padding: 0 16px;
  margin-top: 16px; }
  @media screen and (min-width: 768px) {
    .campaign {
      padding: 0 16px; } }
  @media screen and (min-width: 1200px) {
    .campaign {
      font-size: 32px; } }

.cancel_policy {
  background-color: #D9D9D9;
  padding: 16px;
  font-weight: none; }
  @media screen and (min-width: 768px) {
    .cancel_policy {
      padding: 16px; } }
  @media screen and (min-width: 1200px) {
    .cancel_policy {
      padding: 32px; } }
  .cancel_policy__title {
    font-weight: 400;
    margin: 0; }
    @media screen and (min-width: 768px) {
      .cancel_policy__title {
        font-size: 20px; } }
    @media screen and (min-width: 1200px) {
      .cancel_policy__title {
        font-size: 24px; } }
  .cancel_policy__text {
    font-weight: 400; }
    @media screen and (min-width: 768px) {
      .cancel_policy__text {
        font-size: 16px; } }
    @media screen and (min-width: 1200px) {
      .cancel_policy__text {
        font-size: 20px; } }

.copyright_box {
  background-color: #D9D9D9;
  height: 140px;
  width: 100%; }
  @media screen and (min-width: 768px) {
    .copyright_box {
      margin-bottom: 0;
      height: 0%; } }
  .copyright_box .copyright {
    background-color: #333333;
    color: #ffffff;
    text-align: center;
    margin: 0;
    padding: 8px;
    font-size: 14px; }

@use "../foundation/index" as *;
.car_slide_section {
  padding: 0;
  position: relative;
  margin-top: -10px; }
  .car_slide_section img {
    width: 100%; }
  .car_slide_section__contents {
    background-image: linear-gradient(#004fbe, #1ca2d7);
    width: 100%;
    padding: 45px; }
    .car_slide_section__contents__list {
      margin: 0 auto;
      max-width: 500px;
      list-style: none; }
      .car_slide_section__contents__list__box {
        background-color: #ffffff;
        display: flex;
        align-items: center;
        padding: 8px; }
        @media screen and (min-width: 768px) {
          .car_slide_section__contents__list__box {
            padding: 8px;
            width: calc(100% - -0.5rem) !important; } }
        @media screen and (min-width: 1200px) {
          .car_slide_section__contents__list__box {
            padding: 16px; } }
        .car_slide_section__contents__list__box img {
          width: 110px;
          height: 120px; }
          @media screen and (min-width: 768px) {
            .car_slide_section__contents__list__box img {
              width: 110px;
              height: 120px; } }
          @media screen and (min-width: 1200px) {
            .car_slide_section__contents__list__box img {
              width: 151px;
              height: 167px; } }
        .car_slide_section__contents__list__box__detail {
          padding: 8px;
          font-size: 10px;
          font-weight: 500; }
          @media screen and (min-width: 768px) {
            .car_slide_section__contents__list__box__detail {
              font-size: 10px;
              padding: 8px; } }
          @media screen and (min-width: 1200px) {
            .car_slide_section__contents__list__box__detail {
              font-size: 16px;
              padding: 16px; } }
          .car_slide_section__contents__list__box__detail__flex {
            display: flex;
            align-items: center;
            gap: 6px;
            margin-bottom: 16px; }
            .car_slide_section__contents__list__box__detail__flex__category {
              background-color: #F4DC00;
              border-radius: 4px;
              padding: 4px;
              font-size: 10px; }
              @media screen and (min-width: 768px) {
                .car_slide_section__contents__list__box__detail__flex__category {
                  font-size: 10px; } }
              @media screen and (min-width: 1200px) {
                .car_slide_section__contents__list__box__detail__flex__category {
                  font-size: 14px; } }
            .car_slide_section__contents__list__box__detail__flex .price_icon {
              width: 30px;
              height: 30px; }
              @media screen and (min-width: 768px) {
                .car_slide_section__contents__list__box__detail__flex .price_icon {
                  width: 30px;
                  height: 30px; } }
              @media screen and (min-width: 1200px) {
                .car_slide_section__contents__list__box__detail__flex .price_icon {
                  width: 48px;
                  height: 48px; } }
            .car_slide_section__contents__list__box__detail__flex .price {
              width: 140px;
              height: 26px; }
              @media screen and (min-width: 768px) {
                .car_slide_section__contents__list__box__detail__flex .price {
                  width: 140px;
                  height: 26px; } }
              @media screen and (min-width: 1200px) {
                .car_slide_section__contents__list__box__detail__flex .price {
                  width: 218px;
                  height: 40px; } }
            .car_slide_section__contents__list__box__detail__flex p {
              margin: 0; }
          .car_slide_section__contents__list__box__detail__block_flex {
            display: flex;
            gap: 20px; }
            @media screen and (min-width: 768px) {
              .car_slide_section__contents__list__box__detail__block_flex {
                gap: 32px; } }

.splide__slide {
  margin-right: 1rem !important; }

.splide__list {
  margin: 0 8% !important; }

.splide__arrow {
  top: 70% !important;
  background: #858585CC !important;
  color: #ffffff;
  opacity: 1 !important;
  width: 2.5em !important;
  height: 2.5em !important; }
  @media screen and (min-width: 768px) {
    .splide__arrow {
      width: 3em !important;
      height: 3em !important; } }

.splide__pagination {
  bottom: 1em !important; }
  .splide__pagination__page {
    background: #ffffff !important;
    opacity: 1 !important;
    margin: 0 8px !important;
    width: 10px;
    height: 10px; }
    @media screen and (min-width: 768px) {
      .splide__pagination__page {
        margin: 0 12px !important; } }
  .splide__pagination__page.is-active {
    background: #FF4D4D !important; }

.car_slide_bottom {
  width: 100%; }

@use "../foundation/index" as *;
.trader-compare-table-renew {
  padding: 0; }
  .trader-compare-table-renew__container {
    position: relative;
    max-width: 1040px;
    margin: 0 auto;
    padding: 30px 5%; }
    .trader-compare-table-renew__container .title-wrap {
      text-align: center; }
      .trader-compare-table-renew__container .title-wrap h2 {
        margin: 0; }
        .trader-compare-table-renew__container .title-wrap h2 img {
          width: 205px;
          height: 36px; }
          @media screen and (min-width: 768px) {
            .trader-compare-table-renew__container .title-wrap h2 img {
              width: 50%;
              height: 55px; } }
      .trader-compare-table-renew__container .title-wrap .sub-tt {
        height: 25px;
        margin-bottom: 1em; }
    .trader-compare-table-renew__container__table {
      display: block;
      position: relative;
      padding: 20px 0 15px; }
      .trader-compare-table-renew__container__table .table {
        text-align: center;
        max-width: 100%;
        overflow-x: auto;
        white-space: nowrap; }
        .trader-compare-table-renew__container__table .table img {
          display: inline-block;
          max-width: 700px; }
          @media screen and (min-width: 768px) {
            .trader-compare-table-renew__container__table .table img {
              width: 700px; } }
      .trader-compare-table-renew__container__table__hand-swipe {
        position: absolute;
        top: 100px;
        left: 0;
        right: 0;
        text-align: center;
        margin: 0 auto;
        width: 30%; }
        @media screen and (min-width: 768px) {
          .trader-compare-table-renew__container__table__hand-swipe {
            top: 45%;
            left: 20%; } }
    .trader-compare-table-renew__container__group {
      text-align: center; }
      .trader-compare-table-renew__container__group__content-first img {
        width: 262px;
        height: 17px; }
        @media screen and (min-width: 768px) {
          .trader-compare-table-renew__container__group__content-first img {
            width: 408px;
            height: 26px; } }
      .trader-compare-table-renew__container__group__content-second {
        margin: 6px auto 8px; }
        .trader-compare-table-renew__container__group__content-second img {
          width: 335px;
          height: 79px; }
          @media screen and (min-width: 768px) {
            .trader-compare-table-renew__container__group__content-second img {
              width: 522px;
              height: 123px; } }
      .trader-compare-table-renew__container__group__content-third {
        color: #ff4d4d; }
        .trader-compare-table-renew__container__group__content-third p {
          margin: 0;
          font-family: Noto Sans;
          font-size: 18px;
          font-weight: 600;
          line-height: 24.52px;
          text-align: center; }
          @media screen and (min-width: 768px) {
            .trader-compare-table-renew__container__group__content-third p {
              font-size: 22px; } }
          @media screen and (min-width: 1000px) {
            .trader-compare-table-renew__container__group__content-third p {
              font-size: 28px; } }

.cta_lp {
  padding: 20px 0;
  background-color: #ffffff; }
  .cta_lp__sp {
    display: block; }
    @media screen and (min-width: 768px) {
      .cta_lp__sp {
        display: none; } }
    .cta_lp__sp__header {
      margin: 0 auto;
      width: 204px;
      height: 19px; }
    .cta_lp__sp__content {
      text-align: center;
      margin-top: 10px; }
      .cta_lp__sp__content a img {
        width: 100%;
        max-width: 500px; }
    .cta_lp__sp__warning {
      text-align: center; }
  .cta_lp__pc {
    position: relative;
    display: none; }
    @media screen and (min-width: 768px) {
      .cta_lp__pc {
        display: block;
        max-width: 893px;
        margin: 0 auto; } }
    .cta_lp__pc a {
      display: block;
      position: relative;
      text-decoration: none; }
    .cta_lp__pc img {
      display: block;
      margin: 0 auto; }
    .cta_lp__pc__href {
      padding: 0;
      margin: 0;
      position: absolute;
      transform: translate(66%, -50%);
      color: #333;
      font-weight: 700; }
      @media screen and (min-width: 768px) {
        .cta_lp__pc__href {
          top: 40%;
          left: -11%;
          padding: 0;
          font-size: clamp(20px, 2.5vw, 40px); } }
      @media screen and (min-width: 1000px) {
        .cta_lp__pc__href {
          top: 40%;
          left: -12%;
          padding: 0;
          font-size: clamp(20px, 2.8vw, 40px); } }
      @media screen and (min-width: 1200px) {
        .cta_lp__pc__href {
          font-size: clamp(20px, 3vw, 34px);
          left: -5%; } }

@use "../foundation/index" as *;
.add-dashed-border {
  border-bottom: #bfbfbf dashed 2px; }

.home-faq {
  padding: 0; }
  .home-faq .faq {
    font-family: "Noto Sans";
    padding: 0; }
    .home-faq .faq__container {
      position: relative;
      max-width: 800px;
      margin: 0 auto;
      padding: 0 5%; }
      @media screen and (min-width: 768px) {
        .home-faq .faq__container {
          padding: 60px 5%; } }
    .home-faq .faq__header {
      margin: 0 auto;
      text-align: center;
      margin-bottom: 15px; }
      @media screen and (min-width: 768px) {
        .home-faq .faq__header {
          width: 70%;
          margin-bottom: 36px; } }
      .home-faq .faq__header img {
        width: auto;
        height: auto; }
    .home-faq .faq__group {
      margin-top: 10px;
      box-shadow: 0px 5px 15px 0px #dedede; }
      @media screen and (min-width: 768px) {
        .home-faq .faq__group:not(:first-child) {
          margin-top: 20px; } }
      .home-faq .faq__group__box-question {
        display: flex;
        justify-content: space-between;
        padding: 20px 0;
        margin: auto 15px; }
        @media screen and (min-width: 768px) {
          .home-faq .faq__group__box-question {
            margin: auto 30px; } }
        .home-faq .faq__group__box-question__content {
          display: flex; }
          .home-faq .faq__group__box-question__content img {
            margin-right: 6px;
            width: 21px;
            height: 21px;
            line-height: 19px; }
            @media screen and (min-width: 768px) {
              .home-faq .faq__group__box-question__content img {
                margin-right: 15px;
                width: 42px;
                height: 42px; } }
          .home-faq .faq__group__box-question__content__icon-add {
            width: 14px;
            height: 14px;
            margin: 3px 0; }
            @media screen and (min-width: 768px) {
              .home-faq .faq__group__box-question__content__icon-add {
                width: 21px;
                height: 21px;
                margin: 10px 0; } }
          .home-faq .faq__group__box-question__content__icon-sub {
            width: 14px;
            height: 14px;
            margin: 3px 0; }
            @media screen and (min-width: 768px) {
              .home-faq .faq__group__box-question__content__icon-sub {
                width: 21px;
                height: 21px;
                margin: 10px 0; } }
          .home-faq .faq__group__box-question__content h3 {
            margin: 0;
            font-size: unset;
            text-align: left; }
          .home-faq .faq__group__box-question__content p {
            color: #333333;
            line-height: normal;
            font-style: normal;
            font-size: 14px;
            margin: 0;
            font-weight: 700; }
            @media screen and (min-width: 768px) {
              .home-faq .faq__group__box-question__content p {
                font-size: 16px;
                padding-top: 5px;
                line-height: 32.69px; } }
            @media screen and (min-width: 1000px) {
              .home-faq .faq__group__box-question__content p {
                font-size: 24px;
                padding-top: 5px;
                line-height: 32.69px; } }
          .home-faq .faq__group__box-question__content__icon-sub {
            display: none; }
      .home-faq .faq__group__box-answer {
        padding: 20px 0;
        margin: auto 15px; }
        @media screen and (min-width: 768px) {
          .home-faq .faq__group__box-answer {
            margin: auto 30px; } }
        .home-faq .faq__group__box-answer__content {
          display: flex; }
          .home-faq .faq__group__box-answer__content img {
            margin-right: 6px;
            width: 21px;
            height: 21px;
            line-height: 19px; }
            @media screen and (min-width: 768px) {
              .home-faq .faq__group__box-answer__content img {
                margin-right: 15px;
                width: 42px;
                height: 42px; } }
          .home-faq .faq__group__box-answer__content p {
            color: #333333;
            line-height: normal;
            font-style: normal;
            font-size: 14px;
            margin: 0;
            font-weight: 400; }
            @media screen and (min-width: 768px) {
              .home-faq .faq__group__box-answer__content p {
                font-size: 18px;
                margin: 0; } }
    .home-faq .faq__btn {
      width: 300px;
      background: #00366e;
      border-radius: 8px;
      height: 46px;
      margin: 15px auto 0;
      box-shadow: 2px 3px 4px 0px grey; }
      @media screen and (min-width: 768px) {
        .home-faq .faq__btn {
          height: 52px;
          margin: 30px auto 0;
          width: 400px; } }
      .home-faq .faq__btn a {
        text-align: center;
        color: white;
        text-decoration: none; }
      .home-faq .faq__btn p {
        margin-top: 0;
        padding-top: 13px; }
        .home-faq .faq__btn p img {
          float: right;
          margin-right: 20px; }

.lptop_form_new {
  margin: auto; }
  @media screen and (min-width: 768px) {
    .lptop_form_new {
      padding: 0 16px; } }
  @media screen and (min-width: 1200px) {
    .lptop_form_new {
      padding: 0 32px; } }

.form-lptop_new-sp {
  background-color: #006EBB;
  padding: 0 5px 5px 5px;
  position: relative; }
  .form-lptop_new-sp__title {
    text-align: center; }
    .form-lptop_new-sp__title img {
      width: 240px;
      margin: 20px 0 12px 0; }
  .form-lptop_new-sp__content {
    background-color: #FFFEDE;
    padding: 20px 15px; }
    .form-lptop_new-sp__content .step img {
      width: 100%;
      margin-bottom: 15px; }
      @media screen and (min-width: 768px) {
        .form-lptop_new-sp__content .step img {
          margin-bottom: 32px; } }
    .form-lptop_new-sp__content .step .line {
      display: flex;
      margin-bottom: 12px; }
      @media screen and (min-width: 768px) {
        .form-lptop_new-sp__content .step .line {
          margin-bottom: 30px; } }
      .form-lptop_new-sp__content .step .line .focus_lable {
        background-color: #FF8585 !important; }
      .form-lptop_new-sp__content .step .line .lable_ok {
        background-color: #00B1AB !important; }
      .form-lptop_new-sp__content .step .line .step_lable {
        font-size: 30px;
        color: #ffffff;
        background-color: #CCCCCC;
        width: 58px;
        display: flex;
        justify-content: center; }
      .form-lptop_new-sp__content .step .line .input-focus {
        border: 3px solid #FF8585 !important;
        animation: focusInput 1.3s ease infinite;
        -webkit-animation: focusInput 1.3s ease infinite;
        -webkit-appearance: none; }
      .form-lptop_new-sp__content .step .line .form_err {
        border: 1.6px solid #FF8585 !important;
        position: relative; }
      .form-lptop_new-sp__content .step .line .err_msg {
        text-align: right;
        color: red; }
      .form-lptop_new-sp__content .step .line .cus-select {
        width: 100%;
        display: flex;
        background-color: #fff;
        margin-left: 5px;
        border: 1.6px solid #B3B3B3;
        font-size: 16px;
        align-items: center; }
        .form-lptop_new-sp__content .step .line .cus-select input,
        .form-lptop_new-sp__content .step .line .cus-select select {
          border: none; }
        .form-lptop_new-sp__content .step .line .cus-select select {
          appearance: none;
          background-image: url(../lptop/images/form/icon_down.png);
          background-repeat: no-repeat;
          background-size: 12px;
          background-position: right 12px center; }
      .form-lptop_new-sp__content .step .line .c-any {
        line-height: 15px;
        text-align: center;
        background-color: #1a68ae;
        color: #fff;
        padding: 3px 0px;
        margin: 3px 5px;
        height: 20px;
        width: 44px;
        display: flex;
        justify-content: center;
        box-sizing: initial;
        align-items: center;
        font-size: 14px; }
        .form-lptop_new-sp__content .step .line .c-any::before {
          content: "任意"; }
      .form-lptop_new-sp__content .step .line .complete_ok {
        background-color: #00B1AB !important;
        font-size: 17px !important; }
        .form-lptop_new-sp__content .step .line .complete_ok::before {
          content: "OK" !important; }
      .form-lptop_new-sp__content .step .line .c-required {
        line-height: 15px;
        text-align: center;
        background-color: #FF1919;
        color: #fff;
        padding: 2px 0px;
        margin: 3px 5px;
        height: 20px;
        width: 44px;
        display: flex;
        justify-content: center;
        box-sizing: initial;
        align-items: center;
        font-size: 14px; }
        .form-lptop_new-sp__content .step .line .c-required::before {
          content: "必須"; }
    .form-lptop_new-sp__content .step .instruction {
      text-align: center;
      font-size: 16px;
      font-weight: 400;
      margin-top: 15px; }
    .form-lptop_new-sp__content .step .wrap_next_step_btn {
      text-align: center; }
      .form-lptop_new-sp__content .step .wrap_next_step_btn .lptop_next_step_btn {
        background-image: url(../lptop/images/form/button1.svg);
        color: #FFFEDE;
        height: 62px;
        width: 82%;
        max-width: 286px;
        border-radius: 25px;
        font-size: 18px;
        background-repeat: no-repeat;
        margin-top: 10px;
        background-size: 100% 62px;
        cursor: pointer;
        background-color: #FFFEDE !important;
        font-weight: 500;
        padding-bottom: 5px;
        text-shadow: 1px 2px #5e5e5e;
        border-width: 0px; }
      .form-lptop_new-sp__content .step .wrap_next_step_btn .submit_lptop {
        background-image: url(../lptop/images/form/button2.svg);
        color: #FFFEDE;
        height: 62px;
        width: 82%;
        max-width: 286px;
        border-radius: 25px;
        background-repeat: no-repeat;
        margin-top: 10px;
        background-size: 100% 62px;
        cursor: pointer;
        background-color: #FFFEDE !important;
        font-weight: 500;
        padding-bottom: 5px;
        text-shadow: 1px 2px #5e5e5e;
        border-width: 0px; }
    .form-lptop_new-sp__content .step .wrap_next_step_btn_new {
      text-align: center;
      position: relative;
      overflow: hidden;
      border-radius: 50px;
      height: 62px;
      width: 260px;
      left: 0;
      right: 0;
      margin: auto;
      top: 10px;
      margin-bottom: 18px; }
      .form-lptop_new-sp__content .step .wrap_next_step_btn_new::after {
        position: absolute;
        content: '';
        display: inline-block;
        top: -180px;
        left: 20px;
        margin-left: 20px;
        width: 15px;
        height: 100%;
        background-color: #b5e7ff;
        transition: 3.5s;
        animation: shinyshiny 3.5s ease-in-out infinite; }

@keyframes shinyshiny {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0; }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5; }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1; }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0; } }
      .form-lptop_new-sp__content .step .wrap_next_step_btn_new .lptop_next_step_btn_new {
        background-image: url(../lptop/images/form/button1.svg);
        color: #FFFEDE;
        height: 62px;
        width: 100%;
        max-width: 286px;
        border-radius: 25px;
        font-size: 18px;
        background-repeat: no-repeat;
        background-size: 100% 62px;
        cursor: pointer;
        background-color: #FFFEDE !important;
        font-weight: 500;
        padding-bottom: 5px;
        text-shadow: 1px 2px #5e5e5e;
        border-width: 0px;
        margin-top: unset; }
      .form-lptop_new-sp__content .step .wrap_next_step_btn_new .submit_lptop_new {
        background-image: url(../lptop/images/form/button2.svg);
        color: #FFFEDE;
        height: 62px;
        width: 100%;
        max-width: 286px;
        border-radius: 25px;
        background-repeat: no-repeat;
        background-size: 100% 62px;
        cursor: pointer;
        background-color: #FFFEDE !important;
        font-weight: 500;
        padding-bottom: 5px;
        text-shadow: 1px 2px #5e5e5e;
        border-width: 0px;
        margin-top: unset; }
    .form-lptop_new-sp__content .step .car_purchase_price {
      background-image: url(../lptop/images/form/sp/find_text.png);
      height: 43px;
      background-size: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      padding-bottom: 4px;
      font-size: 12px;
      line-height: 16px;
      margin-bottom: 15px; }
      .form-lptop_new-sp__content .step .car_purchase_price span {
        color: #FF1A1A;
        font-weight: 700; }
  .form-lptop_new-sp__encrypted_ssl {
    padding: 15px;
    background-color: #F2F2E6;
    margin-top: 5px; }
    .form-lptop_new-sp__encrypted_ssl div:first-child {
      display: flex;
      align-items: baseline;
      font-size: 14px;
      font-weight: 700;
      margin-top: 5px; }
      .form-lptop_new-sp__encrypted_ssl div:first-child img {
        width: 14px;
        height: 18px;
        margin-right: 8px; }
    .form-lptop_new-sp__encrypted_ssl div:last-child {
      font-size: 12px;
      font-weight: 400; }
      @media screen and (min-width: 768px) {
        .form-lptop_new-sp__encrypted_ssl div:last-child {
          font-size: 14px; } }
  .form-lptop_new-sp .err_msg {
    text-align: right;
    color: red; }

.hatchwork {
  width: 100%;
  min-height: 100vh; }
  @media screen and (min-width: 768px) {
    .hatchwork {
      background-image: url("../lp_hatchwork/images/back_image.webp");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: bottom center;
      background-attachment: fixed; } }
  .hatchwork__contents {
    width: 100%;
    margin: 0 auto;
    height: 100%; }
    @media screen and (min-width: 768px) {
      .hatchwork__contents {
        display: flex;
        max-width: 1200px; } }
    .hatchwork__contents__left_section {
      display: none; }
      @media screen and (min-width: 768px) {
        .hatchwork__contents__left_section {
          width: 25%;
          margin: 0 auto;
          text-align: center;
          display: block;
          height: 100%;
          margin: 32px 32px 0 0;
          position: sticky;
          top: 0; }
          .hatchwork__contents__left_section img {
            margin: 0 auto; } }
    .hatchwork__contents__center_section {
      width: 100%;
      background-color: #ffffff; }
      @media screen and (min-width: 768px) {
        .hatchwork__contents__center_section {
          width: 50%;
          margin: 0 auto; } }
      .hatchwork__contents__center_section .mv {
        display: none; }
        @media screen and (min-width: 768px) {
          .hatchwork__contents__center_section .mv {
            display: block; } }
      .hatchwork__contents__center_section .mv_sp {
        display: block;
        margin-top: 15%; }
        @media screen and (min-width: 768px) {
          .hatchwork__contents__center_section .mv_sp {
            display: none; } }
    .hatchwork__contents__right_section {
      display: none; }
      @media screen and (min-width: 768px) {
        .hatchwork__contents__right_section {
          display: block;
          width: 25%;
          height: 100%;
          margin: 0 auto;
          position: sticky;
          top: 20%;
          margin: 32px 0 0 32px; } }

.left_contents {
  width: 100%; }
  .left_contents__text {
    font-weight: 900;
    line-height: 1.2;
    color: #1E5199;
    margin-bottom: 20px; }
    @media screen and (min-width: 768px) {
      .left_contents__text {
        font-size: 16px; } }
    @media screen and (min-width: 1200px) {
      .left_contents__text {
        font-size: 28px; } }
  .left_contents__assessment {
    font-weight: 700;
    background-color: #FF4D4D;
    border-radius: 32px;
    width: 100%;
    margin-bottom: 20px;
    padding: 8px; }
    @media screen and (min-width: 768px) {
      .left_contents__assessment {
        font-size: 14px; } }
    @media screen and (min-width: 1200px) {
      .left_contents__assessment {
        font-size: 28px; } }
  .left_contents a {
    text-decoration: none;
    color: white; }
    .left_contents a .free {
      font-size: 18px; }
  .left_contents__cta {
    display: flex;
    align-items: center;
    gap: 4%;
    background-color: #F4DC00;
    border: none;
    border-radius: 32px;
    justify-content: center;
    width: 100%; }
    @media screen and (min-width: 768px) {
      .left_contents__cta {
        padding: 10px;
        margin-bottom: 360px; } }
    @media screen and (min-width: 1200px) {
      .left_contents__cta {
        padding: 12px;
        margin-bottom: 250px; } }
    .left_contents__cta img {
      margin: 0; }
    .left_contents__cta span {
      font-weight: 700;
      margin: 0;
      color: #000000; }
      @media screen and (min-width: 768px) {
        .left_contents__cta span {
          font-size: 12px; } }
      @media screen and (min-width: 1200px) {
        .left_contents__cta span {
          font-size: 22px; } }

@use "../foundation/index" as *;
.media-renew {
  background: #ffffff;
  padding: 0; }
  .media-renew__container {
    position: relative;
    max-width: 1040px;
    margin: 0 auto;
    padding: 30px 5%; }
    @media screen and (min-width: 768px) {
      .media-renew__container {
        padding: 16px; } }
    @media screen and (min-width: 1200px) {
      .media-renew__container {
        padding: 32px; } }
  .media-renew__title {
    width: 232px;
    height: 45px;
    margin: 0 auto 16px; }
    @media screen and (min-width: 768px) {
      .media-renew__title {
        width: 60%;
        margin-bottom: 6%; } }
    .media-renew__title img {
      width: auto;
      height: auto;
      margin: 0 auto; }
  .media-renew__wrap {
    justify-content: center;
    padding: 0rem;
    flex-direction: column;
    gap: 1; }
    @media screen and (min-width: 768px) {
      .media-renew__wrap {
        gap: 57px;
        flex-direction: row; } }
    @media screen and (min-width: 1000px) {
      .media-renew__wrap {
        margin: 0; } }
    .media-renew__wrap__img {
      flex-basis: auto; }
      @media screen and (min-width: 768px) {
        .media-renew__wrap__img {
          flex-basis: 400px; } }
    .media-renew__wrap img {
      width: 100%;
      height: auto; }
      @media screen and (min-width: 768px) {
        .media-renew__wrap img {
          width: 100%; } }
    .media-renew__wrap__item {
      margin: 20px 0 0; }
      @media screen and (min-width: 768px) {
        .media-renew__wrap__item {
          margin: -15px 0 0 0; } }
      .media-renew__wrap__item ul {
        list-style-type: none;
        padding-left: 0; }
        .media-renew__wrap__item ul li {
          margin-bottom: 8px;
          font-size: 14px; }
          @media screen and (min-width: 768px) {
            .media-renew__wrap__item ul li {
              margin: 12px auto 20px;
              font-size: 16px; } }
          .media-renew__wrap__item ul li .sub {
            background-color: #006EBB;
            padding: 2px 8px;
            color: #ffffff;
            border-radius: 3px;
            margin-left: 10px;
            font-family: Noto Sans;
            font-size: 13px;
            font-weight: 400;
            line-height: 17.71px;
            text-align: left; }
            @media screen and (min-width: 768px) {
              .media-renew__wrap__item ul li .sub {
                margin-left: 15px;
                font-size: 16px;
                font-size: 14px;
                line-height: 19.07px; } }
          .media-renew__wrap__item ul li p {
            margin: 0; }
          .media-renew__wrap__item ul li hr {
            border: 1px solid #CCCCCC; }
    .media-renew__wrap__item-first {
      color: #808080;
      font-family: Noto Sans;
      font-size: 13px;
      font-weight: 500;
      line-height: 17.71px;
      text-align: left;
      margin-bottom: 10px !important; }
      @media screen and (min-width: 768px) {
        .media-renew__wrap__item-first {
          color: #006EBB;
          font-size: 16px;
          font-weight: 600;
          line-height: 21.79px; } }
    .media-renew__wrap__item-second {
      color: #333333;
      font-family: Noto Sans;
      font-size: 14px;
      font-weight: 400;
      line-height: 19.07px;
      text-align: left; }
  .media-renew__btn {
    width: 300px;
    background: #00366E;
    border-radius: 8px;
    height: 46px;
    margin: 15px auto 0;
    box-shadow: 2px 3px 4px 0px grey; }
    @media screen and (min-width: 768px) {
      .media-renew__btn {
        height: 52px;
        margin: 30px auto 0;
        width: 400px; } }
    .media-renew__btn a {
      text-align: center;
      color: white;
      text-decoration: none; }
    .media-renew__btn p {
      margin-top: 0;
      padding-top: 13px; }
      .media-renew__btn p img {
        float: right;
        margin-right: 20px; }

@media screen and (min-width: 768px) {
  .media {
    background-color: #e4e4e4; }
  .media__wrap {
    background-color: #e4e4e4;
    flex-direction: row; }
  .media__wrap__item {
    padding-top: 0;
    font-size: 16px;
    width: 50%; }
    .media__wrap__item ul li {
      font-size: 16px; }
      .media__wrap__item ul li .sub {
        font-size: 16px; } }

.lptop-form-modal {
  position: fixed;
  top: 0;
  height: 100vh;
  z-index: 9999;
  background: white;
  width: 100vw;
  padding-top: 0;
  padding-bottom: 70px;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none; }
  .lptop-form-modal::-webkit-scrollbar {
    display: none; }
  @media screen and (min-width: 768px) {
    .lptop-form-modal {
      position: absolute;
      height: auto;
      padding-bottom: 0;
      overflow: inherit;
      border-radius: 5px; } }
  .lptop-form-modal__bg {
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0; }
  .lptop-form-modal__inner {
    height: 100%;
    background-color: #ffffff; }
    @media screen and (min-width: 768px) {
      .lptop-form-modal__inner {
        border: 5px solid rgba(0, 0, 0, 0.5);
        border-radius: 5px;
        overflow: hidden;
        height: 100%; } }
  .lptop-form-modal__step {
    background-color: #ffffff; }
    @media screen and (min-width: 768px) {
      .lptop-form-modal__step {
        background-color: inherit; }
        .lptop-form-modal__step .title {
          margin-left: auto !important; } }
    .lptop-form-modal__step .step-title {
      margin-bottom: 0;
      padding: 10px;
      text-align: left;
      background-color: #006EBB;
      color: #ffffff;
      font-weight: 700;
      height: 68px;
      display: flex;
      justify-content: left;
      align-items: center;
      font-size: 20px;
      line-height: 27px;
      margin: 0; }
    @media screen and (min-width: 768px) {
      .lptop-form-modal__step__contents {
        margin-right: 5px; } }
    .lptop-form-modal__step__contents .title {
      background-image: none !important;
      background-color: #FFFEDE;
      color: #333333;
      margin-bottom: 0;
      padding: 5px 10px;
      text-align: left; }
      .lptop-form-modal__step__contents .title.model-of-maker {
        background-color: #e4e4e4;
        color: #333333;
        margin-bottom: 4px; }
      .lptop-form-modal__step__contents .title.back-red {
        background-color: rgba(254, 0, 0, 0.1);
        color: #333333;
        text-align: center; }
    .lptop-form-modal__step__contents .sub-title {
      background-color: #C2DEF2;
      margin-bottom: 0;
      padding: 0 10px;
      line-height: 1.6;
      text-align: left; }
    .lptop-form-modal__step__contents p {
      border-bottom: 1px solid #e4e4e4; }
    .lptop-form-modal__step .m-lptop-maker,
    .lptop-form-modal__step .m-lptop-carname,
    .lptop-form-modal__step .m-lptop-distance,
    .lptop-form-modal__step .m-lptop-pref {
      text-align: left;
      margin-bottom: 0;
      padding: 5px 10px;
      height: 62px;
      display: flex;
      align-items: center; }
    .lptop-form-modal__step.step1, .lptop-form-modal__step.step2, .lptop-form-modal__step.step3, .lptop-form-modal__step.step4 {
      opacity: 0;
      display: none;
      padding-bottom: 120px; }
      @media screen and (min-width: 768px) {
        .lptop-form-modal__step.step1, .lptop-form-modal__step.step2, .lptop-form-modal__step.step3, .lptop-form-modal__step.step4 {
          height: 100%;
          padding-bottom: 0; } }
      .lptop-form-modal__step.step1.fade-in, .lptop-form-modal__step.step2.fade-in, .lptop-form-modal__step.step3.fade-in, .lptop-form-modal__step.step4.fade-in {
        display: block;
        opacity: 0;
        animation-name: fadeIn;
        animation-duration: .5s;
        animation-fill-mode: forwards; }
    @media screen and (min-width: 768px) {
      .lptop-form-modal__step.step1 .step1__inner,
      .lptop-form-modal__step.step2 .lptop-form-modal__step__contents,
      .lptop-form-modal__step.step3 .lptop-form-modal__step__contents,
      .lptop-form-modal__step.step4 .lptop-form-modal__step__contents {
        overflow-y: scroll;
        height: 90%;
        padding-bottom: 10px; }
        .lptop-form-modal__step.step1 .step1__inner::-webkit-scrollbar,
        .lptop-form-modal__step.step2 .lptop-form-modal__step__contents::-webkit-scrollbar,
        .lptop-form-modal__step.step3 .lptop-form-modal__step__contents::-webkit-scrollbar,
        .lptop-form-modal__step.step4 .lptop-form-modal__step__contents::-webkit-scrollbar {
          width: 10px;
          background-color: #e4e4e4;
          margin-right: 5px; }
        .lptop-form-modal__step.step1 .step1__inner::-webkit-scrollbar-track,
        .lptop-form-modal__step.step2 .lptop-form-modal__step__contents::-webkit-scrollbar-track,
        .lptop-form-modal__step.step3 .lptop-form-modal__step__contents::-webkit-scrollbar-track,
        .lptop-form-modal__step.step4 .lptop-form-modal__step__contents::-webkit-scrollbar-track {
          border-radius: 5px; }
        .lptop-form-modal__step.step1 .step1__inner::-webkit-scrollbar-thumb,
        .lptop-form-modal__step.step2 .lptop-form-modal__step__contents::-webkit-scrollbar-thumb,
        .lptop-form-modal__step.step3 .lptop-form-modal__step__contents::-webkit-scrollbar-thumb,
        .lptop-form-modal__step.step4 .lptop-form-modal__step__contents::-webkit-scrollbar-thumb {
          background: rgba(0, 0, 0, 0.5);
          border-radius: 5px; } }
    @media screen and (min-width: 768px) {
      .lptop-form-modal__step.step2 .lptop-form-modal__step__contents {
        width: calc(100% + 10px);
        -ms-overflow-style: none;
        scrollbar-width: none; }
        .lptop-form-modal__step.step2 .lptop-form-modal__step__contents::-webkit-scrollbar {
          display: none; }
        .lptop-form-modal__step.step2 .lptop-form-modal__step__contents::-webkit-scrollbar {
          width: 0px; } }
    .lptop-form-modal__step.step4 .lptop-form-modal__step__contents, .lptop-form-modal__step.step3 .lptop-form-modal__step__contents {
      padding-right: 5px;
      margin-right: 0px; }
    .lptop-form-modal__step.step4 summary {
      background-color: rgba(228, 228, 228, 0.3);
      border-bottom: 1px solid #e4e4e4;
      margin-bottom: 0;
      padding: 5px 10px;
      display: block;
      text-align: left; }
      @media screen and (min-width: 768px) {
        .lptop-form-modal__step.step4 summary {
          font-size: 13px; } }
      @media screen and (min-width: 1000px) {
        .lptop-form-modal__step.step4 summary {
          font-size: 16px; } }
    .lptop-form-modal__step.step4 summary::-webkit-details-marker {
      display: none; }
  .lptop-form-modal p[class*="m-logo-"]::before {
    content: '';
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    width: 35px;
    height: 25px; }
  .lptop-form-modal .m-logo-aldina::before {
    background-image: url("../../images/modal_form/aldina.png");
    background-position: -4px;
    background-size: 37px !important; }
  .lptop-form-modal .m-logo-alfaromeo::before {
    background-image: url("../../images/modal_form/alfaromeo.svg"); }
  .lptop-form-modal .m-logo-amg::before {
    background-image: url("../../images/modal_form/amg.png");
    background-size: 30px !important;
    background-position: center; }
  .lptop-form-modal .m-logo-audi::before {
    background-image: url("../../images/modal_form/audi.png");
    background-position: -3px; }
  .lptop-form-modal .m-logo-bentley::before {
    background-image: url("../../images/modal_form/bentley.svg");
    background-size: 29px !important;
    background-position: 0 8px; }
  .lptop-form-modal .m-logo-benz::before {
    background-image: url("../../images/modal_form/benz.png");
    background-size: 44px !important;
    background-position: -6px -3px; }
  .lptop-form-modal .m-logo-bmw::before {
    background-image: url("../../images/modal_form/bmw.svg");
    background-position: 2px 0px;
    background-size: 25px !important; }
  .lptop-form-modal .m-logo-buick::before {
    background-image: url("../../images/modal_form/buick.svg");
    background-position: 2px; }
  .lptop-form-modal .m-logo-cadillac::before {
    background-image: url("../../images/modal_form/cadillac.svg");
    background-position: 5px 0; }
  .lptop-form-modal .m-logo-chevrolet::before {
    background-image: url("../../images/modal_form/chevrolet.png");
    background-size: 30px !important;
    background-position: -1px -4px; }
  .lptop-form-modal .m-logo-chrysler::before {
    background-image: url("../../images/modal_form/chrysler.png");
    background-size: 36px !important;
    background-position: -3px 8px; }
  .lptop-form-modal .m-logo-citroen::before {
    background-image: url("../../images/modal_form/citroen.png");
    background-position: -4px 2px; }
  .lptop-form-modal .m-logo-daihatsu::before {
    background-image: url("../../images/modal_form/daihatsu.png"); }
  .lptop-form-modal .m-logo-dodge::before {
    background-image: url("../../images/modal_form/dodge.png");
    background-position: 1px 8px;
    background-size: 30px !important; }
  .lptop-form-modal .m-logo-ferrari::before {
    background-image: url("../../images/modal_form/ferrari.png"); }
  .lptop-form-modal .m-logo-fiat::before {
    background-image: url("../../images/modal_form/fiat.svg"); }
  .lptop-form-modal .m-logo-ford::before {
    background-image: url("../../images/modal_form/ford.png");
    background-position: 1px 4px;
    background-size: 29px !important; }
  .lptop-form-modal .m-logo-gmc::before {
    background-image: url("../../images/modal_form/gmc.png");
    background-position: 1px 6px;
    background-size: 30px !important; }
  .lptop-form-modal .m-logo-hino::before {
    background-image: url("../../images/modal_form/hino.png");
    background-size: 27px !important;
    background-position: 2px 3px; }
  .lptop-form-modal .m-logo-honda::before {
    background-image: url("../../images/modal_form/honda.png"); }
  .lptop-form-modal .m-logo-hummer::before {
    background-image: url("../../images/modal_form/hummer.svg");
    background-position: -3px 9px; }
  .lptop-form-modal .m-logo-hyundai::before {
    background-image: url("../../images/modal_form/hyundai.svg");
    background-size: 25px !important;
    background-position: 1px 8px; }
  .lptop-form-modal .m-logo-isuzu::before {
    background-image: url("../../images/modal_form/isuzu.svg");
    background-size: 33px !important;
    background-position: 0px 9px; }
  .lptop-form-modal .m-logo-jaguar::before {
    background-image: url("../../images/modal_form/jaguar.png");
    background-position: -3px 0; }
  .lptop-form-modal .m-logo-jeep::before {
    background-image: url("../../images/modal_form/jeep.svg");
    background-size: 30px !important;
    background-position: 0 6px; }
  .lptop-form-modal .m-logo-lanborghini::before {
    background-image: url("../../images/modal_form/lanborghini.png");
    background-position: -7px -3px;
    background-size: 39px !important; }
  .lptop-form-modal .m-logo-lancia::before {
    background-image: url("../../images/modal_form/lancia.png"); }
  .lptop-form-modal .m-logo-landrover::before {
    background-image: url("../../images/modal_form/landrover.svg");
    background-size: 27px !important;
    background-position: 0 4px; }
  .lptop-form-modal .m-logo-lexus::before {
    background-image: url("../../images/modal_form/lexus.png"); }
  .lptop-form-modal .m-logo-lincoln::before {
    background-image: url("../../images/modal_form/lincoln.png");
    background-position: 4px 0px;
    background-size: 23px !important; }
  .lptop-form-modal .m-logo-lotus::before {
    background-image: url("../../images/modal_form/lotus.svg"); }
  .lptop-form-modal .m-logo-maserati::before {
    background-image: url("../../images/modal_form/maserati.png"); }
  .lptop-form-modal .m-logo-matsuda::before {
    background-image: url("../../images/modal_form/matsuda.png"); }
  .lptop-form-modal .m-logo-mitsubishi::before {
    background-image: url("../../images/modal_form/mitsubishi.png"); }
  .lptop-form-modal .m-logo-mitsuoka::before {
    background-image: url("../../images/modal_form/mitsuoka.png"); }
  .lptop-form-modal .m-logo-nissan::before {
    background-image: url("../../images/modal_form/nissan.png");
    background-position: 2px -2px; }
  .lptop-form-modal .m-logo-opel::before {
    background-image: url("../../images/modal_form/opel.svg");
    background-size: 40px !important;
    background-position: -6px -4px; }
  .lptop-form-modal .m-logo-peugeot::before {
    background-image: url("../../images/modal_form/peugeot.png");
    background-position: -5px 0; }
  .lptop-form-modal .m-logo-pontiac::before {
    background-image: url("../../images/modal_form/pontiac.png");
    background-size: 113px !important;
    background-position: -43px -4px; }
  .lptop-form-modal .m-logo-porsche::before {
    background-image: url("../../images/modal_form/porsche.png");
    background-size: 43px !important;
    background-position: -7px -3px; }
  .lptop-form-modal .m-logo-renault::before {
    background-image: url("../../images/modal_form/renault.png");
    background-position: -4px 0; }
  .lptop-form-modal .m-logo-rolls::before {
    background-image: url("../../images/modal_form/rolls.svg");
    background-position: 7px -1px;
    background-size: 14px !important; }
  .lptop-form-modal .m-logo-rover::before {
    background-image: url("../../images/modal_form/rover.png"); }
  .lptop-form-modal .m-logo-smart::before {
    background-image: url("../../images/modal_form/smart.svg");
    background-size: 32px !important;
    background-position: 0 6px; }
  .lptop-form-modal .m-logo-saab::before {
    background-image: url("../../images/modal_form/saab.svg"); }
  .lptop-form-modal .m-logo-subaru::before {
    background-image: url("../../images/modal_form/subaru.png"); }
  .lptop-form-modal .m-logo-suzuki::before {
    background-image: url("../../images/modal_form/suzuki.png"); }
  .lptop-form-modal .m-logo-toyota::before {
    background-image: url("../../images/modal_form/toyota.png"); }
  .lptop-form-modal .m-logo-ud::before {
    background-image: url("../../images/modal_form/ud.svg");
    background-position: 3px 0; }
  .lptop-form-modal .m-logo-volkswagen::before {
    background-image: url("../../images/modal_form/volkswagen.svg");
    background-position: 2px; }
  .lptop-form-modal .m-logo-volvo::before {
    background-image: url("../../images/modal_form/volvo.svg"); }
  .lptop-form-modal__close {
    position: absolute;
    padding: 12px 10px;
    right: 0px;
    z-index: 999; }

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateX(50px); }
  100% {
    opacity: 1;
    transform: translateX(0); } }

.prefectures-wrap-renew {
  background-color: #ffffff;
  padding: 0; }
  .prefectures-wrap-renew__container {
    max-width: 1040px;
    margin: 0 auto;
    padding: 20px 5%; }
    @media screen and (min-width: 768px) {
      .prefectures-wrap-renew__container {
        padding: 0 16px; } }
    @media screen and (min-width: 1200px) {
      .prefectures-wrap-renew__container {
        padding: 0 32px; } }
  .prefectures-wrap-renew #prefectures h3 img {
    height: 30px; }
    @media screen and (min-width: 768px) {
      .prefectures-wrap-renew #prefectures h3 img {
        height: 45px; } }
  .prefectures-wrap-renew #prefectures dl {
    font-size: 13px;
    letter-spacing: -0.01em;
    margin-bottom: 10px; }
    @media screen and (min-width: 768px) {
      .prefectures-wrap-renew #prefectures dl {
        font-size: 15px;
        letter-spacing: initial;
        margin-bottom: 30px; } }
    .prefectures-wrap-renew #prefectures dl dt {
      line-height: 1.5;
      font-weight: normal;
      background: linear-gradient(to bottom, #004fbe, #1ca2d7);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      font-size: 14px; }
      @media screen and (min-width: 768px) {
        .prefectures-wrap-renew #prefectures dl dt {
          font-size: 20px; } }
    .prefectures-wrap-renew #prefectures dl dd {
      display: inline;
      margin: 0;
      font-size: 14px; }
      @media screen and (min-width: 768px) {
        .prefectures-wrap-renew #prefectures dl dd {
          font-size: 20px; } }
      .prefectures-wrap-renew #prefectures dl dd:nth-of-type(1) {
        padding-left: 10px; }
      .prefectures-wrap-renew #prefectures dl dd a {
        color: #333333; }
  .prefectures-wrap-renew__title {
    margin-bottom: 15px;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .prefectures-wrap-renew__title {
        margin-bottom: 30px; } }
    .prefectures-wrap-renew__title h2 {
      margin: 0; }
      .prefectures-wrap-renew__title h2 img {
        width: 50%;
        height: auto; }

.hatchwork_promise {
  margin-top: 32px; }
  @media screen and (min-width: 768px) {
    .hatchwork_promise {
      margin-top: 64px; } }

@use "../foundation/index" as *;
.home-proof_security {
  padding: 0; }
  .home-proof_security__container {
    position: relative;
    max-width: 1040px;
    margin: 0 auto;
    padding: 30px 5%; }
    @media screen and (min-width: 768px) {
      .home-proof_security__container {
        padding: 40px 16px; } }
    @media screen and (min-width: 1200px) {
      .home-proof_security__container {
        padding: 40px 32px; } }
  .home-proof_security__title {
    text-align: center; }
    .home-proof_security__title h2 {
      margin: 0; }
      .home-proof_security__title h2 img {
        width: auto;
        height: auto;
        width: 85%; }
  .home-proof_security__content {
    text-align: center;
    padding-top: 12px; }
    @media screen and (min-width: 768px) {
      .home-proof_security__content {
        padding-top: 30px; } }
    .home-proof_security__content img {
      max-width: 500px;
      width: 100%; }
      @media screen and (min-width: 768px) {
        .home-proof_security__content img {
          max-width: 100%; } }

.jisseki-purchase_new {
  background-color: #ffffff;
  padding: 30px 0; }
  .jisseki-purchase_new .title-wrap h2 {
    color: #006ebb;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin: 0;
    background: linear-gradient(to bottom, #004fbe, #1ca2d7);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent; }
    @media screen and (min-width: 1000px) {
      .jisseki-purchase_new .title-wrap h2 {
        font-size: 30px; } }
    @media screen and (min-width: 1000px) {
      .jisseki-purchase_new .title-wrap h2 {
        font-size: 46px; } }
  .jisseki-purchase_new .title-wrap .sub-tt {
    height: 25px;
    margin-bottom: 0.5em; }
  .jisseki-purchase_new .title-wrap .main-tt {
    width: 100%;
    height: 25px; }
  .jisseki-purchase_new__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 900px;
    margin: auto;
    align-items: stretch;
    width: 100%;
    margin-top: 16px;
    padding: 0 16px; }
    @media screen and (min-width: 768px) {
      .jisseki-purchase_new__list {
        padding: 8px; } }
    @media screen and (min-width: 1000px) {
      .jisseki-purchase_new__list {
        padding: 32px; } }
    .jisseki-purchase_new__list__item {
      border: 1px solid #e4e4e4;
      flex-basis: 48%;
      padding-bottom: 10px;
      width: 48%;
      margin-bottom: 16px; }
      @media screen and (min-width: 768px) {
        .jisseki-purchase_new__list__item {
          width: 45%; } }
      .jisseki-purchase_new__list__item a {
        text-decoration: none;
        color: #333333; }
      .jisseki-purchase_new__list__item .img {
        width: 100%;
        position: relative;
        padding-top: 65.33%; }
        .jisseki-purchase_new__list__item .img img {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          object-fit: cover; }
      .jisseki-purchase_new__list__item__detail {
        padding: 8px; }
        @media screen and (min-width: 768px) {
          .jisseki-purchase_new__list__item__detail {
            padding: 8px; } }
        @media screen and (min-width: 1000px) {
          .jisseki-purchase_new__list__item__detail {
            padding: 16px; } }
        .jisseki-purchase_new__list__item__detail dl {
          display: flex;
          width: calc(100% - 10px);
          font-weight: 300;
          font-size: 12px;
          margin-bottom: 10px;
          align-items: center; }
          @media screen and (max-width: 360px) {
            .jisseki-purchase_new__list__item__detail dl {
              font-size: 10px; } }
          .jisseki-purchase_new__list__item__detail dl.price-box {
            line-height: 3em;
            border-bottom: none;
            margin-bottom: 10px;
            position: relative;
            display: flex;
            justify-content: start;
            gap: 8px; }
            @media screen and (min-width: 768px) {
              .jisseki-purchase_new__list__item__detail dl.price-box {
                gap: 16px; } }
            .jisseki-purchase_new__list__item__detail dl.price-box .price {
              color: #fe0000;
              font-size: 14px;
              letter-spacing: 0.5px;
              font-weight: 700; }
              @media screen and (min-width: 768px) {
                .jisseki-purchase_new__list__item__detail dl.price-box .price {
                  font-size: 14px;
                  margin: 0; } }
              @media screen and (min-width: 1200px) {
                .jisseki-purchase_new__list__item__detail dl.price-box .price {
                  font-size: 30px;
                  margin: 0; } }
              .jisseki-purchase_new__list__item__detail dl.price-box .price::after {
                content: "円";
                color: #fe0000;
                margin-bottom: 0px;
                font-size: 16px;
                height: 20px;
                margin-top: 2px; }
                @media screen and (min-width: 768px) {
                  .jisseki-purchase_new__list__item__detail dl.price-box .price::after {
                    margin-left: 0px; } }
                @media screen and (min-width: 1200px) {
                  .jisseki-purchase_new__list__item__detail dl.price-box .price::after {
                    margin-left: -7px; } }
              @media screen and (max-width: 360px) {
                .jisseki-purchase_new__list__item__detail dl.price-box .price {
                  font-size: 16px;
                  letter-spacing: 0.3px; }
                  .jisseki-purchase_new__list__item__detail dl.price-box .price::after {
                    font-size: 10px;
                    margin-left: -5px; } }
            .jisseki-purchase_new__list__item__detail dl.price-box .price_text {
              color: #ff1a1a;
              font-size: 10px;
              min-width: 40px; }
              @media screen and (min-width: 768px) {
                .jisseki-purchase_new__list__item__detail dl.price-box .price_text {
                  font-size: 10px; } }
              @media screen and (min-width: 1000px) {
                .jisseki-purchase_new__list__item__detail dl.price-box .price_text {
                  font-size: 12px; } }
          .jisseki-purchase_new__list__item__detail dl .maker_name {
            font-weight: 600;
            font-size: 14px;
            line-height: 20px;
            width: 150px;
            margin-top: 10px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis; }
            @media screen and (min-width: 768px) {
              .jisseki-purchase_new__list__item__detail dl .maker_name {
                font-size: 12px; } }
            @media screen and (min-width: 1000px) {
              .jisseki-purchase_new__list__item__detail dl .maker_name {
                font-size: 20px; } }
          .jisseki-purchase_new__list__item__detail dl .year {
            background-color: #f4dc00;
            text-align: center;
            min-width: 42px;
            max-height: 56px;
            border-radius: 4px;
            font-size: 12px; }
            @media screen and (min-width: 768px) {
              .jisseki-purchase_new__list__item__detail dl .year {
                font-size: 12px; } }
            @media screen and (min-width: 1000px) {
              .jisseki-purchase_new__list__item__detail dl .year {
                font-size: 14px; } }
          .jisseki-purchase_new__list__item__detail dl .mileage {
            background-color: #f4dc00;
            text-align: center;
            min-width: 42px;
            max-height: 56px;
            border-radius: 4px; }
            @media screen and (min-width: 768px) {
              .jisseki-purchase_new__list__item__detail dl .mileage {
                font-size: 14px;
                border-radius: 4px; } }
          .jisseki-purchase_new__list__item__detail dl dt {
            min-width: 60px;
            max-height: 60px;
            margin-right: 5px;
            position: relative;
            font-weight: 300; }
            @media screen and (max-width: 360px) {
              .jisseki-purchase_new__list__item__detail dl dt {
                min-width: 50px;
                max-height: 50px; } }
          .jisseki-purchase_new__list__item__detail dl dd {
            margin: 0;
            font-size: clamp(9px, 2.5vw, 12px); }
            @media screen and (min-width: 768px) {
              .jisseki-purchase_new__list__item__detail dl dd {
                font-size: 11px; } }
            @media screen and (min-width: 1200px) {
              .jisseki-purchase_new__list__item__detail dl dd {
                font-size: 16px; } }
  .jisseki-purchase_new__card {
    margin-bottom: 40px; }
    .jisseki-purchase_new__card ul li {
      border: 1px solid #e4e4e4; }
      .jisseki-purchase_new__card ul li img {
        height: 61vw !important;
        object-fit: cover;
        width: 11px;
        max-height: 320px; }
      .jisseki-purchase_new__card ul li .info {
        font-size: 13px;
        padding: 12px;
        padding-top: 0;
        line-height: 1.6; }
        .jisseki-purchase_new__card ul li .info dl {
          display: flex; }
          .jisseki-purchase_new__card ul li .info dl:first-child {
            border-bottom: 1px solid #e4e4e4;
            margin-bottom: 6px;
            padding-bottom: 6px; }
            .jisseki-purchase_new__card ul li .info dl:first-child dt {
              top: 8px; }
            .jisseki-purchase_new__card ul li .info dl:first-child dd {
              font-size: 22px;
              font-weight: 300;
              color: #fe0000; }
          .jisseki-purchase_new__card ul li .info dl dt {
            font-weight: normal;
            position: relative;
            width: 36%; }
            .jisseki-purchase_new__card ul li .info dl dt::after {
              position: absolute;
              right: 5px;
              content: ":"; }
          .jisseki-purchase_new__card ul li .info dl dd {
            font-weight: 400;
            margin-bottom: 0; }

@use "../foundation/index" as *;
.hatchwork-reason {
  padding: 0;
  background-color: #ffffff; }
  .hatchwork-reason h3 {
    margin: 0; }
  .hatchwork-reason__container {
    position: relative;
    max-width: 1040px;
    margin: 0 auto;
    padding: 0 5%; }
    @media screen and (min-width: 768px) {
      .hatchwork-reason__container {
        padding: 10px 5% 10px; } }
    @media screen and (min-width: 1200px) {
      .hatchwork-reason__container {
        padding: 10px 0 10px; } }
  .hatchwork-reason__title {
    text-align: center; }
    .hatchwork-reason__title h2 img {
      width: 100%;
      height: auto; }
      @media screen and (min-width: 768px) {
        .hatchwork-reason__title h2 img {
          padding: 0 32px; } }
  .hatchwork-reason__content-first-sp {
    text-align: center;
    margin: 15px auto 38px; }
    @media screen and (min-width: 768px) {
      .hatchwork-reason__content-first-sp img {
        width: 100%;
        padding: 32px; } }
  .hatchwork-reason__content-first {
    display: none;
    position: relative;
    background-color: #fff0f0; }
    @media screen and (min-width: 768px) {
      .hatchwork-reason__content-first {
        display: block;
        margin: 35px 0 48px; } }
    .hatchwork-reason__content-first__img {
      position: absolute;
      top: -7px;
      left: 0;
      right: 0;
      text-align: center; }
    .hatchwork-reason__content-first__text {
      text-align: center;
      border: 2px solid #ff4d4d;
      color: #ff4d4d;
      padding: 39px 0 25px; }
      .hatchwork-reason__content-first__text p {
        font-family: Noto Sans;
        font-size: 26.75px;
        font-weight: 700;
        line-height: 36.43px;
        text-align: center; }
        .hatchwork-reason__content-first__text p span {
          letter-spacing: -0.07em; }
  .hatchwork-reason__content-group {
    display: block;
    text-align: center;
    gap: 30px; }
    .hatchwork-reason__content-group div {
      flex: 1; }
    @media screen and (min-width: 768px) {
      .hatchwork-reason__content-group {
        padding: 0 32px; } }
    .hatchwork-reason__content-group__box {
      position: relative;
      border: 3px solid #d9d9d9;
      box-shadow: 2.8px 2.8px 0px 0px rgba(0, 0, 0, 0.4);
      margin-bottom: 40px; }
      @media screen and (min-width: 768px) {
        .hatchwork-reason__content-group__box {
          box-shadow: 4.5px 4.5px 0px 0px rgba(0, 0, 0, 0.4); } }
      .hatchwork-reason__content-group__box:not(:first-child) {
        margin-top: 48px; }
        @media screen and (min-width: 768px) {
          .hatchwork-reason__content-group__box:not(:first-child) {
            margin-top: 0; } }
    .hatchwork-reason__content-group__img-title {
      position: absolute;
      top: -20px;
      text-align: center;
      left: 0;
      right: 0; }
    .hatchwork-reason__content-group__content {
      margin: 33px 20px 30px; }
      @media screen and (min-width: 768px) {
        .hatchwork-reason__content-group__content {
          margin: 60px 20px 30px; } }
      .hatchwork-reason__content-group__content img {
        margin: 20px 0;
        width: 100%; }
      .hatchwork-reason__content-group__content p {
        margin: 0; }
        .hatchwork-reason__content-group__content p:first-child {
          display: inline-block;
          background: linear-gradient(to bottom, #004fbe, #1ca2d7);
          -webkit-background-clip: text;
          /* Safari, Chrome */
          background-clip: text;
          -webkit-text-fill-color: transparent;
          /* テキストを透明にして背景を見せる */
          font-family: Noto Sans;
          font-size: 20px;
          font-weight: 700;
          line-height: 27.24px;
          text-align: center; }
          @media screen and (min-width: 768px) {
            .hatchwork-reason__content-group__content p:first-child {
              font-size: 30px;
              line-height: 32.52px; } }
        .hatchwork-reason__content-group__content p:not(:first-child) {
          text-align: left;
          color: #333333;
          font-family: Noto Sans;
          font-size: 14px;
          font-weight: 400;
          line-height: 19.07px;
          text-align: left; }
          @media screen and (min-width: 768px) {
            .hatchwork-reason__content-group__content p:not(:first-child) {
              font-size: 20px;
              line-height: 23px; } }
  .hatchwork-reason__content-more {
    display: block;
    margin-top: 30px; }
    @media screen and (min-width: 768px) {
      .hatchwork-reason__content-more {
        padding: 0 32px; } }
    .hatchwork-reason__content-more div {
      flex: 2 1 auto; }
    .hatchwork-reason__content-more__text1 {
      color: #333333;
      font-family: Noto Sans;
      font-size: 13px;
      font-weight: 400;
      line-height: 17.71px;
      text-align: center;
      margin-bottom: 16px; }
      @media screen and (min-width: 768px) {
        .hatchwork-reason__content-more__text1 {
          font-family: Noto Sans;
          font-size: 18px;
          font-weight: 400;
          line-height: 24.52px;
          text-align: center;
          margin-bottom: 16px; } }
      .hatchwork-reason__content-more__text1 img {
        margin: 10px auto;
        display: flex; }
        @media screen and (min-width: 768px) {
          .hatchwork-reason__content-more__text1 img {
            margin: 0 auto; } }
    .hatchwork-reason__content-more__text2 img {
      width: 100%; }

.refund-renew {
  position: relative;
  padding: 30px 0; }
  .refund-renew__month {
    position: absolute;
    font-size: 18px;
    top: 22%;
    left: 33%; }
    @media screen and (min-width: 768px) {
      .refund-renew__month {
        top: 21%;
        left: 32%;
        font-size: 30px; } }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .refund-renew__month {
        font-size: 25px; } }
  .refund-renew__price {
    position: absolute;
    font-size: 45px;
    top: 25%;
    left: 22%;
    font-weight: 700; }
    @media screen and (min-width: 768px) {
      .refund-renew__price {
        top: 23%;
        left: 18%;
        font-size: 85px; } }
    @media screen and (min-width: 1000px) and (max-width: 1170px) {
      .refund-renew__price {
        font-size: 70px;
        top: 24%; } }
    @media screen and (min-width: 768px) and (max-width: 1000px) {
      .refund-renew__price {
        font-size: 3.3em;
        top: 24%; } }

.right_contents {
  width: 100%; }
  .right_contents__text {
    font-weight: 900;
    color: #006EBB; }
    @media screen and (min-width: 768px) {
      .right_contents__text {
        font-size: 16px; } }
    @media screen and (min-width: 1200px) {
      .right_contents__text {
        font-size: 20px; } }
    .right_contents__text a {
      text-decoration: none; }
  .right_contents__text::after {
    content: "";
    display: block;
    background: #006EBB;
    margin-top: 2px; }
    @media screen and (min-width: 768px) {
      .right_contents__text::after {
        width: 120px;
        height: 2px; } }
    @media screen and (min-width: 1200px) {
      .right_contents__text::after {
        width: 163px;
        height: 3px; } }
  .right_contents img {
    display: block;
    margin: 50% 0 0 auto; }
    @media screen and (min-width: 768px) {
      .right_contents img {
        width: 100px;
        height: 100px; } }
    @media screen and (min-width: 1200px) {
      .right_contents img {
        width: 136px;
        height: 136px; } }

.p-staff-renew__card__slider-wrap {
  height: 230px;
  padding: 15px 15px 0px;
  margin-bottom: 20px; }
  @media screen and (min-width: 768px) {
    .p-staff-renew__card__slider-wrap {
      height: 270px;
      margin-bottom: 40px;
      padding: 15px 0px 0px; } }
  @media screen and (min-width: 1000px) {
    .p-staff-renew__card__slider-wrap {
      height: 270px;
      margin-bottom: 40px;
      padding: 15px 15px 0px; } }
  @media screen and (min-width: 1200px) {
    .p-staff-renew__card__slider-wrap {
      height: 340px;
      margin-bottom: 40px;
      padding: 15px 15px 0px; } }
  .p-staff-renew__card__slider-wrap .staff-slider {
    height: 220px; }

.renew_staff_splide {
  font-family: Noto Sans;
  background-color: #fff; }
  @media screen and (min-width: 768px) {
    .renew_staff_splide {
      padding: 30px 0 0;
      padding: 0 16px; } }
  @media screen and (min-width: 1200px) {
    .renew_staff_splide {
      padding: 30px 0 0;
      padding: 0 32px; } }
  .renew_staff_splide .renew-container {
    max-width: 100%;
    margin: 0 15px; }
  .renew_staff_splide .p-staff-renew {
    padding-bottom: 30px; }
    .renew_staff_splide .p-staff-renew * {
      min-height: 0; }
  .renew_staff_splide .p-staff-renew__head-txt {
    font-size: 13.5px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: center;
    padding: 16px;
    margin: 0; }
    @media screen and (min-width: 768px) {
      .renew_staff_splide .p-staff-renew__head-txt {
        line-height: 22px;
        padding: 0;
        font-size: 14px;
        padding: 8px; } }
    @media screen and (min-width: 1200px) {
      .renew_staff_splide .p-staff-renew__head-txt {
        font-size: 20px; } }
  .renew_staff_splide .p-staff-renew__card {
    height: 390px;
    background-color: #E4F8FF;
    border: 1px solid #E4F8FF; }
    @media screen and (min-width: 768px) {
      .renew_staff_splide .p-staff-renew__card {
        height: 480px;
        margin-top: 16px; } }
    @media screen and (min-width: 1200px) {
      .renew_staff_splide .p-staff-renew__card {
        height: 540px;
        margin-top: 16px; } }
  @media screen and (min-width: 768px) {
    .renew_staff_splide .p-staff-renew__card__slider-wrap .splide__slide {
      height: 340px !important; } }
  .renew_staff_splide .p-staff-renew__card__slider-wrap .splide__slide img {
    width: 80px; }
    @media screen and (min-width: 768px) {
      .renew_staff_splide .p-staff-renew__card__slider-wrap .splide__slide img {
        width: 90px; } }
    @media screen and (min-width: 1000px) {
      .renew_staff_splide .p-staff-renew__card__slider-wrap .splide__slide img {
        width: 110px; } }
    @media screen and (min-width: 1200px) {
      .renew_staff_splide .p-staff-renew__card__slider-wrap .splide__slide img {
        width: 124px; } }
  .renew_staff_splide .p-staff-renew__card__slider-wrap .splide__slide__text__name {
    text-align: center;
    display: block;
    width: 80px;
    padding-top: 8px;
    font-size: 12px; }
    @media screen and (min-width: 768px) {
      .renew_staff_splide .p-staff-renew__card__slider-wrap .splide__slide__text__name {
        font-size: 14px;
        width: 30%; } }
    @media screen and (min-width: 1200px) {
      .renew_staff_splide .p-staff-renew__card__slider-wrap .splide__slide__text__name {
        font-size: 18px;
        width: 30%; } }
  .renew_staff_splide .p-staff-renew__card__slider-wrap .splide__slide__text__comment {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 95px); }
    @media screen and (min-width: 768px) {
      .renew_staff_splide .p-staff-renew__card__slider-wrap .splide__slide__text__comment {
        left: 36%; } }
    @media screen and (min-width: 1000px) {
      .renew_staff_splide .p-staff-renew__card__slider-wrap .splide__slide__text__comment {
        left: 35%; } }
    .renew_staff_splide .p-staff-renew__card__slider-wrap .splide__slide__text__comment .comment__title {
      font-size: 13px;
      line-height: 1.2;
      color: #006EBB;
      font-weight: 700; }
      @media screen and (min-width: 768px) {
        .renew_staff_splide .p-staff-renew__card__slider-wrap .splide__slide__text__comment .comment__title {
          font-size: 14px; } }
      @media screen and (min-width: 1000px) {
        .renew_staff_splide .p-staff-renew__card__slider-wrap .splide__slide__text__comment .comment__title {
          font-size: 16px; } }
      @media screen and (min-width: 1200px) {
        .renew_staff_splide .p-staff-renew__card__slider-wrap .splide__slide__text__comment .comment__title {
          font-size: 20px; } }
    .renew_staff_splide .p-staff-renew__card__slider-wrap .splide__slide__text__comment .comment__msg {
      font-size: 13px;
      line-height: 1.4;
      display: -webkit-box;
      overflow: hidden;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 5;
      height: 90px;
      font-weight: 400; }
      @media screen and (min-width: 768px) {
        .renew_staff_splide .p-staff-renew__card__slider-wrap .splide__slide__text__comment .comment__msg {
          font-size: 14px;
          height: 140px; } }
      @media screen and (min-width: 1000px) {
        .renew_staff_splide .p-staff-renew__card__slider-wrap .splide__slide__text__comment .comment__msg {
          font-size: 16px;
          height: 140px; } }
      @media screen and (min-width: 1200px) {
        .renew_staff_splide .p-staff-renew__card__slider-wrap .splide__slide__text__comment .comment__msg {
          font-size: 20px;
          height: 140px; } }
    .renew_staff_splide .p-staff-renew__card__slider-wrap .splide__slide__text__comment .comment__open.c-button__blue2 {
      max-width: 208px;
      min-width: 208px; }
      .renew_staff_splide .p-staff-renew__card__slider-wrap .splide__slide__text__comment .comment__open.c-button__blue2 img {
        width: 100%;
        margin-top: 16px; }
    .renew_staff_splide .p-staff-renew__card__slider-wrap .splide__slide__text__comment .c-button__blue2::after {
      margin-right: 15px !important; }
  .renew_staff_splide .wrap-staff-thumb .splide__slide.top {
    border: 3px solid rgba(0, 0, 0, 0) !important;
    height: 140px !important; }
    .renew_staff_splide .wrap-staff-thumb .splide__slide.top img {
      width: 65px !important;
      max-width: none; }
      @media screen and (min-width: 768px) {
        .renew_staff_splide .wrap-staff-thumb .splide__slide.top img {
          width: 77px !important; } }
  .renew_staff_splide .wrap-staff-thumb .splide__list__name {
    display: block;
    position: absolute;
    text-align: center;
    width: 100%;
    text-align: center;
    font-size: 10px;
    z-index: 2;
    margin-top: 5px;
    left: 8%; }
    @media screen and (min-width: 768px) {
      .renew_staff_splide .wrap-staff-thumb .splide__list__name {
        left: 5%; } }
    @media screen and (min-width: 1200px) {
      .renew_staff_splide .wrap-staff-thumb .splide__list__name {
        left: -9%; } }
    @media screen and (min-width: 1200px) {
      .renew_staff_splide .wrap-staff-thumb .splide__list__name {
        left: -13%; } }
  .renew_staff_splide .splide__arrow {
    top: 45% !important; }
    @media screen and (min-width: 768px) {
      .renew_staff_splide .splide__arrow {
        top: 50% !important; } }
    .renew_staff_splide .splide__arrow svg {
      fill: #fff;
      font-size: 10px; }
  .renew_staff_splide .splide__arrow--prev {
    left: -10px; }
  .renew_staff_splide .splide__arrow--next {
    right: -10px; }
  .renew_staff_splide .splide__pagination {
    bottom: -12px !important; }
  .renew_staff_splide .splide__pagination__page {
    margin: 10px;
    height: 6px;
    width: 6px; }

.renew_staff_splide__title {
  text-align: center;
  margin: 0;
  width: 230px;
  margin: 0 auto; }
  @media screen and (min-width: 768px) {
    .renew_staff_splide__title {
      width: 70%; } }
  .renew_staff_splide__title h2 {
    margin: 0; }
    @media screen and (min-width: 768px) {
      .renew_staff_splide__title h2 {
        margin: 8px 0; } }
    @media screen and (min-width: 1200px) {
      .renew_staff_splide__title h2 {
        margin: 30px 0; } }

.c-modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1; }

.c-modal_bg {
  background: rgba(0, 0, 0, 0.6);
  height: 100vh;
  width: 100%; }

.c-modal_content {
  background: #fff;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 5px; }

.c-modal_content._sm {
  width: 30%; }

.c-modal_content._md {
  width: 50%; }

.c-modal_content._lg {
  width: 80%;
  max-width: 797px; }

.c-modal_content_inner {
  position: relative;
  padding: 24px;
  display: flex;
  max-height: calc(100vh - 275px);
  overflow-y: scroll;
  justify-content: space-between;
  flex-direction: column;
  max-width: 800px; }
  @media screen and (min-width: 768px) {
    .c-modal_content_inner {
      flex-direction: row;
      gap: 16px; } }
  .c-modal_content_inner .p-staff-renew__card__imgwrap {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px; }
  .c-modal_content_inner .p-staff-renew__card__img {
    width: 130px;
    display: block;
    margin: 0 auto; }
  .c-modal_content_inner .p-staff-renew__card__name {
    text-align: center; }
  .c-modal_content_inner .p-staff-renew__card__slider-wrap__comment {
    top: 0;
    right: 0;
    width: 100%;
    font-weight: 400; }
    .c-modal_content_inner .p-staff-renew__card__slider-wrap__comment .comment__title {
      font-size: 13px;
      line-height: 1.2;
      color: #006EBB; }
      @media screen and (min-width: 768px) {
        .c-modal_content_inner .p-staff-renew__card__slider-wrap__comment .comment__title {
          font-size: 20px;
          margin: 0; } }
    .c-modal_content_inner .p-staff-renew__card__slider-wrap__comment .comment__msg {
      font-size: 13px;
      line-height: 1.4; }
      @media screen and (min-width: 768px) {
        .c-modal_content_inner .p-staff-renew__card__slider-wrap__comment .comment__msg {
          font-size: 16px; } }
    .c-modal_content_inner .p-staff-renew__card__slider-wrap__comment .comment__open.c-button__blue2 {
      max-width: 90%;
      min-width: 90%; }

.c-modal_close {
  position: absolute;
  top: 13px;
  right: 10px; }

@use "../foundation/index" as *;
.home_step {
  padding: 0; }
  .home_step h3 {
    margin: 0; }
  .home_step__container {
    position: relative;
    max-width: 800px;
    margin: 0 auto;
    padding: 30px 5%; }
  .home_step__title {
    text-align: center; }
    .home_step__title h2 img {
      width: 211px;
      height: 62px; }
      @media screen and (min-width: 768px) {
        .home_step__title h2 img {
          width: 70%;
          height: auto; } }
  .home_step__group__box {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin: 30px auto; }
    .home_step__group__box__icon {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 45px; }
      @media screen and (min-width: 768px) {
        .home_step__group__box__icon {
          width: 70px; } }
      .home_step__group__box__icon img {
        position: relative;
        z-index: 1; }
      .home_step__group__box__icon hr {
        position: absolute;
        transform: rotate(0deg);
        border: 4px solid #E6F2FF;
        z-index: 0;
        height: 135%;
        top: 10px;
        left: 5%; }
        @media screen and (min-width: 768px) {
          .home_step__group__box__icon hr {
            border: 3px solid #E6F2FF;
            height: 120%;
            left: 5.5%; } }
        @media screen and (min-width: 1000px) {
          .home_step__group__box__icon hr {
            border: 5px solid #E6F2FF;
            height: 120%;
            left: 5.5%; } }
    .home_step__group__box__text {
      margin-left: 10px;
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: 65%; }
      .home_step__group__box__text p:first-child {
        font-family: Noto Sans;
        font-size: 18px;
        font-weight: 700;
        line-height: 24.52px;
        text-align: left;
        margin-bottom: 6px;
        margin: 0;
        color: #006EBB; }
        @media screen and (min-width: 1000px) {
          .home_step__group__box__text p:first-child {
            font-size: 20px; } }
        @media screen and (min-width: 1000px) {
          .home_step__group__box__text p:first-child {
            font-size: 28px; } }
      .home_step__group__box__text p:not(:first-child) {
        font-family: Noto Sans;
        font-size: 14px;
        font-weight: 400;
        line-height: 19.07px;
        text-align: left;
        margin: 0; }
        @media screen and (min-width: 768px) {
          .home_step__group__box__text p:not(:first-child) {
            font-size: 16px;
            margin-top: 20px; } }
        @media screen and (min-width: 1000px) {
          .home_step__group__box__text p:not(:first-child) {
            font-size: 20px;
            margin-top: 20px; } }
    .home_step__group__box__img img {
      max-width: 100%;
      height: auto;
      width: 75px; }
      @media screen and (min-width: 768px) {
        .home_step__group__box__img img {
          width: 117px; } }
  .home_step__content img {
    width: 100%; }
  .home_step__btn {
    width: 300px;
    background: #00366E;
    border-radius: 8px;
    height: 46px;
    margin: 15px auto 0;
    box-shadow: 2px 3px 4px 0px grey; }
    .home_step__btn a {
      text-align: center;
      color: white;
      text-decoration: none; }
    .home_step__btn p {
      margin-top: 0;
      padding-top: 13px; }
      .home_step__btn p img {
        float: right;
        margin-right: 20px; }

@use "../foundation/index" as *;
.strength {
  background: #ffff;
  padding: 0; }
  .strength h3 {
    margin: 0; }
  .strength__container {
    position: relative;
    max-width: 1040px;
    margin: 0 auto;
    padding: 30px 5%; }
  .strength__title {
    text-align: center;
    margin-bottom: 41px; }
    .strength__title img {
      height: auto;
      width: 80%; }
  .strength__first-group {
    position: relative;
    border: 2px solid transparent;
    background: linear-gradient(140.3deg, #b4843d 0.79%, #ebdb6a 50.39%, #b4843d 100%);
    /* Gradient background */
    width: 100%; }
    .strength__first-group__title {
      position: absolute;
      text-align: center;
      left: 0;
      right: 0;
      margin: 0 auto;
      top: -20px; }
    .strength__first-group__content {
      background-color: #fffcf2;
      padding: 20px 30px 20px; }
      @media screen and (min-width: 768px) {
        .strength__first-group__content {
          padding: 20px 8px 20px; } }
      .strength__first-group__content p:first-child {
        font-family: Noto Sans;
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
        text-align: center;
        background: linear-gradient(to bottom, #004fbe, #1ca2d7);
        -webkit-background-clip: text;
        /* Safari, Chrome */
        background-clip: text;
        -webkit-text-fill-color: transparent;
        /* テキストを透明にして背景を見せる */ }
        @media screen and (min-width: 768px) {
          .strength__first-group__content p:first-child {
            font-size: 22px;
            line-height: 32px; } }
        @media screen and (min-width: 1000px) {
          .strength__first-group__content p:first-child {
            font-size: 30px;
            line-height: 42px; } }
      .strength__first-group__content p:not(:first-child) {
        font-family: Noto Sans;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: left; }
        @media screen and (min-width: 768px) {
          .strength__first-group__content p:not(:first-child) {
            font-size: 14px;
            padding: 0 16px;
            line-height: 24px; } }
        @media screen and (min-width: 1000px) {
          .strength__first-group__content p:not(:first-child) {
            font-size: 20px;
            padding: 0 32px;
            line-height: 24px; } }
    .strength__first-group__icon-box {
      background-color: #fffcf2;
      text-align: center;
      display: flex;
      flex-wrap: wrap;
      padding: 0 30px 10px; }
      @media screen and (min-width: 768px) {
        .strength__first-group__icon-box {
          padding: 0 8px 10px; } }
      .strength__first-group__icon-box div {
        box-sizing: border-box;
        text-align: center;
        flex: 1 1 50%;
        position: relative; }
        .strength__first-group__icon-box div:not(:nth-child(2n)):after {
          content: "";
          position: absolute;
          top: 0;
          right: 0;
          width: 1px;
          height: 100%;
          background-color: #cccccc; }
        .strength__first-group__icon-box div:not(:nth-last-child(-n + 2)):before {
          content: "";
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: 1px;
          background-color: #cccccc; }
        .strength__first-group__icon-box div:first-child, .strength__first-group__icon-box div:nth-child(2) {
          padding-bottom: 10px; }
        .strength__first-group__icon-box div:nth-child(3), .strength__first-group__icon-box div:last-child {
          padding-top: 20px; }
        .strength__first-group__icon-box div:nth-child(2) img {
          height: 50px; }
          @media screen and (min-width: 768px) {
            .strength__first-group__icon-box div:nth-child(2) img {
              height: 60px;
              margin-top: 16px; } }
        .strength__first-group__icon-box div:nth-child(2) p {
          margin-top: 12px; }
        .strength__first-group__icon-box div P {
          font-family: Noto Sans;
          font-size: 12px;
          font-weight: 600;
          line-height: 18px;
          text-align: center;
          background: linear-gradient(to bottom, #004fbe, #1ca2d7);
          -webkit-background-clip: text;
          background-clip: text;
          -webkit-text-fill-color: transparent;
          /* テキストを透明にして背景を見せる */ }
          @media screen and (min-width: 768px) {
            .strength__first-group__icon-box div P {
              font-size: 12px;
              line-height: 16px; } }
          @media screen and (min-width: 1000px) {
            .strength__first-group__icon-box div P {
              font-size: 20px;
              line-height: 24px; } }
          .strength__first-group__icon-box div P span {
            font-family: Noto Sans;
            font-size: 12px;
            font-weight: 600;
            line-height: 24px;
            text-align: center; }
      .strength__first-group__icon-box__text-first {
        margin-top: 10px; }
      .strength__first-group__icon-box__text-second {
        margin-top: 30px; }
      .strength__first-group__icon-box__text-third {
        margin-top: 16px; }
      .strength__first-group__icon-box__text-fourth {
        margin-top: 13px; }
      .strength__first-group__icon-box .strength1 {
        width: 64px;
        height: 43px; }
        @media screen and (min-width: 768px) {
          .strength__first-group__icon-box .strength1 {
            width: 100px;
            height: 67px; } }
      .strength__first-group__icon-box .strength2 {
        width: 67px;
        height: 35px; }
        @media screen and (min-width: 768px) {
          .strength__first-group__icon-box .strength2 {
            width: 105px;
            height: 55px; } }
      .strength__first-group__icon-box .strength3 {
        width: 47px;
        height: 49px; }
        @media screen and (min-width: 768px) {
          .strength__first-group__icon-box .strength3 {
            width: 73px;
            height: 76px; } }
      .strength__first-group__icon-box .strength4 {
        width: 49px;
        height: 49px; }
        @media screen and (min-width: 768px) {
          .strength__first-group__icon-box .strength4 {
            width: 74px;
            height: 77px; } }
    .strength__first-group__note {
      background-color: #fffcf2;
      color: #333333;
      font-family: Inter;
      font-size: 11px;
      font-weight: 400;
      line-height: 16px;
      text-align: left; }
      .strength__first-group__note P {
        margin: 0;
        text-align: center;
        padding: 20px 0; }
        @media screen and (min-width: 768px) {
          .strength__first-group__note P {
            font-size: 12px; } }
        @media screen and (min-width: 1000px) {
          .strength__first-group__note P {
            font-size: 16px; } }
  .strength__second-group {
    display: block;
    gap: 30px;
    margin-top: 52px; }
    .strength__second-group__title {
      position: absolute;
      top: -25px;
      left: 0;
      right: 0;
      margin: 0 auto;
      text-align: center; }
    .strength__second-group__content p {
      margin: 0; }
      .strength__second-group__content p:first-child {
        font-family: Noto Sans;
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
        text-align: center;
        padding: 31px 0 20px;
        background: linear-gradient(to bottom, #004fbe, #1ca2d7);
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent; }
        @media screen and (min-width: 768px) {
          .strength__second-group__content p:first-child {
            font-size: 22px; } }
        @media screen and (min-width: 1000px) {
          .strength__second-group__content p:first-child {
            font-size: 30px; } }
      .strength__second-group__content p:not(:first-child) {
        color: #333333;
        font-family: Noto Sans;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        padding: 0 21px 23px;
        text-align: left; }
        @media screen and (min-width: 768px) {
          .strength__second-group__content p:not(:first-child) {
            font-size: 16px; } }
        @media screen and (min-width: 1000px) {
          .strength__second-group__content p:not(:first-child) {
            font-size: 20px; } }
  .strength__second-group-container {
    position: relative;
    border: 3px solid transparent;
    background: linear-gradient(140.3deg, #b4843d 0.79%, #ebdb6a 50.39%, #b4843d 100%);
    /* Gradient background */
    width: 100%;
    height: auto; }
    .strength__second-group-container:first-child {
      margin-bottom: 42px; }
    .strength__second-group-container__box {
      background-color: #fffcf2; }
  .strength__third-group {
    display: block;
    gap: 30px;
    margin-top: 42px; }
    .strength__third-group__title {
      position: absolute;
      top: -25px;
      left: 0;
      right: 0;
      margin: 0 auto;
      text-align: center; }
    .strength__third-group__content p {
      margin: 0; }
      .strength__third-group__content p span {
        font-size: 10px; }
      .strength__third-group__content p:first-child {
        font-family: Noto Sans;
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
        text-align: center;
        padding: 31px 0 15px;
        background: linear-gradient(to bottom, #004fbe, #1ca2d7);
        -webkit-background-clip: text;
        /* Safari, Chrome */
        background-clip: text;
        -webkit-text-fill-color: transparent;
        /* テキストを透明にして背景を見せる */ }
        @media screen and (min-width: 768px) {
          .strength__third-group__content p:first-child {
            font-size: 22px; } }
        @media screen and (min-width: 1000px) {
          .strength__third-group__content p:first-child {
            font-size: 30px; } }
      .strength__third-group__content p:not(:first-child) {
        color: #333333;
        font-family: Noto Sans;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        padding: 0 21px 23px;
        text-align: left; }
        @media screen and (min-width: 768px) {
          .strength__third-group__content p:not(:first-child) {
            font-size: 16px; } }
        @media screen and (min-width: 1000px) {
          .strength__third-group__content p:not(:first-child) {
            font-size: 20px; } }
    .strength__third-group__content__note {
      margin: 0;
      font-family: Inter;
      font-size: 11px !important;
      font-weight: 400;
      line-height: 16px !important;
      text-align: left;
      padding: 0 21px 23px !important; }
      @media screen and (min-width: 768px) {
        .strength__third-group__content__note {
          font-size: 16px !important; } }
  .strength__third-group-container {
    position: relative;
    border: 2px solid transparent;
    background: linear-gradient(140.3deg, #b4843d 0.79%, #ebdb6a 50.39%, #b4843d 100%);
    /* Gradient background */
    width: 100%;
    height: auto; }
    .strength__third-group-container:first-child {
      margin-bottom: 42px; }
    .strength__third-group-container__box {
      background-color: #fffcf2;
      height: 100%; }
  .strength__btn {
    width: 300px;
    background: #00366e;
    border-radius: 8px;
    height: 46px;
    margin: 15px auto 0;
    box-shadow: 2px 3px 4px 0px grey; }
    .strength__btn a {
      text-align: center;
      color: white;
      text-decoration: none; }
    .strength__btn p {
      margin-top: 0;
      padding-top: 13px; }
      .strength__btn p img {
        float: right;
        margin-right: 20px; }

@use "../foundation/index" as *;
.home-customer_voice {
  padding: 0; }
  .home-customer_voice .review-slide {
    background: #ffffff;
    padding: 0; }
    @media screen and (min-width: 768px) {
      .home-customer_voice .review-slide {
        margin: 32px 0; } }
    .home-customer_voice .review-slide__container {
      position: relative;
      background-color: #F9F9F9;
      max-width: 1040px;
      margin: 0 auto;
      padding: 30px 5%;
      margin-top: 32px; }
      @media screen and (min-width: 768px) {
        .home-customer_voice .review-slide__container {
          margin: 0; } }
    .home-customer_voice .review-slide__title {
      text-align: center;
      padding: 0 0 25px; }
      .home-customer_voice .review-slide__title h2 {
        margin: 0; }
        .home-customer_voice .review-slide__title h2 img {
          width: auto;
          height: auto; }
    .home-customer_voice .review-slide .splide {
      visibility: visible;
      margin: 0 auto; }
    .home-customer_voice .review-slide__group {
      display: flex;
      justify-content: center;
      height: auto; }
      .home-customer_voice .review-slide__group__track {
        margin-bottom: 30px; }
      .home-customer_voice .review-slide__group__box {
        height: fit-content;
        background-color: #ffffff;
        gap: 10px 15px;
        padding: 15px;
        margin-bottom: 16px; }
        .home-customer_voice .review-slide__group__box__image {
          flex-shrink: 0;
          margin: 0 auto; }
          .home-customer_voice .review-slide__group__box__image img {
            height: auto;
            width: 100%;
            object-fit: cover; }
            @media screen and (min-width: 768px) {
              .home-customer_voice .review-slide__group__box__image img {
                height: auto; } }
            @media screen and (min-width: 1200px) {
              .home-customer_voice .review-slide__group__box__image img {
                height: 225px; } }
        .home-customer_voice .review-slide__group__box__content {
          padding-top: 0; }
          .home-customer_voice .review-slide__group__box__content__first {
            display: flex;
            gap: 5px;
            align-items: baseline;
            justify-content: space-between;
            margin-top: 16px; }
            @media screen and (min-width: 768px) {
              .home-customer_voice .review-slide__group__box__content__first {
                margin-bottom: 32px; } }
            .home-customer_voice .review-slide__group__box__content__first p {
              margin: 0; }
              .home-customer_voice .review-slide__group__box__content__first p:first-child {
                margin-top: -1px;
                font-size: 14px;
                font-weight: 400;
                font-size: 12px; }
                @media screen and (min-width: 768px) {
                  .home-customer_voice .review-slide__group__box__content__first p:first-child {
                    font-size: 14px; } }
                @media screen and (min-width: 1200px) {
                  .home-customer_voice .review-slide__group__box__content__first p:first-child {
                    font-size: 20px; } }
            .home-customer_voice .review-slide__group__box__content__first h3 {
              margin: 0;
              text-align: unset; }
          .home-customer_voice .review-slide__group__box__content__second {
            display: flex;
            gap: 5px;
            margin: 5px 0 11px; }
            .home-customer_voice .review-slide__group__box__content__second__icon-stars {
              color: #f2be41; }
            .home-customer_voice .review-slide__group__box__content__second p {
              margin: 0;
              padding: 0px; }
              .home-customer_voice .review-slide__group__box__content__second p:nth-child(odd) {
                margin-top: -1px;
                font-size: 14px;
                font-weight: 400; }
                @media screen and (min-width: 768px) {
                  .home-customer_voice .review-slide__group__box__content__second p:nth-child(odd) {
                    font-size: 14px; } }
                @media screen and (min-width: 1200px) {
                  .home-customer_voice .review-slide__group__box__content__second p:nth-child(odd) {
                    font-size: 20px; } }
              .home-customer_voice .review-slide__group__box__content__second p:nth-child(even) {
                margin-top: -1px;
                font-size: 14px;
                font-weight: 400; }
                @media screen and (min-width: 768px) {
                  .home-customer_voice .review-slide__group__box__content__second p:nth-child(even) {
                    font-size: 14px; } }
                @media screen and (min-width: 1200px) {
                  .home-customer_voice .review-slide__group__box__content__second p:nth-child(even) {
                    font-size: 20px; } }
          .home-customer_voice .review-slide__group__box__content__second-stars {
            display: flex;
            gap: 5px;
            margin-left: 5px;
            align-items: baseline; }
            .home-customer_voice .review-slide__group__box__content__second-stars__icon {
              color: #f2be41; }
            .home-customer_voice .review-slide__group__box__content__second-stars p {
              margin: 0;
              padding: 0px; }
              .home-customer_voice .review-slide__group__box__content__second-stars p:nth-child(odd) {
                margin-top: -1px;
                font-size: 14px;
                font-weight: 400;
                font-size: 12px; }
                @media screen and (min-width: 768px) {
                  .home-customer_voice .review-slide__group__box__content__second-stars p:nth-child(odd) {
                    font-size: 14px; } }
                @media screen and (min-width: 1200px) {
                  .home-customer_voice .review-slide__group__box__content__second-stars p:nth-child(odd) {
                    font-size: 20px; } }
              .home-customer_voice .review-slide__group__box__content__second-stars p:nth-child(even) {
                margin-top: -1px;
                font-size: 14px;
                font-weight: 400;
                display: flex;
                align-items: center; }
                @media screen and (min-width: 768px) {
                  .home-customer_voice .review-slide__group__box__content__second-stars p:nth-child(even) {
                    font-size: 14px; } }
                @media screen and (min-width: 1200px) {
                  .home-customer_voice .review-slide__group__box__content__second-stars p:nth-child(even) {
                    font-size: 20px; } }
        .home-customer_voice .review-slide__group__box__description-pc {
          display: none; }
          .home-customer_voice .review-slide__group__box__description-pc p {
            font-family: Noto Sans;
            font-weight: 400;
            line-height: 28px;
            letter-spacing: 0em;
            text-align: left;
            font-size: 14px;
            padding-right: 40px; }
        .home-customer_voice .review-slide__group__box__description-sp {
          display: block; }
          .home-customer_voice .review-slide__group__box__description-sp p {
            font-family: Noto Sans;
            font-weight: 400;
            line-height: 28px;
            letter-spacing: 0em;
            text-align: left;
            font-size: 14px;
            margin: 0; }
      .home-customer_voice .review-slide__group .splide__pagination__page {
        background: #D2D2D2 !important; }
      .home-customer_voice .review-slide__group .splide__pagination__page.is-active {
        background: #FF4D4D !important;
        transform: scale(1.4);
        z-index: 1; }
      .home-customer_voice .review-slide__group__pagination {
        text-align: center;
        display: none; }
      .home-customer_voice .review-slide__group .splide__arrow--prev {
        background-color: #858585;
        left: -0.3em;
        top: 125px; }
      .home-customer_voice .review-slide__group .splide__arrow--next {
        background-color: #858585;
        right: -0.3em;
        top: 125px; }
      .home-customer_voice .review-slide__group .splide__arrow {
        height: 27px;
        width: 27px;
        top: 60% !important; }
        .home-customer_voice .review-slide__group .splide__arrow svg {
          fill: #ffffff !important;
          height: 8px;
          width: 8px; }

@use "../foundation/index" as *;
.hatchwork-worry {
  background-image: linear-gradient(#004fbe, #1ca2d7);
  padding: 16px;
  margin-top: 32px;
  position: relative;
  margin-bottom: 60px; }
  @media screen and (min-width: 768px) {
    .hatchwork-worry {
      padding: 16px; } }
  @media screen and (min-width: 1000px) {
    .hatchwork-worry {
      padding: 32px;
      margin-bottom: 80px; } }
  .hatchwork-worry__title {
    color: #ffffff;
    text-align: center;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 32px; }
    .hatchwork-worry__title p {
      margin: 0;
      font-size: 16px; }
      @media screen and (min-width: 768px) {
        .hatchwork-worry__title p {
          font-size: 24px; } }
    .hatchwork-worry__title h3 {
      margin: 0;
      font-size: 28px; }
      @media screen and (min-width: 768px) {
        .hatchwork-worry__title h3 {
          font-size: 30px; } }
      @media screen and (min-width: 1000px) {
        .hatchwork-worry__title h3 {
          font-size: 43px; } }
  .hatchwork-worry__contents {
    background-color: #ffffff;
    padding: 12px;
    margin-bottom: 32px; }
    @media screen and (min-width: 768px) {
      .hatchwork-worry__contents {
        padding: 16px; } }
    .hatchwork-worry__contents__box {
      margin: 0 auto; }
      .hatchwork-worry__contents__box__flex {
        display: flex;
        align-items: center;
        gap: 16px; }
        .hatchwork-worry__contents__box__flex p {
          margin: 0;
          font-size: 14px;
          font-weight: 500; }
          .hatchwork-worry__contents__box__flex p span {
            color: #FF4D4D; }
          @media screen and (min-width: 768px) {
            .hatchwork-worry__contents__box__flex p {
              font-size: 14px; } }
          @media screen and (min-width: 1000px) {
            .hatchwork-worry__contents__box__flex p {
              font-size: 20px; } }
        .hatchwork-worry__contents__box__flex img {
          width: 16px;
          height: 16px; }
          @media screen and (min-width: 768px) {
            .hatchwork-worry__contents__box__flex img {
              width: 16px;
              height: 16px; } }
          @media screen and (min-width: 1000px) {
            .hatchwork-worry__contents__box__flex img {
              width: 25px;
              height: 25px; } }
      .hatchwork-worry__contents__box .buttom {
        margin-bottom: 16px; }
  .hatchwork-worry__arrow {
    position: absolute;
    top: 95%;
    left: 40%;
    width: 74px;
    height: 45px; }
    @media screen and (min-width: 768px) {
      .hatchwork-worry__arrow {
        left: 37%;
        width: 110px;
        height: 70px; } }
    @media screen and (min-width: 1200px) {
      .hatchwork-worry__arrow {
        left: 40%;
        width: 110px;
        height: 70px; } }