@charset "UTF-8";
/*! Date: 2019.4.2 */
._color-red {
  color: #d83e4f !important;
}

._bg-red {
  background-color: #d83e4f !important;
}

._color-gray {
  color: #595757 !important;
}

._bg-gray {
  background-color: #595757 !important;
}

._color-black {
  color: #221815 !important;
}

._bg-black {
  background-color: #221815 !important;
}

._color-white {
  color: #fff !important;
}

._bg-white {
  background-color: #fff !important;
}

._color-snow {
  color: #efefef !important;
}

._bg-snow {
  background-color: #efefef !important;
}

._color-silver {
  color: #ccc !important;
}

._bg-silver {
  background-color: #ccc !important;
}

._color-navy {
  color: #0040a7 !important;
}

._bg-navy {
  background-color: #0040a7 !important;
}

._color-blue {
  color: #00a0e9 !important;
}

._bg-blue {
  background-color: #00a0e9 !important;
}

._color-green {
  color: #00913a !important;
}

._bg-green {
  background-color: #00913a !important;
}

._color-pink {
  color: #f7d8dc !important;
}

._bg-pink {
  background-color: #f7d8dc !important;
}

:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #d83e4f;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #575757;
  --gray-dark: #343a40;
  --primary: #d83e4f;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #efefef;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sp: 365px;
  --breakpoint-sm: 576px;
  --breakpoint-md: 769px;
  --breakpoint-lg: 1040px;
  --font-family-sans-serif: -apple-system, blinkmacsystemfont, "Helvetica Neue", yugothic, "ヒラギノ角ゴ ProN W3", hiragino kaku gothic pron, arial, "メイリオ", meiryo, sans-serif;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

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

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  color: #d83e4f;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #a82231;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

select {
  word-wrap: normal;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 80%;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

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

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

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}

.blockquote-footer::before {
  content: "\2014\00A0";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-break: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 769px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 1040px) {
  .container {
    max-width: 1010px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sp-1, .col-sp-2, .col-sp-3, .col-sp-4, .col-sp-5, .col-sp-6, .col-sp-7, .col-sp-8, .col-sp-9, .col-sp-10, .col-sp-11, .col-sp-12, .col-sp,
.col-sp-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 365px) {
  .col-sp {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sp-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sp-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sp-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sp-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sp-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sp-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sp-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sp-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sp-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sp-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sp-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sp-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sp-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sp-first {
    order: -1;
  }
  .order-sp-last {
    order: 13;
  }
  .order-sp-0 {
    order: 0;
  }
  .order-sp-1 {
    order: 1;
  }
  .order-sp-2 {
    order: 2;
  }
  .order-sp-3 {
    order: 3;
  }
  .order-sp-4 {
    order: 4;
  }
  .order-sp-5 {
    order: 5;
  }
  .order-sp-6 {
    order: 6;
  }
  .order-sp-7 {
    order: 7;
  }
  .order-sp-8 {
    order: 8;
  }
  .order-sp-9 {
    order: 9;
  }
  .order-sp-10 {
    order: 10;
  }
  .order-sp-11 {
    order: 11;
  }
  .order-sp-12 {
    order: 12;
  }
  .offset-sp-0 {
    margin-left: 0;
  }
  .offset-sp-1 {
    margin-left: 8.333333%;
  }
  .offset-sp-2 {
    margin-left: 16.666667%;
  }
  .offset-sp-3 {
    margin-left: 25%;
  }
  .offset-sp-4 {
    margin-left: 33.333333%;
  }
  .offset-sp-5 {
    margin-left: 41.666667%;
  }
  .offset-sp-6 {
    margin-left: 50%;
  }
  .offset-sp-7 {
    margin-left: 58.333333%;
  }
  .offset-sp-8 {
    margin-left: 66.666667%;
  }
  .offset-sp-9 {
    margin-left: 75%;
  }
  .offset-sp-10 {
    margin-left: 83.333333%;
  }
  .offset-sp-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 769px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 1040px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  background-color: transparent;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #f4c9ce;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #eb9ba3;
}

.table-hover .table-primary:hover {
  background-color: #f0b4bb;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #f0b4bb;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #b3b7bb;
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #8fd19e;
}

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #86cfda;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffdf7e;
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ed969e;
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fbfbfb;
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #f7f7f7;
}

.table-hover .table-light:hover {
  background-color: #eeeeee;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #eeeeee;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #95999c;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 364.98px) {
  .table-responsive-sp {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sp > .table-bordered {
    border: 0;
  }
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 768.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1039.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
  border: 0;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}

.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control[size], select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col,
.form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.form-inline .form-check {
  width: 100%;
}

@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.5rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.35rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}

.btn:hover {
  color: #212529;
  text-decoration: none;
}

.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled, .btn:disabled {
  opacity: 0.65;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #d83e4f;
  border-color: #d83e4f;
}

.btn-primary:hover {
  color: #fff;
  background-color: #c7283a;
  border-color: #bd2637;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 91, 105, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #d83e4f;
  border-color: #d83e4f;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #bd2637;
  border-color: #b22434;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 91, 105, 0.5);
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}

.btn-success:focus, .btn-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}

.btn-info:focus, .btn-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}

.btn-warning:focus, .btn-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}

.btn-danger:focus, .btn-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-light {
  color: #212529;
  background-color: #efefef;
  border-color: #efefef;
}

.btn-light:hover {
  color: #212529;
  background-color: gainsboro;
  border-color: #d6d6d6;
}

.btn-light:focus, .btn-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(208, 209, 209, 0.5);
}

.btn-light.disabled, .btn-light:disabled {
  color: #212529;
  background-color: #efefef;
  border-color: #efefef;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #d6d6d6;
  border-color: #cfcfcf;
}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(208, 209, 209, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

.btn-dark:focus, .btn-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-outline-primary {
  color: #d83e4f;
  border-color: #d83e4f;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #d83e4f;
  border-color: #d83e4f;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(216, 62, 79, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #d83e4f;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #d83e4f;
  border-color: #d83e4f;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(216, 62, 79, 0.5);
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
  color: #efefef;
  border-color: #efefef;
}

.btn-outline-light:hover {
  color: #212529;
  background-color: #efefef;
  border-color: #efefef;
}

.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(239, 239, 239, 0.5);
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #efefef;
  background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #efefef;
  border-color: #efefef;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(239, 239, 239, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #d83e4f;
  text-decoration: none;
}

.btn-link:hover {
  color: #a82231;
  text-decoration: underline;
}

.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
  box-shadow: none;
}

.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.btn-lg {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}

.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 365px) {
  .dropdown-menu-sp-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sp-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 769px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1040px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropleft .dropdown-toggle::after {
  display: none;
}

.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 1rem 0;
  margin-bottom: 1.5rem;
  list-style: none;
  background-color: #fff;
  border-radius: 0.25rem;
}

.breadcrumb-item + .breadcrumb-item, .breadcrumb li + .breadcrumb-item, .breadcrumb .breadcrumb-item + li, .breadcrumb li + li {
  padding-left: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item::before, .breadcrumb li + .breadcrumb-item::before, .breadcrumb .breadcrumb-item + li::before, .breadcrumb li + li::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #999;
  content: ">";
}

.breadcrumb-item + .breadcrumb-item:hover::before, .breadcrumb li + .breadcrumb-item:hover::before, .breadcrumb .breadcrumb-item + li:hover::before, .breadcrumb li + li:hover::before {
  text-decoration: underline;
}

.breadcrumb-item + .breadcrumb-item:hover::before, .breadcrumb li + .breadcrumb-item:hover::before, .breadcrumb .breadcrumb-item + li:hover::before, .breadcrumb li + li:hover::before {
  text-decoration: none;
}

.breadcrumb-item.active, .breadcrumb li.active {
  color: #999;
}

.badge, .car-tag {
  display: inline-block;
  padding: 0.35em 0.5em;
  font-size: 50%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.35rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .badge, .car-tag {
    transition: none;
  }
}

a.badge:hover, a.car-tag:hover, a.badge:focus, a.car-tag:focus {
  text-decoration: none;
}

.badge:empty, .car-tag:empty {
  display: none;
}

.btn .badge, .btn .car-tag {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #d83e4f;
}

a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: #bd2637;
}

a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(216, 62, 79, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

a.badge-secondary:hover, a.badge-secondary:focus {
  color: #fff;
  background-color: #545b62;
}

a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: #1e7e34;
}

a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}

a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

a.badge-warning:hover, a.badge-warning:focus {
  color: #212529;
  background-color: #d39e00;
}

a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: #bd2130;
}

a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
  color: #212529;
  background-color: #efefef;
}

a.badge-light:hover, a.badge-light:focus {
  color: #212529;
  background-color: #d6d6d6;
}

a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(239, 239, 239, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: #1d2124;
}

a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.modal-open {
  overflow: hidden;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}

.modal.show .modal-dialog {
  transform: none;
}

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.modal-footer > :not(:first-child) {
  margin-left: .25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: .25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
  }
  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 1040px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}

.modal-xl {
  max-width: 1140px;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: 0s 0.6s opacity;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 1;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50% / 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  margin-left: 5px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #d83e4f;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}

.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border .75s linear infinite;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
}

.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  animation: spinner-grow .75s linear infinite;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #d83e4f !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #bd2637 !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}

.bg-light {
  background-color: #efefef !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #d6d6d6 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #ccc !important;
}

.border-top {
  border-top: 1px solid #ccc !important;
}

.border-right {
  border-right: 1px solid #ccc !important;
}

.border-bottom {
  border-bottom: 1px solid #ccc !important;
}

.border-left {
  border-left: 1px solid #ccc !important;
}

.border-black {
  border: 1px solid #000 !important;
}

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

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

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

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

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

.border-primary {
  border-color: #d83e4f !important;
}

.border-secondary {
  border-color: #6c757d !important;
}

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #efefef !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.35rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

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

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

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

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

.d-inline-block {
  display: inline-block !important;
}

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

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

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

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

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 365px) {
  .d-sp-none {
    display: none !important;
  }
  .d-sp-inline {
    display: inline !important;
  }
  .d-sp-inline-block {
    display: inline-block !important;
  }
  .d-sp-block {
    display: block !important;
  }
  .d-sp-table {
    display: table !important;
  }
  .d-sp-table-row {
    display: table-row !important;
  }
  .d-sp-table-cell {
    display: table-cell !important;
  }
  .d-sp-flex {
    display: flex !important;
  }
  .d-sp-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 769px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 1040px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.857143%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

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

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

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

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

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

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 365px) {
  .flex-sp-row {
    flex-direction: row !important;
  }
  .flex-sp-column {
    flex-direction: column !important;
  }
  .flex-sp-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sp-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sp-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sp-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sp-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sp-fill {
    flex: 1 1 auto !important;
  }
  .flex-sp-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sp-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sp-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sp-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sp-start {
    justify-content: flex-start !important;
  }
  .justify-content-sp-end {
    justify-content: flex-end !important;
  }
  .justify-content-sp-center {
    justify-content: center !important;
  }
  .justify-content-sp-between {
    justify-content: space-between !important;
  }
  .justify-content-sp-around {
    justify-content: space-around !important;
  }
  .align-items-sp-start {
    align-items: flex-start !important;
  }
  .align-items-sp-end {
    align-items: flex-end !important;
  }
  .align-items-sp-center {
    align-items: center !important;
  }
  .align-items-sp-baseline {
    align-items: baseline !important;
  }
  .align-items-sp-stretch {
    align-items: stretch !important;
  }
  .align-content-sp-start {
    align-content: flex-start !important;
  }
  .align-content-sp-end {
    align-content: flex-end !important;
  }
  .align-content-sp-center {
    align-content: center !important;
  }
  .align-content-sp-between {
    align-content: space-between !important;
  }
  .align-content-sp-around {
    align-content: space-around !important;
  }
  .align-content-sp-stretch {
    align-content: stretch !important;
  }
  .align-self-sp-auto {
    align-self: auto !important;
  }
  .align-self-sp-start {
    align-self: flex-start !important;
  }
  .align-self-sp-end {
    align-self: flex-end !important;
  }
  .align-self-sp-center {
    align-self: center !important;
  }
  .align-self-sp-baseline {
    align-self: baseline !important;
  }
  .align-self-sp-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 769px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 1040px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 365px) {
  .float-sp-left {
    float: left !important;
  }
  .float-sp-right {
    float: right !important;
  }
  .float-sp-none {
    float: none !important;
  }
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}

@media (min-width: 769px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}

@media (min-width: 1040px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

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

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.pl-3-25,
.px-3-25 {
  padding-left: 1.25rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 365px) {
  .m-sp-0 {
    margin: 0 !important;
  }
  .mt-sp-0,
  .my-sp-0 {
    margin-top: 0 !important;
  }
  .mr-sp-0,
  .mx-sp-0 {
    margin-right: 0 !important;
  }
  .mb-sp-0,
  .my-sp-0 {
    margin-bottom: 0 !important;
  }
  .ml-sp-0,
  .mx-sp-0 {
    margin-left: 0 !important;
  }
  .m-sp-1 {
    margin: 0.25rem !important;
  }
  .mt-sp-1,
  .my-sp-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sp-1,
  .mx-sp-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sp-1,
  .my-sp-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sp-1,
  .mx-sp-1 {
    margin-left: 0.25rem !important;
  }
  .m-sp-2 {
    margin: 0.5rem !important;
  }
  .mt-sp-2,
  .my-sp-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sp-2,
  .mx-sp-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sp-2,
  .my-sp-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sp-2,
  .mx-sp-2 {
    margin-left: 0.5rem !important;
  }
  .m-sp-3 {
    margin: 1rem !important;
  }
  .mt-sp-3,
  .my-sp-3 {
    margin-top: 1rem !important;
  }
  .mr-sp-3,
  .mx-sp-3 {
    margin-right: 1rem !important;
  }
  .mb-sp-3,
  .my-sp-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sp-3,
  .mx-sp-3 {
    margin-left: 1rem !important;
  }
  .m-sp-4 {
    margin: 1.5rem !important;
  }
  .mt-sp-4,
  .my-sp-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sp-4,
  .mx-sp-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sp-4,
  .my-sp-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sp-4,
  .mx-sp-4 {
    margin-left: 1.5rem !important;
  }
  .m-sp-5 {
    margin: 3rem !important;
  }
  .mt-sp-5,
  .my-sp-5 {
    margin-top: 3rem !important;
  }
  .mr-sp-5,
  .mx-sp-5 {
    margin-right: 3rem !important;
  }
  .mb-sp-5,
  .my-sp-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sp-5,
  .mx-sp-5 {
    margin-left: 3rem !important;
  }
  .p-sp-0 {
    padding: 0 !important;
  }
  .pt-sp-0,
  .py-sp-0 {
    padding-top: 0 !important;
  }
  .pr-sp-0,
  .px-sp-0 {
    padding-right: 0 !important;
  }
  .pb-sp-0,
  .py-sp-0 {
    padding-bottom: 0 !important;
  }
  .pl-sp-0,
  .px-sp-0 {
    padding-left: 0 !important;
  }
  .p-sp-1 {
    padding: 0.25rem !important;
  }
  .pt-sp-1,
  .py-sp-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sp-1,
  .px-sp-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sp-1,
  .py-sp-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sp-1,
  .px-sp-1 {
    padding-left: 0.25rem !important;
  }
  .p-sp-2 {
    padding: 0.5rem !important;
  }
  .pt-sp-2,
  .py-sp-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sp-2,
  .px-sp-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sp-2,
  .py-sp-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sp-2,
  .px-sp-2 {
    padding-left: 0.5rem !important;
  }
  .p-sp-3 {
    padding: 1rem !important;
  }
  .pt-sp-3,
  .py-sp-3 {
    padding-top: 1rem !important;
  }
  .pr-sp-3,
  .px-sp-3 {
    padding-right: 1rem !important;
  }
  .pb-sp-3,
  .py-sp-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sp-3,
  .px-sp-3 {
    padding-left: 1rem !important;
  }
  .p-sp-4 {
    padding: 1.5rem !important;
  }
  .pt-sp-4,
  .py-sp-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sp-4,
  .px-sp-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sp-4,
  .py-sp-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sp-4,
  .px-sp-4 {
    padding-left: 1.5rem !important;
  }
  .p-sp-5 {
    padding: 3rem !important;
  }
  .pt-sp-5,
  .py-sp-5 {
    padding-top: 3rem !important;
  }
  .pr-sp-5,
  .px-sp-5 {
    padding-right: 3rem !important;
  }
  .pb-sp-5,
  .py-sp-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sp-5,
  .px-sp-5 {
    padding-left: 3rem !important;
  }
  .m-sp-n1 {
    margin: -0.25rem !important;
  }
  .mt-sp-n1,
  .my-sp-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sp-n1,
  .mx-sp-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sp-n1,
  .my-sp-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sp-n1,
  .mx-sp-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sp-n2 {
    margin: -0.5rem !important;
  }
  .mt-sp-n2,
  .my-sp-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sp-n2,
  .mx-sp-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sp-n2,
  .my-sp-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sp-n2,
  .mx-sp-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sp-n3 {
    margin: -1rem !important;
  }
  .mt-sp-n3,
  .my-sp-n3 {
    margin-top: -1rem !important;
  }
  .mr-sp-n3,
  .mx-sp-n3 {
    margin-right: -1rem !important;
  }
  .mb-sp-n3,
  .my-sp-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sp-n3,
  .mx-sp-n3 {
    margin-left: -1rem !important;
  }
  .m-sp-n4 {
    margin: -1.5rem !important;
  }
  .mt-sp-n4,
  .my-sp-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sp-n4,
  .mx-sp-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sp-n4,
  .my-sp-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sp-n4,
  .mx-sp-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sp-n5 {
    margin: -3rem !important;
  }
  .mt-sp-n5,
  .my-sp-n5 {
    margin-top: -3rem !important;
  }
  .mr-sp-n5,
  .mx-sp-n5 {
    margin-right: -3rem !important;
  }
  .mb-sp-n5,
  .my-sp-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sp-n5,
  .mx-sp-n5 {
    margin-left: -3rem !important;
  }
  .m-sp-auto {
    margin: auto !important;
  }
  .mt-sp-auto,
  .my-sp-auto {
    margin-top: auto !important;
  }
  .mr-sp-auto,
  .mx-sp-auto {
    margin-right: auto !important;
  }
  .mb-sp-auto,
  .my-sp-auto {
    margin-bottom: auto !important;
  }
  .ml-sp-auto,
  .mx-sp-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 769px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1040px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

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

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

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

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

@media (min-width: 365px) {
  .text-sp-left {
    text-align: left !important;
  }
  .text-sp-right {
    text-align: right !important;
  }
  .text-sp-center {
    text-align: center !important;
  }
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 769px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 1040px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #d83e4f !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #a82231 !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #494f54 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #19692c !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important;
}

.text-light {
  color: #efefef !important;
}

a.text-light:hover, a.text-light:focus {
  color: #c9c9c9 !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge, .car-tag {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #dee2e6;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}

html {
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
  padding-top: 220px;
  letter-spacing: .07em;
  border: 15px solid #d83e4f;
}

body:before {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1031;
  width: 100%;
  height: 15px;
  content: "";
  background-color: #d83e4f;
}

h1 {
  font-size: inherit;
  font-weight: inherit;
}

img {
  max-width: 100%;
  height: auto;
}

.pc a:hover img {
  opacity: 0.7;
}

@media (max-width: 768.98px) {
  body {
    padding-top: 70px;
    padding-bottom: 85px;
    letter-spacing: .035em;
    border-top: none;
    border-right: 5px solid #d83e4f;
    border-bottom: none;
    border-left: 5px solid #d83e4f;
  }
  body:before {
    height: 5px;
  }
}

@media (min-width: 769px) {
  body.fixed {
    position: static !important;
  }
}

.text-color-red {
  color: #e73e51;
}

@media screen and (min-width: 769px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #CCC;
}

.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before, .mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

button.mfp-arrow:before, button.mfp-arrow:after {
  display: none;
}

button.mfp-arrow-left {
  background: url("../img/common/slide_arrow_left.svg") center center no-repeat;
  background-size: 46px 46px;
}

button.mfp-arrow-right {
  background: url("../img/common/slide_arrow_right.svg") center center no-repeat;
  background-size: 46px 46px;
}

/*
 burger button

*/
.burger {
  position: absolute;
  top: 15px;
  right: 8px;
  z-index: 1090;
  display: block;
  float: right;
  width: 42px;
  padding: 10px 5px 1px;
  background: none;
  border: none;
  outline: none;
}

.burger:focus {
  outline: none;
}

.burger-bar-top, .burger-bar-middle, .burger-bar-bottom {
  position: relative;
  top: 50%;
  left: 50%;
  display: block;
  width: 32px;
  height: 2px;
  margin-left: -16px;
  background: #d83e4f;
  transition: .3s opacity;
}

.burger-bar-top {
  animation: burger-top .5s;
  animation-fill-mode: forwards;
}

.burger-bar-middle {
  opacity: 1;
  transition: .5s opacity;
  transform: translateY(-1px);
}

.burger-bar-bottom {
  animation: burger-bottom .5s;
  animation-fill-mode: forwards;
}

.burger-title {
  display: block;
  padding-top: 17.5px;
  margin-left: -1.5px;
  font-family: "Josefin Slab", serif;
  font-size: 0.5625rem;
  letter-spacing: 0.15em;
  font-weight: 300;
  line-height: 1;
  color: #6c757d;
  white-space: nowrap;
  transition: transform .25s ease .25s;
  transform: scale(0.9);
}

.burger[aria-expanded="true"] {
  padding-bottom: 50px;
}

.burger[aria-expanded="true"] .burger-bar-middle {
  opacity: 0;
  transition: .5s opacity;
}

.burger[aria-expanded="true"] .burger-bar-top {
  animation: burger-top-close .5s;
  animation-fill-mode: forwards;
}

.burger[aria-expanded="true"] .burger-bar-bottom {
  animation: burger-bottom-close .5s;
  animation-fill-mode: forwards;
}

.burger[aria-expanded="true"] .burger-title {
  transition-delay: 0s;
  transform: rotateX(90deg);
}

@keyframes burger-top {
  0% {
    background-color: #fff;
    transform: translateY(0) rotate(-45deg);
  }
  50% {
    background-color: #fff;
    transform: translateY(0) rotate(0deg);
  }
  100% {
    transform: translateY(-7px) rotate(0deg);
  }
}

@keyframes burger-bottom {
  0% {
    background-color: #fff;
    transform: translateY(-2px) rotate(45deg);
  }
  50% {
    background-color: #fff;
    transform: translateY(-2px) rotate(0deg);
  }
  100% {
    transform: translateY(5px) rotate(0deg);
  }
}

@keyframes burger-top-close {
  0% {
    background-color: #d83e4f;
    transform: translateY(-7px) rotate(0deg);
  }
  50% {
    background-color: #d83e4f;
    transform: translateY(0) rotate(0deg);
  }
  100% {
    background-color: #fff;
    transform: translateY(0) rotate(-45deg);
  }
}

@keyframes burger-bottom-close {
  0% {
    background-color: #d83e4f;
    transform: translateY(5px) rotate(0deg);
  }
  50% {
    background-color: #d83e4f;
    transform: translateY(-3px) rotate(0deg);
  }
  100% {
    background-color: #fff;
    transform: translateY(-3px) rotate(45deg);
  }
}

@keyframes burger-title {
  0% {
    color: #fff;
    transform: translate(8px, 20px) rotateZ(90deg);
  }
  25% {
    color: #fff;
    transform: translate(8px, 20px) rotateX(90deg) rotateZ(90deg);
  }
  50% {
    color: #d83e4f;
    transform: translate(8px, 20px) rotateX(90deg) rotateZ(90deg);
  }
  51% {
    color: #d83e4f;
    transform: rotateX(90deg);
  }
  100% {
    padding-top: 15px;
    color: #6c757d;
    transform: rotate(0deg);
  }
}

@keyframes burger-title-close {
  0% {
    color: #6c757d;
    transform: rotate(0deg);
  }
  50% {
    color: #6c757d;
    transform: rotateX(90deg);
  }
  51% {
    color: #fff;
    transform: translate(4px, 20px) rotateX(90deg);
  }
  100% {
    font-size: 0.8125rem;
    color: #fff;
    transform: translate(4px, 20px) rotateZ(90deg);
  }
}

@media (min-width: 769px) {
  .burger {
    display: none;
  }
}

.heading-page {
  margin: 40px 0 50px;
  color: #6c757d;
  text-align: center;
}

.heading-page__en {
  display: block;
  font-family: "Dancing Script", cursive;
  font-size: 3.125rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
}

.heading-page__ja {
  display: block;
  margin-top: 1em;
  font-size: 0.8125rem;
  font-weight: 500;
}

@media (min-width: 769px) {
  .heading-page {
    margin: 30px 0 60px;
  }
  .heading-page__en {
    font-size: 3.75rem;
  }
  .heading-page__ja {
    font-size: 0.9375rem;
    letter-spacing: .31em;
  }
}

.heading-section {
  padding-left: 17px;
  margin-bottom: 28px;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.1;
  border-left: 7px solid #d83e4f;
}

.heading-section--plane {
  padding-left: 0;
  border-left: none;
}

@media (min-width: 769px) {
  .heading-section {
    padding-left: 9px;
    font-size: 1.375rem;
    border-left-width: 8px;
  }
}

.heading-sub-section {
  font-size: 1.125rem;
  color: #e73e51;
  border-bottom: 1px solid #e73e51;
  padding-bottom: 5px;
}

.heading-sub-section--no-border {
  border-bottom: none;
}

@media (min-width: 769px) {
  .heading-section {
    font-size: 1.375rem;
  }
}

.heading-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
}

.heading-container .btn {
  min-width: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  margin-bottom: 28px;
  margin-left: auto;
  font-weight: 500;
}

.heading-home {
  margin-bottom: 28px;
  text-align: center;
}

.heading-home__en {
  display: block;
  font-family: "Dancing Script", cursive;
  font-size: 2.25rem;
  font-weight: 700;
  color: #6c757d;
}

.heading-home__ja {
  display: block;
  font-size: 0.875rem;
  font-weight: 300;
}

@media (min-width: 769px) {
  .heading-home {
    text-align: left;
  }
  .heading-home__en {
    display: inline-block;
    margin-right: 10px;
  }
  .heading-home__ja {
    display: inline-block;
    font-size: 0.875rem;
    vertical-align: baseline;
  }
}

.row--5-col {
  margin-right: -5px;
  margin-left: -5px;
}

.row--5-col .col {
  flex: 0 1 50%;
  max-width: 50%;
  padding: 0 5px;
}

@media (max-width: 364.98px) {
  .row {
    margin-right: -5px;
    margin-left: -5px;
  }
  .row > .col,
  .row > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
  }
}

.icon-caret-down {
  display: inline-block;
  width: 0;
  height: 0;
  font-size: 0;
  vertical-align: middle;
  border-top: 6px solid #212529;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.icon-caret-down.icon-color-primary {
  border-top-color: #d83e4f;
}

.icon-caret-up {
  display: inline-block;
  width: 0;
  height: 0;
  font-size: 0;
  vertical-align: middle;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #212529;
  border-left: 5px solid transparent;
}

.icon-caret-up.icon-color-primary {
  border-bottom-color: #d83e4f;
}

.icon-caret-right {
  display: inline-block;
  width: 0;
  height: 0;
  margin-top: -5px;
  font-size: 0;
  vertical-align: middle;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid #212529;
}

.icon-caret-right.icon-color-primary {
  border-left-color: #d83e4f;
}

.icon-caret-left {
  display: inline-block;
  width: 0;
  height: 0;
  margin-top: -5px;
  font-size: 0;
  vertical-align: middle;
  border-top: 5px solid transparent;
  border-right: 6px solid #212529;
  border-bottom: 5px solid transparent;
}

.icon-caret-left.icon-color-primary {
  border-left-color: #d83e4f;
}

.icon-blank:after, .footer [target="_blank"]:not(.not-after):not([href*="daihatsu-hiroshima"]):after {
  display: inline-block;
  width: 14px;
  height: 10px;
  margin-left: 5px;
  vertical-align: middle;
  content: "";
  background: url("../img/common/icons/icon_blank.svg") center center no-repeat;
  background-size: 14px 10px;
}

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

.btn-to-top {
  position: absolute;
  top: -77px;
  left: 50%;
  width: 192px;
  height: 47px;
  margin-left: -96px;
  font-size: 0.8125rem;
  line-height: 1.538462;
  letter-spacing: 0.07em;
  font-weight: 300;
  background-color: #efefef;
  border: none;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  outline: none;
}

.btn-to-top:hover {
  opacity: 0.7;
}

.btn {
  position: relative;
  min-width: 266px;
}

.btn--red {
  background-color: #dc263f;
  color: #fff;
}

.btn--red:hover {
  color: #fff;
}

.btn__icon--before {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
}

.btn__icon--after {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}

.btn-primary .icon-caret-down {
  border-top-color: #fff;
}

.btn-primary .icon-caret-left {
  border-right-color: #fff;
}

.btn-zoom {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: inline-block;
  width: 40px;
  min-width: 0;
  height: 40px;
  padding: 0;
  margin: 0;
  background: url("../img/common/icons/icon_zoom.svg") center center no-repeat #d83e4f;
  background-size: 26px 26px;
  border-radius: 0;
}

@media (max-width: 768.98px) {
  .btn {
    min-width: 220px;
  }
  .btn--dropdown {
    position: relative;
    width: 100%;
    text-align: left;
    border: 1px solid #ccc;
    font-size: 0.8125rem;
    letter-spacing: 0.09em;
    font-weight: 300;
  }
  .btn--dropdown:after {
    position: absolute;
    top: 50%;
    right: 20px;
  }
}

@media (min-width: 769px) {
  .btn-to-top {
    top: -110px;
    right: 0;
    left: inherit;
    width: 212px;
    height: 60px;
  }
}

.form-format {
  /* stylelint-disable selector-no-qualifying-type, property-no-vendor-prefix */
  /* stylelint-enable selector-no-qualifying-type, property-no-vendor-prefix */
}

.form-format input[type="number"]::-webkit-outer-spin-button,
.form-format input[type="number"]::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.form-format input[type="number"] {
  -moz-appearance: textfield;
}

.form-format input[type="checkbox"],
.form-format input[type="radio"] {
  margin-right: .5em;
  cursor: pointer;
  background: #fff;
}

.figure-caption {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 0.75rem;
}

@media (min-width: 576px) {
  .figure-caption {
    font-size: 0.8125rem;
  }
}

.carousel-indicators li {
  border-radius: 100%;
  opacity: 1;
}

.carousel-indicators li:not(.active) {
  background-color: #fff;
}

.carousel-item {
  position: relative;
}

.carousel-item > a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.side-slide .carousel-control-prev > img, .side-slide .carousel-control-next > img {
  max-width: 100%;
}

.carousel-control-prev {
  justify-content: flex-start;
  margin-left: 15px;
}

.carousel-control-next {
  justify-content: flex-end;
  margin-right: 15px;
}

.carousel-indicators {
  bottom: 0;
}

@media (max-width: 768px) {
  .carousel-indicators {
    bottom: -55px;
  }
}

.carousel-indicators li:not(.active) {
  background-color: #ccc;
}

@media (max-width: 500px) {
  .carousel-control-prev,
  .carousel-control-next {
    max-width: 23px;
    margin: 0 10px;
  }
  .carousel-control-prev > img, .carousel-control-next > img {
    max-width: 23px;
  }
}

.carousel-control-next.sub-slide {
  width: 10%;
}

.carousel-control-prev.sub-slide {
  width: 10%;
}

.home-slide .carousel-item {
  overflow: hidden;
}

.home-slide .carousel-item > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: initial;
  height: auto;
}

.home-slide .carousel-item::before {
  width: 100%;
  content: "";
  display: block;
  padding-top: 100%;
}

@media (min-width: 576px) {
  .home-slide .carousel-item::before {
    padding-top: 39.2857%;
  }
}

@media (min-width: 576px) {
  .top-slide__container {
    background-image: linear-gradient(-45deg, #000, #000 40%, #707070 40%, #707070 50%, #000 50%, #000 90%, #707070 90%, #707070);
    background-repeat: repeat;
    background-size: 5px 5px;
  }
}

.top-slide .swiper-slide {
  position: relative;
}

.top-slide .swiper-slide a {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.top-slide .swiper-button-prev,
.top-slide .swiper-button-next {
  background-image: none;
  position: absolute;
  top: 50%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  width: 80px;
  height: 80px;
  opacity: 1;
  transition: opacity 0.15s;
}

@media (min-width: 1024px) {
  .top-slide .swiper-button-prev,
  .top-slide .swiper-button-next {
    width: 15%;
  }
  .top-slide .swiper-button-prev > img,
  .top-slide .swiper-button-next > img {
    width: 60px;
  }
}

.top-slide .swiper-button-next {
  right: 15px;
}

@media (min-width: 1024px) {
  .top-slide .swiper-button-next {
    right: 4%;
  }
}

@media (min-width: 1200px) {
  .top-slide .swiper-button-next {
    right: 9%;
  }
}

@media (min-width: 1366px) {
  .top-slide .swiper-button-next {
    right: 12%;
  }
}

@media (min-width: 1920px) {
  .top-slide .swiper-button-next {
    right: 19%;
  }
}

.top-slide .swiper-button-prev {
  left: 15px;
}

@media (min-width: 1024px) {
  .top-slide .swiper-button-prev {
    left: 4%;
  }
}

@media (min-width: 1200px) {
  .top-slide .swiper-button-prev {
    left: 9%;
  }
}

@media (min-width: 1366px) {
  .top-slide .swiper-button-prev {
    left: 12%;
  }
}

@media (min-width: 1920px) {
  .top-slide .swiper-button-prev {
    left: 19%;
  }
}

.slider-thumbnail {
  position: relative;
  width: 100%;
}

@media (min-width: 576px) {
  .slider-thumbnail {
    max-width: 980px;
    padding: 0;
  }
}

@media (max-width: 576px) {
  .slider-thumbnail.swiper-container {
    padding: 20px 0 40px;
  }
}

.slider-thumbnail__container {
  position: relative;
  width: 100%;
  max-width: 980px;
  padding: 0 15px;
  margin: 0 auto;
}

@media (min-width: 576px) {
  .slider-thumbnail__container {
    padding: 0;
  }
}

.slider-thumbnail__container .swiper-button-prev,
.slider-thumbnail__container .swiper-button-next {
  top: auto;
  bottom: 0;
  width: 25px;
  height: 35px;
  background-image: none;
}

@media (min-width: 576px) {
  .slider-thumbnail__container .swiper-button-prev,
  .slider-thumbnail__container .swiper-button-next {
    position: absolute;
    top: 22px;
    width: 10px;
    height: 100%;
    background-color: #d83e4f;
  }
}

.slider-thumbnail__container .swiper-button-prev::before,
.slider-thumbnail__container .swiper-button-next::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  width: 20px;
  height: 20px;
}

@media (min-width: 576px) {
  .slider-thumbnail__container .swiper-button-prev::before,
  .slider-thumbnail__container .swiper-button-next::before {
    width: 7px;
    height: 7px;
  }
}

.slider-thumbnail__container .swiper-button-prev {
  left: 0;
}

.slider-thumbnail__container .swiper-button-prev::before {
  border-bottom: 2px solid #d83e4f;
  border-left: 2px solid #d83e4f;
  transform: rotate(45deg) translateY(-50%);
}

@media (min-width: 576px) {
  .slider-thumbnail__container .swiper-button-prev::before {
    right: 20%;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
  }
}

@media (min-width: 576px) {
  .slider-thumbnail__container .swiper-button-next {
    right: 0;
  }
}

.slider-thumbnail__container .swiper-button-next::before {
  border-top: 2px solid #d83e4f;
  border-right: 2px solid #d83e4f;
  transform: rotate(45deg) translateY(-50%);
}

@media (min-width: 576px) {
  .slider-thumbnail__container .swiper-button-next::before {
    left: -20%;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
  }
}

.slider-thumbnail__container .swiper-slide {
  position: relative;
  overflow: hidden;
}

.slider-thumbnail__container .swiper-slide::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
}

.slider-thumbnail__container .swiper-slide.swiper-slide-active::before {
  content: none;
}

.slider-thumbnail .swiper-wrapper {
  padding: 0;
}

.gmap {
  width: 100%;
  height: 294px;
}

.car-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 0 25px;
}

.car-list > li {
  flex: 0 1 50%;
  max-width: calc(50% - 6px);
  margin-bottom: 6px;
  margin-left: 6px;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
}

.car-list > li:nth-child(2n-1) {
  margin-left: 0;
}

.car-list .archive-list-item {
  display: block;
  padding: 10px;
  color: #212529;
  text-align: center;
  position: relative;
}

@media (max-width: 768.98px) {

  .car-list .archive-list-item {
    display: block;
    padding: 5px;
    color: #212529;
    text-align: center;
  }
}

.car-list__tags {
  min-height: 25px;
  text-align: right;
}

.car-list__image {
  width: 95%;
  max-width: 160px;
  padding-top: 70%;
  margin: 20px auto;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}

.car-list__name {
  min-height: 2.6em;
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.3;
}

.car-tag {
  border-radius: 5px;
  width: 90px;
  height: 22px;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block !important;
}

.car-tag--test {
  background-image: url(../img/common/car-tag--test.svg);
}

.car-tag--eco {
  background-image: url(../img/common/car-tag--eco.svg);
}

@media (max-width: 768.98px) {
  .car-list__tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: flex-start;
  }
  .car-tag {
    width: 53.5px;
    height: 13px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    padding: 0;
    margin: 2px 1px 0;
  }
}

.car-list > li:nth-child(8) ~ li {
  height: 0;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s ease .5s, opacity .25s ease-out .25s;
}

@media (min-width: 576px) and (max-width: 768.98px) {
  .car-list > li {
    flex: 0 1 33.3333%;
    max-width: calc(33.3333% - 4px);
  }
  .car-list > li:nth-child(2n-1) {
    margin-left: 6px;
  }
  .car-list > li:nth-child(3n-2) {
    margin-left: 0;
  }
  .car-list > li:nth-child(9) ~ li {
    height: 0;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s ease .5s, opacity .25s ease-out .25s;
  }
  .car-list__tags {
    height: 50px;
  }
  .car-list__image {
    padding-top: 125px;
    margin-top: 0;
  }
  .car-list__name {
    padding-right: 15px;
    padding-left: 14px;
  }
}

@media (min-width: 1040px) {
  .car-list > li {
    flex: 0 1 33.3333%;
    max-width: calc(33.3333% - 4px);
  }
  .car-list > li:nth-child(2n-1) {
    margin-left: 6px;
  }
  .car-list > li:nth-child(3n-2) {
    margin-left: 0;
  }
  .car-list > li:nth-child(9) ~ li {
    height: 0;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s ease .5s, opacity .25s ease-out .25s;
  }
  .car-list__tags {
    height: 50px;
  }
  .car-list__image {
    padding-top: 125px;
    margin-top: 0;
  }
  .car-list__name {
    padding-right: 15px;
    padding-left: 14px;
  }
}

.staff-item {
  display: flex;
  margin-bottom: 1rem;
}

.staff-item__image {
  flex: 0 0 102px;
  max-width: 102px;
  text-align: center;
}

.staff-item__body {
  flex: 0 1 100%;
  padding-left: 10px;
  font-size: 0.75rem;
}

.staff-item__name {
  margin-bottom: 10px;
  font-size: 0.8125rem;
  font-weight: 500;
}

@media (min-width: 576px) {
  .staff-item {
    margin-bottom: 20px;
  }
  .staff-item__image {
    flex-basis: 205px;
    max-width: 205px;
  }
  .staff-item__body {
    padding-left: 20px;
    font-size: 0.8125rem;
  }
  .staff-item__name {
    margin-bottom: 20px;
    font-size: 1.125rem;
    line-height: 1.6;
  }
}

.blog-list {
  width: 100%;
}

@media (max-width: 768px) {
  .blog-list li:nth-child(n+3) .blog-list__image {
    top: 50%;
    transform: translateY(-50%);
  }
}

.blog-list > li {
  position: relative;
  padding: 18px 9px 18px 138px;
  margin-bottom: 8px;
  background-color: #efefef;
  border: 4px solid #efefef;
}

.blog-list .blog-list__01 {
  background-color: #f5efd4;
  border-color: #cdb029;
}

.blog-list .blog-list__02 {
  background-color: #e2e4e1;
  border-color: #9fa69c;
}

.blog-list .blog-list__03 {
  background-color: #f3e4dc;
  border-color: #c2794e;
}

.blog-list__layer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: .25;
}

.blog-list__layer:hover {
  background-color: #fff;
}

.blog-list__item .blog-list__layer {
  position: absolute;
  top: -5px;
  left: -5px;
  z-index: 2;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  opacity: .25;
}

.blog-list__item .blog-list__layer:hover {
  background-color: #fff;
}

.blog-list__image {
  position: absolute;
  top: 18px;
  left: 9px;
  width: 119px;
  height: 119px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.blog-list__shop {
  position: relative;
  z-index: 3;
  font-size: 0.8125rem;
}

.blog-list__shop a {
  color: #212529;
  text-decoration: underline;
}

.blog-list__shop a:hover {
  color: #a82231;
  text-decoration: none;
}

.blog-list__title {
  margin-bottom: .5rem;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.3333;
  color: #d83e4f;
}

.blog-list__text {
  font-size: 0.8125rem;
  line-height: 1.538462;
  letter-spacing: 0.07em;
  font-weight: 300;
}

.blog-list__tag {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-top: -5px;
  margin-bottom: 0.5rem;
}

.blog-list__tag > * {
  position: relative;
  z-index: 100;
  display: block;
  font-size: 0.75rem;
  padding-left: 5px;
  padding-top: 5px;
  margin-bottom: 0;
}

.blog-list__date {
  margin: 0;
  font-size: 0.625rem;
}

.blog-list-head {
  margin-bottom: 20px;
}

.blog-list-tags .dropdown-menu {
  width: 100%;
}

.blog-list-tags .dropdown-item.active, .blog-list-tags .dropdown-item:focus, .blog-list-tags .dropdown-item:hover {
  color: #212529;
  background-color: #f7d8dc;
}

@media (max-width: 768.98px) {
  .blog-list > li.blog-list__item--honsha {
    height: 140px;
    padding: 25px 9px 18px 138px;
  }
  .blog-list > li.blog-list__item--honsha > .blog-list__image {
    top: 50%;
    transform: translateY(-50%);
  }
  .blog-list .blog-list__01,
  .blog-list .blog-list__02,
  .blog-list .blog-list__03 {
    padding-top: 50px;
  }
  .blog-list .blog-list__01 .blog-list__image,
  .blog-list .blog-list__02 .blog-list__image,
  .blog-list .blog-list__03 .blog-list__image {
    top: 50px;
  }
  .blog-list__rank {
    position: absolute;
    top: 10px;
    left: 9px;
    font-size: 0.6875rem;
  }
  .blog-list__rank img {
    vertical-align: bottom;
  }
  .blog-list__text {
    font-size: 0.75rem;
    line-height: 1.5;
    letter-spacing: 0.07em;
    font-weight: 300;
  }
}

@media (min-width: 769px) {
  .blog-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .blog-list > li {
    flex: 0 1 50%;
    max-width: calc(50% - 5px);
    padding: 0 8px 20px;
    margin-bottom: 10px;
    margin-left: 10px;
  }
  .blog-list > li:nth-child(2n-1) {
    margin-left: 0;
  }
  .blog-list__item .blog-list__image {
    position: static;
    margin: -4px -18px -12px -12px;
    background-size: cover;
    width: calc(100% + 24px);
    padding-top: calc(100% + 4px);
    margin-bottom: 20px;
  }
  .blog-list__image {
    position: static;
    width: calc(100% + 16px);
    height: auto;
    padding-top: 100%;
    margin: 0 -8px 20px;
  }
  .blog-list__shop {
    margin-bottom: 10px;
  }
  .blog-list__title {
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.625;
  }
  .blog-list__text {
    font-size: 0.8125rem;
  }
  .blog-list__date {
    font-size: 0.75rem;
  }
  .blog-list-head {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
  }
  .blog-list-head .heading-home {
    flex: 0 0 auto;
    margin-right: 60px;
  }
  .blog-list-tags {
    flex: 0 1 auto;
    margin-bottom: 28px;
  }
  .blog-list-tags .dropdown-toggle {
    display: none;
  }
  .blog-list-tags .dropdown-menu {
    position: static !important;
    display: block;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    border: none;
    transform: inherit !important;
  }
  .blog-list-tags .dropdown-item {
    flex: 0 1 auto;
    width: auto;
    min-width: 5em;
    padding: .35em .5em;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 0.875rem;
    text-align: center;
    background-color: #efefef;
    border-radius: 6px;
    font-weight: 300;
  }
  .blog-list-tags .dropdown-item.active, .blog-list-tags .dropdown-item:focus {
    color: #212529;
    background-color: #f7d8dc;
  }
}

@media (min-width: 1040px) {
  .blog-list > li {
    flex: 0 1 33.3333%;
    max-width: calc(33.3333% - 6.6666px);
  }
  .blog-list > li:nth-child(2n-1) {
    margin-left: 10px;
  }
  .blog-list > li:nth-child(3n-2) {
    margin-left: 0;
  }
}

.blog-category__list {
  list-style-type: none;
  display: flex;
  width: 100%;
  padding-left: 0;
}

.blog-category__item {
  width: 33.333333%;
  max-width: 130px;
  height: 40px;
  border: 1px solid #ccc;
  flex-shrink: 1;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 300;
}

.blog-category__item:not(:first-of-type) {
  margin-left: 15px;
}

.home .blog-list__tag::after {
  display: block;
  position: absolute;
}

.home .blog-list__tag {
  position: relative;
}

.home .blog-list__tag::after {
  right: 0;
  top: 0;
  content: '';
  z-index: 111;
}

.home .blog-list__tag a:hover {
  color: #231815;
  text-decoration: none;
}

.home .blog-list__01 .blog-list__tag::before {
  background-color: #f5efd4;
}

.home .blog-list__02 .blog-list__tag::before {
  background-color: #e2e4e1;
}

.home .blog-list__03 .blog-list__tag::before {
  background-color: #f3e4dc;
}

img.alignright {
  display: block;
  margin: 0 0 0 auto !important;
}

img.alignleft {
  display: block;
  margin: 0 auto 0 0 !important;
}

img.aligncenter {
  display: block;
  margin: 0 auto !important;
}

.info-archives__col {
  background-image: linear-gradient(-45deg, #fdf5f6, #fdf5f6 33.333333%, #fff 33.333333%, #fff 50%, #fdf5f6 50%, #fdf5f6 83.333333%, #fff 83.333333%, #fff);
  background-repeat: repeat;
  background-size: 6px 6px;
  padding-right: 13px;
  padding-bottom: 30px;
  padding-left: 13px;
  margin: 65px 0;
}

.info-archives__heading {
  position: relative;
  top: -25px;
  margin-bottom: 40px;
  text-align: center;
}

.info-archives__icon {
  display: block;
  margin-bottom: 10px;
}

.info-archives__en {
  display: block;
  margin-bottom: 5px;
  font-family: "Dancing Script", cursive;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.1;
  color: #6c757d;
}

.info-archives__mention {
  display: block;
  margin-bottom: 10px;
  font-family: "Josefin Slab", serif;
  font-size: 1rem;
  color: #6c757d;
}

.info-archives__ja {
  display: block;
  font-size: 0.875rem;
  font-weight: 300;
}

.info-archives__item {
  display: block;
  margin-bottom: 12px;
  overflow: hidden;
  color: #212529;
}

.info-archives__item:hover {
  text-decoration: none;
  opacity: 0.7;
}

.info-archives__image {
  float: left;
  width: 137px;
  height: 94px;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 6px;
}

.info-archives__body {
  padding-left: 10px;
  overflow: hidden;
  font-size: 0.75rem;
}

.info-archives__title {
  margin-bottom: 10px;
  font-size: 0.9375rem;
  line-height: 1.3333;
  color: #d83e4f;
}

.info-archives__title.-fin {
  font-weight: 400;
  font-size: 1rem;
  color: #231815;
}

.info-archives__btn {
  padding-top: 18px;
  margin: 0;
  text-align: right;
}

.info-archives__btn > a {
  font-size: 1.03125rem;
  line-height: 1.818182;
  letter-spacing: 0.07em;
  font-weight: 400;
}

@media (min-width: 769px) {
  .info-archives {
    background-image: linear-gradient(-45deg, #fdf5f6, #fdf5f6 33.333333%, #fff 33.333333%, #fff 50%, #fdf5f6 50%, #fdf5f6 83.333333%, #fff 83.333333%, #fff);
    background-repeat: repeat;
    background-size: 6px 6px;
    max-width: 1225px;
    padding-top: 1px;
    margin: 0 auto;
  }
  .info-archives__row {
    display: flex;
    justify-content: space-between;
  }
  .info-archives__col {
    position: relative;
    flex: 0 1 50%;
    max-width: calc(50% - 15px);
    padding-bottom: 90px;
    margin: 0;
    background: none;
  }
  .info-archives__heading {
    position: relative;
    top: -30px;
    padding-left: 40px;
    margin-bottom: 0;
    text-align: left;
  }
  .info-archives__icon {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  .info-archives__en {
    display: inline-block;
    margin-right: 10px;
  }
  .info-archives__mention {
    display: inline-block;
    margin: 0;
    vertical-align: baseline;
  }
  .info-archives__ja {
    font-weight: 300;
    display: block;
  }
  .info-archives--item {
    margin-bottom: 16px;
  }
  .info-archives__body {
    padding-left: 15px;
    font-size: 0.8125rem;
  }
  .info-archives__title {
    font-size: 1.25rem;
  }
  .info-archives__btn {
    position: absolute;
    right: 0;
    bottom: 40px;
  }
  .info-archives__btn a {
    font-size: 1.125rem;
    line-height: 1.444444;
    letter-spacing: 0.07em;
    font-weight: 400;
    color: #e73e51;
  }
  .info-archives__btn a:hover {
    opacity: 0.7;
    text-decoration: none;
    transition: 0.4s;
  }
}

@media (min-width: 1040px) {
  .info-archives__image {
    width: 188px;
    height: 128px;
  }
}

.info-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 -5px;
}

@media (min-width: 769px) {
  .info-list.no-wrap_list {
    flex-wrap: nowrap;
  }
}

.info-list > li {
  flex: 0 1 50%;
  max-width: 50%;
  padding: 0 5px;
  margin-bottom: 20px;
  letter-spacing: .04em;
}

.info-list img {
  display: block;
  margin-bottom: 2px;
}

.info-list a {
  font-size: 0.75rem;
  color: #212529;
}

.info-list a:hover {
  text-decoration: none;
}

.info-list--fluid > li {
  flex: 0 1 auto;
  max-width: 100%;
  width: 100%;
}

.info-list--fluid > .info-list--fluid__item {
  max-width: 396px;
}

.info-list--fluid > .info-list--fluid__item > a > img.lazyloaded {
  border-radius: 5px;
}

@media (min-width: 769px) {
  .info-list > li {
    flex: 0 1 20%;
    max-width: 20%;
  }
  .info-list a {
    font-size: 0.8125rem;
  }
  .info-list--fluid > li {
    flex: 0 1 auto;
    max-width: 100%;
  }
}

.photo-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 -2px 20px;
}

.photo-list > li {
  flex: 0 1 33.3333%;
  max-width: 33.3333%;
  padding: 2px;
  margin: 0;
  text-align: center;
}

@media (min-width: 576px) {
  .photo-list {
    margin-right: -5px;
    margin-left: -5px;
  }
  .photo-list > li {
    flex: 0 1 25%;
    max-width: 25%;
    padding: 5px;
  }
}

@media (min-width: 1040px) {
  .photo-list {
    margin-right: -5px;
    margin-left: -5px;
  }
  .photo-list > li {
    flex: 0 1 16.666667%;
    max-width: 16.666667%;
    padding: 5px;
  }
}

.photo-instagram-link {
  font-family: "Josefin Slab", serif;
  font-size: 0.625rem;
  color: #212529;
}

.photo-instagram-link:hover {
  text-decoration: none;
}

.sns-list {
  display: flex;
  justify-content: space-around;
  font-family: "Josefin Slab", serif;
  font-size: 0.9375rem;
  text-align: center;
}

.sns-list a {
  color: #212529;
  display: block;
}

.sns-list__icon {
  display: block;
  margin-bottom: 10px;
}

@media (min-width: 769px) {
  .sns-list {
    justify-content: flex-start;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 0.8125rem;
  }
  .sns-list > li {
    margin-right: 60px;
  }
  .sns-list__icon {
    display: inline-block;
    margin: 0 10px 0 0;
    vertical-align: middle;
  }
}

.archive-list-container {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
}

.archive-list-more {
  flex: 0 1 auto;
  width: auto;
}

.archive-list-more.active {
  display: none;
}

.archive-list-more.active + .archive-list > li {
  height: auto;
  visibility: visible;
  opacity: 1;
  transition: visibility 0s ease 0s, opacity .25s ease-out .25s;
}

/*
<div class="imgbox col-12 col-lg-6 mb-5 mb-0-lg">
  <span class="imgbox__tag">text<span class="imgbox__number">1</span></span>
  <div class="imgbox__border">
    <img src="hoge.png" alt="">
    <p class="imgbox__text">text</p>
  </div>
</div>
---------------------------------------- */
.imgbox {
  display: flex;
  flex-flow: column nowrap;
  position: relative;
}

.imgbox__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: -34px;
  left: 0;
  padding-top: .2em;
  background-color: #dc263f;
  color: #fff;
  font-size: 0.875rem;
  border-radius: 50%;
  width: 68px;
  height: 68px;
  text-align: justify;
  font-weight: 700;
  z-index: 1;
  font-size: 0.75rem;
}

.imgbox__tag--black {
  background-color: #000;
  top: -45px;
}

.imgbox__tag--ls {
  letter-spacing: 0;
}

.imgbox__border {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 177px;
  border: 1px solid #ccc;
  position: relative;
  border-radius: 4px;
}

@media (min-width: 769px) {
  .imgbox__border {
    min-height: 244px;
  }
}

.imgbox__border--pd {
  padding: 20px;
}

.imgbox__number {
  display: block;
  font-size: 1.125rem;
}

.imgbox__text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: .1em;
  width: 100%;
  line-height: 1.818182;
  text-align: center;
  white-space: nowrap;
  font-weight: 700;
  font-size: 1.25rem;
}

.imgbox__text.-small {
  font-size: 1.125rem;
  letter-spacing: 0.01em;
}

.imgbox__text--full-width {
  margin-left: -20px;
  margin-right: -20px;
}

.imgbox__text--no-overlap {
  position: relative;
  margin-bottom: 10px;
}

.imgbox__text--no-overlap:last-child {
  margin-bottom: 0;
}

.imgbox__text .note {
  font-size: 0.75rem;
  vertical-align: top;
  font-weight: 300;
}

.imgbox > img {
  height: 100%;
}

.important-info {
  margin: 40px auto;
}

.important-info__title {
  margin-bottom: 40px;
  font-size: 1.125rem;
  font-weight: 500;
  color: #d83e4f;
  text-align: center;
}

.important-info__item {
  margin-bottom: 20px;
  overflow: hidden;
  font-size: 0.875rem;
}

@media (min-width: 769px) {
  .important-info__item {
    margin-bottom: 10px;
  }
}

.important-info__date {
  float: left;
  width: 6em;
  margin-right: 20px;
}

.important-info__body {
  display: block;
  color: #212529;
  text-decoration: underline;
  transition: opacity 0.4s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.important-info__body:hover {
  color: inherit;
  opacity: 0.7;
}

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

@media (min-width: 769px) {
  .important-info {
    margin-top: 60px;
  }
  .important-info__title {
    font-size: 1.25rem;
  }
  .important-info__item {
    font-size: 1rem;
  }
}

.tab {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
}

.tab__label {
  flex: 0 1 auto;
  color: #221815;
  width: auto;
  min-width: 5em;
  padding: .35em 1em;
  margin-right: 20px;
  margin-bottom: 40px;
  font-size: 4vw;
  text-align: center;
  background-color: #efefef;
  border-radius: 6px;
  font-weight: 300;
  order: -1;
  cursor: pointer;
}

.tab__label:last-of-type {
  margin-right: 0;
}

.tab__label:hover {
  text-decoration: none;
  color: #221815;
  background-color: #f7d8dc;
}

.tab__contents {
  display: none;
  width: 80%;
}

@media (max-width: 575.98px) {
  .tab__contents {
    width: 100%;
  }
}

.tab__btn {
  display: none;
}

.tab__btn:checked + .tab__label {
  background-color: #f7d8dc;
}

.tab__btn:checked + .tab__label + .tab__contents {
  display: block;
}

@media (min-width: 365px) {
  .tab__label {
    font-size: 1rem;
  }
}

/**
 * タイムラインの配置について
 * BEMのModifierを用意してあるので適宜使い分けてください
 * PC時の左右への振り分け: .timiline__item--left  .timiline__item--right
 * PC時に吹き出しを少し上にずらす: .timeline__item--shorten
 ****************************************/
.timeline {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  width: 314px;
  margin: auto;
}

.timeline__item {
  position: relative;
  padding-left: 56px;
  padding-bottom: 10px;
}

.timeline__item:not(:last-child)::before {
  content: "";
  display: block;
  width: 4px;
  height: calc(100% + 8px);
  background-color: #e73e51;
  position: absolute;
  top: 20px;
  left: 22px;
}

.timeline__item::after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 8px 7.5px 0;
  border-color: transparent  #ffffff transparent transparent;
  position: absolute;
  top: 20px;
  left: 50px;
}

.timeline__item-tag {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 48px;
  height: 48px;
  color: #fff;
  font-size: 0.6875rem;
  font-weight: 700;
  top: 0;
  left: 0;
  background-color: #e73e51;
  border-radius: 100%;
}

.timeline__item-point {
  display: block;
  position: absolute;
  width: 20px;
  height: 4px;
  background-color: #e73e51;
  border-radius: 2px;
  top: 24px;
  left: 14px;
}

@media (min-width: 769px) {
  .timeline {
    width: 566px;
  }
}

@media (min-width: 1040px) {
  .timeline {
    width: 100%;
  }
  .timeline__item {
    padding: 0;
    display: flex;
    margin-bottom: -23px;
  }
  .timeline__item:not(:last-child)::before {
    top: 20px;
    left: 0;
    right: 0;
    margin: auto;
  }
  .timeline__item:nth-last-child(2)::before {
    height: calc(100% - 18px);
  }
  .timeline__item--shorten {
    margin-top: -75px;
  }
  .timeline__item--long {
    margin-top: 140px;
  }
  .timeline__item--long::before {
    top: -100px !important;
    height: calc(100% + 100px) !important;
  }
  .timeline__item--mb-0 {
    margin-bottom: 0;
  }
  .timeline__item--left {
    justify-content: flex-start;
  }
  .timeline__item--left::after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 8px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    top: 20px;
    left: -61px;
    right: 0;
    margin: auto;
  }
  .timeline__item--right {
    justify-content: flex-end;
  }
  .timeline__item--right::after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 8px 7.5px 0;
    border-color: transparent  #ffffff transparent transparent;
    position: absolute;
    left: 0;
    right: -61px;
    margin: auto;
  }
  .timeline__item-tag {
    left: 0;
    right: 0;
    margin: auto;
  }
  .timeline__item-point {
    left: 0;
    right: 0;
    margin: auto;
  }
}

@media (min-width: 1177px) {
  .timeline {
    width: 1137px;
  }
}

.timeline-card {
  width: 258px;
  background-color: #fff;
  border-radius: 5px;
  padding: 15px 14px;
  position: relative;
  margin-bottom: 0;
}

.timeline-card__title {
  font-size: 1rem;
  color: #e73e51;
  font-weight: 700;
  letter-spacing: 0.07em;
}

.timeline-card__text {
  font-size: 0.8125rem;
  line-height: 1.53;
  margin-top: 5px;
}

.timeline-card__imgbox {
  margin-top: 5px;
  width: 100%;
  position: relative;
}

.timeline-card__imgbox::before {
  content: "";
  display: block;
  padding-top: 66.666667%;
}

.timeline-card__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

@media (min-width: 769px) {
  .timeline-card {
    display: flex;
    flex-flow: row wrap;
    width: 510px;
  }
  .timeline-card__title {
    flex: 1 0 100%;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .timeline-card__text {
    flex: 0 1 50%;
    width: 50%;
    padding-left: 10px;
    padding-right: 15px;
  }
  .timeline-card__text--width-100 {
    flex: 0 1 100%;
    width: 100%;
    padding-right: 10px;
  }
  .timeline-card__imgbox {
    flex: 0 1 auto;
    width: calc(50% - 25px);
  }
}

@media (min-width: 1040px) {
  .timeline-card {
    width: 456px;
  }
}

@media (min-width: 1177px) {
  .timeline-card {
    width: 534px;
  }
}

.calendar {
  table-layout: fixed;
  width: 100%;
  position: relative;
  width: 100%;
  border-collapse: separate;
  padding-top: 40px;
}

.calendar + .calendar {
  margin-top: 10px;
}

.calendar > caption {
  position: absolute;
  top: 0;
  font-size: 1rem;
  border-bottom: 1px solid #707070;
  width: 100%;
  text-align: center;
  padding-top: 0;
  padding-bottom: 8px;
}

.calendar > tbody > tr > th {
  font-size: 0.5625rem;
  font-weight: 400;
}

.calendar > tbody > tr > td {
  font-size: 0.875rem;
}

.calendar > tbody > tr > td.em {
  position: relative;
  color: #fff;
}

.calendar > tbody > tr > td.em::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 22px;
  height: 22px;
  background-color: #ccc;
  border-radius: 100%;
  z-index: -1;
}

.calendar > tbody > tr > th,
.calendar > tbody > tr > td {
  margin: 0;
  padding: 0;
  width: 14.285714%;
  text-align: center;
  vertical-align: middle;
  position: relative;
}

.calendar > tbody > tr > th:nth-child(7n+1),
.calendar > tbody > tr > td:nth-child(7n+1) {
  color: #dc263f;
}

.calendar > tbody > tr > th:nth-child(7n),
.calendar > tbody > tr > td:nth-child(7n) {
  color: #00A0E9;
}

.preday {
  opacity: 0.4;
}

.preday :nth-last-child(1) {
  opacity: 1;
}

.sb_instagram_header {
  display: none;
}

.insta-field {
  display: flex;
  flex-wrap: wrap;
  margin-top: -10px;
  margin-right: -10px;
  margin-bottom: 30px;
  padding: 0;
}

.insta-field__item {
  width: calc((100% - 40px) / 4);
  margin-right: 10px;
  margin-top: 10px;
}

@media (max-width: 768.98px) {
  .insta-field__item {
    width: calc((100% - 20px) / 2);
  }
}

.insta-field__btn {
  width: 150px;
  display: block;
  background: #d83e4f;
  padding: 10px 0;
  border-radius: 6px;
  font-size: 0.9375rem;
  line-height: 1;
  color: #fff;
  text-align: center;
  margin: 0 auto 40px;
}

.insta-field__btn:hover {
  background-color: #c7283a;
  text-decoration: none;
  color: #fff;
}

@media screen and (max-width: 450px) {
  .insta-field__btn {
    font-size: 0.8125rem;
  }
}

.carshare_gmap img.wp-smiley,
.carshare_gmap img.emoji {
  display: inline !important;
  border: none !important;
  box-shadow: none !important;
  height: 1em !important;
  width: 1em !important;
  margin: 0 .07em !important;
  vertical-align: -0.1em !important;
  background: none !important;
  padding: 0 !important;
}

.carshare_gmap .station_map {
  width: 100%;
  min-height: 400px;
  padding-top: 45%;
  position: relative;
  margin: 0 auto;
}

.carshare_gmap #gmap_wrap {
  width: 100%;
  padding-top: 101%;
  position: relative;
  margin: auto;
  font-size: 12px;
  font-size: 0.75rem;
}

.carshare_gmap #gmap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  margin: 20px auto 0;
}

.carshare_gmap #gmap {
  *zoom: 1;
}

.carshare_gmap #gmap:before,
.carshare_gmap #gmap:after {
  content: "";
  display: table;
}

.carshare_gmap #gmap:after {
  clear: both;
}

.carshare_gmap .babble {
  padding: 10px 25px;
}

.carshare_gmap .babble h2 {
  font-size: 15px;
  font-size: 0.9375rem;
  letter-spacing: 0.05rem;
  font-weight: 600;
  line-height: 1;
  margin: 0;
}

.carshare_gmap .babble h3 {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1;
  margin: 10px 0 0;
}

.carshare_gmap .babble p {
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1;
  margin: 8px 0 0;
}

.carshare_gmap .babble a {
  color: #d83e4f;
  box-sizing: border-box;
}

/*---------------------------------------------------------
 *
 * Phone
 *
 *---------------------------------------------------------*/
@media (max-width: 768.98px) {
  .header__info {
    display: none;
  }
  .header__main {
    position: absolute;
    top: 0;
    left: 5px;
    z-index: 1030;
    width: calc(100% - 10px);
    height: 70px;
    background-color: #fff;
  }
  .header__main--bdr {
    border-bottom: 1px solid #e73e51;
  }
  .header__logo {
    display: flex;
    align-items: center;
    height: 70px;
    padding-right: 60px;
    margin: 0;
    font-size: 1rem;
  }
  .header__logo > a {
    width: 100%;
    max-width: 218px;
  }
  .header__logo img {
    width: 100%;
    max-width: 218px;
    vertical-align: top;
  }
  body.fixed .header__main {
    width: 100%;
    left: 0;
  }
}

@media (max-width: 1039.98px) {
  .header__houre {
    display: none;
  }
}

/*---------------------------------------------------------
 *
 * desktop
 *
 *---------------------------------------------------------*/
@media (min-width: 769px) {
  .header {
    position: fixed;
    left: 15px;
    top: 15px;
    width: calc(100% - (15px * 2));
    z-index: 500;
  }
  .header__main {
    min-height: 145px;
    height: 145px;
    padding-top: 55px;
    padding-bottom: 30px;
    background-color: #fff;
    transition: height 0.3s;
  }
  .header__main.affix {
    min-height: 100px;
    height: 100px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .header__main__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1010px;
    overflow: hidden;
  }
  .header__logo {
    max-width: 200px;
  }
  .header__houre {
    position: relative;
    margin-right: 10px;
  }
  .header__houre::before {
    position: absolute;
    content: '';
    display: block;
    height: 40px;
    width: 2px;
    background: #e73e51;
    position: absolute;
    left: -1;
    top: 42%;
    transform: translateY(-50%);
  }
  .header__houre > p {
    font-size: 0.625rem;
    padding-left: 8px;
    margin-bottom: 5px;
  }
  .header__menu__list {
    display: flex;
    justify-content: flex-end;
    margin: 0;
  }
  .header__menu__list > li {
    line-height: 1.1;
    position: relative;
  }
  .header__menu__list > li::before {
    content: '';
    display: block;
    height: 14px;
    width: 1px;
    background: #e73e51;
    position: absolute;
    left: -1;
    top: 50%;
    transform: translateY(-50%);
  }
  .header__menu__list > li:not(:last-of-type) a {
    padding-right: 8px;
  }
  .header__menu__list > li > a {
    display: inline-block;
    padding-left: 8px;
    font-size: 0.75rem;
    line-height: 1.979167;
    letter-spacing: 0.1em;
    font-weight: 300;
    color: #212529;
    letter-spacing: .1em;
    vertical-align: middle;
  }
  .header__menu__list > li > a:hover {
    opacity: .7;
    text-decoration: none;
  }
  .header__inner {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .header__en {
    min-width: 90px;
    font-family: "Dancing Script", cursive;
    font-size: 1.0625rem;
    color: #D83E4F;
    font-weight: 700;
    padding-top: 1em;
    margin-right: 5px;
  }
  .header__sns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1em;
    z-index: 1;
    margin-right: 5px;
  }
  .header_sns_icon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
  }
  .header__form {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse;
  }
  .header__form .gsc-control-cse {
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 5px;
  }
  .header__form .gsc-search-box {
    margin: 0;
    max-width: 340px;
  }
  .header__form .gsc-search-box-tools .gsc-search-box .gsc-input {
    max-height: 22px;
    padding-right: 0;
    width: 77px !important;
    transition: width .5s;
  }
  .header__form .gsc-search-box-tools .gsc-search-box .gsc-input::placeholder {
    font-size: 0.75rem;
    letter-spacing: 0;
  }
  .header__form .gsc-search-box-tools .gsc-search-box .gsc-input:focus {
    width: 200px !important;
  }
  .header__form td.gsc-input {
    text-align: right;
  }
  .header__form .gsc-search-button {
    margin: 0;
  }
  .header__form .cse .gsc-search-button-v2,
  .header__form .gsc-search-button-v2 {
    margin-left: 0;
  }
  .header__form .gsc-search-button-v2,
  .header__form .gsc-search-button-v2:hover,
  .header__form .gsc-search-button-v2:focus {
    padding: 5px;
    background-color: #ccc;
    border-color: #ccc;
    border-radius: 0;
  }
  .header__form .gsc-search-button-v2 svg {
    fill: #221815;
  }
  .header__form .gsib_a {
    padding-top: 0;
    padding-bottom: 0;
  }
  .header__form .gsib_a,
  .header__form .gsib_b,
  .header__form .gsst_b,
  .header__form .gsst_a {
    height: 25px;
  }
  .header__form .gsst_a {
    opacity: 0;
    display: block !important;
  }
  .header__form .gsst_a[style=""] {
    opacity: 1;
  }
}

@media (min-width: 920px) {
  .header__logo {
    min-width: 310px;
    margin-right: 10px;
  }
}

@media (min-width: 850px) {
  .header__logo {
    min-width: 250px;
  }
}

@media (min-width: 769px) {
  .header__form {
    min-height: 43px;
  }
  .header__form .gsib_a {
    height: 28px;
  }
  .header__form .gsib_a > input.gsc-input {
    position: relative;
    top: 9px;
    transform: translateY(-50%);
  }
  #gsc-iw-id1.gsc-input-box {
    padding: 0;
    border-radius: 0;
    display: inline-block;
    height: 27px;
    margin-bottom: -4px;
  }
}

.translation__btn {
  width: 70px;
  height: 25px;
  background-color: #D93348;
  color: #FFFFFF;
  display: block;
  font-size: 11px;
  margin-top: 15px;
  font-weight: 100;
  letter-spacing: 1px;
  border: none;
}

.translation__btn2 {
  text-align: center;
  width: 70px;
  height: 25px;
  background-color: #FFFFFF;
  color: #D93348;
  display: block;
  font-size: 11px;
  font-weight: 200;
  letter-spacing: 1px;
  border: none;
  padding-top: 3px;
  text-decoration: none;
}

/*---------------------------------------------------------
 *
 * Phone
 *
 *---------------------------------------------------------*/
@media (max-width: 768.98px) {
  .gnav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1080;
    width: 100vw;
    height: 100vh;
    visibility: hidden;
    background-color: #d83e4f;
    transition: visibility 0s ease .5s, transform .25s ease-out .25s;
    transform: translate3d(100%, 0, 0);
  }
  .gnav__pc, .gnav__child {
    display: none;
  }
  .gnav .container-fluid {
    padding-right: 0;
  }
  .gnav__sp__title {
    position: absolute;
    top: 70px;
    right: 15px;
    margin: 0;
    font-family: "Josefin Slab", serif;
    font-size: 0.8125rem;
    font-weight: 300;
    color: #fff;
    transform: rotateZ(90deg);
  }
  .gnav__sp__container {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    max-height: 100vh;
    padding-right: 60px;
    padding-bottom: 100px;
    overflow: auto;
  }
  .gnav__menu {
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px;
    margin: 0 -5px;
  }
  .gnav__menu > li {
    flex: 0 1 50%;
    max-width: 50%;
    padding: 5px;
    margin: 0;
  }
  .gnav__menu > li > a {
    position: relative;
    display: block;
    display: flex;
    align-items: center;
    height: 90px;
    background-color: #fff;
    border-radius: 6px;
  }
  .gnav__menu > li > a:hover {
    text-decoration: none;
    background-color: #f7d8dc;
  }
  .gnav__icon {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40%;
    max-width: calc(100% - 5em);
    height: 100%;
    padding-right: 2px;
    padding-left: 5px;
  }
  .gnav__title {
    flex: 0 1 60%;
    width: 60%;
    min-width: 5em;
    margin-left: auto;
  }
  .gnav__ja {
    margin-bottom: 2px;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.416;
  }
  .gnav__en {
    font-family: "Dancing Script", cursive;
    font-size: 0.625rem;
    font-weight: 900;
    line-height: 2;
  }
  .gnav__info {
    margin: 25px 0;
    border-bottom: 1px solid #fff;
  }
  .gnav__info li {
    margin: 0;
    border-top: 1px solid #fff;
  }
  .gnav__info a {
    display: block;
    padding: 1.35em 5px;
    font-size: 1rem;
    line-height: 1.1;
    color: #fff;
    background: url("../img/common/icons/icon_angle_right.svg") right center no-repeat;
    background-size: 9px 12px;
  }
  .gnav__sns {
    margin: 35px 0 35px 5px;
  }
  .gnav__sns > li {
    display: inline-block;
    margin-right: 25px;
    margin-top: 20px;
  }
  .gnav__sns > li:last-child{
    margin-right: 0;
  }
  .gnav[aria-expanded="true"],
  .recruit-gnav[aria-expaned="true"] {
    visibility: visible;
    transition: visibility 0s ease 0s, transform .25s ease-out .25s;
    transform: translate3d(0, 0, 0);
  }
}

/*---------------------------------------------------------
 *
 * desktop
 *
 *---------------------------------------------------------*/
@media (min-width: 769px) {
  .gnav {
    background-image: linear-gradient(-45deg, #d83e4f, #d83e4f 25%, #e47884 25%, #e47884 50%, #d83e4f 50%, #d83e4f 75%, #e47884 75%, #e47884);
    background-repeat: repeat;
    background-size: 4px 4px;
    position: relative;
    background-position: center bottom;
  }
  .gnav .container-fluid {
    max-width: 1010px;
  }
  .gnav--recruit {
    background: #fff;
    border-top: 1px solid #d83e4f;
    border-bottom: 1px solid #d83e4f;
  }
  .gnav__service {
    background: #BB0A2F;
    padding: 2rem 0;
    color: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
  }
  .gnav__service-header {
    display: flex;
  }
  .gnav__service-header__service {
    border: 1px solid #fff;
    padding: 0.5rem 1.25rem;
    font-size: 0.75rem;
    font-weight: bold;
  }
  .gnav__service-header__title {
    padding-left: 1.25rem;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    font-weight: bold;
  }
  .gnav__service-header__link {
    position: relative;
    color: #fff;
    font-size: 0.75rem;
    font-weight: bold;
    margin-right: 0;
    margin-left: auto;
    display: flex;
    align-items: center;
    padding-right: 1.5rem;
  }
  .gnav__service-header__link:hover {
    color: #fff;
  }
  .gnav__service-header__link--arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 0.9375rem;
    height: 0.9375rem;
  }
  .gnav__sp {
    display: none;
  }
  .gnav__pc {
    display: flex;
    justify-content: space-between;
    padding: 3px 0 0;
    margin: 0;
  }
  .gnav--recruit .gnav__pc {
    height: 75px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .gnav--recruit .gnav__pc > li {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0;
  }
  .gnav--recruit .gnav__pc__logo {
    justify-content: flex-start;
    flex: 1 1 30%;
    max-width: 30%;
    border-radius: 0;
    letter-spacing: 0.1em;
    position: relative;
  }
  .gnav--recruit .gnav__pc__logo.current > a {
    background-color: inherit;
  }
  .gnav--recruit .gnav__pc__logo.current::before {
    display: block;
    content: "";
    width: 24px;
    height: 14px;
    position: absolute;
    bottom: -10px;
    left: 50px;
    background: url(../img/recruit/illust_car.svg) no-repeat;
  }
  .gnav--recruit .gnav__pc__logo > a {
    display: flex;
    justify-content: start;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 0;
    color: #595757;
    background-color: transparent;
    font-weight: 700;
    transition: 0.4s;
  }
  .gnav--recruit .gnav__pc__logo > a:hover {
    opacity: 0.7;
  }
  .gnav--recruit .gnav__pc__link {
    justify-content: center;
    flex: 1 1 23%;
    max-width: 23%;
    width: 100%;
    border-radius: 0;
    position: relative;
  }
  .gnav--recruit .gnav__pc__link.current > a {
    background-color: inherit;
  }
  .gnav--recruit .gnav__pc__link.current::before {
    display: block;
    content: "";
    width: 24px;
    height: 14px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    background: url(../img/recruit/illust_car.svg) no-repeat;
  }
  .gnav--recruit .gnav__pc__link > a {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 0;
    color: #595757;
    font-weight: 700;
    transition: 0.4s;
    padding: 0;
  }
  .gnav--recruit .gnav__pc__link > a:hover {
    opacity: 0.7;
  }
  .gnav--recruit .gnav__pc__entry {
    justify-content: center;
    flex: 1 0 23%;
    max-width: parcentage(2/10);
    width: 100%;
    font-weight: 700;
    border-radius: 0;
  }

  .gnav--recruit .gnav__pc__entry._active > a{
    background-color: #e73e51;
  }

  .gnav--recruit .gnav__pc__entry._not-active > a{
    background-color: #000;
    opacity: 0.3;
  }

  .gnav--recruit .gnav__pc__entry > a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 0;
    color: #fff;
    transition: 0.4s;
  }
  .gnav--recruit .gnav__pc__entry._active > a:hover {
    opacity: 0.3;
  }

  .gnav--recruit .gnav__pc__entry > a:hover {
    background-color: #d83e4f;
  }
  .gnav--recruit .gnav__pc__entry > p {
    opacity: 0.3;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 0;
    background-color: #000;
    color: #fff;
    transition: 0.4s;
    margin-bottom: 0;
  }
  .gnav__pc > li {
    flex: 0 1 12.5%;
    max-width: 12.5%;
    padding: 3px 0 6px 6px;
    margin: 0;
  }
  .gnav__pc > li:first-child {
    padding-left: 0;
  }
  .gnav__pc > li > a {
    display: block;
    padding: 4px 0;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
  }
  .gnav__pc > li > a:hover {
    text-decoration: none;
  }
  .gnav__pc > .active {
    padding-bottom: 0;
  }
  .gnav__pc > .active > a {
    border-bottom: 6px solid #fff;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .gnav__pc > .current > a {
    background-color: #f7d8dc;
  }
  .gnav__ja {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.38em;
    font-size: 0.75rem;
    line-height: 1.294118;
    letter-spacing: 0.1em;
    font-weight: 500;
    margin-bottom: 3px;
  }
  .gnav--recruit .gnav__ja {
    font-size: 0.875rem;
  }
  .gnav__en {
    display: block;
    font-family: "Dancing Script", cursive;
    font-size: 0.6875rem;
    line-height: 1.665;
    font-weight: 700;
    letter-spacing: 0;
  }
  .gnav--recruit .gnav__en {
    font-size: 1rem;
    letter-spacing: 0.08em;
    color: #dc263f;
  }
  .gnav__child {
    background-image: linear-gradient(-45deg, #d83e4f, #d83e4f 25%, #e47884 25%, #e47884 50%, #d83e4f 50%, #d83e4f 75%, #e47884 75%, #e47884);
    background-repeat: repeat;
    background-size: 4px 4px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 0 0 3px;
    background-position: center top;
  }
  .gnav__child__block {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
    background-color: #fff;
    border-radius: 10px;
  }
  .gnav__child__block--last {
    border-top-right-radius: 0;
  }
  .gnav__child__title {
    flex: 0 0 180px;
    max-width: 180px;
    padding-left: 25px;
  }
  .gnav__child__title a {
    color: #212529;
  }
  .gnav__child__title a:hover {
    color: #a82231;
    text-decoration: none;
  }
  .gnav__child__en {
    display: block;
    font-family: "Dancing Script", cursive;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.1428;
    color: #595757;
  }
  .gnav__child__ja {
    font-size: 0.6875rem;
    font-weight: 300;
  }
  .gnav__child__body {
    flex: 0 1 100%;
    padding: 20px 30px 10px;
  }
  .gnav__child__menu {
    font-size: 0.875rem;
    font-weight: 300;
  }
  .gnav__child__menu > li {
    margin-bottom: 10px;
  }
  .gnav__child__menu > li > a {
    position: relative;
    padding-left: 12px;
    color: #212529;
  }
  .gnav__child__menu > li > a:before {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -3px;
    content: "";
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #d83e4f;
  }
  .gnav__archive {
    display: flex;
    padding-right: 5px;
    padding-bottom: 20px;
    margin: 0;
    margin-top: -10px;
  }
  .gnav__archive > li {
    max-width: 25%;
    padding: 0 4px;
    margin: 0;
    margin-top: 10px;
    width: 100%;
  }
  .gnav__archive a {
    display: block;
    color: #212529;
  }
  .gnav__archive__image {
    padding-top: 70%;
    background-color: #efefef;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 10px;
  }
  .gnav__archive__title {
    margin-top: 5px;
    font-size: 0.875rem;
    font-weight: 300;
  }
  .gnav__archive .gnav__child__menu {
    margin-left: 30px;
  }
  .gnav__area {
    display: flex;
  }
  .gnav__area__title {
    flex: 0 0 8em;
    max-width: 8em;
    margin: 0;
    font-size: 0.875rem;
    font-weight: 300;
  }
  .gnav__area__list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    font-size: 1rem;
    font-weight: 500;
  }
  .gnav__area__list > li {
    flex: 0 1 23%;
    max-width: 23%;
    margin-bottom: 15px;
  }
  .gnav__area__list > li > a {
    position: relative;
    padding-left: 12px;
  }
  .gnav__area__list > li > a:before {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -3px;
    content: "";
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #d83e4f;
  }
  .gnav .u-car--current {
    position: relative;
  }
  .gnav .u-car--current #current-car {
    font-size: 1.3vw;
    bottom: 29%;
  }
  .gnav .u-car--current #new-car {
    font-size: 1.3vw;
    bottom: 29%;
  }
}

@media (min-width: 850px) {
  .gnav .u-car--current #current-car {
    bottom: 26%;
  }
  .gnav .u-car--current #new-car {
    bottom: 26%;
  }
}

@media (min-width: 950px) {
  .gnav .u-car--current #current-car {
    bottom: 24%;
    font-size: 1.5vw;
  }
  .gnav .u-car--current #new-car {
    bottom: 24%;
    font-size: 1.5vw;
  }
}

.gnav__archive.gnav__archive_row2 {
  flex-wrap: wrap;
  max-width: 650px;
  width: 100%;
}

.gnav__archive.gnav__archive_row2 + ul {
  flex-shrink: 1;
  max-width: 140px;
  width: 100%;
}

.gnav__archive.gnav__archive_row2 > li {
  max-width: 33%;
  padding: 0 4px;
  margin: 0;
  width: 100%;
}

.gnav__row2 {
  display: flex;
}

.gnav__row2 .gnav__archive {
  flex-wrap: wrap;
  width: 100%;
}

.gnav__row2__list {
  position: relative;
  list-style: none;
  padding: 5px 15px;
}

.gnav__row2__list::before {
  content: '';
  display: block;
  position: absolute;
  top: 60%;
  left: 0;
  transform: translateY(-50%);
  width: 6px;
  height: 9px;
  border-top: 4.5px solid transparent;
  border-left: 6px solid #000;
  border-bottom: 4.5px solid transparent;
}

.gnav__row2__list > a {
  color: #000;
  font-size: 0.875rem;
}

@media (min-width: 1040px) {
  .home .gnav__ja {
    font-size: 1.0625rem;
  }
  .home .gnav__en {
    font-size: 0.875rem;
  }
  .gnav .u-car--current #current-car {
    bottom: 21%;
    font-size: 1rem;
  }
  .gnav .u-car--current #new-car {
    bottom: 21%;
    font-size: 1rem;
  }
}

body {
  width: 100%;
}

.breadcrumb li {
  font-size: 0.75rem;
  color: #999;
}

.breadcrumb a {
  color: #999;
  text-decoration: underline;
}

.breadcrumb a:hover {
  color: #a82231;
  text-decoration: none;
}

.recruit-breadcrumb {
  display: none;
  background-image: linear-gradient(-45deg, #d83e4f, #d83e4f 40%, #e47884 40%, #e47884 50%, #d83e4f 50%, #d83e4f 90%, #e47884 90%, #e47884);
  background-repeat: repeat;
  background-size: 5px 5px;
  position: relative;
  background-position: center bottom;
}

.recruit-breadcrumb__list {
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  padding: 4px 15px;
  margin-bottom: 0;
}

.recruit-breadcrumb__list > li:not(:first-child)::before {
  content: ">";
  margin-left: 4px;
  margin-right: 8px;
  text-decoration: none !important;
  color: #fff;
}

.recruit-breadcrumb__list > li > a {
  color: #fff;
  text-decoration: underline;
}

.recruit-breadcrumb__list > li > a:hover {
  opacity: 0.7;
}

.recruit-breadcrumb__list > li > span {
  color: #fff;
}

@media (min-width: 769px) {
  .recruit-breadcrumb {
    display: block;
  }
}

@media (max-width: 364.98px) {
  .breadcrumb {
    flex-wrap: nowrap;
    padding: .5rem 0;
    overflow: auto;
  }
  .breadcrumb li {
    flex: 0 0 auto;
  }
}

.container.carshare-btn .btn {
  display: none;
}

@media (min-width: 769px) {
  .container.carshare-btn {
    display: flex;
    justify-content: space-between;
  }
  .container.carshare-btn .breadcrumb {
    width: 100%;
  }
  .container.carshare-btn .btn {
    width: 100%;
    max-width: 230px;
    height: 40px;
    min-width: initial;
    margin-top: 5px;
    display: inline-flex;
    color: white;
    position: relative;
    align-items: center;
  }
  .container.carshare-btn .btn:hover {
    text-decoration: none;
  }
  .container.carshare-btn .btn::before, .container.carshare-btn .btn::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .container.carshare-btn .btn::before {
    position: static;
    display: inline-block;
    background: url("../img/common/icons/ico-key.svg") center center no-repeat;
    width: 20px;
    height: 12px;
    transform: none;
    margin-right: 7px;
  }
  .container.carshare-btn .btn::after {
    background: url("../img/common/icons/icon_blank_white.svg") center center no-repeat;
    background-size: 14px 10px;
    width: 14px;
    height: 10px;
    right: 10px;
  }
}

.side-menu {
  margin-bottom: 55px;
}

.side-menu.top {
  margin-bottom: 0;
}

.side-menu__item {
  display: flex;
  align-items: center;
  height: 105px;
  padding: 0 30px 0 10px;
  margin-bottom: 10px;
  color: #212529;
  background: url("https://www.daihatsu-hiroshima.co.jp/assets/img/common/icons/icon_circle_arrow_right.svg") right 10px center no-repeat;
  background-size: 18px 18px;
  border: 1px solid #ccc;
  border-radius: 0.35rem;
}

.side-menu__item:hover {
  color: #212529;
  text-decoration: none;
  background-color: #f7d8dc;
}

.side-menu__icon {
  flex: 0 0 54px;
  max-width: 54px;
  text-align: center;
}

.side-menu__title {
  flex: 0 1 auto;
  padding-left: 8px;
  margin: 0;
}

.side-menu__ja {
  font-style: italic;
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1.4;
  transform: rotate(0.25deg);
}

.side-menu__en {
  display: block;
  font-family: "Josefin Slab", serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.side-calendar {
  margin-bottom: 20px;
}

.side-calendar__title {
  margin-bottom: 20px;
  font-size: 0.875rem;
}

.side-calendar__carousel .carousel-control-prev,
.side-calendar__carousel .carousel-control-next {
  bottom: inherit;
  width: auto;
}

.side-time {
  margin-bottom: 5px;
}

.side-note {
  font-size: 0.75rem;
}

.side-slide {
  width: 238px;
  margin-bottom: 10px;
}

.sub-slide img {
  flex: 100%;
}

@media (max-width: 768.98px) {
  .side-slide {
    width: 70%;
    margin: 0 auto;
  }
  .side-calendar {
    max-width: 238px;
    padding-top: 20px;
    margin: 0 auto;
  }
  .side-time {
    max-width: 238px;
    margin-right: auto;
    margin-left: auto;
    font-size: 0.9375rem;
  }
  .side-note {
    max-width: 238px;
    margin-right: auto;
    margin-left: auto;
    font-size: 0.625rem;
  }
  .side-bnrs {
    padding-top: 5px;
    background-color: #fff;
  }
  .side-bnrs img {
    display: block;
    margin: 0 auto 5px;
  }
}

@media (min-width: 769px) {
  .side-grid {
    display: flex;
    justify-content: space-between;
  }
  .side-grid .side-menu.top {
    flex: 0 1 100%;
    max-width: 714px;
    padding-right: 20px;
  }
  .side-grid .side-menu__item.top {
    height: 140px;
    margin-bottom: 16px;
    background-position: right 20px center;
    background-size: 28px 28px;
  }
  .side-grid .side-menu__ja.top {
    font-size: 1.75rem;
  }
  .side-grid .side-menu__en.top {
    font-size: 0.9375rem;
  }
  .side-grid .side-menu__icon.top {
    flex-basis: 120px;
    max-width: 120px;
  }
  .side-grid .side-menu__icon-webstore {
    width: 50px;
    height: auto;
  }
  .side-grid .side-menu__icon-shops {
    width: 33px;
    height: auto;
  }
  .side-grid .side-menu__icon-car {
    width: 62px;
    height: auto;
  }
  .side-grid .side-menu__icon-service {
    width: 50px;
    height: auto;
  }
  .side-grid .side-menu__icon-insurance {
    width: 58px;
    height: auto;
  }
  .side-grid .side-menu__contact {
    margin-bottom: 0px;
  }
  .side-grid .side-schedule {
    flex: 0 0 238px;
    max-width: 238px;
  }
}

@media (min-width: 1040px) {
  .side-grid .side-menu__ja.top {
    font-size: 2rem;
  }
  .side-grid .side-menu__en.top {
    font-size: 1.125rem;
  }
}

.footer .container {
  position: relative;
}

.footer_sns_icon {
  width: 15px;
  margin-right: 5px;
}

/*---------------------------------------------------------
 *
 * Phone
 *
 *---------------------------------------------------------*/
@media (max-width: 768.98px) {
  .footer {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 110px;
    background-color: #efefef;
  }
  .footer__nav {
    margin: 0;
  }
  .footer__nav > li {
    position: relative;
    border-bottom: 1px solid #ccc;
  }
  .footer__nav > li > a {
    display: block;
    font-size: 1.125rem;
    line-height: 58px;
    color: #212529;
  }
  .footer__nav--info {
    display: flex;
    flex-wrap: wrap;
    margin: 40px 0 10px;
  }
  .footer__nav--info > li {
    display: inline-block;
    flex: 0 1 60%;
    max-width: 60%;
    margin-bottom: 30px;
    border-bottom: none;
  }
  .footer__nav--info > li:nth-child(2n) {
    flex: 0 1 40%;
    max-width: 40%;
  }
  .footer__nav--info > li > a {
    padding-left: 11px;
    font-size: 1rem;
    line-height: 1.5;
  }
  .footer__nav--info > li > a:before {
    position: absolute;
    top: 7px;
    left: 0;
    content: "";
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #212529;
  }
  .footer__nav--social > li {
    border-bottom: none;
    padding-right: 0;
    padding-left: 0;
  }
  .footer__nav--social .footer__child-nav > li > a {
    padding-left: 0;
    margin-bottom: 10px;
    font-size: 1rem;
  }
  .footer__nav--social .footer__child-nav img, .footer__nav--social .footer__child-nav svg {
    width: 24px;
    margin-right: 10px;
  }
  .footer__nav--social .footer__child-nav .btn-bnr > img {
    width: 100%;
    max-width: 205px;
    margin-right: 0;
  }
  .footer__collapse {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 58px;
    padding: 0;
    padding-right: 5px;
    text-align: right;
    background: none;
    border: none;
  }
  .footer__collapse:focus {
    outline: none;
  }
  .footer__collapse[aria-expanded="true"] .icon-caret-down {
    transform: rotateZ(180deg);
  }
  .footer__child-nav > li {
    margin-bottom: 0;
  }
  .footer__child-nav > li > a {
    display: block;
    padding-left: 1.25em;
    font-size: 1.125rem;
    line-height: 50px;
    color: #212529;
  }
  .footer__bottom {
    margin: 0;
    font-size: 0.625rem;
    line-height: 1.8;
  }
  .footer__copyright {
    display: block;
    font-size: 0.625rem;
    font-weight: 300;
  }
}

/*---------------------------------------------------------
 *
 * desktop
 *
 *---------------------------------------------------------*/
@media (min-width: 769px) {
  .footer {
    padding-top: 50px;
    margin-top: 170px;
    background-color: #efefef;
  }
  .footer a {
    font-size: 0.75rem;
    line-height: 2;
    letter-spacing: 0.09em;
    font-weight: 300;
    color: #212529;
    text-decoration: underline;
  }
  .footer a:hover {
    opacity: .7;
  }
  .footer__top {
    display: flex;
    justify-content: space-between;
  }
  .footer__col:nth-child(1) {
    width: 19.5%;
  }
  .footer__col:nth-child(2) {
    width: 16.2%;
  }
  .footer__col:nth-child(3) {
    width: 18.4%;
  }
  .footer__col:nth-child(4) {
    width: 14%;
  }
  .footer__col:nth-child(5) {
    width: 17.6%;
  }
  .footer__nav {
    font-size: 0.6875rem;
    font-weight: 500;
    line-height: 2;
  }
  .footer__nav > li {
    margin-bottom: 2em;
  }
  .footer__nav > li > a {
    display: inline-block;
    font-size: 0.78125rem;
    line-height: 3.34;
    letter-spacing: 0.09em;
    font-weight: 400;
    color: #221815;
  }
  .footer__nav > li.my-md-0 > a {
    line-height: 2;
  }
  .footer__child-nav {
    font-size: 0.6875rem;
    font-weight: 300;
    line-height: 2;
  }
  .footer__child-nav.collapse:not(.show) {
    display: block;
  }
  .footer__child-nav > li {
    margin-left: 10px;
    text-indent: -10px;
  }
  .footer__child-nav > li:before {
    content: "・";
  }
  .footer__nav--social .footer__child-nav > li {
    margin: 8px 0;
    text-indent: 0;
  }
  .footer__nav--social .footer__child-nav > li img {
    border-radius: 6px;
  }
  .footer__nav--social .footer__child-nav > li:before {
    display: none;
  }
  .footer__nav--social .footer__child-nav > li > a:after {
    display: none;
  }
  .footer__collapse {
    display: none;
  }
  .footer__bottom {
    padding: 80px 0 30px;
    margin: 0;
    font-size: 0.625rem;
    line-height: 1.8;
    text-align: center;
  }
  .footer__copyright {
    display: block;
    font-size: 0.625rem;
    font-weight: 300;
  }
}

@media (min-width: 1040px) {
  .footer__col:not(:last-child) {
    margin-right: 36px;
  }
  .footer__nav {
    font-size: 0.8125rem;
  }
  .footer__child-nav {
    font-size: 0.8125rem;
  }
}

.fixed-bnr {
  position: fixed;
  right: 40px;
  bottom: 40px;
  z-index: 1029;
  display: block;
  display: none;
}

.fixed-bnr__item {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 3px 3px 10px rgba(2, 2, 2, 0.6);
}

.fixed-bnr__item:hover {
  opacity: 0.7;
}

.fixed-bnr__image {
  width: 248px;
  height: 152px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.fixed-bnr__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: .25em 0;
  margin: 0;
  font-size: 0.75rem;
  font-weight: 500;
  color: #fff;
  text-align: center;
  background-color: #d83e4f;
}

.fixed-bnr__close {
  position: absolute;
  top: -17px;
  right: 2px;
  z-index: 2;
  padding: 0;
  margin-right: -18px;
  background: none;
  border: none;
  outline: none;
}

.fixed-bnr__close:focus {
  outline: none;
}

@media (max-width: 768.98px) {
  .fixed-bnr {
    right: 30px;
    bottom: 100px;
  }
  .fixed-bnr__image {
    width: 140px;
    height: 85.8px;
  }
  .fixed-bnr__title {
    font-size: 0.625rem;
  }
  .fixed-bnr__close {
    top: -14px;
    right: 7px;
    width: 22px;
  }
}

@media (max-width: 768.98px) {
  .fixed-sp-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1030;
    display: flex;
    width: 100%;
    height: 85px;
    background-color: #d83e4f;
  }
  .fixed-sp-menu a {
    display: block;
    flex: 0 1 25%;
    max-width: 25%;
    font-size: 0.6875rem;
    font-weight: 500;
    color: #fff;
    text-align: center;
    border-left: 1px solid #fff;
  }
  .fixed-sp-menu a:first-child {
    border-left: none;
  }
  .fixed-sp-menu__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    padding-top: 5px;
  }
  .fixed-sp-menu__title {
    margin: 0;
  }
}

@media (min-width: 769px) {
  .fixed-sp-menu {
    display: none;
  }
}

.fixed-bnr.-qr {
  bottom: 200px;
}

@media (min-width: 576px) {
  .fixed-bnr.-qr {
    bottom: 220px;
  }
}

.page-container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.page-full {
  width: 100%;
}

.page-full-width {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
}

@media (max-width: 768.98px) {
  .page-side {
    display: none;
  }
}

@media (min-width: 769px) {
  .page-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

@media (min-width: 769px) and (min-width: 576px) {
  .page-container {
    max-width: 540px;
  }
}

@media (min-width: 769px) and (min-width: 769px) {
  .page-container {
    max-width: 720px;
  }
}

@media (min-width: 769px) and (min-width: 1040px) {
  .page-container {
    max-width: 1010px;
  }
}

@media (min-width: 769px) {
  .page-container > .heading-page {
    flex: 0 1 100%;
  }
  .page-main {
    flex: 0 1 100%;
    max-width: calc(100% - 286px);
  }
  .page-side {
    flex: 0 0 238px;
    max-width: 238px;
  }
}

.page-hidden-scroll {
  overflow: hidden scroll;
}

img[src=""] {
  display: none;
}

.card {
  display: flex;
  flex-direction: column;
}

.card p {
  margin-bottom: 0;
}

.card__wrapper {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
}

.card__wrapper:hover {
  text-decoration: none;
  color: inherit;
  opacity: 0.7;
}

.card__title {
  line-height: 1.5;
  margin-bottom: 0;
  font-size: 0.875rem;
  margin-top: 8.5px;
  padding-bottom: 8.5px;
}

.card__title.-underline {
  border-bottom: 1px solid #ccc;
}

.card__text {
  margin-top: 9px;
  line-height: 1.428571;
  font-size: 0.875rem;
}

.card__img {
  margin: 0;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding-top: 100%;
  height: 0;
}

.card__date {
  line-height: 1;
  font-size: 0.75rem;
  margin-top: 17px;
  color: #e73e51;
}

.card__footer {
  margin-top: auto;
}

/**
サービスの下層の設定
 */
.service_lower--text {
  letter-spacing: 0.07em;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.75;
  margin-bottom: 34px;
  margin-top: -6px;
}

@media (min-width: 576px) {
  .service_lower--text {
    margin-top: -7.5px;
    font-size: 0.9375rem;
    line-height: 2;
    margin-bottom: 42.5px;
  }
}

@media (min-width: 769px) {
  .service_lower--text {
    margin-top: -6px;
    margin-bottom: 34px;
    line-height: 1.75;
    font-size: 1rem;
  }
}

@media (min-width: 1040px) {
  .service_lower--text {
    margin-top: -7.5px;
    line-height: 2;
    font-size: 0.9375rem;
    margin-bottom: 42.5px;
  }
}

.service_lower--heading {
  position: relative;
}

.service_lower--heading::before {
  content: '';
  display: block;
  padding-top: 36.119403%;
}

@media (min-width: 576px) {
  .service_lower--heading::before {
    padding-top: 36.023055%;
  }
}

@media (min-width: 769px) {
  .service_lower--heading::before {
    padding-top: 36.119403%;
  }
}

@media (min-width: 1040px) {
  .service_lower--heading::before {
    padding-top: 36.023055%;
  }
}

.service_lower--heading .img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.service_lower--body {
  margin-top: 40px;
}

@media (min-width: 576px) {
  .service_lower--body {
    margin-top: 110px;
  }
}

@media (min-width: 769px) {
  .service_lower--body {
    margin-top: 40px;
  }
}

@media (min-width: 1040px) {
  .service_lower--body {
    margin-top: 110px;
  }
}

.service_lower--container {
  margin-top: 40px;
}

@media (min-width: 576px) {
  .service_lower--container {
    margin-top: 80px;
  }
}

@media (min-width: 769px) {
  .service_lower--container {
    margin-top: 40px;
  }
}

@media (min-width: 1040px) {
  .service_lower--container {
    margin-top: 80px;
  }
}

.versatility-contents {
  padding-top: 40px;
  margin-top: 40px;
  margin-bottom: 80px;
  border-top: 1px solid #CCCCCC;
}

@media (min-width: 1040px) {
  .versatility-contents {
    margin-bottom: 100px;
  }
}

.versatility-contents__inner {
  padding: 40px 20px;
  background-color: rgba(216, 62, 79, 0.05);
}

.versatility-btn {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-top: -20px;
  margin-bottom: 0;
}

@media (min-width: 1040px) {
  .versatility-btn {
    margin-right: -12px;
  }
}

.versatility-btn__item {
  width: 100%;
  margin-top: 20px;
}

@media (min-width: 1040px) {
  .versatility-btn__item {
    width: calc(33.33% - 12px);
    margin-right: 12px;
  }
}

.versatility-btn__link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 23px 10px;
  color: #212529;
  font-size: 16px;
  text-align: center;
  background: #fff;
  box-shadow: 0 2px 6px #f1d9dc, 0 2px 6px #f1d9dc;
  transition: box-shadow .3s;
}

.versatility-btn__link::before {
  position: absolute;
  right: 10px;
  display: block;
  width: 14px;
  height: 14px;
  content: '';
  background-image: url(/assets/img/common/btn_calendar_right.svg);
  background-position: center;
  background-size: cover;
}

.versatility-btn__link:hover {
  color: #212529;
  text-decoration: none;
  box-shadow: 0 2px 6px transparent, 0 2px 6px transparent;
}

@media (min-width: 1040px) {
  .versatility-btn__link {
    padding: 0 10px;
    height: 70px;
  }
}

.versatility .hidden {
  display: none;
}

@media (min-width: 1040px) {
  .versatility .sm-block {
    display: block;
  }
}

.home .section {
  margin-bottom: 80px;
}

@media (min-width: 576px) {
  .home .section.infomation {
    margin-top: 80px;
  }
}

.home-next {
  margin: 40px 0 64px;
  text-align: center;
}

.home .insta_txt {
  padding-right: 12px;
}

.hidden {
  visibility: hidden;
}

@media (max-width: 768.98px) {
  .home .archive-list-more:not(.active) + .blog-list > li:nth-child(4) ~ li {
    height: 0;
    padding: 0;
    margin: 0;
    visibility: hidden;
    border: none;
    opacity: 0;
    transition: visibility 0s ease .5s, opacity .25s ease-out .25s;
  }
  .home .info-list {
    max-width: 386px;
    margin: 0 auto;
  }
  .home .info-list--fluid {
    width: 100%;
    max-width: 388px;
    margin: 0 auto;
  }
  .archive-list-more {
    font-size: 0.8125rem;
    letter-spacing: 0.09em;
    font-weight: 300;
  }
}

@media (min-width: 769px) {
  .home {
    padding-top: 0;
  }
  .home .header {
    position: static;
    width: 100%;
    height: auto;
  }
  .home .header__main:not(.affix) {
    padding-top: 40px;
  }
  .home .header__main.affix {
    position: fixed;
    top: 15px;
    left: 15px;
    z-index: 1030;
    width: calc(100% - 30px);
    height: 100px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .home .header__main.affix + .home-slide {
    padding-top: 100px;
  }
  .home .section {
    margin-bottom: 110px;
  }
  .home .home-blog {
    margin-top: 110px;
  }
  .home .blog-list__item .blog-list__image {
    margin: -4px -18px -12px -12px;
    background-size: cover;
    width: calc(100% + 24px);
    padding-top: calc(100% + 4px);
    margin-bottom: 20px;
  }
  .home .blog-list__rank {
    font-size: 0.6875rem;
    line-height: 1;
    letter-spacing: 0.07em;
    font-weight: 700;
  }
  .home .blog-list__rank img {
    vertical-align: bottom;
    margin-right: 5px;
  }
  .home .archive-list-more {
    display: none;
  }
  .home .gnav__pc > li {
    flex-basis: 14.285714%;
    max-width: 14.285714%;
  }
  .home .gnav__pc > li > a {
    position: relative;
    padding: 35px 0 20px;
  }
  .home .gnav__pc > li > a:before {
    position: absolute;
    top: 15px;
    left: 50%;
    width: 5px;
    height: 5px;
    margin-left: -2px;
    content: "";
    background-color: #d83e4f;
    border-radius: 100%;
  }
  .home.affix .gnav {
    position: fixed;
    top: 115px;
    left: 15px;
    z-index: 1029;
    width: calc(100% - 30px);
    height: 76px;
  }
  .home.affix .gnav__ja {
    font-size: 0.8125rem;
    line-height: 1.153846;
    letter-spacing: 0.1em;
    font-weight: 500;
    margin-bottom: 0;
  }
  .home.affix .gnav__en {
    font-size: 0.875rem;
    line-height: 1.665;
    font-weight: 700;
    letter-spacing: 0;
  }
  .home.affix .gnav__pc > li > a {
    height: 64px;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .home.affix .gnav__pc > li > a:before {
    width: 0;
    height: 0;
  }
  .home .infomation .lazyloaded,
  .home .corporate .lazyloaded {
    border-radius: 10px;
  }
}

@media (min-width: 1040px) {
  .home .blog-list > li {
    flex: 0 1 25%;
    max-width: calc(25% - 7.5px);
  }
  .home .blog-list > li:nth-child(2n-1) {
    margin-left: 10px;
  }
  .home .blog-list > li:nth-child(3n-2) {
    margin-left: 10px;
  }
  .home .blog-list > li:nth-child(4n-3) {
    margin-left: 0;
  }
}

@media (min-width: 769px) {
  .home .gnav__pc > .active {
    padding: 3px 0 6px 6px;
  }
  .home .gnav__pc > li a {
    border-radius: 10px;
    border-bottom: none;
  }
  .home .gnav__pc > li.active:first-child {
    padding: 3px 0 6px 0px;
  }
}

@media (max-width: 364.98px) {
  .home .insta_txt {
    padding-right: 7px;
  }
}

a[data-position="relative"] {
  position: relative;
  display: block;
  transition: opacity 0.4s;
}

a[data-position="relative"]:hover #current-car, a[data-position="relative"]:hover #new-car {
  opacity: 0.7;
}

a[data-position="relative"] #current-car, a[data-position="relative"] #new-car {
  position: absolute;
  bottom: 18%;
  font-size: 1rem;
}

@media (min-width: 769px) {
  a[data-position="relative"] #current-car, a[data-position="relative"] #new-car {
    font-size: 0.8125rem;
    bottom: 22%;
  }
}

@media (min-width: 1040px) {
  a[data-position="relative"] #current-car, a[data-position="relative"] #new-car {
    bottom: 20%;
    font-size: 1.1875rem;
  }
}

@media (min-width: 1040px) {
  a[data-position="relative"] #current-car {
    right: 44%;
  }
}

@media (min-width: 769px) {
  a[data-position="relative"] #new-car {
    right: -1%;
  }
}

a[data-position="relative"] #new-car[date-station="irino"] {
  right: 6%;
  bottom: 17%;
}

@media (min-width: 769px) {
  a[data-position="relative"] #new-car[date-station="irino"] {
    bottom: 33%;
  }
}

@media (min-width: 1040px) {
  a[data-position="relative"] #new-car[date-station="irino"] {
    bottom: 18%;
  }
}

.shop-single .section {
  margin-bottom: 110px;
}

.shop-single .section.shop-syoudan{
  margin-bottom: 0;
}

.shop-single .section.shop-testride {
  padding-top: 110px;
}

.shop-title {
  padding: .75em 0 .5em;
  margin-bottom: 28px;
  font-size: 1.875rem;
  font-weight: 300;
  line-height: 1.8;
  color: #d83e4f;
  text-align: center;
  border-top: 3px solid #d83e4f;
  border-bottom: 3px solid #d83e4f;
}

.shop-title__inner {
  display: inline-block;
}

.shop-title__inner br {
  display: none;
}

@media (max-width: 480px) {
  .shop-title__inner br {
    display: block;
  }
}

.shop-title [data-ruby] {
  position: relative;
}

.shop-title [data-ruby]::before {
  position: absolute;
  top: -1em;
  right: 0;
  left: 0;
  margin: auto;
  font-size: .5em;
  white-space: nowrap;
  content: attr(data-ruby);
}

.shop-title rt {
  display: none;
}

.shop-address {
  margin-bottom: 30px;
  font-size: 0.875rem;
  font-weight: 300;
}

.shop-address dt {
  float: left;
  width: 5em;
  font-weight: 300;
}

.shop-address dd {
  margin-bottom: 1em;
  overflow: hidden;
}

.shop-address address {
  margin: 0;
}

.shop-icons {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -7px;
  font-size: 0.6875rem;
  line-height: 1.3636;
}

.shop-icons > li {
  flex: 0 1 16.666667%;
  max-width: 16.666667%;
  padding: 0 7px;
  margin-bottom: 20px;
  text-align: center;
}

.shop-icons img {
  display: block;
  margin: 0 auto 5px;
}

.shop-gallery {
  margin-bottom: 60px;
}

.shop-gallery .carousel {
  display: flex;
  flex-direction: column-reverse;
}

.shop-gallery .carousel-indicators {
  position: static;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding-top: 2px;
  margin: 0;
}

.shop-gallery .carousel-indicators li {
  box-sizing: border-box;
  flex: 0 1 25%;
  width: 100%;
  max-width: 25%;
  height: auto;
  max-height: 140px;
  padding: 1px;
  margin: 0;
  text-indent: 0;
  background: #fff;
  border: none;
  opacity: 1;
}

.shop-gallery .carousel-indicators li.active {
  opacity: 0.6;
  transition: 0.4s;
}

.shop-gallery .carousel-indicators.active {
  opacity: .3;
}

.shop-gallery .position-relative {
  height: 100%;
}

.shop-gallery .carousel-control-prev {
  left: -5px;
  justify-content: flex-start;
}

.shop-gallery .carousel-control-next {
  right: -5px;
  justify-content: flex-end;
}

.shop-banner {
  display: block;
  margin-bottom: 40px;
  transition: .3s;
}

.shop-online__list {
  display: flex;
  margin-right: -22px;
}

@media (max-width: 1039.98px) {
  .shop-online__list {
    flex-direction: column;
    margin-right: 0;
    margin-top: -30px;
  }
}

.shop-online__item {
  width: calc(50% - 22px);
  margin-right: 22px;
}

@media (max-width: 1039.98px) {
  .shop-online__item {
    width: 100%;
    margin-right: 0;
    margin-top: 30px;
  }
}

.shop-online__img {
  transition: .3s;
}

.shop-landmark {
  display: flex;
  flex-wrap: wrap;
  margin-right: -50px;
}

@media (max-width: 1039.98px) {
  .shop-landmark {
    display: block;
    margin-right: 0;
  }
}

.shop-landmark__item {
  width: 50%;
  padding-right: 50px;
}

@media (max-width: 1039.98px) {
  .shop-landmark__item {
    width: 100%;
    margin-right: 0;
  }
}

.shop-landmark__title {
  font-size: 1rem;
}

.shop-landmark__text {
  font-size: 0.8125rem;
}

.shop-youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.shop-youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.gmap {
  margin-bottom: 28px;
}

@media (min-width: 769px) {
  .shop-top {
    margin-bottom: 80px;
  }
  .shop-address {
    font-size: 0.8125rem;
  }
  .shop-address dt {
    width: 6em;
  }
  .shop-address dd {
    margin-bottom: 1.5rem;
  }
  .shop-address__small {
    font-size: 0.6875rem;
  }
  .shop-icons {
    margin-right: -5px;
    margin-left: -5px;
    font-size: 0.75rem;
    line-height: 1.5;
  }
  .shop-icons > li {
    flex: 0 1 20%;
    max-width: 20%;
    padding: 0 5px;
  }
  .shop-gallery .carousel-control-prev,
  .shop-gallery .carousel-control-next {
    display: none;
  }
  .shop-gallery .carousel-item a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
}

@media (min-width: 1040px) {
  .shop-top {
    display: flex;
    justify-content: space-between;
  }
  .shop-info {
    flex: 0 1 100%;
    max-width: 320px;
  }
  .shop-gallery {
    flex: 0 0 330px;
    max-width: 330px;
  }
}

.shop-search {
  display: flex;
  justify-content: center;
  margin-bottom: 28px;
}

.shop-search > a {
  width: 50%;
  max-width: 300px;
  height: 40px;
  border: 1px solid #ccc;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.07em;
  font-weight: 300;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #221815;
  border-radius: 5px;
  padding: 0;
}

.shop-search > a:hover {
  opacity: .7;
  text-decoration: none;
}

.shop-search > a:not(:last-child) {
  margin-right: 10px;
}

.shop-search-br {
  display: block;
}

@media (min-width: 769px) {
  .shop-search-br {
    display: none;
  }
}

.sankaku {
  position: relative;
}

.sankaku::before {
  top: 50%;
  left: -15px;
  transform: translateY(-50%) rotate(-90deg);
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4.5px 0 4.5px;
  border-color: #e73e51 transparent transparent transparent;
}

@media (max-width: 768.98px) {
  .sankaku::before {
    top: 50%;
    left: -7.5px;
    border-width: 3px 2.25px 0 2.25px;
  }
}

@media (max-width: 1039.98px) {
  .shop-search > a {
    height: 60px;
    padding: 0 10px;
  }
}

@media (max-width: 768.98px) {
  .shop-search {
    margin-bottom: 20px;
    flex-direction: column;
  }
  .shop-search > a {
    height: 42px;
    font-size: 1rem;
    line-height: 1.218846;
    width: 100%;
    max-width: 335px;
    margin-left: auto;
    margin-right: auto;
  }
  .shop-search > a:not(:last-child) {
    margin-right: auto;
    margin-bottom: 20px;
  }
}

.shop-map {
  position: relative;
}

.shop-map .imgmap {
  position: relative;
  margin-bottom: 65px;
}

.shop-map__img {
  position: relative;
  padding-top: 87.464%;
  width: 100%;
}

.shop-map__img__map {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

.shop-map__img__map--location {
  top: 17.45%;
  left: 12.1%;
  transform: translate(0, 0);
  width: 80%;
  height: auto;
}

@media (max-width: 768.98px) {
  .shop-map__img__map--location {
    left: 12.98%;
  }
  #map {
    position: absolute;
    top: -70px;
    left: 0;
  }
  #area {
    position: absolute;
    top: -70px;
    left: 0;
  }
}

.shop-map {
  position: relative;
}

.shop-map .imgmap {
  margin-bottom: 16.5px;
}

.shop-map__location {
  color: #221815;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 0.75rem;
  line-height: 1.25;
  letter-spacing: 0.19em;
  font-weight: 300;
  height: 28px;
  width: 100px;
  background-color: #fff;
  padding-left: 15px;
}

.shop-map__location:hover {
  text-decoration: none;
  color: rgba(34, 24, 21, 0.7);
}

.shop-map--hiroshima {
  left: auto;
  bottom: 35%;
  right: 64%;
}

.shop-map--miyoshi {
  bottom: 65%;
  left: 40%;
}

.shop-map--syobara {
  bottom: 80%;
  left: 60%;
}

.shop-map--kure {
  bottom: 20%;
  left: 31%;
}

.shop-map--takehara {
  bottom: 25%;
  left: 50%;
}

.shop-map--higashihiroshima {
  bottom: 38%;
  left: 40%;
}

.shop-map--otake {
  bottom: 20%;
  left: 5%;
}

.shop-map--hatukaichi {
  bottom: 25%;
  left: 10%;
}

.shop-map--fukuyama {
  bottom: 49%;
  left: 80%;
}

.shop-map--fuchu {
  bottom: 42%;
  left: 75%;
}

.shop-map--mihara {
  bottom: 32%;
  left: 55%;
}

.shop-map--onomichi {
  bottom: 37%;
  left: 70%;
}

.shop-map--akitakada {
  bottom: 52%;
  left: 37%;
}

.shop-map--etajima {
  bottom: 12%;
  left: 15%;
}

.shop-map--aki {
  top: 37%;
  left: 8%;
}

.shop-map--yamagata {
  top: 37%;
  left: 8%;
}

.shop-map--toyota {
  bottom: 18%;
  left: 51%;
}

.shop-map--sera {
  bottom: 50%;
  left: 60%;
}

.shop-map--jinseki {
  top: 30%;
  left: 75%;
}

@media (max-width: 1040px) {
  .imgmap {
    display: flex;
    flex-wrap: wrap;
  }
  .shop-map__img {
    margin-bottom: 5px;
  }
  .shop-map__location {
    position: static;
    font-size: 0.875rem;
    line-height: 1.275779;
    width: calc(33.333333% - 3.4px);
    height: 30px;
    padding-left: 7.5px;
    margin-right: 5px;
    margin-bottom: 5px;
  }
  .shop-map__location:nth-of-type(3n) {
    margin-right: 0;
  }
}

.shop-area-name {
  color: #221815;
}

.shop-container {
  position: relative;
  margin-bottom: 50px;
}

.shop-container a:hover {
  color: inherit;
  opacity: .7;
}

.shop-container__list {
  pointer-events: auto;
  width: 83%;
  margin-left: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 30% 40% 30%;
  grid-template-columns: 30% 40% 30%;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  grid-template-areas: "areaA areaB areaC";
  padding: 0;
  list-style-type: none;
}

.shop-container__list ul {
  padding: 0;
  list-style-type: none;
}

.shop-container__list a {
  text-decoration: underline;
}

.shop-container__list .shop-container__list__title {
  font-size: 0.8125rem;
  line-height: 3.007692;
  letter-spacing: 0.07em;
  font-weight: 500;
  margin-bottom: 0;
}

.shop-container__list > .shop-container__list__title {
  font-size: 0.75rem;
  line-height: 1.833333;
  letter-spacing: 0.07em;
  font-weight: 300;
}

.shop-container .series {
  color: #00a0e9;
}

.shop-container .series:hover {
  color: #00a0e9;
}

@media (max-width: 768.98px) {
  .shop-container__list {
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-template-areas: "Area1 Area2" "Area1 Area3";
    width: 100%;
    padding: 0 13px;
  }
  .shop-container__list > li:first-of-type {
    grid-area: Area1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 1;
    padding-left: 6px;
  }
  .shop-container__list > li:nth-of-type(2) {
    grid-area: Area2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    padding-left: 15px;
  }
  .shop-container__list > li:nth-of-type(3) {
    grid-area: Area3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    padding-left: 15px;
  }
  .shop-container__list ul {
    padding: 0;
  }
}

@media (min-width: 576px) {
  .shop-container__list {
    display: -ms-grid !important;
    display: grid !important;
  }
}

.shop-area {
  position: relative;
  border-top: 1px solid #ccc;
  padding-top: 20px;
  display: flex;
}

.shop-area__name {
  color: #221815;
  width: 17%;
  font-size: 1.125rem;
  line-height: 1.222222;
  letter-spacing: 0.07em;
  font-weight: 300;
}

.shop-area__direct-shop {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: areaA;
  color: #e73e51;
}

.shop-area__direct-shop a {
  font-size: 0.875rem;
  line-height: 2;
  letter-spacing: 0.07em;
  font-weight: 300;
  color: inherit;
}

.shop-area__daihatsu-shop {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: areaB;
  color: #0040a7;
}

.shop-area__daihatsu-shop a {
  font-size: 0.875rem;
  line-height: 1.714286;
  letter-spacing: 0em;
  font-weight: 400;
  color: inherit;
}

.shop-area__dealers {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: areaC;
  color: #00913a;
}

.shop-area__dealers a {
  font-size: 0.875rem;
  line-height: 1.714286;
  letter-spacing: 0.07em;
  font-weight: 300;
  color: inherit;
}

.jinseki {
  margin-bottom: 50px;
}

.pc-none {
  display: none;
}

.tb-none {
  display: none;
}

.importantflex {
  display: flex !important;
}

@media (max-width: 1040px) {
  .tb-none {
    display: block;
  }
  .shop-area__name {
    font-size: 0.9375rem;
  }
  .shop-area__direct-shop {
    padding-left: 7px;
  }
  .shop-area__direct-shop a {
    font-size: 0.8125rem;
  }
  .shop-area__daihatsu-shop {
    padding-left: 7px;
  }
  .shop-area__daihatsu-shop a {
    font-size: 0.8125rem;
  }
  .shop-area__dealers {
    padding-left: 7px;
  }
  .shop-area__dealers a {
    font-size: 0.8125rem;
  }
}

.accordion {
  pointer-events: none;
}

.accordion [data-toggle]:hover {
  text-decoration: none;
  color: inherit;
}

.shop-container .accordion {
  pointer-events: none;
  margin: 0 !important;
  display: block !important;
}

.shop-container .accordion [data-toggle]:hover {
  text-decoration: none;
  color: inherit;
}

@media (max-width: 768.98px) {
  .accordion {
    pointer-events: all;
  }
  .shop-container .accordion {
    pointer-events: all;
  }
  .shop-area {
    cursor: pointer;
    display: block;
    padding-top: 16px;
    border: none;
  }
  .shop-area__name {
    display: flex;
    align-items: center;
    width: 100%;
    height: 47.5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-size: 0.9375rem;
    line-height: 1.056333;
    padding: 0 23px;
    position: relative;
  }
  .shop-area__name::before {
    position: absolute;
    top: 50%;
    right: 22.5px;
    transform: translateY(-50%);
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4.5px 0 4.5px;
    border-color: #000 transparent transparent transparent;
  }
  .shop-area__direct-shop {
    padding-left: 0;
    color: #e73e51;
    width: 100%;
  }
  .shop-area__direct-shop a {
    font-size: 0.9375rem;
    line-height: 2.666667;
    letter-spacing: 0em;
    font-weight: 400;
    color: inherit;
  }
  .shop-area__daihatsu-shop {
    padding-left: 0;
    width: 100%;
    color: #00a0e9;
  }
  .shop-area__daihatsu-shop a {
    font-size: 0.9375rem;
    line-height: 2.666667;
    letter-spacing: 0em;
    font-weight: 400;
    color: inherit;
  }
  .shop-area__dealers {
    padding-left: 0;
    width: 100%;
    color: #00913a;
  }
  .shop-area__dealers a {
    font-size: 0.9375rem;
    line-height: 2.666667;
    letter-spacing: 0em;
    font-weight: 300;
    color: inherit;
  }
  .sp-none {
    display: none;
  }
  .pc-none {
    display: block;
  }
}

.shop-sidebanner .fixed-bnr{
  top: 200px;
  bottom: auto;
  right: 5px;
  width: 44px;
  height: 190px;
  background-color: #d83e4f;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.shop-sidebanner a{
  transition: opacity .3s ease;
}

.shop-sidebanner a:hover{
  text-decoration: none;
  opacity: .7;
}

.shop-sidebanner--inner{
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  writing-mode: vertical-rl;
}

.shop-sidebanner--inner p{
  margin: 0;
  color: #fff;
}

@media (min-width: 769px) {
  .shop-sidebanner{
    display: none;
  }
}

#map {
  position: absolute;
  top: -90px;
  left: 0;
}

#area {
  position: absolute;
  top: -110px;
  left: 0;
}

.maplink {
  position: relative;
}

.maplink #maplink {
  position: absolute;
  top: -40px;
  left: 0;
}

.accordion.shop-area > div[id] {
  position: absolute;
  left: 0;
  top: -80px;
}

@media (max-width: 768.98px) {
  #map {
    position: absolute;
    top: 89px;
    left: 0;
  }
  #area {
    position: absolute;
    top: 85px;
    left: 0;
  }
  .accordion.shop-area > div[id] {
    position: absolute;
    top: 90px;
  }
}

.col-6.col-sm-4.col-md-6.col-lg-4.mb-3.figure > a > img {
  width: 100%;
}

.renewal-shop-single .shop-top {
  display: block;
  justify-content: unset;
}

.renewal-shop-single .shop-info {
  display: flex;
  flex-wrap: wrap;
  flex: auto;
  max-width: none;
  margin-top: -20px;
  margin-left: -20px;
}

.renewal-shop-single .shop-address,
.renewal-shop-single .shop-icons {
  padding-top: 20px;
  padding-left: 20px;
  width: 100%;
}

@media (min-width: 576px) {
  .renewal-shop-single .shop-address,
  .renewal-shop-single .shop-icons {
    width: 50%;
  }
}

.renewal-shop-single .shop-gallery {
  flex: auto;
  max-width: 100%;
}

.renewal-shop-single .shop-view {
  display: flex;
  margin-left: -12px;
  margin-top: -20px;
  flex-wrap: wrap;
}

@media (min-width: 576px) {
  .renewal-shop-single .shop-view {
    flex-wrap: nowrap;
  }
}

.renewal-shop-single .shop-view__img {
  width: 100%;
  max-width: 100%;
  padding-left: 12px;
  padding-top: 20px;
}

@media (min-width: 576px) {
  .renewal-shop-single .shop-view__img {
    max-width: 334px;
  }
}

.renewal-shop-single .shop-view__explaine {
  width: 100%;
  max-width: 100%;
  padding-left: 12px;
  padding-top: 20px;
  display: none;
}

.renewal-shop-single .shop-view__explaine.active {
  display: block;
}

@media (min-width: 576px) {
  .renewal-shop-single .shop-view__explaine {
    max-width: 373px;
  }
}

.renewal-shop-single .shop-view__title {
  font-size: 18px;
  font-weight: 400;
}

.renewal-shop-single .shop-view__text {
  font-size: 14px;
}

.renewal-shop-single .shop-card {
  margin-top: 40px;
}

@media (min-width: 576px) {
  .renewal-shop-single .shop-card {
    margin-top: 87px;
  }
}

.renewal-shop-single .shop-card__list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-top: -58px;
  padding: 0;
}

.renewal-shop-single .shop-card__item {
  width: 100%;
  padding-left: 12px;
  padding-top: 30px;
  display: flex;
  flex-direction: column;
}

@media (min-width: 576px) {
  .renewal-shop-single .shop-card__item {
    width: calc(100% / 3);
    padding-top: 58px;
  }
}

.renewal-shop-single .shop-card__title {
  font-size: 16px;
  font-weight: 400;
  margin-top: 10px;
}

.renewal-shop-single .shop-card__text {
  font-size: 14px;
}

.renewal-shop-single .shop-card__img {
  position: relative;
  width: 100%;
  padding-top: 75%;
}

.renewal-shop-single .shop-card__img > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

@media (min-width: 769px) {
  .shop-search-br {
    display: hidden;
  }
}

.carlineup .m-tb_1025 {
  margin: 10px 0 25px;
}

.carlineup .m-t_70 {
  margin-top: 70px;
}

.carlineup_text01 {
  font-size: 0.8125rem;
  line-height: 2;
  letter-spacing: 0.11em;
  font-weight: 300;
}

@media (min-width: 769px) {
  .carlineup_text01 {
    font-size: 0.9375rem;
    line-height: 2;
    letter-spacing: 0.07em;
  }
}

.carlineup_external-link {
  display: block;
  color: inherit;
  font-size: 0.75rem;
  letter-spacing: 0.07em;
  font-weight: 300;
  text-align: left !important;
}

.carlineup_external-link:hover {
  color: inherit;
  text-decoration: none;
  opacity: 0.7;
  transition: 0.4s;
}

@media (min-width: 769px) {
  .carlineup_external-link {
    font-size: 0.8125rem;
  }
}

.carlineup_section-2 {
  margin: 30px 0 25px;
  font-size: 1.25rem;
  letter-spacing: 0.07em;
  font-weight: 300;
}

@media (min-width: 769px) {
  .carlineup_section {
    font-size: 1.375rem;
  }
}

.carlineup_model > p {
  max-width: calc(50% - 6px);
  margin-left: 6px;
  padding: 0;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
}

.carlineup_model > p > a {
  display: block;
  padding: 15px 0;
  color: inherit;
  font-size: 0.8125rem;
  letter-spacing: 0.07em;
  text-align: center;
}

.carlineup_model > p > a:hover {
  text-decoration: none;
  opacity: 0.7;
  transition: 0.4s;
}

.carlineup_model > p:nth-child(2n-1) {
  margin-left: 3px;
}

@media (min-width: 1040px) {
  .carlineup_model > p {
    max-width: calc(33.3333% - 4px);
  }
  .carlineup_model > p > a {
    font-size: 1rem;
  }
  .carlineup_model > p:nth-child(2n-1) {
    margin-left: 6px;
  }
  .carlineup_model > p:nth-child(3n-2) {
    margin-left: 0;
  }
}

.carlineup #original-limited,
.carlineup #mini-car,
.carlineup #passenger-car,
.carlineup #welfare-vehicles,
.carlineup #electric-car,
.carlineup #commercial-vehicle,
.carlineup #equipped {
  margin-top: 0px;
  padding-top: 0px;
}

@media (min-width: 769px) {
  .carlineup #original-limited,
  .carlineup #mini-car,
  .carlineup #passenger-car,
  .carlineup #welfare-vehicles,
  .carlineup #electric-car,
  .carlineup #commercial-vehicle,
  .carlineup #equipped {
    margin-top: -100px;
    padding-top: 100px;
  }
}

@media (min-width: 1040px) {
  .carlineup #original-limited,
  .carlineup #mini-car,
  .carlineup #passenger-car,
  .carlineup #welfare-vehicles,
  .carlineup #electric-car,
  .carlineup #commercial-vehicle,
  .carlineup #equipped {
    margin-top: -100px;
    padding-top: 140px;
  }
}

.carlineup .original-limited {
  margin: 10px 0;
  padding-left: 5px;
  font-size: 0.75rem;
  letter-spacing: 0.07em;
}

@media (min-width: 769px) {
  .carlineup .original-limited {
    margin-bottom: 0;
    font-size: 0.8125rem;
  }
}

.carlineup .carlineup_section-3 {
  margin-bottom: 15px;
  font-size: 0.875rem;
}

.carlineup .car-list > li {
  border: none;
}

.carlineup_bd {
  border: 1px solid #ccc;
  border-radius: 0.25rem;
}

.carlineup_bd:hover {
  opacity: 0.6;
  transition: 0.4s;
}

#current-car {
  position: absolute;
  font-size: 5vw;
  bottom: 2%;
  right: 43%;
  font-weight: 700;
  pointer-events: none;
}

@media (min-width: 769px) {
  #current-car {
    font-size: 1.25rem;
  }
}

@media (min-width: 1040px) {
  #current-car {
    font-size: 1.0625rem;
    bottom: 5%;
  }
}

#new-car {
  position: absolute;
  font-size: 5vw;
  bottom: 4%;
  right: 2%;
  font-weight: 700;
  pointer-events: none;
}

@media (min-width: 769px) {
  #new-car {
    font-size: 1.25rem;
  }
}

@media (min-width: 1040px) {
  #new-car {
    font-size: 1.0625rem;
    bottom: 5%;
    right: 3.6%;
  }
}

div[style*="padding-top: 44.6%; border-radius: 10px; position: relative;"] > a {
  transition: opacity 0.4s;
}

div[style*="padding-top: 44.6%; border-radius: 10px; position: relative;"] > a:hover {
  opacity: 0.7;
}

div[style*="padding-top: 44.6%; border-radius: 10px; position: relative;"] > a:hover + #current-car {
  opacity: 0.7;
}

div[style*="padding-top: 44.6%; border-radius: 10px; position: relative;"] > a:hover + #current-car + #new-car {
  opacity: 0.7;
}

div[style*="padding-top: 44.6%; border-radius: 10px; position: relative;"] > a > img {
  width: 100%;
}

.carlineup .car-list > li:nth-child(8) ~ li {
  transition: none;
  opacity: 1;
  height: auto;
  visibility: visible;
}

.carlineup .car-list > li:nth-child(9) ~ li {
  transition: none;
  opacity: 1;
  height: auto;
  visibility: visible;
}

.secondhand-map__flexbox {
  display: flex;
}

.secondhand-map__mapbox {
  display: none;
}

.secondhand-map__mapbox > p:last-child {
  margin-bottom: 0;
}

.secondhand-map__btnlist {
  flex: 0 1 auto;
  padding-left: 0;
  list-style-type: none;
}

.secondhand-map__btnlist > li:not(:first-child) {
  margin-top: 15px;
}

.secondhand-map__btnlist > li > a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 2px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-decoration: none;
  color: #231815;
  font-size: 0.875rem;
  max-width: 8em;
  min-width: 8em;
}

.secondhand-map__btnlist > li > a::before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-left: 8px solid #dc263f;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 0;
  margin-right: 8px;
}

.secondhand-map__btnlist > li > a.is-active {
  color: #fff;
  background-color: #dc263f;
}

.secondhand-map__btnlist > li > a.is-active::before {
  border-left-color: #fff;
}

.secondhand-map__board {
  flex: 1 1 auto;
  margin-left: 5px;
}

@media (min-width: 769px) {
  .secondhand-map__mapbox {
    display: block;
    flex: 1 0 100%;
    max-width: calc(100% - 287px);
  }
  .secondhand-map__btnlist {
    display: none;
  }
  .secondhand-map__board {
    flex: 0 1 237px;
    width: 237px;
    min-width: 237px;
    margin-left: 50px;
  }
}

.secondhand-board {
  border: 1px solid #ccc;
  background-color: #f8f9fa;
  border-radius: 4px;
  overflow: hidden;
}

.secondhand-board__title {
  text-align: left;
  padding: 18px;
  line-height: 1;
  background-color: #dc263f;
  font-size: 1.25rem;
  color: #fff;
  font-weight: 700;
}

@media (min-width: 769px) {
  .secondhand-board__title {
    text-align: center;
  }
}

.secondhand-board__station {
  padding: 20px;
}

.secondhand-board__station__title {
  color: #dc263f;
  font-weight: 300;
  font-size: 1rem;
}

.secondhand-board__station__lead {
  display: block;
  font-size: 0.75rem;
  font-weight: 300;
  border-bottom: 2px solid #dc263f;
  padding-bottom: 10px;
  margin-top: 6px;
}

.secondhand-panel {
  padding: 15px;
}

.secondhand-panel[aria-hidden="true"] {
  display: none;
}

.secondhand-panel__title {
  display: flex;
  justify-content: start;
  align-items: center;
  font-size: 1rem;
  font-weight: 300;
  margin-bottom: 0;
}

.secondhand-panel__title::before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-left: 8px solid #dc263f;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 0;
  margin-right: 0.5em;
}

.secondhand-panel__lead {
  font-size: 0.75rem;
  font-weight: 300;
  border-bottom: 2px solid #dc263f;
  padding-bottom: 10px;
  margin-top: 20px;
  margin-bottom: 0;
}

.secondhand-panel__dl {
  display: flex;
  flex-flow: row wrap;
  margin-top: 20px;
  margin-left: -5px;
  margin-right: -5px;
}

.secondhand-panel__dl dt {
  flex: 1 0 100%;
  width: 100%;
  min-width: 100%;
  color: #dc263f;
  font-size: 1rem;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 300;
}

.secondhand-panel__dl dd {
  flex: 0 1 auto;
  width: calc(50% - 1px);
  max-width: 106px;
  min-width: 90px;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 10px;
  margin-bottom: 0;
}

.secondhand-panel__dl dd span {
  display: block;
  font-size: 0.8125rem;
}

.secondhand-panel__dl dd a {
  color: #231815;
  text-decoration: none;
}

@media (min-width: 769px) {
  .secondhand-panel {
    padding: 20px;
  }
  .secondhand-panel__title {
    justify-content: center;
  }
  .secondhand-panel__dl dd {
    flex: 1 1 auto;
    width: calc(50% - 1px);
    min-width: calc(50% - 1px);
  }
}

.secondhand-bnr {
  margin-top: 60px;
}

.secondhand-bnr__list {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-left: -15px;
  margin-right: -15px;
  list-style-type: none;
  padding-left: 0;
}

.secondhand-bnr__item {
  flex: 0 1 auto;
  width: 365.5px;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin: auto;
}

.secondhand-bnr__item > a {
  display: block;
  width: 100%;
  max-width: 336px;
  position: relative;
}

.secondhand-bnr__item > a::before {
  content: '';
  display: block;
  padding-top: 44.642857%;
}

.secondhand-bnr__item > a > img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.secondhand-bnr__item > p {
  font-size: 0.875rem;
}

@media (min-width: 769px) {
  .secondhand-bnr__item {
    flex: 0 1 42%;
    min-width: 50%;
    width: 50%;
    margin: 0;
  }
}

.secondhand-safety {
  margin-top: 60px;
}

.secondhand-safety__list {
  margin-top: 60px;
  padding-left: 0;
}

.secondhand-safety__list > li img {
  margin-top: -40px;
}

.secondhand-safety__description {
  margin-top: 10px;
  font-size: 0.875rem;
}

@media (min-width: 769px) {
  .secondhand-safety {
    margin-top: 80px;
  }
}

.testride .car-list li a {
  height: 100%;
}

.testride .car-list__tags {
  display: none;
}

.testride .car-list .car-list__name {
  height: auto;
}

.testride .m-t_70 {
  margin-top: 70px;
}

.testride .heading-page__en {
  font-size: 2.6875rem;
}

@media (min-width: 769px) {
  .testride .heading-page__en {
    font-size: 3.75rem;
  }
}

.testride_text01 {
  margin-bottom: 2rem;
  font-size: 0.8125rem;
  line-height: 2;
  letter-spacing: 0.11em;
  font-weight: 300;
}

@media (min-width: 769px) {
  .testride_text01 {
    font-size: 0.9375rem;
    line-height: 2;
    letter-spacing: 0.07em;
  }
}

.testride .section + .section {
  margin-top: 1rem;
}

@media (min-width: 1040px) {
  .testride .section + .section {
    margin: 0;
  }
}

.testride_box {
  padding-top: 35px;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  text-align: center;
}

.testride_box > a {
  display: block;
}

.testride_box > a > img + img {
  margin-left: 10px;
}

.testride_box > a > p {
  color: #212529;
  padding-top: 35px;
  font-size: 1.1875rem;
  letter-spacing: 0.07em;
  font-weight: 300;
}

.testride_box > a > p:hover {
  opacity: 0.6;
}

.testride_box > a:hover {
  text-decoration: none;
}

@media (min-width: 769px) {
  .testride_box {
    font-size: 1.25rem;
  }
}

.testride_box-description {
  margin: 10px 0;
  font-size: 0.75rem;
  letter-spacing: 0.07em;
  font-weight: 300;
  text-align: right;
}

@media (min-width: 769px) {
  .testride_box-description {
    font-size: 0.6875rem;
  }
}

.blog-single {
  margin-bottom: 45px;
}

.blog {
  margin-bottom: 45px;
}

.blog-article-card__box {
  display: flex;
  width: 100%;
  padding: 8px 9px;
  border-radius: 5px;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  color: #212529;
  transition: opacity 0.4s;
  position: relative;
}

.blog-article-card__box:hover {
  opacity: 0.7;
  color: #212529;
  text-decoration: none;
}

.blog-article-card__box .blog-article-card__thumb-box {
  width: 106px;
  height: 111px;
  flex: 0 0 106px;
  position: relative;
  overflow: hidden;
}

.blog-article-card__box .blog-article-card__thumb-box::before {
  padding-top: 104.716981%;
}

.blog-article-card__box .blog-article-card__thumb-box > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: auto;
  max-width: none;
  height: 100%;
}

.blog-article-card__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.blog-article-card__container {
  position: absolute;
  left: 0;
  bottom: 1.2em;
  width: 100%;
  display: flex;
  margin-top: -5px;
  margin-left: -5px;
  padding-bottom: 5px;
  overflow: hidden;
  white-space: nowrap;
}

.blog-article-card__container::before {
  position: absolute;
  content: '...';
  right: 17px;
  top: -3px;
  display: block;
  z-index: 10;
}

.blog-article-card__container::after {
  position: absolute;
  content: '';
  right: 0;
  top: -4px;
  display: block;
  z-index: 6;
  width: 31px;
  height: 100%;
  background: #fff;
}

.blog-article-card__container > * {
  position: relative;
  z-index: 5;
  display: block;
  font-size: 0.75rem;
  padding-top: 5px;
  padding-left: 5px;
  margin-bottom: 0;
  line-height: 1;
}

.blog-article-card__tag {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-size: 0.8125rem;
  color: #231815;
  font-weight: 700;
  position: relative;
}

.blog-article-card__tag:hover {
  text-decoration: none;
  color: #231815;
}

.blog-article-card__body {
  margin-left: 12px;
  width: calc(100% - 120px);
  position: relative;
}

.blog-article-card__header::after {
  content: "";
  display: block;
  clear: both;
}

.blog-article-card__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-size: 1rem;
  font-weight: 700;
  color: #e73e51;
}

.blog-article-card__title br {
  display: none;
}

.blog-article-card__time {
  font-size: 0.75rem;
  font-weight: 300;
  float: left;
}

.blog-article-card__summary {
  position: relative;
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 0.75rem;
  overflow: hidden;
  line-height: 1.6;
  text-align: justify;
}

.blog-article-card__summary::before, .blog-article-card__summary::after {
  position: absolute;
  background-color: #fff;
}

.blog-article-card__summary:before {
  content: "...";
  top: 1.2rem;
  right: 2px;
}

.blog-article-card__summary::after {
  content: "";
  height: 100%;
  width: 100%;
}

.blog-article-card__heading {
  white-space: nowrap;
}

.blog-article-card__favorite {
  float: right;
  font-size: 0.875rem;
  margin-right: 6px;
  font-weight: 700;
  color: #dc263f;
  background: url(../img/blog/icon-heart.svg) center left no-repeat;
  padding-left: 20px;
}

.blog-pagenation {
  display: flex;
  align-items: middle;
  justify-content: space-between;
  margin: auto;
  padding-top: 30px;
  max-width: 100% !important;
}

.blog-pagenation__prev > a, .blog-pagenation__next > a {
  padding-bottom: 2px;
  font-size: 0.875rem;
  color: #231815;
  text-decoration: underline;
  transition: opacity 0.4s;
}

.blog-pagenation__prev > a:hover, .blog-pagenation__next > a:hover {
  opacity: 0.7;
}

.blog-pagenation__numbers {
  list-style-type: none;
  display: inline-block;
  padding: 0;
  margin: 0 10px !important;
}

.blog-pagenation__numbers > li {
  display: inline-block;
  width: 33px;
  height: 33px;
  margin: 0 3px;
  border-radius: 5px;
  background-color: #efefef;
}

.blog-pagenation__numbers > li > a {
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 3px;
  font-size: 1rem;
  color: #575757;
  text-decoration: none;
  transition: background-color 0.4s, color 0.4s;
}

.blog-pagenation__numbers > li > a:hover {
  background-color: #dc263f;
  color: #fff;
}

.blog-pagenation__numbers > li.is-current {
  background-color: #dc263f;
}

.blog-pagenation__numbers > li.is-current > a {
  color: #fff;
  transition: opacity 0.4s;
}

.blog-pagenation__numbers > li.is-current > a:hover {
  opacity: 0.7;
}

.blog-pagenation__toindex {
  width: 133px;
  height: 33px;
  border-radius: 5px;
  background-color: #dc263f;
}

.blog-pagenation__toindex > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-bottom: 2px;
  font-size: 0.875rem;
  color: #fff;
  text-decoration: none;
  transition: opacity 0.4s;
}

.blog-pagenation__toindex > a:hover {
  opacity: 0.7;
}

.post__mv {
  margin-bottom: 25px;
}

.post__mv > img {
  width: 100%;
  height: auto;
}

.post__header {
  margin-bottom: 20px;
}

.post__title {
  font-size: 1.5625rem;
  color: #e73e51;
}

.post__container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.post__time {
  flex-shrink: 1;
  font-size: 0.8125rem;
  font-weight: 300;
  color: #595757;
}

.post__store {
  display: flex;
  flex-flow: row wrap;
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
  max-width: calc(100% - 8em);
  margin-top: -5px;
}

.post__store-item {
  display: inline-flex;
  padding: 4px 12px;
  min-width: 105px;
  border: 1px solid #e73e51;
  color: #e73e51;
  border-radius: 5px;
  font-weight: 400;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  margin-top: 5px;
}

.post__body {
  font-size: 0.9375rem;
  line-height: 1.866667;
}

.comment-form {
  display: flex;
  flex-flow: column;
  padding-bottom: 20px;
}

.comment-form__textarea {
  width: 100%;
  height: 120px;
  border: 1px solid #ccc;
  padding: 12px 15px;
  font-size: 0.75rem;
  margin-bottom: 20px;
  color: #231815;
  resize: none;
}

.comment-form__textarea::placeholder {
  color: #cdd6dd;
}

.comment-form__control {
  display: flex;
  justify-content: space-between;
  align-items: space-between;
}

.comment-form__share {
  display: flex;
  padding: 0;
  list-style-type: none;
}

.comment-form__share > li {
  margin-left: 20px;
}

.comment-form__submit {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 2px;
  width: 148px;
  height: 48px;
  border-radius: 4px;
  background-color: #dc263f;
  color: #fff;
  border: none;
  transition: opacity 0.4s;
}

.comment-form__submit:hover {
  opacity: 0.7;
  text-decoration: none;
}

.comment-post {
  display: flex;
  position: relative;
  flex-flow: row wrap;
  margin: 20px 0;
  padding: 20px;
  background-color: #f7d8dc;
  color: #231815;
}

.comment-post__avater {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 30px;
  height: 30px;
  margin-right: 20px;
  border-radius: 50%;
  overflow: hidden;
}

.comment-post__avater > img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: auto;
}

.comment-post__header {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 40px;
}

.comment-post__title {
  font-size: 0.875rem;
}

.comment-post__time {
  font-size: 0.75rem;
}

.comment-post__body {
  font-size: 0.875rem;
  margin-top: 8px;
  padding-left: 40px;
  margin-bottom: 0;
}

.side-category {
  margin-bottom: 36px;
}

.side-category__title {
  font-size: 0.875rem;
  font-weight: 300;
  color: #231815;
  margin-bottom: 0;
}

.side-category__list {
  display: flex;
  flex-flow: row wrap;
  list-style-type: none;
  padding: 0;
}

.side-category__list > li {
  width: 50%;
  margin-top: 8px;
  background: url(https://www.daihatsu-hiroshima.co.jp/assets/img/common/icons/icon_circle_arrow_right.svg) left center/17px no-repeat;
  padding-left: 26px;
}

.side-category__list > li > a {
  font-size: 1.1875rem;
  color: #231815;
  text-decoration: none;
  transition: opacity 0.4s;
}

.side-category__list > li > a:hover {
  opacity: 0.7;
}

.blog ~ .page-side,
.blog-single ~ .page-side {
  display: block;
}

@media (min-width: 769px) {
  .blog-article-card__box {
    padding: 10px 12px;
  }
  .blog-article-card__body {
    margin-left: 8px;
  }
  .side-category {
    margin-bottom: 67px;
  }
  .side-category__list {
    flex-flow: column nowrap;
    margin-bottom: 0;
  }
  .side-category__list > li {
    width: 100%;
  }
}

@media (min-width: 1040px) {
  .blog-article-card__box {
    display: flex;
    padding: 12px 26px 12px 15px;
    height: 174px;
    margin-bottom: 15px;
  }
  .blog-article-card__box .blog-article-card__thumb-box {
    width: 200px;
    height: 150px;
    flex: 0 0 200px;
  }
  .blog-article-card__box .blog-article-card__thumb-box::before {
    padding-top: 75%;
  }
  .blog-article-card__body {
    margin-left: 28px;
    width: calc(100% - 200px);
  }
  .blog-article-card__title {
    width: 17em;
    font-size: 1.25rem;
  }
  .blog-article-card__time {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0.75rem;
    font-weight: 300;
    float: right;
  }
  .blog-article-card__summary {
    position: absolute;
    top: 2.8rem;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 0.8125rem;
    height: 3.9rem;
    overflow: hidden;
    line-height: 1.6;
    text-align: justify;
  }
  .blog-article-card__summary::before, .blog-article-card__summary::after {
    position: absolute;
    background-color: #fff;
  }
  .blog-article-card__summary:before {
    content: "...";
    top: 2.6rem;
    right: 2px;
  }
  .blog-article-card__summary::after {
    content: "";
    height: 100%;
    width: 100%;
  }
  .blog-article-card__tag {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 5em);
  }
  .blog-article-card__favorite {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .blog-pagenation {
    justify-content: center;
    max-width: none;
  }
  .blog-pagenation__numbers {
    margin: 0 18px;
  }
  .blog-pagenation__numbers > li {
    margin: 0 1px;
  }
  .blog-pagenation__toindex {
    margin: 0 18px;
  }
  .post__header {
    margin-bottom: 20px;
  }
  .post__title {
    font-size: 1.5625rem;
    color: #e73e51;
  }
  .post__time {
    font-size: 0.8125rem;
    font-weight: 300;
    color: #595757;
  }
  .post__body {
    font-size: 0.9375rem;
    line-height: 1.866667;
  }
  .comment-form {
    display: flex;
  }
  .comment__textarea {
    width: calc(100% - 176px);
    height: 120px;
    padding: 19px 23px;
    margin-bottom: 0;
  }
  .comment__textarea::placeholder {
    color: #cdd6dd;
    font-size: 12px;
  }
  .comment__control {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    align-items: flex-end;
    width: 176px;
  }
  .comment-post {
    padding: 30px;
  }
  .comment-post__avater {
    top: 30px;
    left: 30px;
  }
  .comment-post__header {
    display: flex;
    justify-content: space-between;
    padding-left: 50px;
  }
  .comment-post__body {
    padding-left: 50px;
  }
}

.blog-area {
  margin: 0 calc(50% - 50vw);
  margin-bottom: 3.8rem;
  border-top: #e73e51 solid 2px;
  border-bottom: #e73e51 solid 2px;
}

.blog-area__container {
  width: 100%;
  max-width: 1010px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 0;
}

.blog-area__title {
  width: 115px;
  margin: 0;
  font-size: 14px;
  color: #e73e51;
  padding-right: 1rem;
  border-right: 1px solid #e73e51;
  line-height: 2;
}

.blog-area__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  margin-left: 0;
}

.blog-area__item {
  position: relative;
  padding-left: 1rem;
  padding-right: 1rem;
}

.blog-area__item > a {
  text-decoration: none;
  color: #231815;
}

.blog-area__item:hover .blog-area__child {
  height: auto;
  text-decoration: none;
}

.blog-area__item:hover .blog-area__childList {
  transform: translateY(0);
  text-decoration: none;
}

.blog-area__item::before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  right: 0;
  width: 14px;
  height: 14px;
  transform: translate(0, -50%) rotate(90deg);
  background-image: url(/assets/img/common/btn_calendar_right.svg);
  background-position: center;
  background-size: contain;
}

.blog-area__child {
  position: absolute;
  bottom: 0;
  left: 1rem;
  overflow: hidden;
  width: 100px;
  height: 0;
  transform: translateY(100%);
  z-index: 2;
}

.blog-area__childList {
  background: #fff;
  display: flex;
  flex-direction: column;
  padding: 12px;
  border: 1px solid #e73e51;
  border-radius: 10px;
  transform: translateY(-100%);
}

.blog-area__childItem {
  position: relative;
  color: #e73e51;
  font-size: 12px;
}

.blog-area__childItem:not(:first-of-type) {
  padding-top: 6px;
}

.blog-area__childItem > a {
  position: relative;
  display: block;
  padding-left: 1rem;
  text-decoration: none;
}

.blog-area__childItem > a::before {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  left: 0;
  width: 3px;
  height: 6px;
  transform: translate(0, -50%);
  background-image: url(/assets/img/common/triangle.svg);
  background-position: center;
  background-size: contain;
}

.side-tag .side-category__title {
  position: relative;
  padding-left: 16px;
}

.side-tag .side-category__title::before {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 12px;
  height: 16px;
  background-image: url(/assets/img/common/icon-fire.svg);
  background-position: center;
  background-size: contain;
}

.side-tag__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 12px;
  margin-left: -4px;
}

.side-tag__item {
  padding-left: 4px;
  padding-top: 4px;
}

.side-tag__link {
  display: block;
  position: relative;
  color: #e73e51;
  padding: 5px;
  padding-left: 16px;
  border: 1px solid #e73e51;
  border-radius: 8px;
  font-size: 11px;
  line-height: 1.8;
  transition: opacity 0.4s;
}

.side-tag__link:hover {
  text-decoration: none;
  opacity: 0.7;
}

.side-tag__link::before {
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translate(0, -50%);
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  background-image: url(/assets/img/common/icon-tag.svg);
  background-position: center;
  background-size: contain;
}

.blog-area-sp {
  width: 100%;
  border: 2px solid #e73e51;
  border-radius: 10px;
  color: #e73e51;
  justify-content: center;
  align-items: center;
  padding: 12px 0;
  display: flex;
}

.blog-area-sp__title {
  position: relative;
  display: inline-block;
  padding: 0 30px 0 40px;
  font-size: 20px;
  cursor: pointer;
  margin: 0 auto;
}

.blog-area-sp__title::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  display: block;
  content: "";
  width: 27px;
  height: 24px;
  background-image: url(/assets/img/common/icon-area.svg);
  background-position: center;
  background-size: contain;
}

.blog-area-sp__title:after {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  right: 0;
  width: 24px;
  height: 24px;
  transform: translate(0, -50%) rotate(90deg);
  background: url("https://www.daihatsu-hiroshima.co.jp/assets/img/common/icons/icon_circle_arrow_right.svg") no-repeat;
  background-position: center;
  background-size: contain;
}

.blog-area-sp__text {
  font-size: 14px;
  margin-top: 15px;
}

.blog-accordion {
  width: 100%;
  margin: 5px auto;
}

.blog-accordion__header {
  width: 100%;
  margin: 0;
}

.blog-accordion__check {
  display: none;
}

.blog-accordion__content {
  height: 0;
  overflow: hidden;
  transition: .5s;
}

.blog-accordion__check:checked + .blog-accordion__header + .blog-accordion__content {
  height: auto;
}

.areaTag-sp:not(:first-of-type) {
  margin-top: 12px;
}

.areaTag-sp__title {
  border: 1px solid #e73e51;
  border-radius: 10px;
  padding: 8px 24px;
}

.areaTag-sp__titleIcon {
  position: relative;
}

.areaTag-sp__titleIcon::before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  right: 0;
  width: 14px;
  height: 14px;
  transform: translate(0, -50%) rotate(90deg);
  background-image: url(/assets/img/common/btn_calendar_right.svg);
  background-position: center;
  background-size: contain;
}

.areaTag-sp__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 10px;
  margin: 0;
  margin-left: -32px;
}

.areaTag-sp__item {
  padding-left: 32px;
}

.areaTag-sp__link {
  position: relative;
  padding-left: 10px;
  font-weight: medium;
}

.areaTag-sp__link::before {
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  left: 0;
  width: 3px;
  height: 6px;
  transform: translate(0, -50%);
  background-image: url(/assets/img/common/triangle.svg);
  background-position: center;
  background-size: contain;
}

.search-blog {
  margin-bottom: 10px;
}

.search-blog__container {
  display: flex;
  align-items: center;
  padding: 0 12px 0 0;
  border: 1px solid #4F4D4D;
  border-radius: 10px;
  overflow: hidden;
}

.search-blog__title {
  font-size: 14px;
}

.search-blog__input {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  background-image: none;
  color: inherit;
  font-family: inherit;
  font-size: 1em;
  padding: 0.4em 0.8em;
  width: 100%;
  border: none;
}

.search-blog__input:focus {
  border: none;
  box-shadow: none;
  outline: none;
}

.search-blog input:-webkit-autofill {
  box-shadow: 0 0 0px 999px #fff inset;
}

.search-blog input:focus::placeholder {
  color: transparent;
}

.search-blog input::placeholder {
  color: #d2d2d2;
}

.search-blog__btn {
  padding: 0;
  background-color: transparent;
  border: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  display: block;
  width: 18px;
  height: 18px;
}

.search-blog__btn > img {
  display: block;
}

/* company
------------------------------------------------*/
.company-top__images > img {
  width: 100%;
}

.company-bottom-box__image {
  position: relative;
  overflow: hidden;
}

.company-bottom-box__image::before {
  content: '';
  display: block;
  padding-top: 48.8888%;
}

.company-bottom-box__image > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  min-height: 100%;
}

.solicitation__block {
  margin-bottom: 110px;
}

.company-top-container-box-card__icon--position-bottom {
  position: relative;
  bottom: -15px;
}

@media (min-width: 769px) {
  .company {
    /* 共通 */
    /* top */
    /* table */
    /* feature */
    /* bottom */
  }
  .company .template__title01 {
    margin-bottom: 36px;
  }
  .company-block--mb {
    margin-bottom: 80px;
  }
  .company-top {
    margin-bottom: 80px;
  }
  .company-top__comment {
    margin-bottom: 40px;
  }
  .company-top__images {
    margin-bottom: 60px;
  }
  .company-top-container {
    display: flex;
    justify-content: space-between;
  }
  .company-top-container-box {
    position: relative;
    width: calc((100% - 16px) / 2);
  }
  .company-top-container-box-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    height: 175px;
    margin-bottom: 8px;
    padding: 36px 0 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
  }
  .company-top-container-box-card__title {
    font-size: 1.25rem;
  }
  .company-top-container-box__text {
    margin-bottom: 0;
    font-size: 0.6875rem;
    line-height: 1.818182;
  }
  .company-top-container-box a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .company-top-container-box:hover .company-top-container-box-card {
    color: #212529;
    text-decoration: none;
    background-color: #f7d8dc;
  }
  .company-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8125rem;
  }
  .company-table tr {
    border-top: 1px solid #707070;
  }
  .company-table tr:last-child {
    border-bottom: 1px solid #707070;
  }
  .company-table th {
    width: 200px;
    height: 76px;
    background: #efefef;
    font-weight: 700;
    text-align: center;
  }
  .company-table td {
    padding-left: 20px;
  }
  .company-table__icon {
    margin-right: 5px;
  }
  .company-table__icon img {
    width: 16px;
    height: 16px;
  }
  .company-table a {
    color: inherit;
    text-decoration: underline;
    transition: opacity 0.4s;
  }
  .company-table a:hover {
    opacity: 0.7;
  }
  .company-feature-box {
    display: block;
    margin-bottom: 50px;
  }
  .company-feature-box:last-child {
    margin-bottom: 0;
  }
  .company-feature-box__image {
    width: 100%;
    min-width: 0;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .company-feature-box__text-title {
    height: auto;
    font-size: 1.125rem;
    font-weight: 400;
    color: #e73e51;
  }
  .company-feature-box__text-text {
    font-size: 0.8125rem;
  }
  .company-block--bdt {
    padding-top: 40px;
    border-top: 1px solid #ccc;
  }
  .company-bottom {
    display: flex;
    flex-wrap: wrap;
    margin-left: -9px;
  }
  .company-bottom-box {
    position: relative;
    width: calc((100% - 18px) / 2);
    margin-bottom: 9px;
    margin-left: 9px;
    border: 1px solid #ccc;
    border-radius: 6px;
    text-align: center;
  }
  .company-bottom-box__text {
    padding-top: 12px;
    padding-bottom: 25px;
  }
  .company-bottom-box__text-icon {
    margin-bottom: 12px;
  }
  .company-bottom-box__text-title {
    margin-bottom: 10px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #e73e51;
  }
  .company-bottom-box__text-text {
    font-size: 0.6875rem;
    margin-bottom: 0;
  }
  .company-bottom-box a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .company-bottom-box:hover .company-bottom-box__image {
    opacity: 0.6;
  }
  .company-bottom-box:hover .company-bottom-box__text {
    background-color: #f7d8dc;
  }
}

@media (min-width: 1040px) {
  .company {
    /* 共通 */
    /* top */
    /* table */
    /* feature */
    /* bottom */
  }
  .company-block--mb {
    margin-bottom: 110px;
  }
  .company-top {
    margin-bottom: 110px;
  }
  .company-top__comment {
    margin-bottom: 50px;
    font-size: 0.9375rem;
  }
  .company-top__images {
    margin-bottom: 80px;
  }
  .company-table {
    font-size: 1rem;
  }
  .company-table th {
    width: 240px;
  }
  .company-table__icon img {
    width: 19px;
    height: 19px;
  }
  .company-feature-box {
    display: flex;
    margin-bottom: 22px;
  }
  .company-feature-box__image {
    width: auto;
    min-width: 273px;
    margin-right: 15px;
    margin-bottom: 0;
  }
  .company-feature-box__text-title {
    height: 60px;
    font-size: 1.25rem;
  }
  .company-bottom-box {
    width: calc((100% - 27px) / 3);
    margin-bottom: 0;
  }
}

@media (max-width: 768.98px) {
  .company {
    /* 共通 */
    /* top */
    /* table */
    /* feature */
    /* bottom */
  }
  .company .template__title01 {
    margin-bottom: 36px;
  }
  .company-block--mb {
    margin-bottom: 110px;
  }
  .company-top {
    margin-bottom: 110px;
  }
  .company-top__comment {
    margin-bottom: 50px;
    font-size: 0.9375rem;
  }
  .company-top__images {
    margin-bottom: 80px;
  }
  .company-top-container {
    display: flex;
    justify-content: space-between;
  }
  .company-top-container-box {
    position: relative;
    width: calc((100% - 16px) / 2);
  }
  .company-top-container-box-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    height: 175px;
    margin-bottom: 8px;
    padding: 36px 0 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
  }
  .company-top-container-box-card__title {
    font-size: 1.25rem;
  }
  .company-top-container-box__text {
    margin-bottom: 0;
    font-size: 0.6875rem;
    line-height: 1.818182;
  }
  .company-top-container-box a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .company-top-container-box:hover .company-top-container-box-card {
    color: #212529;
    text-decoration: none;
    background-color: #f7d8dc;
  }
  .company-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 1rem;
  }
  .company-table tr {
    border-top: 1px solid #707070;
  }
  .company-table tr:last-child {
    border-bottom: 1px solid #707070;
  }
  .company-table th {
    width: 240px;
    height: 76px;
    background: #efefef;
    font-weight: 700;
    text-align: center;
  }
  .company-table td {
    padding-left: 20px;
  }
  .company-table__icon {
    margin-right: 5px;
  }
  .company-table__icon img {
    width: 19px;
    height: 19px;
  }
  .company-table a {
    color: inherit;
    text-decoration: underline;
    transition: opacity 0.4s;
  }
  .company-table a:hover {
    opacity: 0.7;
  }
  .company-feature-box {
    display: flex;
    margin-bottom: 22px;
  }
  .company-feature-box:last-child {
    margin-bottom: 0;
  }
  .company-feature-box__image {
    width: auto;
    min-width: 273px;
    margin-right: 15px;
    margin-bottom: 0;
  }
  .company-feature-box__text-title {
    height: 60px;
    font-size: 1.25rem;
    font-weight: 400;
    color: #e73e51;
  }
  .company-feature-box__text-text {
    font-size: 0.8125rem;
  }
  .company-block--bdt {
    padding-bottom: 40px;
    padding-top: 40px;
    border-top: 1px solid #ccc;
  }
  .company-bottom {
    display: flex;
    flex-wrap: wrap;
    margin-left: -9px;
  }
  .company-bottom-box {
    position: relative;
    width: calc((100% - 27px) / 3);
    margin-bottom: 0;
    margin-left: 9px;
    border: 1px solid #ccc;
    border-radius: 6px;
    text-align: center;
  }
  .company-bottom-box__image::before {
    padding-top: 50%;
  }
  .company-bottom-box__text {
    padding-top: 12px;
    padding-bottom: 25px;
  }
  .company-bottom-box__text-icon {
    margin-bottom: 12px;
  }
  .company-bottom-box__text-title {
    margin-bottom: 10px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #e73e51;
  }
  .company-bottom-box__text-text {
    font-size: 0.6875rem;
    margin-bottom: 0;
  }
  .company-bottom-box a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .company-bottom-box:hover .company-bottom-box__image {
    opacity: 0.6;
  }
  .company-bottom-box:hover .company-bottom-box__text {
    background-color: #f7d8dc;
  }
}

@media (max-width: 575.98px) {
  .company {
    /* 共通 */
    /* top */
    /* table */
    /* feature */
    /* bottom */
  }
  .company .template__title01 {
    margin-bottom: 36px;
  }
  .company-block--mb {
    margin-bottom: 80px;
  }
  .company-top {
    margin-bottom: 80px;
  }
  .company-top__comment {
    margin-bottom: 30px;
    font-size: 0.8125rem;
  }
  .company-top__images {
    margin-bottom: 50px;
  }
  .company-top-container {
    display: block;
  }
  .company-top-container-box {
    width: 100%;
    margin-bottom: 34px;
  }
  .company-top-container-box-card {
    height: 140px;
    padding: 28px 0 14px;
  }
  .company-top-container-box-card__title {
    font-size: 1.125rem;
  }
  .company-top-container-box-card__icon {
    width: 54px;
  }
  .company-table {
    font-size: 0.8125rem;
  }
  .company-table th {
    display: block;
    width: 100%;
    height: auto;
    padding: 20px 0;
  }
  .company-table td {
    display: block;
    width: 100%;
    padding: 26px 0;
    text-align: center;
  }
  .company-table__icon img {
    width: 16px;
    height: 16px;
  }
  .company-feature-box {
    display: block;
    margin-bottom: 50px;
  }
  .company-feature-box__image {
    width: 100%;
    min-width: 0;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .company-feature-box__image img {
    width: 100%;
    max-width: initial;
  }
  .company-feature-box__text-title {
    height: auto;
    margin-bottom: 13px;
    font-size: 1.125rem;
  }
  .company-feature-box__text-text {
    font-size: 0.75rem;
  }
  .company-block--bdt {
    padding-bottom: 10px;
    padding-top: 50px;
  }
  .company-bottom {
    display: block;
    margin-left: 0;
  }
  .company-bottom-box {
    width: 100%;
    margin-bottom: 30px;
    margin-left: 0;
  }
  .company-bottom-box__image img {
    width: 100%;
    max-width: initial;
  }
  .company-bottom-box__text-title {
    font-size: 1rem;
  }
  .company-bottom-box__text-text {
    font-size: 0.8125rem;
  }
  .solicitation__block {
    margin-bottom: 80px;
  }
}

/* company-追加アコーディオン部分
------------------------------------------------*/
.company_houshin-acc {
  width: 100%;
}

.company_houshin-acc .toggle {
  display: none;
}

.company_houshin-acc .option {
  position: relative;
  margin-bottom: 1em;
}

.company_houshin-acc .title,
.company_houshin-acc .content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
}

.company_houshin-acc .title {
  position: relative;
  border: 3px solid #d83e4f;
  padding: 0.93em 35px 0.93em 0.75em;
  display: block;
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  background-color: #d83e4f;
}

.company_houshin-acc .content{
  padding:  0.5em 0.5em 0;
}

.company_houshin-acc .title:hover{
  background-color: #fff;
  color: #d83e4f;
  cursor: pointer;
}

.company_houshin-acc .title::after,
.company_houshin-acc .title::before {
  content: "";
  position: absolute;
  right: 1.5em;
  top: 1em;
  width: 3px;
  height: 1.3em;
  background-color: #fff;
  transition: all 0.3s;
}

.company_houshin-acc .title:hover::after,
.company_houshin-acc .title:hover::before{
  background-color: #d83e4f;
}

.company_houshin-acc .title::after {
  transform: rotate(90deg);
}

.company_houshin-acc .content {
  max-height: 0;
  overflow: hidden;
}

.company_houshin-acc .toggle:checked + .title{
  color: #d83e4f;
  background-color: #fff;
}

.company_houshin-acc .toggle:checked + .title + .content {
  max-height: 25000px;
  transition: all 1.5s;
}

.company_houshin-acc .toggle:checked + .title::before {
  transform: rotate(90deg) !important;
}

.company_houshin-acc .toggle:checked + .title::after,
.company_houshin-acc .toggle:checked + .title::before{
  background-color: #d83e4f;
}


/* company-policy
------------------------------------------------*/
@media (min-width: 769px) {
  .company-policy .company-top {
    margin-bottom: 70px;
  }
  .company-policy .company-top::after {
    display: block;
    content: '';
    clear: both;
  }
  .company-policy .company-top__hero {
    margin-bottom: 24px;
  }
  .company-policy .company-top__hero img {
    max-width: initial;
    width: 100%;
  }
  .company-policy .company-top__greeting {
    margin-bottom: 24px;
    font-size: 0.875rem;
    color: #595757;
  }
  .company-policy .company-top__title {
    margin-bottom: 30px;
    font-size: 1.375rem;
    font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
    font-weight: 400;
    line-height: 1.909091;
    color: #dc263f;
  }
  .company-policy .company-top__text {
    margin-bottom: 34px;
    font-size: 0.875rem;
    font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
    line-height: 2;
    font-weight: 300;
  }
  .company-policy .company-top__name {
    float: right;
    font-weight: 400;
    text-align: right;
  }
  .company-policy .company-top__name-01 {
    margin-bottom: 5px;
    font-size: 1rem;
  }
  .company-policy .company-top__name-02 {
    margin-top: 8px;
    width: 200px;
  }
  .company-policy .company-middle__images {
    margin-bottom: 40px;
  }
  .company-policy .company-middle__images img {
    max-width: initial;
    width: 100%;
  }
  .company-policy .company-middle__comment {
    margin-bottom: 30px;
    font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
    font-weight: 400;
    line-height: 1.909091;
    color: #dc263f;
    font-size: 1.375rem;
    line-height: 1.75;
  }
  .company-policy .company-middle__text {
    margin-bottom: 80px;
    font-size: 0.875rem;
  }
  .company-policy .company-middle-list {
    margin-bottom: 95px;
    padding-left: 0;
    font-size: 0.875rem;
    line-height: 2;
    list-style-type: none;
  }
  .company-policy .company-middle-list.solicitation__list {
    margin-bottom: 30px;
    font-weight: bold;
  }
  .company-policy .company-middle-list.solicitation__list > li {
    font-size: 0.875rem;
    margin-bottom: 25px;
  }
  .company-policy .company-middle-list__item {
    position: relative;
    font-size: 0.875rem;
    font-weight: normal;
    margin-bottom: 10px;
    padding-left: 15px;
    font-family: "Times New Roman", times, "Yu Mincho", yumincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  }
  .company-policy .company-middle-list__item::before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #dc263f;
  }
  .company-policy .company-middle-list.solicitation__list .other {
    font-weight: normal;
  }
  .solicitation__text {
    font-size: 0.875rem;
  }
}

@media (min-width: 1040px) {
  .company-policy .company-top__hero {
    margin-bottom: 35px;
  }
  .company-policy .company-top__greeting {
    font-size: 1rem;
  }
  .company-policy .company-top__title {
    font-size: 1.5rem;
    line-height: 1.75;
  }
  .company-policy .company-top__text {
    font-size: 1rem;
    line-height: 1.75;
  }
  .company-policy .company-top__name-01 {
    font-size: 1rem;
  }
  .company-policy .company-top__name-02 {
    margin-top: 8px;
    width: 200px;
  }
  .company-policy .company-middle__comment {
    font-size: 1.5rem;
    line-height: 1.75;
  }
  .company-policy .company-middle__text {
    margin-bottom: 100px;
    font-size: 1rem;
  }
  .company-policy .company-middle-list {
    margin-bottom: 115px;
    font-size: 1rem;
    line-height: 1.75;
  }
}

@media (max-width: 768.98px) {
  .company-policy .company-top {
    margin-bottom: 70px;
  }
  .company-policy .company-top::after {
    display: block;
    content: '';
    clear: both;
  }
  .company-policy .company-top__hero {
    margin-bottom: 35px;
  }
  .company-policy .company-top__hero img {
    max-width: initial;
    width: 100%;
  }
  .company-policy .company-top__greeting {
    margin-bottom: 30px;
    font-size: 1rem;
    color: #595757;
  }
  .company-policy .company-top__title {
    margin-bottom: 30px;
    font-size: 1.5rem;
    font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
    font-weight: 400;
    line-height: 1.75;
    color: #dc263f;
  }
  .company-policy .company-top__text {
    margin-bottom: 34px;
    font-size: 1rem;
    line-height: 1.75;
    font-weight: 300;
  }
  .company-policy .company-top__name {
    float: right;
    font-weight: 400;
    text-align: right;
  }
  .company-policy .company-top__name-01 {
    margin-bottom: 10px;
    font-size: 1rem;
  }
  .company-policy .company-top__name-02 {
    width: 150px;
  }
  .company-policy .company-middle__images {
    margin-bottom: 36px;
  }
  .company-policy .company-middle__images img {
    max-width: initial;
    width: 100%;
  }
  .company-policy .company-middle__comment {
    font-size: 1.375rem;
    font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
    line-height: 1.909091;
    color: #dc263f;
  }
  .company-policy .company-middle__text {
    margin-bottom: 100px;
    font-size: 1rem;
  }
  .company-policy .company-middle-list {
    margin-bottom: 115px;
    padding-left: 0;
    font-size: 1rem;
    line-height: 1.75;
    list-style-type: none;
  }
  .company-policy .company-middle-list.solicitation__list {
    font-weight: bold;
  }
  .company-policy .company-middle-list__item {
    position: relative;
    font-weight: normal;
    margin-bottom: 15px;
    padding-left: 15px;
  }
  .company-policy .company-middle-list__item::before {
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #dc263f;
  }
  .company-policy .company-middle-list.solicitation__list .other {
    font-weight: normal;
  }
}

@media (max-width: 364.98px) {
  .company-policy .company-top {
    margin-bottom: 70px;
  }
  .company-policy .company-top__hero {
    margin-bottom: 20px;
  }
  .company-policy .company-top__greeting {
    margin-bottom: 20px;
    font-size: 0.8125rem;
  }
  .company-policy .company-top__title {
    margin-bottom: 20px;
    font-size: 1.25rem;
    line-height: 2;
  }
  .company-policy .company-top__text {
    margin-bottom: 34px;
    font-size: 0.8125rem;
    line-height: 2.153846;
  }
  .company-policy .company-top__name-01 {
    font-size: 1rem;
  }
  .company-policy .company-top__name-02 {
    width: 150px;
  }
  .company-policy .company-middle__images {
    margin-bottom: 36px;
  }
  .company-policy .company-middle__comment {
    font-size: 1.1875rem;
    line-height: 2.210526;
  }
  .company-policy .company-middle__text {
    margin-bottom: 70px;
    font-size: 0.8125rem;
  }
  .company-policy .company-middle-list {
    margin-bottom: 60px;
    font-size: 0.8125rem;
    line-height: 2.153846;
  }
  .company-policy .company-middle-list__item {
    padding-left: 25px;
  }
  .company-policy .company-middle-list__item::before {
    width: 5px;
    height: 5px;
  }
}

.mb-100 {
  margin-bottom: 100px;
}

.-mt120 {
  margin-top: 120px;
}

.company-video {
  position: relative;
  width: 100%;
  height: 58.7%;
  padding-bottom: 56.25%;
}

.company-video__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.service-catch {
  margin-bottom: 3em;
}

.service-catch__discription {
  font-size: 0.9375rem;
}

.service-catch__img {
  width: 100%;
}

.service-list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding-left: 0;
}

.service-list__item {
  width: 100%;
}

.service-list__item:not(:first-of-type) {
  margin-top: 30px;
}

.service-card {
  display: block;
  height: 100%;
  border: 1px solid #ccc;
  border-radius: 6px;
  overflow: hidden;
  text-align: center;
  transition: opacity 0.4s;
}

.service-card:hover {
  text-decoration: none;
  color: #d83e4f;
  opacity: 0.7;
}

.service-card:hover__img {
  opacity: 0.6;
}

.service-card__body {
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 1.125em;
  padding-bottom: 1.5em;
  margin-bottom: 0;
}

.service-card__img {
  width: 100%;
  border-radius: 4px;
}

.service-card__icon {
  display: block;
  margin: 0 auto;
}

.service-card__title {
  font-size: 1.375rem;
  margin-bottom: 0.25em;
}

.service-card__discription {
  margin-bottom: 0;
  color: #231815;
  font-size: 0.8125rem;
}

@media (min-width: 769px) {
  .service-catch {
    margin-bottom: 113px;
  }
  .service-catch__discription {
    font-size: 0.9375rem;
    line-height: 2;
    margin-bottom: 2em;
  }
  .service-list {
    margin-top: 2.5em;
  }
  .service-list__item {
    width: calc( 50% - 9px);
  }
  .service-list__item:nth-of-type(odd) {
    margin-right: 18px;
  }
  .service-list__item:nth-of-type(2) {
    margin-top: 0;
  }
  .service-card__body {
    padding-top: 1.125em;
    padding-bottom: 1.5em;
  }
  .service-card__title {
    font-size: 1.375rem;
    margin-bottom: 0.25em;
  }
  .service-card__discription {
    margin-bottom: 0;
    color: #231815;
    font-size: 0.8125rem;
  }
}

/* ワンダフルパスポートトップページ
----------------------------------------------------*/
@media (min-width: 769px) {
  .wonpass .header-images {
    margin-bottom: 60px;
  }
  .wonpass .template__title01--mb60 {
    margin-bottom: 60px;
  }
  .wonpass-container {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
  }
  .wonpass-container .wonpass-card {
    position: relative;
    width: calc((100% - 20px) / 2);
    margin-bottom: 54px;
    margin-left: 10px;
  }
  .wonpass-container .wonpass-card-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 180px;
    margin-bottom: 10px;
    padding: 36px 20px 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: center;
    align-content: flex-start;
  }
  .wonpass-container .wonpass-card-box--last {
    padding-top: 24px;
  }
  .wonpass-container .wonpass-card-box__images {
    width: 100%;
    overflow: hidden;
    margin-top: auto;
  }
  .wonpass-container .wonpass-card-box__title {
    margin-top: auto;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    width: 100%;
  }
  .wonpass-container .wonpass-card__text {
    margin-bottom: 0;
    font-size: 0.75rem;
    line-height: 1.833333;
  }
  .wonpass-container .wonpass-card__note {
    margin-top: 10px;
    font-size: 0.625rem;
    line-height: 2;
  }
  .wonpass-container .wonpass-card__circle {
    position: absolute;
    top: -30px;
    left: -10px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #d83e4f;
  }
  .wonpass-container .wonpass-card__circle-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    margin-bottom: 0;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.25;
    color: #fff;
    text-align: center;
  }
  .wonpass-container .wonpass-card__circle span {
    display: block;
    font-size: 1.125rem;
  }
  .wonpass-security {
    margin-bottom: 100px;
  }
  .wonpass-security-box {
    display: flex;
    align-items: center;
    padding: 20px 30px 20px 20px;
    margin-bottom: 10px;
    color: #212529;
    background: url(https://www.daihatsu-hiroshima.co.jp/assets/img/common/icons/icon_circle_arrow_right.svg) right 20px center no-repeat;
    background-size: 28px 28px;
    border: 1px solid #ccc;
    border-radius: 8px;
  }
  .wonpass-security-box__icon {
    margin-right: 20px;
  }
  .wonpass-security-box__icon img {
    width: 124px;
  }
  .wonpass-security-box__title {
    margin-bottom: 0;
    font-size: 1.0625rem;
    font-weight: 300;
  }
  .wonpass-security-box__title--reletive {
    position: relative;
  }
  .wonpass-security-box__title--reletive::before {
    content: "※ダイハツメーカーサイトに移動します。";
    position: absolute;
    bottom: -30px;
    left: 0;
    font-size: 0.625rem;
    font-weight: 300;
    white-space: nowrap;
  }
  .wonpass-security-box:hover {
    color: #212529;
    text-decoration: none;
    background-color: #f7d8dc;
  }
  .wonpass-security__comment {
    font-size: 0.75rem;
    line-height: 1.833333;
  }
  .wonpass-menu {
    margin-bottom: 52px;
  }
  .wonpass-menu-area__title {
    margin-bottom: 15px;
    font-size: 1.125rem;
    color: #e73e51;
    white-space: nowrap;
  }
  .wonpass-menu-area-block {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 46px;
    margin-left: -10px;
  }
  .wonpass-menu-area-block-card {
    display: block;
    width: calc((100% - 20px) / 2);
    margin-bottom: 10px;
    margin-left: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: center;
  }
  .wonpass-menu-area-block-card--max {
    width: 197px;
    margin-left: 0;
  }
  .wonpass-menu-area-block-card__images {
    margin-bottom: 14px;
  }
  .wonpass-menu-area-block-card__title {
    margin-bottom: 6px;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #e73e51;
  }
  .wonpass-menu-area-block-card__text {
    margin-bottom: 14px;
    font-size: 0.75rem;
  }
  .wonpass-menu-area-block-card:hover {
    color: #212529;
    text-decoration: none;
    background-color: #f7d8dc;
  }
  .wonpass-menu-area-block-card:hover img {
    opacity: 1;
  }
  .wonpass-menu-container {
    display: flex;
    flex-wrap: wrap;
  }
  .wonpass-menu-container-box--ml {
    margin-left: 10px;
  }
  .wonpass-trans__title {
    margin-bottom: 18px;
    font-size: 1rem;
    font-weight: 400;
    color: #e73e51;
  }
  .wonpass-trans__text {
    margin-bottom: 10px;
    font-size: 0.8125rem;
    line-height: 1.692308;
  }
  .wonpass-trans__note {
    margin-bottom: 50px;
    font-size: 0.625rem;
  }
  .wonpass-trans__subtitle {
    font-size: 0.8125rem;
    font-weight: 700;
  }
  .wonpass-trans-list {
    margin-bottom: 46px;
    padding-left: 0;
    list-style-type: none;
  }
  .wonpass-trans-list__item {
    margin-bottom: 30px;
    font-size: 0.8125rem;
    line-height: 1.692308;
  }
  .wonpass-trans-list__item--mb0 {
    margin-bottom: 0;
  }
  .wonpass-trans-list .red {
    color: #e73e51;
  }
  .wonpass-trans-list .line {
    text-decoration: underline;
  }
}

@media (min-width: 1040px) {
  .wonpass .header-images {
    margin-bottom: 110px;
  }
  .wonpass-container {
    margin-left: -17px;
  }
  .wonpass-container .wonpass-card {
    width: calc((100% - 34px) / 2);
    margin-left: 17px;
  }
  .wonpass-container .wonpass-card-box {
    padding: 20px 0 20px;
  }
  .wonpass-container .wonpass-card-box__title {
    font-size: 1.25rem;
  }
  .wonpass-container .wonpass-card__text {
    font-size: 0.875rem;
    line-height: 1.571429;
  }
  .wonpass-container .wonpass-card__note {
    font-size: 0.6875rem;
    line-height: 1.818182;
  }
  .wonpass-container .wonpass-card__circle {
    top: -35px;
    width: 70px;
    height: 70px;
  }
  .wonpass-container .wonpass-card__circle-text {
    font-size: 0.875rem;
    line-height: 1.428571;
  }
  .wonpass-container .wonpass-card__circle span {
    font-size: 1.25rem;
  }
  .wonpass-security {
    margin-bottom: 100px;
  }
  .wonpass-security-box {
    padding: 36px 30px 36px 40px;
  }
  .wonpass-security-box__icon img {
    width: 100%;
  }
  .wonpass-security-box__title {
    font-size: 1.375rem;
  }
  .wonpass-security-box__title--reletive::before {
    font-size: 0.6875rem;
  }
  .wonpass-security__comment {
    font-size: 0.875rem;
    line-height: 1.571429;
  }
  .wonpass-menu-area__title {
    font-size: 1.25rem;
  }
  .wonpass-menu-area-block {
    margin-left: -15px;
  }
  .wonpass-menu-area-block-card {
    width: calc((100% - 45px) / 3);
    margin-bottom: 0;
    margin-left: 15px;
  }
  .wonpass-menu-area-block-card--max {
    width: 220px;
    margin-left: 0;
  }
  .wonpass-menu-area-block-card__title {
    font-size: 1.125rem;
  }
  .wonpass-menu-area-block-card__text {
    font-size: 0.8125rem;
  }
  .wonpass-menu-container {
    margin-left: -15px;
  }
  .wonpass-menu-container {
    display: flex;
    flex-wrap: wrap;
  }
  .wonpass-menu-container-box {
    width: calc(33.333333% - 15px);
    max-width: 225px;
    margin-left: 15px;
  }
  .wonpass-trans__title {
    font-size: 1.25rem;
  }
  .wonpass-trans__text {
    font-size: 0.875rem;
    line-height: 1.571429;
  }
  .wonpass-trans__note {
    font-size: 0.6875rem;
  }
  .wonpass-trans__subtitle {
    font-size: 0.875rem;
  }
  .wonpass-trans-list__item {
    font-size: 0.875rem;
    line-height: 1.571429;
  }
}

@media (max-width: 768.98px) {
  .wonpass .header-images {
    margin-bottom: 60px;
  }
  .wonpass .template__title01--mb60 {
    margin-bottom: 60px;
  }
  .wonpass-container {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
  }
  .wonpass-container .wonpass-card {
    position: relative;
    width: calc((100% - 20px) / 2);
    margin-bottom: 54px;
    margin-left: 10px;
  }
  .wonpass-container .wonpass-card-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 180px;
    margin-bottom: 10px;
    padding: 20px 20px 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: center;
  }
  .wonpass-container .wonpass-card-box--last {
    padding-top: 24px;
  }
  .wonpass-container .wonpass-card-box__images {
    margin-top: auto;
    margin-bottom: 10px;
  }
  .wonpass-container .wonpass-card-box__title {
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    width: 100%;
  }
  .wonpass-container .wonpass-card-box__images {
    width: 100%;
  }
  .wonpass-container .wonpass-card__text {
    margin-bottom: 0;
    font-size: 0.75rem;
    line-height: 1.833333;
  }
  .wonpass-container .wonpass-card__note {
    margin-top: 10px;
    font-size: 0.625rem;
    line-height: 2;
  }
  .wonpass-container .wonpass-card__circle {
    position: absolute;
    top: -30px;
    left: -10px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #d83e4f;
  }
  .wonpass-container .wonpass-card__circle-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    margin-bottom: 0;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.25;
    color: #fff;
    text-align: center;
  }
  .wonpass-container .wonpass-card__circle span {
    display: block;
    font-size: 1.125rem;
  }
  .wonpass-security {
    margin-bottom: 100px;
  }
  .wonpass-security-box {
    display: flex;
    align-items: center;
    padding: 20px 30px 20px 20px;
    margin-bottom: 10px;
    color: #212529;
    background: url(https://www.daihatsu-hiroshima.co.jp/assets/img/common/icons/icon_circle_arrow_right.svg) right 20px center no-repeat;
    background-size: 28px 28px;
    border: 1px solid #ccc;
    border-radius: 8px;
  }
  .wonpass-security-box__icon {
    margin-right: 24px;
  }
  .wonpass-security-box__icon img {
    width: 300px;
  }
  .wonpass-security-box__title {
    margin-bottom: 0;
    font-size: 1.25rem;
    font-weight: 300;
    width: 100%;
  }
  .wonpass-security-box__title--reletive {
    position: relative;
  }
  .wonpass-security-box__title--reletive::before {
    content: "※ダイハツメーカーサイトに移動します。";
    position: absolute;
    bottom: -30px;
    left: 0;
    font-size: 0.625rem;
    font-weight: 300;
    white-space: nowrap;
  }
}

@media (max-width: 768.98px) and (max-width: 390px) {
  .wonpass-security-box__title--reletive::before {
    left: auto;
    right: -30px;
  }
}

@media (max-width: 768.98px) {
  .wonpass-security-box:hover {
    color: #212529;
    text-decoration: none;
    background-color: #f7d8dc;
  }
  .wonpass-security__comment {
    font-size: 0.75rem;
    line-height: 1.833333;
  }
  .wonpass-menu {
    margin-bottom: 52px;
  }
  .wonpass-menu-area__title {
    margin-bottom: 15px;
    font-size: 1.125rem;
    color: #e73e51;
    white-space: nowrap;
  }
  .wonpass-menu-area-block {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 46px;
    margin-left: -10px;
  }
  .wonpass-menu-area-block-card {
    display: block;
    width: calc((100% - 20px) / 2);
    margin-bottom: 10px;
    margin-left: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: center;
  }
  .wonpass-menu-area-block-card--max {
    width: calc((100vw - 50px) / 2);
    margin-left: 0;
  }
  .wonpass-menu-area-block-card__images {
    margin-bottom: 14px;
  }
  .wonpass-menu-area-block-card__images img {
    width: 100%;
    max-width: initial;
  }
  .wonpass-menu-area-block-card__title {
    margin-bottom: 6px;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #e73e51;
  }
  .wonpass-menu-area-block-card__text {
    margin-bottom: 14px;
    font-size: 0.75rem;
  }
  .wonpass-menu-area-block-card:hover {
    color: #212529;
    text-decoration: none;
    background-color: #f7d8dc;
  }
  .wonpass-menu-area-block-card:hover img {
    opacity: 1;
  }
  .wonpass-menu-container {
    display: flex;
    flex-wrap: wrap;
  }
  .wonpass-menu-container-box--ml {
    margin-left: 10px;
  }
  .wonpass-trans__title {
    margin-bottom: 18px;
    font-size: 1rem;
    font-weight: 400;
    color: #e73e51;
  }
  .wonpass-trans__text {
    margin-bottom: 10px;
    font-size: 0.8125rem;
    line-height: 1.692308;
  }
  .wonpass-trans__note {
    margin-bottom: 50px;
    font-size: 0.625rem;
  }
  .wonpass-trans__subtitle {
    font-size: 0.8125rem;
    font-weight: 700;
  }
  .wonpass-trans-list {
    margin-bottom: 46px;
    padding-left: 0;
    list-style-type: none;
  }
  .wonpass-trans-list__item {
    margin-bottom: 30px;
    font-size: 0.8125rem;
    line-height: 1.692308;
  }
  .wonpass-trans-list__item--mb0 {
    margin-bottom: 0;
  }
  .wonpass-trans-list .red {
    color: #e73e51;
  }
  .wonpass-trans-list .line {
    text-decoration: underline;
  }
}

@media (max-width: 575.98px) {
  .wonpass .header-images {
    margin-bottom: 40px;
  }
  .wonpass-container {
    display: block;
    margin-left: 0;
  }
  .wonpass-container .wonpass-card {
    width: 100%;
    margin-left: 0;
  }
  .wonpass-container .wonpass-card-box__title {
    font-size: 1.125rem;
  }
  .wonpass-container .wonpass-card__text {
    font-size: 0.8125rem;
    line-height: 1.692308;
  }
  .wonpass-container .wonpass-card__note {
    margin-top: 10px;
    font-size: 0.6875rem;
    line-height: 1.818182;
  }
  .wonpass-container .wonpass-card__note span {
    display: block;
  }
  .wonpass-container .wonpass-card__note .xs-none {
    display: none;
  }
  .wonpass-security {
    margin-bottom: 80px;
  }
  .wonpass-security-box {
    padding: 20px 20px 20px 14px;
    margin-bottom: 8px;
    background: url(https://www.daihatsu-hiroshima.co.jp/assets/img/common/icons/icon_circle_arrow_right.svg) right 20px center no-repeat;
    background-size: 20px 20px;
  }
  .wonpass-security-box__icon {
    margin-left: -10px;
    margin-right: 0;
  }
  .wonpass-security-box__icon img {
    width: 115px;
  }
  .wonpass-security-box__title {
    font-size: 0.9375rem;
  }
  .wonpass-security-box__title--reletive {
    font-size: 0.875rem;
  }
  .wonpass-security-box__title--reletive::before {
    content: "※ダイハツメーカーサイトに移動します。";
    bottom: -25px;
  }
  .wonpass-security__comment {
    font-size: 0.6875rem;
    line-height: 2;
  }
  .wonpass-menu {
    margin-bottom: 52px;
  }
  .wonpass-menu-area__title {
    margin-bottom: 10px;
    font-size: 1.0625rem;
  }
  .wonpass-menu-area-block {
    display: block;
    margin-bottom: 46px;
    margin-left: 0;
  }
  .wonpass-menu-area-block-card {
    width: 100%;
    margin-bottom: 24px;
    margin-left: 0;
  }
  .wonpass-menu-area-block-card--max {
    width: 100%;
  }
  .wonpass-menu-area-block-card__title {
    font-size: 1.0625rem;
  }
  .wonpass-menu-area-block-card__text {
    font-size: 0.875rem;
  }
  .wonpass-menu-container {
    display: block;
  }
  .wonpass-menu-container-box--ml {
    margin-left: 0;
  }
  .wonpass-trans__title {
    margin-bottom: 15px;
    font-size: 0.875rem;
  }
  .wonpass-trans__text {
    font-size: 0.75rem;
    line-height: 1.833333;
  }
  .wonpass-trans__note {
    margin-bottom: 40px;
    font-size: 0.625rem;
  }
  .wonpass-trans__subtitle {
    font-size: 0.8125rem;
  }
  .wonpass-trans-list {
    margin-bottom: 36px;
  }
  .wonpass-trans-list__item {
    margin-bottom: 24px;
    font-size: 0.75rem;
    line-height: 1.833333;
  }
}

@media (max-width: 500px) {
  .insurance-security-box {
    display: flex;
    flex-direction: column;
  }
  .insurance-security-box br {
    display: none;
  }
  .insurance-security-box__icon {
    height: 100%;
  }
  .wonpass-security-box__title {
    width: 60%;
    margin: 0 auto;
  }
  .wonpass-security-box__title--reletive {
    font-size: 0.875rem;
  }
  .wonpass-security-box__title--reletive::before {
    content: "※ダイハツメーカーサイトに移動します。";
    bottom: -20px;
    right: -40px;
  }
}

.wanpass-grid {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 60px;
}

@media (min-width: 576px) {
  .wanpass-grid {
    display: -ms-grid;
    display: grid;
    gap: 17px 15px;
    -ms-grid-rows: auto 17px auto 17px auto 17px auto 17px auto 17px auto 17px auto 17px auto;
    grid-template-rows: repeat(7, auto);
    -ms-grid-columns: 1fr 15px 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1040px) {
  .wanpass-grid {
    display: -ms-grid;
    display: grid;
    gap: 17px 15px;
    -ms-grid-columns: 1fr 15px 1fr 15px 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto 17px auto 17px auto 17px auto 17px auto 17px auto;
    grid-template-rows: repeat(6, auto);
  }
}

.wanpass-grid__title {
  width: 100%;
  font-size: 1.25rem;
  color: #e73e51;
  font-weight: normal;
  line-height: 1;
  margin-top: 40px;
}

@media (min-width: 576px) {
  .wanpass-grid__title {
    margin-top: 10px;
  }
}

.wanpass-grid__container {
  width: 100%;
  margin-bottom: 0;
  margin-top: 15px;
}

@media (min-width: 576px) {
  .wanpass-grid__container {
    margin-top: 0;
  }
}

@media (min-width: 576px) {
  .wanpass-grid__title:nth-of-type(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
  }
  .wanpass-grid__title:nth-of-type(2) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 9;
    -ms-grid-row-span: 1;
    grid-row: 4/5;
  }
  .wanpass-grid__title:nth-of-type(3) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 9;
    -ms-grid-row-span: 1;
    grid-row: 4/5;
  }
  .wanpass-grid__title:nth-of-type(4) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 13;
    -ms-grid-row-span: 1;
    grid-row: 7/8;
  }
}

@media (min-width: 1040px) {
  .wanpass-grid__title:nth-of-type(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
  }
  .wanpass-grid__title:nth-of-type(2) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
  }
  .wanpass-grid__title:nth-of-type(3) {
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
  }
  .wanpass-grid__title:nth-of-type(4) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 9;
    -ms-grid-row-span: 1;
    grid-row: 5/6;
  }
}

@media (min-width: 576px) {
  .wanpass-grid__container:nth-of-type(2n + 1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
  .wanpass-grid__container:nth-of-type(2n) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
  }
  .wanpass-grid__container:nth-of-type(1) {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
  }
  .wanpass-grid__container:nth-of-type(2) {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
  }
  .wanpass-grid__container:nth-of-type(3) {
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
  }
  .wanpass-grid__container:nth-of-type(4) {
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
  }
  .wanpass-grid__container:nth-of-type(5) {
    -ms-grid-row: 11;
    -ms-grid-row-span: 1;
    grid-row: 6/7;
  }
  .wanpass-grid__container:nth-of-type(6) {
    -ms-grid-row: 11;
    -ms-grid-row-span: 1;
    grid-row: 6/7;
  }
  .wanpass-grid__container:nth-of-type(7) {
    -ms-grid-row: 15;
    -ms-grid-row-span: 1;
    grid-row: 8/9;
  }
  .wanpass-grid__container:nth-of-type(8) {
    -ms-grid-row: 15;
    -ms-grid-row-span: 1;
    grid-row: 8/9;
  }
}

@media (min-width: 1040px) {
  .wanpass-grid__container:nth-of-type(3n + 1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
  .wanpass-grid__container:nth-of-type(3n + 2) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
  }
  .wanpass-grid__container:nth-of-type(3n + 3) {
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
  }
  .wanpass-grid__container:nth-of-type(1) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
  }
  .wanpass-grid__container:nth-of-type(2) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
  }
  .wanpass-grid__container:nth-of-type(3) {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
  }
  .wanpass-grid__container:nth-of-type(4) {
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    grid-row: 4/5;
  }
  .wanpass-grid__container:nth-of-type(5) {
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    grid-row: 4/5;
  }
  .wanpass-grid__container:nth-of-type(6) {
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    grid-row: 4/5;
  }
  .wanpass-grid__container:nth-of-type(7) {
    -ms-grid-row: 11;
    -ms-grid-row-span: 1;
    grid-row: 6/7;
  }
  .wanpass-grid__container:nth-of-type(8) {
    -ms-grid-row: 11;
    -ms-grid-row-span: 1;
    grid-row: 6/7;
  }
  .wanpass-grid__container:nth-of-type(9) {
    -ms-grid-row: 11;
    -ms-grid-row-span: 1;
    grid-row: 6/7;
  }
}

.wanpass-card2 {
  border: 1px solid #ccc;
  border-radius: 5px;
  position: relative;
  height: 100%;
}

.wanpass-card2__title {
  font-size: 1.125rem;
  color: #e73e51;
  font-weight: normal;
  text-align: center;
  margin-bottom: 10px;
}

.wanpass-card2__img {
  text-align: center;
  margin-bottom: 17px;
}

.wanpass-card2__img > img {
  max-width: initial;
  width: 100%;
  height: auto;
}

.wanpass-card2__text {
  line-height: 1.6;
  padding: 0 10px;
  font-size: 0.75rem;
  font-weight: 300;
  margin-bottom: 13px;
  text-align: center;
}

@media (min-width: 1040px) {
  .wanpass-card2__text {
    font-size: 0.8125rem;
    margin-bottom: 17px;
  }
}

.wanpass-card2__link::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.wanpass-card2__link:hover::before {
  background: rgba(255, 255, 255, 0.2);
}

.wonpass-banner__title {
  font-size: 1.125rem;
  line-height: 1.454545;
  font-weight: 700;
  color: #e73e51;
  text-align: center;
}

@media (min-width: 576px) {
  .wonpass-banner__title {
    font-size: 1.375rem;
  }
}

.wonpass-banner__text {
  margin-top: 20px;
  font-size: 0.6875rem;
  line-height: 1.6;
  margin-bottom: 0;
}

.wonpass-banner__text:not(:first-of-type) {
  margin-top: 10px;
}

.wonpass-convenient {
  margin: 80px auto 40px;
  width: 100%;
}

.wonpass-convenient__container {
  border: 1px solid #ccc;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background: url(https://www.daihatsu-hiroshima.co.jp/assets/img/common/icons/icon_circle_arrow_right.svg) right 20px center no-repeat;
  background-size: 20px 20px;
  padding: 20px;
}

.wonpass-convenient__container:hover {
  color: #221815;
  text-decoration: none;
  background-color: #f7d8dc;
}

@media (min-width: 576px) {
  .wonpass-convenient__container {
    background-size: 28px 28px;
  }
}

@media (min-width: 576px) {
  .wonpass-convenient__container {
    padding: 36px 20px;
    justify-content: flex-start;
  }
}

.wonpass-convenient__img {
  max-width: 120px;
  width: 50%;
  margin-right: 20px;
}

@media (min-width: 576px) {
  .wonpass-convenient__img {
    width: 100%;
    max-width: 200px;
  }
}

@media (min-width: 769px) {
  .wonpass-convenient__img {
    max-width: 120px;
  }
}

@media (min-width: 1040px) {
  .wonpass-convenient__img {
    max-width: 200px;
  }
}

.wonpass-convenient__img > img {
  width: 100%;
}

.wonpass-convenient__text {
  font-size: 0.9375rem;
  color: #221815;
  margin-bottom: 0;
  margin-right: 20px;
  position: relative;
}

@media (min-width: 576px) {
  .wonpass-convenient__text {
    font-size: 1.25rem;
    margin-right: 28px;
  }
}

@media (min-width: 769px) {
  .wonpass-convenient__text {
    font-size: 1.375rem;
  }
}

.wonpass-convenient__text > br {
  display: none;
}

@media (min-width: 576px) {
  .wonpass-convenient__text > br {
    display: block;
  }
}

.wonpass-convenient__attention {
  font-size: 0.625rem;
  position: absolute;
  white-space: nowrap;
  left: 0;
  bottom: -1.6em;
}

@media (min-width: 576px) {
  .wonpass-convenient__attention {
    font-size: 0.6875rem;
    bottom: -2em;
  }
}

/* ワンダフルパスポート下層ページ
----------------------------------------------------*/
@media (min-width: 769px) {
  .wonpass-lower .header-images {
    margin-bottom: 40px;
  }
  .wonpass-lower .wonpass-table {
    table-layout: fixed;
    width: 100%;
    margin-bottom: 24px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 0.75rem;
    line-height: 1.666667;
  }
  .wonpass-lower .wonpass-table tr {
    border-top: 1px solid #ccc;
  }
  .wonpass-lower .wonpass-table tr:nth-child(even) {
    background: #fafafa;
  }
  .wonpass-lower .wonpass-table tr th {
    border-left: 1px solid #ccc;
    font-weight: 300;
  }
  .wonpass-lower .wonpass-table tr td {
    border-left: 1px solid #ccc;
  }
  .wonpass-lower .wonpass-table tr span {
    display: block;
    font-size: 0.6875rem;
  }
  .wonpass-lower .wonpass-table thead th {
    padding: 2px 0;
    background: #fad9dc;
    font-weight: 400;
    text-align: center;
  }
  .wonpass-lower .wonpass-table tbody th {
    padding: 12px 0 12px 12px;
  }
  .wonpass-lower .wonpass-table tbody td {
    padding: 12px 0 12px 12px;
  }
  .wonpass-lower .wonpass-table tbody td.table-center {
    width: 85px;
    padding-left: 0;
    text-align: center;
  }
  .wonpass-lower .wonpass-table__list {
    margin-bottom: 0;
    padding-left: 0;
  }
  .wonpass-lower .wonpass-table__list-item {
    list-style-type: none;
  }
  .wonpass-lower .wonpass-deals {
    margin-bottom: 15px;
    padding: 0 15px;
  }
  .wonpass-lower .wonpass-deals__arrow {
    width: 0;
    height: 0;
    margin: 0 auto 18px;
    border-style: solid;
    border-width: 22.5px 13px 0 13px;
    border-color: #d83e4f transparent transparent transparent;
  }
  .wonpass-lower .wonpass-deals__title {
    margin-bottom: 15px;
    font-size: 1.375rem;
    text-align: center;
  }
  .wonpass-lower .wonpass-deals__title span {
    color: #d83e4f;
  }
  .wonpass-lower .wonpass-deals-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .wonpass-lower .wonpass-deals-container-box {
    margin-bottom: 30px;
  }
  .wonpass-lower .wonpass-deals-container-box:last-child {
    margin-bottom: 0;
  }
  .wonpass-lower .wonpass-deals-container-box-illust {
    position: relative;
    margin-bottom: 10px;
  }
  .wonpass-lower .wonpass-deals-container-box-illust__text {
    position: absolute;
    font-size: 1.75rem;
    font-weight: 700;
    font-family: Arial, sans-serif;
    line-height: 1.2;
    color: #fff;
    text-align: center;
  }
  .wonpass-lower .wonpass-deals-container-box-illust__text--01 {
    top: 52%;
    left: 5%;
  }
  .wonpass-lower .wonpass-deals-container-box-illust__text--02 {
    top: 71%;
    right: 5%;
  }
  .wonpass-lower .wonpass-deals-container-box-illust__text .deals-en {
    padding-left: 2px;
    font-size: 1rem;
  }
  .wonpass-lower .wonpass-deals-container-box-illust__text .deals-zei {
    display: block;
    font-size: 0.625rem;
    font-weight: 300;
  }
  .wonpass-lower .wonpass-deals-container-box-title {
    display: flex;
    justify-content: space-between;
  }
  .wonpass-lower .wonpass-deals-container-box-title__text {
    margin-bottom: 0;
    font-size: 0.75rem;
    font-weight: 700;
  }
  .wonpass-lower .wonpass-deals-container-box-title__text--01 {
    margin-left: 38px;
  }
  .wonpass-lower .wonpass-deals-container-box-title__text--02 {
    margin-right: 32px;
  }
  .wonpass-lower .wonpass-deals-container-box--price {
    position: relative;
    width: 245px;
    border: 3px solid #e93e52;
  }
  .wonpass-lower .wonpass-deals-container-box__title {
    background: #e93e52;
    margin: 0;
    padding: 2px 0 5px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
    color: #fff;
    text-align: center;
  }
  .wonpass-lower .wonpass-deals-container-box__comment {
    margin-bottom: 0;
    padding: 8px 0 10px;
    font-size: 2rem;
    font-weight: 700;
    font-family: Arial, sans-serif;
    line-height: 1.25;
    color: #e93e52;
    text-align: center;
  }
  .wonpass-lower .wonpass-deals-container-box__comment::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 32px 10px;
    border-color: transparent transparent #e93e52 transparent;
  }
  .wonpass-lower .wonpass-deals-container-box__comment .deals-small {
    font-size: 1rem;
  }
  .wonpass-lower .wonpass-deals-container-box__comment .deals-small__bk {
    color: #221815;
  }
  .wonpass-lower .wonpass-deals-container-box__comment .deals-sa {
    display: block;
    font-size: 0.6875rem;
    font-weight: 300;
    color: #221815;
  }
  .wonpass-lower .wonpass-note__text {
    font-size: 0.625rem;
    line-height: 2;
  }
}

@media (min-width: 1040px) {
  .wonpass-lower .wonpass-table tr span {
    white-space: nowrap;
  }
  .wonpass-lower .wonpass-table {
    font-size: 0.8125rem;
    line-height: 1.538462;
  }
  .wonpass-lower .wonpass-table tbody th {
    padding: 12px 0 12px 15px;
  }
  .wonpass-lower .wonpass-table tbody td {
    padding: 12px 0 12px 15px;
  }
  .wonpass-lower .wonpass-table tbody td.table-center {
    width: 135px;
  }
  .wonpass-lower .wonpass-deals__title {
    margin-bottom: 0;
  }
  .wonpass-lower .wonpass-deals-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
  }
  .wonpass-lower .wonpass-deals-container-box {
    margin-bottom: 0;
  }
  .wonpass-lower .wonpass-deals-container-box__comment::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-100%, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 32px 10px 0;
    border-color: transparent #e93e52 transparent transparent;
  }
  .wonpass-lower .wonpass-note__text {
    font-size: 0.6875rem;
    line-height: 1.818182;
  }
}

@media (max-width: 768.98px) {
  .wonpass-lower .header-images {
    margin-bottom: 40px;
  }
  .wonpass-lower .wonpass-table {
    width: 694px;
    margin-bottom: 24px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 0.75rem;
    line-height: 1.666667;
  }
  .wonpass-lower .wonpass-table tr {
    border-top: 1px solid #ccc;
  }
  .wonpass-lower .wonpass-table tr:nth-child(even) {
    background: #fafafa;
  }
  .wonpass-lower .wonpass-table tr th {
    border-left: 1px solid #ccc;
    font-weight: 300;
  }
  .wonpass-lower .wonpass-table tr td {
    border-left: 1px solid #ccc;
  }
  .wonpass-lower .wonpass-table tr span {
    display: block;
    font-size: 0.6875rem;
  }
  .wonpass-lower .wonpass-table thead th {
    padding: 2px 0;
    background: #fad9dc;
    font-weight: 400;
    text-align: center;
  }
  .wonpass-lower .wonpass-table tbody th {
    padding: 12px 0 12px 12px;
  }
  .wonpass-lower .wonpass-table tbody td {
    padding: 12px 0 12px 12px;
  }
  .wonpass-lower .wonpass-table tbody td.table-center {
    width: auto;
    padding-left: 0;
    text-align: center;
  }
  .wonpass-lower .wonpass-table__list {
    margin-bottom: 0;
    padding-left: 0;
  }
  .wonpass-lower .wonpass-table__list-item {
    list-style-type: none;
  }
  .wonpass-lower .wonpass-deals {
    margin-bottom: 15px;
    padding: 0 15px;
  }
  .wonpass-lower .wonpass-deals__arrow {
    width: 0;
    height: 0;
    margin: 0 auto 18px;
    border-style: solid;
    border-width: 22.5px 13px 0 13px;
    border-color: #d83e4f transparent transparent transparent;
  }
  .wonpass-lower .wonpass-deals__title {
    font-size: 1.25rem;
    margin: 0 -15px 0;
    width: calc(100% + 30px);
    margin-bottom: 25px;
    text-align: center;
  }
  .wonpass-lower .wonpass-deals__title span {
    color: #d83e4f;
  }
  .wonpass-lower .wonpass-deals-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .wonpass-lower .wonpass-deals-container-box {
    margin-bottom: 30px;
  }
  .wonpass-lower .wonpass-deals-container-box:last-child {
    margin-bottom: 0;
  }
  .wonpass-lower .wonpass-deals-container-box-illust {
    position: relative;
    margin-bottom: 10px;
  }
  .wonpass-lower .wonpass-deals-container-box-illust__text {
    position: absolute;
    font-size: 1.75rem;
    font-weight: 700;
    font-family: Arial, sans-serif;
    line-height: 1.2;
    color: #fff;
    text-align: center;
  }
  .wonpass-lower .wonpass-deals-container-box-illust__text--01 {
    top: 52%;
    left: 5%;
  }
  .wonpass-lower .wonpass-deals-container-box-illust__text--02 {
    top: 71%;
    right: 5%;
  }
  .wonpass-lower .wonpass-deals-container-box-illust__text .deals-en {
    padding-left: 2px;
    font-size: 1rem;
  }
  .wonpass-lower .wonpass-deals-container-box-illust__text .deals-zei {
    display: block;
    font-size: 0.625rem;
    font-weight: 300;
  }
  .wonpass-lower .wonpass-deals-container-box-title {
    display: flex;
    justify-content: space-between;
  }
  .wonpass-lower .wonpass-deals-container-box-title__text {
    margin-bottom: 0;
    font-size: 0.75rem;
    font-weight: 700;
  }
  .wonpass-lower .wonpass-deals-container-box-title__text--01 {
    margin-left: 38px;
  }
  .wonpass-lower .wonpass-deals-container-box-title__text--02 {
    margin-right: 32px;
  }
  .wonpass-lower .wonpass-deals-container-box--price {
    position: relative;
    width: 245px;
    border: 3px solid #e93e52;
  }
  .wonpass-lower .wonpass-deals-container-box__title {
    background: #e93e52;
    margin: 0;
    padding: 2px 0 5px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
    color: #fff;
    text-align: center;
  }
  .wonpass-lower .wonpass-deals-container-box__comment {
    margin-bottom: 0;
    padding: 8px 0 10px;
    font-size: 2rem;
    font-weight: 700;
    font-family: Arial, sans-serif;
    line-height: 1.25;
    color: #e93e52;
    text-align: center;
  }
  .wonpass-lower .wonpass-deals-container-box__comment::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 32px 10px;
    border-color: transparent transparent #e93e52 transparent;
  }
  .wonpass-lower .wonpass-deals-container-box__comment .deals-small {
    font-size: 1rem;
  }
  .wonpass-lower .wonpass-deals-container-box__comment .deals-small__bk {
    color: #221815;
  }
  .wonpass-lower .wonpass-deals-container-box__comment .deals-sa {
    display: block;
    font-size: 0.6875rem;
    font-weight: 300;
    color: #221815;
  }
  .wonpass-lower .wonpass-note__text {
    font-size: 0.625rem;
    line-height: 2;
  }
}

@media (max-width: 364.98px) {
  .wonpass-lower .header-images {
    margin-bottom: 30px;
  }
  .wonpass-lower .wonpass-table {
    width: 694px;
  }
  .wonpass-lower .wonpass-deals {
    margin-bottom: 25px;
    padding: 0;
  }
  .wonpass-lower .wonpass-deals__title {
    font-size: 1.25rem;
  }
  .wonpass-lower .wonpass-deals-container-box {
    margin-bottom: 30px;
  }
  .wonpass-lower .wonpass-deals-container-box:last-child {
    margin-bottom: 0;
  }
}

.wonpass-lower-block.table-scroll {
  overflow: auto;
}

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

.wonpass-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 340px;
  padding: 14px 40px;
  border: 1px solid #ccc;
  border-radius: 6px;
}

.wonpass-box--tire {
  padding: 14px 36px;
}

.wonpass-box__icon {
  margin-right: 30px;
}

.wonpass-box__text-price {
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 700;
}

.wonpass-box__text-price-red {
  display: block;
  font-size: 1.375rem;
  color: #d83e4f;
}

.wonpass-box__text-price-small {
  font-size: 0.75rem;
  font-weight: 400;
}

.wonpass-box__note {
  margin-top: 7px;
  font-size: 0.6875rem;
  font-weight: 300;
}

@media (max-width: 364.98px) {
  .wonpass-box {
    width: 100%;
    max-width: 340px;
  }
  .wonpass-box--tire {
    padding: 14px 32px;
  }
}

/* ワンダフルパスポート54
----------------------------------------------------*/
.wonpass-lower.wonpass01 .wonpass-deals-container-box-illust__text--01 {
  left: 2%;
}

.wonpass-lower.wonpass01 .wonpass-note {
  margin-bottom: 100px;
}

.wonpass-lower.wonpass01 .wonpass-note__text {
  margin-bottom: 0;
}

.wonpass-lower.wonpass01 .template__title01 {
  margin-bottom: 37px;
}

@media (max-width: 768.98px) {
  .wonpass-lower.wonpass01 .template__title01 {
    margin-bottom: 27px;
  }
}

.wonpass60 .wonpass-deals-container-box-illust__text.wonpass-deals-container-box-illust__text--01 {
  left: 0.5%;
}

@media (min-width: 400px) {
  .wonpass60 .wonpass-deals-container-box-illust__text.wonpass-deals-container-box-illust__text--01 {
    left: 2%;
  }
}

.wonpass60 .wonpass-lower .wonpass-deals-container-box-illust__text--02 {
  right: 0%;
}

@media (min-width: 400px) {
  .wonpass60 .wonpass-lower .wonpass-deals-container-box-illust__text--02 {
    right: 2%;
  }
}

.wonpass36 .wonpass-deals-container-box-illust__text.wonpass-deals-container-box-illust__text--01,
.wonpass24f .wonpass-deals-container-box-illust__text.wonpass-deals-container-box-illust__text--01,
.wonpass24a .wonpass-deals-container-box-illust__text.wonpass-deals-container-box-illust__text--01,
.wonpass24 .wonpass-deals-container-box-illust__text.wonpass-deals-container-box-illust__text--01 {
  left: 3%;
}

@media (min-width: 400px) {
  .wonpass36 .wonpass-deals-container-box-illust__text.wonpass-deals-container-box-illust__text--01,
  .wonpass24f .wonpass-deals-container-box-illust__text.wonpass-deals-container-box-illust__text--01,
  .wonpass24a .wonpass-deals-container-box-illust__text.wonpass-deals-container-box-illust__text--01,
  .wonpass24 .wonpass-deals-container-box-illust__text.wonpass-deals-container-box-illust__text--01 {
    left: 5%;
  }
}

.wonpass36 .wonpass-lower .wonpass-deals-container-box-illust__text--02,
.wonpass24f .wonpass-lower .wonpass-deals-container-box-illust__text--02,
.wonpass24a .wonpass-lower .wonpass-deals-container-box-illust__text--02,
.wonpass24 .wonpass-lower .wonpass-deals-container-box-illust__text--02 {
  right: 2%;
}

@media (min-width: 400px) {
  .wonpass36 .wonpass-lower .wonpass-deals-container-box-illust__text--02,
  .wonpass24f .wonpass-lower .wonpass-deals-container-box-illust__text--02,
  .wonpass24a .wonpass-lower .wonpass-deals-container-box-illust__text--02,
  .wonpass24 .wonpass-lower .wonpass-deals-container-box-illust__text--02 {
    right: 4%;
  }
}

.wonpass42 .wonpass-deals-container-box-illust__text.wonpass-deals-container-box-illust__text--01,
.wonpass54 .wonpass-deals-container-box-illust__text.wonpass-deals-container-box-illust__text--01,
.wonpass48 .wonpass-deals-container-box-illust__text.wonpass-deals-container-box-illust__text--01 {
  left: 0;
}

@media (min-width: 400px) {
  .wonpass42 .wonpass-deals-container-box-illust__text.wonpass-deals-container-box-illust__text--01,
  .wonpass54 .wonpass-deals-container-box-illust__text.wonpass-deals-container-box-illust__text--01,
  .wonpass48 .wonpass-deals-container-box-illust__text.wonpass-deals-container-box-illust__text--01 {
    left: 3%;
  }
}

.wonpass42 .wonpass-lower .wonpass-deals-container-box-illust__text--02,
.wonpass54 .wonpass-lower .wonpass-deals-container-box-illust__text--02,
.wonpass48 .wonpass-lower .wonpass-deals-container-box-illust__text--02 {
  right: 2%;
}

@media (min-width: 400px) {
  .wonpass42 .wonpass-lower .wonpass-deals-container-box-illust__text--02,
  .wonpass54 .wonpass-lower .wonpass-deals-container-box-illust__text--02,
  .wonpass48 .wonpass-lower .wonpass-deals-container-box-illust__text--02 {
    right: 4%;
  }
}

.support-catch {
  margin-bottom: 3em;
}

.support-catch__discription {
  font-size: 0.9375rem;
}

.support-catch__img {
  width: 100%;
}

.support-list {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding-left: 0;
}

.support-list__item {
  width: 100%;
}

.support-list__item:not(:first-of-type) {
  margin-top: 30px;
}

.support-card {
  display: block;
  height: 100%;
  border: 1px solid #ccc;
  border-radius: 6px;
  overflow: hidden;
  text-align: center;
  transition: opacity 0.4s;
}

.support-card:hover {
  text-decoration: none;
  color: #d83e4f;
  opacity: 0.7;
}

.support-card:hover__img {
  opacity: 0.6;
}

.support-card__body {
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 1.125em;
  padding-bottom: 1.5em;
  margin-bottom: 0;
}

.support-card__img {
  width: 100%;
  border-radius: 4px;
}

.support-card__icon {
  display: block;
  margin: 0 auto;
}

.support-card__icon--font-mini {
  display: block;
  margin: 0 auto;
  font-size: 0.75rem;
}

.support-card__title {
  font-size: 1.375rem;
  margin-bottom: 0.25em;
}

.support-card__title.-small {
  font-size: 1.25rem;
}

.support-card__discription {
  margin-bottom: 0;
  color: #231815;
  font-size: 0.8125rem;
}

@media (min-width: 1040px) {
  .support-catch {
    margin-bottom: 113px;
  }
  .support-catch__discription {
    font-size: 0.9375rem;
    line-height: 2;
    margin-bottom: 2em;
  }
  .support-list {
    margin-top: 2.5em;
  }
  .support-list__item {
    width: calc(50% - 9px);
  }
  .support-list__item:nth-of-type(odd) {
    margin-right: 18px;
  }
  .support-list__item:nth-of-type(2) {
    margin-top: 0;
  }
  .support-card__body {
    padding-top: 1.125em;
    padding-bottom: 1.5em;
  }
  .support-card__title {
    font-size: 1.375rem;
    margin-bottom: 0.25em;
  }
  .support-card__title.-small {
    font-size: 1.25rem;
  }
  .support-card__discription {
    margin-bottom: 0;
    color: #231815;
    font-size: 0.8125rem;
  }
}

/* release - inquiry共通
------------------------------------------------*/
.template__title01 {
  padding-left: 10px;
  border-left: 8px solid #d83e4f;
  font-size: 1.375rem;
  font-weight: 300;
}

.template__title01--mb {
  margin-bottom: 24px;
}

.template__title02 {
  margin-bottom: 5px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.571429;
}

@media (max-width: 768.98px) {
  .template__title01 {
    font-size: 1.25rem;
  }
  .template__title02 {
    font-size: 0.8125rem;
  }
}

@media (max-width: 364.98px) {
  .template__title01 {
    font-size: 1.125rem;
  }
  .template__title02 {
    font-size: 0.75rem;
  }
}

/* release
------------------------------------------------*/
.release {
  padding-bottom: 60px;
}

.release__text {
  font-size: 0.875rem;
  line-height: 1.571429;
}

.release__text--mb {
  margin-bottom: 40px;
}

.release-table__title {
  background: #f7d8dc;
  margin-bottom: 0;
  padding: 5px 0;
  border: 1px solid #cdcdcd;
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
}

.release__table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 40px;
  border-right: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  border-left: 1px solid #cdcdcd;
  font-size: 0.875rem;
}

.release__table tr {
  border-bottom: 1px solid #cdcdcd;
}

.release__table tr th {
  width: 220px;
  background: #fafafa;
  text-align: center;
}

.release__table tr td {
  height: 50px;
  padding-left: 12px;
  border-left: 1px solid #cdcdcd;
}

.release__table tr td .table-red {
  color: #dd0012;
}

.release-list {
  margin-bottom: 5px;
  padding-left: 0;
  list-style-type: none;
}

.release-list__item {
  font-size: 0.875rem;
}

.release__note {
  margin-bottom: 30px;
  font-size: 0.6875rem;
  color: #dd0012;
}

.release__pdf {
  display: block;
  margin-bottom: 7px;
  font-size: 0.75rem;
  color: #888281;
}

.release__pdf span {
  padding-right: 5px;
}

.release-area {
  padding: 16px 22px;
  border: 1px solid #cdcdcd;
  border-radius: 6px;
}

.release-area .release__text {
  margin-bottom: 0;
}

@media (max-width: 768.98px) {
  .release {
    padding-bottom: 50px;
  }
  .release__text {
    font-size: 0.8125rem;
    line-height: 1.692308;
  }
  .release-table__title {
    font-size: 0.8125rem;
  }
  .release__table {
    font-size: 0.8125rem;
  }
  .release__table tr th {
    width: 170px;
  }
  .release-list__item {
    font-size: 0.8125rem;
  }
  .release__pdf {
    font-size: 0.75rem;
  }
}

@media (max-width: 364.98px) {
  .release {
    padding-bottom: 25px;
  }
  .release__text {
    font-size: 0.75rem;
    line-height: 1.833333;
  }
  .release-table__title {
    font-size: 0.75rem;
  }
  .release__table {
    font-size: 0.75rem;
  }
  .release__table tr th {
    width: 150px;
  }
  .release-list__item {
    font-size: 0.75rem;
  }
  .release__note {
    font-size: 0.625rem;
  }
  .release__pdf {
    font-size: 0.6875rem;
  }
}

/* inquiry
------------------------------------------------*/
.inquiry .br-xs {
  display: none;
}

@media (min-width: 769px) {
  .inquiry .template__title01 {
    margin-bottom: 25px;
  }
  .inquiry-block--mb {
    margin-bottom: 100px;
  }
  .inquiry-item {
    margin-bottom: 34px;
  }
  .inquiry-item__title::before {
    content: '●';
    color: #e73e51;
  }
  .inquiry-btn {
    display: flex;
    align-items: center;
    height: 140px;
    margin-bottom: 12px;
    border: 1px solid #CCCCCC;
    border-radius: 7px;
  }
  .inquiry-btn--shop {
    background: url(https://www.daihatsu-hiroshima.co.jp/assets/img/common/icons/icon_circle_arrow_right.svg) right 15px center no-repeat;
    background-size: 24px 24px;
    padding-left: 30px;
  }
  .inquiry-btn--etc {
    background: url(../img/common/icons/icon_blank_red.svg) right 15px center no-repeat;
    background-size: 24px 24px;
    padding-left: 40px;
  }
  .inquiry-btn--tel {
    padding-left: 40px;
    pointer-events: none;
  }
  .inquiry-btn--tel .inquiry-btn__text {
    display: none;
  }
  .inquiry-btn--tel .inquiry-btn__text--number {
    color: #e73e51;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 0;
    margin-right: 30px;
  }
  .inquiry-btn--tel .inquiry__comment {
    display: block;
    color: #212529;
  }
  .inquiry-btn__icon {
    margin-right: 20px;
  }
  .inquiry-btn__text {
    margin-bottom: 0;
    font-size: 1.0625rem;
  }
  .inquiry-btn:hover {
    color: #212529;
    text-decoration: none;
    background-color: #f7d8dc;
  }
  .inquiry__comment {
    margin-bottom: 0;
    font-size: 0.8125rem;
  }
}

@media (min-width: 1040px) {
  .inquiry .template__title01 {
    margin-bottom: 38px;
  }
  .inquiry-btn--shop {
    background: url(https://www.daihatsu-hiroshima.co.jp/assets/img/common/icons/icon_circle_arrow_right.svg) right 20px center no-repeat;
    background-size: 29px 29px;
    padding-left: 60px;
  }
  .inquiry-btn--etc {
    background: url(../img/common/icons/icon_blank_red.svg) right 20px center no-repeat;
    background-size: 29px 29px;
    padding-left: 40px;
  }
  .inquiry-btn__icon {
    margin-right: 40px;
  }
  .inquiry-btn__icon--shop {
    width: 20px;
  }
  .inquiry-btn__text {
    font-size: 1.375rem;
  }
}

@media (max-width: 768.98px) {
  .inquiry {
    padding-bottom: 60px;
  }
  .inquiry .template__title01 {
    margin-bottom: 38px;
  }
  .inquiry-block--mb {
    margin-bottom: 100px;
  }
  .inquiry-item {
    margin-bottom: 34px;
  }
  .inquiry-item > .br-xs {
    display: block;
  }
  .inquiry-item__title::before {
    content: '●';
    color: #e73e51;
  }
  .inquiry-btn {
    display: flex;
    align-items: center;
    height: 140px;
    margin-bottom: 12px;
    border: 1px solid #CCCCCC;
    border-radius: 7px;
  }
  .inquiry-btn--shop {
    background: url(https://www.daihatsu-hiroshima.co.jp/assets/img/common/icons/icon_circle_arrow_right.svg) right 20px center no-repeat;
    background-size: 29px 29px;
    padding-left: 60px;
  }
  .inquiry-btn--etc {
    background: url(../img/common/icons/icon_blank_red.svg) right 20px center no-repeat;
    background-size: 29px 29px;
    padding-left: 40px;
  }
  .inquiry-btn--tel {
    padding-left: 40px;
  }
  .inquiry-btn--tel .inquiry-btn__text {
    display: block;
  }
  .inquiry-btn--tel .inquiry-btn__text--number {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 0;
  }
  .inquiry-btn__icon {
    margin-right: 40px;
  }
  .inquiry-btn__icon--tel.br-xs {
    display: block;
  }
  .inquiry-btn__text {
    margin-bottom: 0;
    font-size: 1.375rem;
    display: block;
  }
  .inquiry__comment {
    margin-bottom: 0;
    font-size: 0.8125rem;
  }
}

.inquiry {
  padding-bottom: 40px;
}

.inquiry .template__title01 {
  margin-bottom: 24px;
}

.inquiry-block--mb {
  margin-bottom: 80px;
}

.inquiry-btn {
  height: 120px;
  margin-bottom: 12px;
}

.inquiry-btn--shop {
  background: url(https://www.daihatsu-hiroshima.co.jp/assets/img/common/icons/icon_circle_arrow_right.svg) right 20px center no-repeat;
  background-size: 22px 22px;
  padding-left: 40px;
}

.inquiry-btn--shop .br-xs {
  display: block;
}

.inquiry-btn--etc {
  background: url(../img/common/icons/icon_blank_red.svg) right 20px center no-repeat;
  background-size: 22px 22px;
  padding-left: 40px;
}

.inquiry-btn__icon {
  margin-right: 20px;
}

.inquiry-btn__icon--shop {
  width: 24px;
  margin-right: 30px;
}

.inquiry-btn__icon--etc {
  width: 100px;
}

.inquiry-btn__text {
  font-size: 1.125rem;
}

.inquiry__comment {
  font-size: 0.75rem;
}

.policy .mb-110 {
  margin-bottom: 110px;
}

.policy .mb-50 {
  margin-bottom: 50px;
}

.policy .mb-45 {
  margin-bottom: 45px;
}

.policy .mb-35 {
  margin-bottom: 35px;
}

.policy .mb-25 {
  margin-bottom: 25px;
}

.policy .mb-15 {
  margin-bottom: 15px;
}

.policy .mb-5p {
  margin-bottom: 5px;
}

.policy .mt-25 {
  margin-top: 25px;
}

.policy .mt-15 {
  margin-top: 15px;
}

.policy .mt-10 {
  margin-top: 10px;
}

.policy .lis_n {
  list-style-type: none;
}

.policy p,
.policy li {
  font-size: 0.875rem;
  line-height: 1.571429;
  letter-spacing: 0.07em;
  font-weight: 300;
}

.policy .fz-11 {
  font-size: 0.6875rem;
  margin-bottom: 0;
}

.policy ol {
  padding: 0;
  list-style-position: inside;
}

.policy .policy-title > li {
  font-weight: 700;
}

.policy .policy-title > li > p {
  margin-top: 5px;
}

.policy .transaction-companyname {
  margin-top: 5px;
  margin-bottom: 1rem;
  padding: 0;
  list-style-type: none;
}

.policy .transaction-companyname li a {
  display: inline-block;
  color: inherit;
}

.policy .transaction-companyname li a::after {
  display: inline-block;
  width: 14px;
  height: 10px;
  margin-left: 5px;
  vertical-align: middle;
  content: "";
  background: url(../img/common/icons/icon_blank.svg) center center no-repeat;
  background-size: 14px 10px;
}

.policy .transaction-companyname li a:hover {
  text-decoration: none;
  opacity: 0.7;
  transition: 0.4s;
}

.policy .transaction-companyname--inner{
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

@media (min-width: 1040px) {
  .policy .transaction-companyname--inner{
    grid-template-columns: repeat(2, 1fr);
    gap: 5px 10px;
  }
}

.policy .reception-procedure ol {
  list-style-type: none;
}

.policy .reception-procedure ol ul {
  list-style-type: none;
}

.policy .agent {
  margin: 25px 0 0;
}

.policy .agent-box {
  margin-left: 1rem;
}

.policy .agent-box p {
  margin-bottom: 0;
}

.policy .information-box {
  margin: 10px 0 40px;
  padding: 10px 30px;
  border: 1px solid #ccc;
}

.policy .information-box p {
  margin-bottom: 0;
}

.policy .bd-none {
  border: none;
  color: inherit;
}

.policy .heading-section.link {
  position: relative;
}

.policy #compliance {
  position: absolute;
  left: 0;
  top: -90px;
  pointer-events: none;
}

.policy .heading-section {
  position: relative;
}

.policy #sitePolicy {
  position: absolute;
  margin-top: -100px;
}

@media (max-width: 1039.98px) {
  .policy #sitePolicy {
    margin-top: 0;
  }
}

.wancre-lead {
  margin-bottom: 100px;
}

.wancre-lead__text {
  font-size: 0.8125rem;
}

.wancre-about {
  margin-top: 50px;
  margin-bottom: 60px;
}

.wancre-about__text {
  font-size: 0.8125rem;
}

.wancre-about__feature-list {
  list-style-type: none;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -2vw;
  margin-right: -2vw;
}

.wancre-about__feature-list > li {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 1vw;
  padding-bottom: 1%;
  width: 30vw;
  height: 30vw;
  background-color: #dc263f;
  color: #fff;
  font-weight: 700;
  border-radius: 50%;
  font-size: 3vw;
}

.wancre-about__feature-list > li > strong {
  display: block;
  margin-top: 4%;
}

.wancre-about .indent {
  text-indent: -11px;
  padding-left: 11px;
}

.wancre-num {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 1.5em;
  height: 1.5em;
  border-radius: 100%;
  color: #fff;
  font-weight: bold;
  background-color: #dc263f;
}

.wancre-zanka__dakara {
  position: relative;
  top: -1em;
  background-color: #00A0E9;
  color: #fff;
  font-weight: 700;
  display: inline-block;
  justify-content: center;
  align-items: center;
  padding: 4px 12px;
  border-radius: 5px;
}

.wancre-zanka__dakara::before {
  position: absolute;
  left: calc(50% - 8px);
  bottom: -16px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 8px 0 8px;
  border-color: #00A0E9 transparent transparent transparent;
}

.wancre-system {
  margin-bottom: 30px;
}

.wancre-system__feature-box {
  text-align: center;
  margin-bottom: 20px;
}

.wancre-system__feature-box > object {
  max-width: 100%;
  overflow: visible;
}

.wancre-pattern {
  flex: 1 1 auto;
}

.wancre-pattern--ab {
  border: 2px solid #dc263f;
}

.wancre-pattern--c {
  border: 2px solid #00A0E9;
}

.wancre-pattern__head {
  padding: 10px 20px;
}

.wancre-pattern__head > p {
  margin-bottom: .2em;
}

.wancre-pattern__head > p > span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  position: relative;
  z-index: 1;
  font-size: 0.875rem;
}

.wancre-pattern__head > p > span::before {
  content: "";
  width: 1.2em;
  height: 1.2em;
  position: absolute;
  top: .15em;
  left: -.32em;
  border-radius: 50%;
  background-color: #fff;
  z-index: -1;
}

.wancre-pattern--ab .wancre-pattern__head {
  background-color: #dc263f;
  color: #fff;
}

.wancre-pattern--ab .wancre-pattern__head > p > span {
  color: #dc263f;
}

.wancre-pattern--c .wancre-pattern__head {
  background-color: #00A0E9;
  color: #fff;
}

.wancre-pattern--c .wancre-pattern__head > p > span {
  color: #00A0E9;
}

.wancre-pattern__body {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  background-color: #fff;
  margin-bottom: 0;
  height: 100%;
}

.wancre-pattern--c .wancre-pattern__body {
  display: flex;
  align-items: stretch;
}

.wancre-pattern--c .wancre-pattern__body > p {
  display: flex;
  flex: 1 1 50%;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 16px 0 12px;
}

.wancre-pattern--c .wancre-pattern__body > p > span {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: flex-start;
}

.wancre-pattern--c .wancre-pattern__body > p:first-child {
  border-right: 2px solid #00A0E9;
}

.wancre-pattern__price {
  line-height: 1;
  color: #dc263f;
  font-size: 5rem;
  font-weight: 700;
}

.wancre-pattern__unit {
  font-size: 1.25rem;
}

.wancre-pattern__text-sm {
  font-size: 0.75rem;
  font-weight: 700;
}

.wancre-pattern--c .wancre-pattern__text-sm {
  margin-left: -.5em;
}

.wancre-pattern__text-md {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 700;
}

.wancre-pattern__text-lg {
  font-size: 1rem;
  font-weight: 700;
}

.wancre-actually {
  text-align: center;
  margin-top: 34px;
}

.wancre-actually__text {
  line-height: 1.7;
  display: block;
}

@media (min-width: 1040px) {
  .wancre-actually__text {
    text-align: left;
  }
}

.wancre-actually__title {
  font-weight: 700;
}

@media (min-width: 1040px) {
  .wancre-actually__title {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
}

.wancre-actually__point {
  display: flex;
  align-items: center;
  flex-direction: column;
}

@media (min-width: 1040px) {
  .wancre-actually__point {
    flex-direction: row;
  }
}

.wancre-actually__point-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 40px;
  color: #fff;
  background-color: #000;
  font-weight: 700;
  border-radius: 20px;
  margin-right: 15px;
}

.wancre-actually__point-text {
  font-weight: 700;
  font-size: 2rem;
  margin-bottom: 0;
  line-height: 1.7;
}

.wancre-actually__point-text .under {
  background: linear-gradient(transparent 65%, rgba(255, 245, 135, 0.6) 0%);
}

.wancre-actually__merit {
  position: relative;
  padding-left: 1.6em;
  text-align: left;
}

.wancre-actually__merit::before {
  content: "";
  width: 1em;
  height: 1em;
  background-color: #dc263f;
  border-radius: 50%;
  position: absolute;
  top: .3em;
  left: 0;
}

.wancre-actually__cv-lead {
  margin-top: 49px;
  margin-bottom: 32px;
}

.wancre-merit {
  margin-bottom: 60px;
}

.wancre-merit .heading-section {
  margin-bottom: 80px;
}

.wancre-car__desc {
  padding-bottom: 24px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 11px;
}

.wancre-car__caption {
  text-indent: -1.5em;
  padding-left: 1.5em;
  margin-bottom: 0;
  font-size: 0.5625rem;
  line-height: 1.818182;
}

.wancre-tanto__imgbox {
  text-align: center;
  margin-bottom: 40px;
}

.wancre-tanto__imgbox > img {
  max-width: 100%;
}

.wancre-apply-list {
  padding-left: 1em;
  text-indent: -1em;
  list-style: none;
  font-size: 0.6875rem;
  line-height: 20/11;
}

.wancre-apply-list__item::before {
  content: "●";
}

.wancre-apply-list__item .clearfix {
  margin-top: -1.4em;
  text-indent: 0;
}

.wancre-price {
  flex: 1 1 auto;
  position: relative;
}

.wancre-price:first-child {
  margin-bottom: 35px;
}

.wancre-price__head {
  position: absolute;
  height: 30px;
  padding: 0 20px;
  top: -15px;
  left: 15px;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.wancre-price--all .wancre-price__head {
  background-color: #231815;
  color: #fff;
}

.wancre-price--monthly .wancre-price__head {
  background-color: #dc263f;
  color: #fff;
}

.wancre-price__head > p {
  margin-bottom: .15em;
}

.wancre-price__body {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  margin-bottom: 0;
  height: 100%;
  font-weight: 700;
}

.wancre-price--all .wancre-price__body {
  padding: 30px 0 25px;
  border: 4px solid #ccc;
}

.wancre-price--monthly .wancre-price__body {
  padding: 20px 0 10px;
  border: 4px solid #dc263f;
}

.wancre-price__body > p {
  margin-bottom: 0;
}

.wancre-price__price {
  line-height: 1;
}

.wancre-price--all .wancre-price__price {
  font-size: 1.875rem;
}

.wancre-price--monthly .wancre-price__price {
  color: #dc263f;
  font-size: 2.625rem;
}

.wancre-price__unit {
  margin-left: .3em;
}

.wancre-price--all .wancre-price__unit {
  font-size: 1rem;
}

.wancre-price--monthly .wancre-price__unit {
  font-size: 1.25rem;
  color: #231815;
}

.wancre-price__text-sm {
  display: block;
  width: 100%;
  margin-top: 10px;
  font-size: 0.75rem;
  font-weight: 300;
  text-align: center;
}

@media (min-width: 769px) {
  .wancre-lead {
    margin-bottom: 0;
  }
  .wancre-about__feature-list > li {
    width: 120px;
    height: 120px;
    font-size: 0.625rem;
  }
  .wancre-about__feature-list > li > strong {
    font-size: 1.25rem;
  }
}

@media (min-width: 1040px) {
  .wancre-lead__text {
    font-size: 0.9375rem;
  }
  .wancre-about {
    margin-bottom: 102px;
  }
  .wancre-about__feature-list > li {
    width: 147px;
    height: 147px;
    font-size: 0.75rem;
  }
  .wancre-about__feature-list > li > strong {
    font-size: 1.5rem;
  }
  .wancre-system {
    display: flex;
    margin: 50px 0;
  }
  .wancre-system__feature-box {
    margin-right: 40px;
    flex: 1 0 auto;
  }
  .wancre-system__pattern {
    width: 100%;
  }
  .wancre-actually__balloon {
    width: 87px;
    height: 53px;
    font-size: 1rem;
  }
  .wancre-actually__balloon::after {
    bottom: -8px;
  }
  .wancre-merit {
    margin-bottom: 102px;
  }
  .wancre-car .heading-section {
    margin-bottom: 48px;
  }
  .wancre-tanto {
    display: flex;
  }
  .wancre-tanto__imgbox {
    flex: 1 0 auto;
    margin-right: 32px;
  }
  .wancre-tanto__price {
    margin-top: 58px;
    width: 100%;
  }
}

.wancre-iframe {
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 80px;
  border: 0px;
}

@media (max-width: 1039.98px) {
  .wancre-iframe {
    margin-bottom: 40px;
  }
}

@media (max-width: 768.98px) {
  .wancre-iframe {
    margin-bottom: 80px;
  }
}

@media (max-width: 575.98px) {
  .wancre-iframe {
    margin-bottom: 40px;
  }
}

.wancre-accordion {
  margin-top: 80px;
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
  border-bottom: 4px solid #D83E4F;
  display: flex;
}

@media (max-width: 1039.98px) {
  .wancre-accordion {
    margin-top: 30px;
  }
}

@media (max-width: 768.98px) {
  .wancre-accordion {
    margin-top: 80px;
  }
}

@media (max-width: 575.98px) {
  .wancre-accordion {
    margin-top: 30px;
    margin-left: -10px;
    margin-right: -10px;
  }
}

.wancre-accordion__item {
  width: calc(50% - 2.5px);
}

.wancre-accordion__item:nth-of-type(2) {
  margin-left: 5px;
}

.wancre-accordion__container {
  display: none;
}

.wancre-accordion__container.is-active {
  display: block;
}

.wancre-accordion-button {
  cursor: pointer;
  position: relative;
}

.wancre-accordion-button::before {
  content: '';
  display: block;
  padding-top: 40.697674%;
}

.wancre-accordion-button::after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -17px;
  width: 40px;
  height: 17px;
  background: linear-gradient(to top right, rgba(255, 255, 255, 0) 49.9%, #D83E4F 51%) no-repeat top left/51% 100%, linear-gradient(to top left, rgba(255, 255, 255, 0) 49.9%, #D83E4F 50%) no-repeat top right/51% 100%;
  opacity: 0;
  transition: opacity .2s linear;
}

.wancre-accordion-button:hover::after {
  opacity: 1;
}

.wancre-accordion-button > img {
  width: 100%;
  max-width: 110%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.wancre-accordion-button > img.-hover {
  transition: opacity .2s linear;
  opacity: 0;
}

.wancre-accordion-button:hover > img.-hover {
  opacity: 1;
}

.wancre-accordion-button.is-active::after {
  opacity: 1;
}

.wancre-accordion-button.is-active > img.-hover {
  opacity: 1;
}

.wancre-faq {
  margin-top: 60px;
}

@media (min-width: 1040px) {
  .wancre-faq {
    margin-top: 100px;
  }
}

.wancre-faq__list {
  margin-bottom: 30px;
}

.wancre-faq__question {
  background: #212529;
}

.wancre-faq__btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  color: #fff;
  line-height: 1.6;
  min-height: 54px;
  padding: 15px 52px 15px 38px;
}

@media (min-width: 1040px) {
  .wancre-faq__btn {
    padding: 10px 38px;
  }
}

.wancre-faq__btn:hover {
  text-decoration: none;
  color: #fff;
}

.wancre-faq__btn::before {
  content: "Q";
  position: absolute;
  top: 14px;
  left: 11px;
}

@media (min-width: 1040px) {
  .wancre-faq__btn::before {
    top: 12px;
  }
}

.wancre-faq__btn::after {
  content: "ー";
  display: block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background-color: #d83e4f;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 11px;
}

.wancre-faq__btn.collapsed::after {
  content: "＋";
}

.wancre-faq__answer {
  background: #F6F6F6;
}

.wancre-faq__answer--inner {
  padding: 15px 16px 1px 38px;
  line-height: 1.6;
  font-weight: 500;
  position: relative;
}

.wancre-faq__answer--inner p + p {
  margin-top: 2rem;
}

.wancre-faq__answer--inner ul {
  margin-top: -1rem;
}

.wancre-faq__answer--inner::before {
  content: "A";
  color: #d83e4f;
  font-weight: 700;
  position: absolute;
  top: 14px;
  left: 11px;
}

@media (min-width: 1040px) {
  .wancre-faq__answer--inner::before {
    top: 16px;
  }
}

.de-light-top {
  margin-bottom: 40px;
}

.de-light-top__comment {
  font-size: 0.8125rem;
}

.de-light-top__images {
  margin-bottom: 50px;
}

.de-light-top__images > img {
  width: 100%;
}

.de-light-block--mb {
  margin-bottom: 60px;
}

.de-light-support {
  margin-bottom: 20px;
}

.de-light-support__box-01, .de-light-support__box-02 {
  width: 336px;
  max-width: 100%;
  height: 200px;
  padding: 20px;
  margin: auto;
  background: #f8f8f8;
  border: 1px solid #ccc;
}

.de-light-support__fs01 {
  font-size: 2.5rem;
}

.de-light-support__round {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: .5em auto;
  width: 274px;
  height: 42px;
  max-width: 100%;
  border-radius: 21px;
  background-color: #dc263f;
  color: #fff;
}

.de-light-support__square {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto;
  width: 274px;
  height: 42px;
  max-width: 100%;
  border-radius: 4px;
  background: #f7d8dc;
}

.de-light-support__plus {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 10px auto;
  width: 26px;
  height: 26px;
  background-color: #231815;
  color: #fff;
  border-radius: 50%;
}

.de-light-support__balloon {
  position: absolute;
  top: -10px;
  right: -100px;
  width: 90px;
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 80%;
  background-color: #231815;
  color: #fff;
}

.de-light-support__balloon::before {
  content: "";
  position: absolute;
  top: 14px;
  left: -7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8.5px 20px 8.5px 0;
  border-color: transparent #231815 transparent transparent;
}

.de-light-customer {
  margin-bottom: 30px;
}

.de-light-customer__box-01, .de-light-customer__box-02 {
  max-width: 336px;
  padding: 30px 40px;
  margin: auto;
  background: #f8f8f8;
  border: 1px solid #ccc;
}

.de-light-customer__title {
  text-align: center;
  margin-bottom: 50px;
}

.de-light-customer__imgbox {
  width: 205px;
  height: 121px;
  margin: auto;
  margin-bottom: 34px;
  position: relative;
  z-index: 1;
}

.de-light-customer__imgbox > img {
  width: 100%;
  padding-top: 15px;
}

.de-light-customer__imgtext {
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -1;
  width: 100px;
  height: 100px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  border-radius: 50%;
  font-weight: 700;
  font-size: 0.8125rem;
  background-color: #dc263f;
  color: #fff;
}

.de-light-customer__square {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto;
  width: 274px;
  max-width: 100%;
  height: 42px;
  margin-bottom: 30px;
  border-radius: 4px;
  background: #f7d8dc;
}

.de-light-customer__price {
  text-align: center;
  margin-left: -20px;
  margin-right: -20px;
}

.de-light-customer__price > dt {
  font-size: 1.875rem;
  margin-bottom: 10px;
}

.de-light-customer__value {
  color: #dc263f;
  font-family: "Dancing Script", cursive;
  font-size: 3.75rem;
  white-space: nowrap;
  line-height: 1;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

.de-light-customer__unit {
  color: #231815;
  font-size: 1.625rem;
  font-weight: 700;
}

.de-light-customer__checklist {
  list-style: none;
  text-align: left;
  padding-left: 0;
  margin: 0 20px;
}

.de-light-customer__checklist > li {
  font-size: 0.8125rem;
  position: relative;
  padding-left: 2em;
  margin-bottom: 16px;
}

.de-light-customer__checklist > li::before {
  content: "";
  width: 1.2em;
  height: 1.2em;
  position: absolute;
  top: .2em;
  left: 0;
  background: url(../../assets/img/common/checkbox.svg) left center/contain no-repeat;
}

.de-light-customer__plus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  width: 64px;
  height: 64px;
  border-radius: 32px;
  margin: 8px auto;
  font-size: 2.5rem;
  font-weight: 700;
  background-color: #231815;
  color: #fff;
}

.de-light-customer__caption {
  border-top: 1px solid #ccc;
  padding-top: 10px;
  line-height: 1.818182;
  margin-top: 30px;
}

@media (min-width: 769px) {
  .de-light-top {
    margin-bottom: 50px;
  }
  .de-light-top__comment {
    font-size: 0.8125rem;
  }
  .de-light-top__images {
    margin-bottom: 60px;
  }
  .de-light-block--mb {
    margin-bottom: 80px;
  }
}

@media (min-width: 1040px) {
  .de-light-top__comment {
    margin-bottom: 30px;
    font-size: 0.9375rem;
  }
  .de-light-top__images {
    margin-bottom: 80px;
  }
  .de-light-block--mb {
    margin-bottom: 110px;
  }
  .de-light-support {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .de-light-support__balloon {
    width: 87px;
    height: 53px;
    left: -32px;
    top: -72px;
    right: auto;
  }
  .de-light-support__balloon::before {
    top: auto;
    bottom: -8px;
    left: 33px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px 10px 0 10px;
    border-color: #231815 transparent transparent transparent;
  }
  .de-light-customer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .de-light-customer__box-01, .de-light-customer__box-02 {
    margin: 0;
  }
  .de-light-customer__box-02 {
    margin-left: 20px;
  }
  .de-light-customer__plus {
    position: absolute;
    top: 275px;
    left: 0;
    right: 0;
  }
}

.tscc-top {
  margin-bottom: 40px;
}

.tscc-top__comment {
  font-size: 0.8125rem;
}

.tscc-top__images {
  margin-bottom: 50px;
}

.tscc-top__images > img {
  width: 100%;
}

.tscc-block--mb {
  margin-bottom: 60px;
}

.tscc-cards .row {
  margin-left: -19px;
  margin-right: -19px;
}

.tscc-cards .row > div {
  padding-left: 10px;
  padding-right: 10px;
}

.tscc-cards .imgbox__border {
  padding-left: 4px;
  padding-right: 4px;
  max-width: 225px;
  margin: auto;
}

@media (min-width: 769px) {
  .tscc-top {
    margin-bottom: 50px;
  }
  .tscc-top__comment {
    font-size: 0.8125rem;
  }
  .tscc-top__images {
    margin-bottom: 60px;
  }
  .tscc-block--mb {
    margin-bottom: 80px;
  }
}

@media (min-width: 1040px) {
  .tscc-top__comment {
    margin-bottom: 30px;
    font-size: 0.9375rem;
  }
  .tscc-top__images {
    margin-bottom: 80px;
  }
  .tscc-block--mb {
    margin-bottom: 110px;
  }
}

.dapoca-top {
  margin-bottom: 40px;
}

.dapoca-top__comment {
  font-size: 0.8125rem;
}

.dapoca-top__images {
  margin-bottom: 50px;
}

.dapoca-top__images > img {
  width: 100%;
}

.dapoca-block--mb {
  margin-bottom: 60px;
}

.dapoca-block--bdt {
  border-top: 1px solid #ccc;
  padding-top: 40px;
}

.dapoca-toku__heading {
  margin-bottom: 70px;
}

.dapoca-toku .row {
  margin-left: -20px;
  margin-right: -20px;
}

.dapoca-toku .pointcheck_text{
  display: inline-block;
  font-size: 13px;
  color: #241916;
  letter-spacing: 0.07em;
  padding-right: 26px;
  position: relative;
}

.dapoca-toku .pointcheck_text::after{
  content: '';
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 15px;
  height: 10px;
  background-image: url("../img/support/dapoca/link_icon.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.dapoca-toku .imgbox {
  padding: 0 10px;
}

.dapoca-feature-list {
  list-style-type: none;
  margin-top: 0;
  margin-bottom: 40px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -2vw;
  margin-right: -2vw;
  line-height: 1.2;
}

.dapoca-feature-list > li {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 1vw;
  width: 30%;
  height: 100%;
  background-color: #dc263f;
  color: #fff;
  font-weight: 700;
  border-radius: 50%;
  font-size: 1.125rem;
  position: relative;
}

.dapoca-feature-list > li > p {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(-50%);
  white-space: normal;
}

.dapoca-feature-list > li > p > strong {
  display: block;
  margin-top: 4%;
  font-size: 2.5rem;
}

@media (max-width: 1039.98px) {
  .dapoca-feature-list > li > p > strong {
    font-size: 2.1875rem;
  }
}

@media (max-width: 768.98px) {
  .dapoca-feature-list > li > p > strong {
    font-size: 1.875rem;
  }
}

@media (max-width: 575.98px) {
  .dapoca-feature-list > li > p > strong {
    font-size: 1.5625rem;
  }
}

.dapoca-feature-list > li::after {
  content: "";
  padding-top: 100%;
}

.dapoca-pdf {
  text-align: center;
}

.dapoca-pdf > a {
  color: #231815;
  text-decoration: underline;
}

.dapoca-point__heading {
  margin-bottom: 40px;
}

.dapoca-point__highlight {
  margin-bottom: 40px;
}

.dapoca-point__tickets {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}

.dapoca-point__tickets > .dapoca-point-ticket {
  white-space: nowrap;
  width: 100%;
}

.dapoca-point__or {
  white-space: nowrap;
  flex: 0 0 auto;
  margin-top: 16px;
}

.dapoca-point__use {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 16px 0 19px;
  margin-bottom: 33px;
}

.dapoca-point__discount {
  margin-bottom: 40px;
}

.dapoca-point__discount-mix {
  position: relative;
}

.dapoca-point__discount-mix > .row {
  background-color: #f8f8f8;
  margin-left: -15px;
  margin-right: -15px;
}

.dapoca-point__discount-plus {
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: 700;
  font-size: 0.9375rem;
  margin: 10px auto;
  padding-left: .1em;
  padding-bottom: .1em;
  width: 26px;
  height: 26px;
  background-color: #231815;
  color: #fff;
  border-radius: 50%;
}

.dapoca-point-highlight {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 42px;
  border-radius: 4px;
  background: #dc263f;
}

.dapoca-point-highlight__icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-left: .15em;
  width: 1.4em;
  height: 1.4em;
  background-color: #fff;
  color: #dc263f;
  border-radius: 50%;
}

.dapoca-point-ticket {
  position: relative;
  background: #f8f8f8;
  border-radius: 4px;
  padding: 40px 18px 18px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  font-weight: 700;
  min-height: 150px;
  height: 100%;
}

.dapoca-point-ticket--b {
  text-align: center;
}

.dapoca-point-ticket--c {
  min-height: 87px;
}

.dapoca-point-ticket--a .dapoca-point-ticket__tag {
  position: absolute;
  top: 0;
  left: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 40px;
  font-size: 1.25rem;
  font-family: "Dancing Script", cursive;
  background-color: #231815;
  color: #fff;
  letter-spacing: -.05em;
}

.dapoca-point-ticket--a .dapoca-point-ticket__tag::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 23px 6px 23px;
  border-color: transparent transparent #f8f8f8 transparent;
}

.dapoca-point-ticket--b .dapoca-point-ticket__tag {
  position: absolute;
  top: 0;
  left: 34px;
  right: 34px;
  margin: auto;
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 0;
  border-radius: 100px;
  font-size: 0.9375rem;
  font-weight: 700;
  background-color: #dc263f;
  color: #fff;
}

.dapoca-point-ticket__caption {
  position: absolute;
  top: 24px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  font-weight: 300;
  font-size: 0.6875rem;
}

.dapoca-point-ticket__body {
  display: flex;
  justify-content: center;
  line-height: 1.0;
}

.dapoca-point-ticket__value {
  font-size: 5rem;
  font-family: "Dancing Script", cursive;
  color: #dc263f;
  letter-spacing: -.02em;
}

.dapoca-point-ticket__box {
  line-height: 1.2;
}

.dapoca-point-ticket--a .dapoca-point-ticket__box {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  align-items: flex-start;
}

.dapoca-point-ticket--b .dapoca-point-ticket__box {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  align-items: center;
}

.dapoca-point-ticket__tax {
  font-size: 0.8125rem;
}

.dapoca-point-ticket__text {
  font-size: 1.875rem;
}

.dapoca-point-ticket__profit {
  padding: 10px;
  border-radius: 4px;
  background-color: #f7d8dc;
  font-weight: 700;
  font-size: 0.9375rem;
  margin-bottom: 0;
}

.depoca-wancre > a {
  text-decoration: underline;
  color: #231815;
}

.depoca-caption {
  line-height: 1.818182;
}

@media (min-width: 769px) {
  .dapoca-top {
    margin-bottom: 50px;
  }
  .dapoca-top__comment {
    font-size: 0.8125rem;
  }
  .dapoca-top__images {
    margin-bottom: 60px;
  }
  .dapoca-block--mb {
    margin-bottom: 80px;
  }
  .dapoca-feature-list > li {
    width: 120px;
    height: 120px;
    font-size: 1.5rem;
  }
  .dapoca-feature-list > li > strong {
    font-size: 2rem;
  }
}

@media (min-width: 1040px) {
  .dapoca-top__comment {
    margin-bottom: 30px;
    font-size: 0.9375rem;
  }
  .dapoca-top__images {
    margin-bottom: 80px;
  }
  .dapoca-block--mb {
    margin-bottom: 110px;
  }
  .dapoca-feature-list > li {
    width: 147px;
    height: 147px;
    font-size: 1.75rem;
  }
  .dapoca-feature-list > li > strong {
    font-size: 2.5rem;
  }
  .dapoca-point__tickets {
    flex-flow: row nowrap;
  }
  .dapoca-point__discount-plus {
    top: -22px;
  }
  .dapoca-point__discount-mix {
    position: relative;
  }
  .dapoca-point__discount-mix > .row {
    background-color: #f8f8f8;
  }
  .dapoca-point__discount-mix > .row > .col-lg-6:nth-child(1) {
    padding-right: 30px;
  }
  .dapoca-point__discount-mix > .row > .col-lg-6:nth-child(2) {
    padding-left: 30px;
  }
  .dapoca-point-ticket--c {
    min-height: 87px;
    margin-left: -15px;
    margin-right: -15px;
  }
}


/* 20240415 ダイハツポイントプログラムお知らせ改定 ここから */
.dapoca-infomation{
  padding: 30px 14px;
  border-radius: 10px;
  border: 2px solid #DC263F;
  margin: 0 0 60px;
}

.dapoca-infomation h2,
.dapoca-infomation h3,
.dapoca-infomation p,
.dapoca-infomation ul{
  margin-bottom: 0;
  font-weight: 400;
  letter-spacing: 0.07em;
}

.dapoca-infomation .pink{
  color: #DC263F;
}

.dapoca-infomation .bold{
  font-weight: bold;
}

.dapoca-infomation .title{
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #DC263F;
}

.dapoca-infomation .message{
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  padding-top: 30px;
  line-height: 1.5;
}

.dapoca-infomation .sub-title{
  font-size: 16px;
  font-weight: bold;
  padding-top: 30px;
}

.dapoca-infomation .item-title{
  padding-top: 20px;
  font-size: 13px;
  font-weight: bold;
}

.dapoca-infomation .item-title.pt-30{
  padding-top: 15px;
}

.dapoca-infomation .item-box{
  font-size: 13px;
  padding-top: 5px;
  padding-left: 15px;
}

.dapoca-infomation .item-box .url{
  text-decoration: underline;
  overflow-wrap: break-word;
  font-weight: 400;
}

.dapoca-infomation .important-text{
  font-size: 16px;
  font-weight: bold;
  padding-top: 10px;
}

.dapoca-infomation .important-text .small{
  font-weight: bold;
}

.dapoca-infomation .lead{
  padding-top: 30px;
  font-size: 13px;
  margin-bottom: 5px;
}

.dapoca-infomation .link{
  text-decoration: underline;
  font-size: 13px;
  font-weight: 400;
}


@media (min-width: 769px){
  .dapoca-infomation{
    padding: 40px;
    border: 4px solid #DC263F;
    margin: 20px 0 60px;
  }

  .dapoca-infomation .title{
    font-size: 28px;
  }

  .dapoca-infomation .message{
    padding-top: 40px;
  }

  .dapoca-infomation .sub-title{
    padding-top: 40px;
  }

  .dapoca-infomation .item-title.pt-30{
    padding-top: 30px;
  }

  .dapoca-infomation .item-box{
    padding-top: 10px;
  }

  .dapoca-infomation .important-text{
    font-size: 22px;
  }

  .dapoca-infomation .important-text .small{
    font-size: 18px;
  }
}


/* 20231218 ダイハツポイントクラブお知らせ追加 ここまで */








.point-exchange__container {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
}

.point-table {
  margin-left: 15px;
  width: calc(50% - 15px);
  table-layout: fixed;
}

@media (max-width: 1039.98px) {
  .point-table {
    width: 100%;
  }
}

@media (max-width: 768.98px) {
  .point-table {
    width: calc(50% - 15px);
  }
}

@media (max-width: 575.98px) {
  .point-table {
    width: 100%;
  }
}

.point-table__header {
  text-align: center;
  line-height: 1;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

@media (max-width: 1039.98px) {
  .point-table__header.-none {
    display: none;
  }
}

@media (max-width: 768.98px) {
  .point-table__header.-none {
    display: table-header-group;
  }
}

@media (max-width: 575.98px) {
  .point-table__header.-none {
    display: none;
  }
}

.point-table__title {
  padding: 15px;
  font-weight: 700;
  color: #fff;
  font-size: 0.8125rem;
  background: #e73e51;
  border-left: 1px solid #ccc;
}

.point-table__title.-small {
  width: calc(5em + 30px);
}

.point-table__container {
  border-bottom: 1px solid #ccc;
  line-height: 1;
  font-size: 0.8125rem;
}

.point-table__container:nth-of-type(2n) {
  background: #fafafa;
}

.point-table__heading {
  border-left: 1px solid #ccc;
  font-weight: 300;
  padding: 8px;
}

.point-table__text {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  font-weight: 700;
  padding: 8px;
  text-align: center;
  width: calc(5em + 30px);
}

.point-expiration {
  margin-top: 40px;
}

.point-expiration__title {
  font-weight: 700;
  font-size: 1.375rem;
  letter-spacing: .07em;
  line-height: 1;
  color: #e73e51;
  padding: 23px;
  margin-bottom: 0;
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.point-expiration__text {
  margin-top: 33.4px;
  font-weight: 700;
  font-size: 1.375rem;
  letter-spacing: .07em;
  color: #e73e51;
  margin-bottom: 0;
  text-align: center;
  line-height: 1.6;
}

.point-expiration__example {
  margin-top: 9.5px;
  font-weight: 700;
  text-align: center;
  font-size: 0.8125rem;
}

@media (min-width: 576px) {
  .point-expiration__example br {
    display: none;
  }
}

.point-kakunin__link {
  display: block;
}

.point-kakunin__link:hover {
  color: #221815;
}

.point-kakunin__text {
  color: #221815;
}

.insurance .heading-section {
  line-height: 1.545455em;
}

.insurance--btn {
  max-width: 235px;
  min-width: initial;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 576px) {
  .insurance--btn {
    margin: 0 auto !important;
  }
  .insurance--btn + span {
    text-align: center !important;
  }
}

.insurance-top {
  margin-bottom: 40px;
}

.insurance-top__comment {
  font-size: 0.8125rem;
}

.insurance-top__images {
  margin-bottom: 50px;
}

.insurance-top__images > img {
  width: 100%;
}

.insurance-block__inner {
  max-width: 540px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 769px) {
  .insurance-block__inner {
    max-width: 100%;
  }
}

.insurance-block--mb {
  margin-bottom: 60px;
}

.insurance-block--bdt {
  border-top: 1px solid #ccc;
  padding-top: 40px;
}

.insurance-life .side-menu__item {
  padding: 10px 40px 10px 20px;
  background-size: 20px 20px;
  background-position: center right 10px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-bottom: 10px;
}

.insurance-life .side-menu__icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 120px;
  flex: 0 0 120px;
  max-width: 120px;
  text-align: left;
}

.insurance-life .side-menu__icon--life {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: none;
  width: 33px;
  margin-left: 20px;
}

.insurance-life .side-menu__icon--mitsui > img {
  width: 93%;
  max-width: 200px;
}

.insurance-life .side-menu__title {
  padding-left: 20px;
}

.insurance-life .side-menu__text {
  font-size: 1.125rem;
  font-weight: 300;
}

.insurance-company {
  display: flex;
  flex-wrap: wrap;
}

.insurance-company > .heading-section {
  width: 100%;
}

.insurance-company .side-menu__item {
  width: 100%;
  margin-bottom: 20px;
  padding: 20px 30px;
  display: block;
  border: 1px solid #ccc;
}

@media (min-width: 580px) and (max-width: 768px) {
  .insurance-company .side-menu__item {
    width: calc(50% - 30px);
  }
}

@media (min-width: 1040px) {
  .insurance-company .side-menu__item {
    width: calc(50% - 30px);
  }
}

@media (min-width: 580px) and (max-width: 768px) {
  .insurance-company .side-menu__item:nth-of-type(odd) {
    margin-right: 20px;
  }
}

@media (min-width: 1040px) {
  .insurance-company .side-menu__item:nth-of-type(odd) {
    margin-right: 30px;
  }
}

.insurance-company .side-menu__item > .d-flex {
  width: 100%;
  height: 100%;
  justify-content: flex-start;
  align-items: center;
}

.insurance-company .side-menu__item > .d-flex > img {
  width: 100%;
  max-width: 220px;
  height: auto;
}

.insurance-company .side-menu__item > .d-flex .insurance-company__icon--tokyo {
  max-width: 200px;
}

.insurance-de-light-links {
  padding-left: 0;
  list-style-type: none;
  line-height: 1.857143;
}

.insurance-de-light-links > li > a {
  text-decoration: underline;
}

.insurance-de-light-links > li::before {
  content: "・";
}

.insurance-mitsui--img {
  max-width: 355px;
  margin: 0 auto;
}

.insurance-bnr-area > .container-fulid > .row {
  margin-left: -7px;
  margin-right: -7px;
}

.insurance-bnr-area > .container-fulid > .row > .col-12 {
  padding-left: 7px;
  padding-right: 7px;
}

.insurance-bnr-area__bnr {
  position: relative;
  margin-bottom: 14px;
}

.insurance-bnr-area__bnr > small {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}

.insurance-bnr-area__bnr > a {
  display: block;
}

.insurance-bnr-area__bnr > a > img {
  width: 100%;
}

.insurance-bnr-box {
  display: flex;
  flex-flow: column nowrap;
  border: 1px solid #dc263f;
  border-radius: 4px;
  padding: 20px 20px 0;
  text-align: center;
}

.insurance-bnr-box--mini {
  border-color: #ccc;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.insurance-bnr-box--mini > .insurance-bnr-box__btn {
  margin-top: auto;
}

.insurance-bnr-box__bnr {
  margin-bottom: 10px;
  height: 100%;
}

.insurance-bnr-box__bnr-other {
  width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.insurance-bnr-box__title{
  font-weight: 500;
  margin-bottom: 10px;
}

.insurance-bnr-box__text {
  text-align: left;
  font-size: 0.75rem;
  font-feature-settings: "palt";
}

.insurance-bnr-box__btn {
  text-align: center;
  margin-bottom: 30px;
}

.insurance-logo img {
  width: 100%;
}

.insurance-bnr-mini small {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}

.insurance-bnr-mini > .container-fulid > .row {
  margin-left: -7px;
  margin-right: -7px;
}

.insurance-bnr-mini > .container-fulid > .row > .col-12 {
  padding-left: 7px;
  padding-right: 7px;
}

.insurance-net_text {
  font-size: 1.25rem;
  padding-left: 1rem;
}

@media (max-width: 364.98px) {
  .insurance-life .side-menu__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 140px;
  }
  .insurance-life .side-menu__item--life {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
  }
  .insurance-life .side-menu__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: none;
    margin-bottom: 10px;
  }
  .insurance-life .side-menu__icon--life {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: none;
  }
  .insurance-life .side-menu__icon--mitsui {
    padding-left: 7%;
  }
  .insurance-life .side-menu__text {
    font-size: 1.125rem;
    font-weight: 300;
  }
}

@media (min-width: 769px) {
  .insurance-top {
    margin-bottom: 50px;
  }
  .insurance-top__comment {
    font-size: 0.8125rem;
  }
  .insurance-top__images {
    margin-bottom: 60px;
  }
  .insurance-block--mb {
    margin-bottom: 80px;
  }
  .insurance-life .side-menu__item {
    padding: 15px 45px 15px 30px;
    background-size: 24px 24px;
    background-position: center right 15px;
  }
  .insurance-life .side-menu__item--life {
    height: 125px;
  }
  .insurance-life .side-menu__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 140px;
    flex: 0 0 140px;
    max-width: 140px;
  }
  .insurance-life .side-menu__icon--life {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: none;
    width: 33px;
    margin-left: 0;
  }
  .insurance-life .side-menu__text {
    font-size: 1rem;
    font-weight: 300;
  }
}

@media (min-width: 1040px) {
  .insurance-top__comment {
    margin-bottom: 30px;
    font-size: 0.9375rem;
  }
  .insurance-top__images {
    margin-bottom: 80px;
  }
  .insurance-block--mb {
    margin-bottom: 110px;
  }
  .insurance-life .side-menu__item {
    padding: 20px 40px;
    margin-bottom: 15px;
  }
  .insurance-life .side-menu__item--life {
    height: 145px;
  }
  .insurance-life .side-menu__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 165px;
    flex: 0 0 165px;
    max-width: 165px;
  }
  .insurance-life .side-menu__icon--life {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: none;
  }
  .insurance-life .side-menu__title {
    padding-left: 20px;
  }
  .insurance-life .side-menu__text {
    font-size: 1.375rem;
    font-weight: 300;
  }
  .insurance-bnr-box {
    display: flex;
    flex-flow: column nowrap;
    border: 1px solid #dc263f;
    border-radius: 4px;
    padding: 40px 40px 0;
    text-align: center;
  }
  .insurance-bnr-box--mini {
    border: 1px solid #ccc;
    padding: 20px 20px 0;
  }
  .insurance-bnr-box__bnr {
    margin-bottom: 30px;
  }
  .insurance-bnr-box__text {
    text-align: left;
    font-size: 0.875rem;
  }
}

.insurance-security {
  margin-bottom: 100px;
}

.insurance-security-box {
  display: flex;
  align-items: center;
  padding: 10px;
  margin-bottom: 10px;
  color: #212529;
  border: 1px solid #ccc;
  border-radius: 8px;
}

.insurance-security-box__icon {
  width: 60%;
}

.insurance-security-box__icon img {
  width: 100%;
}

.insurance-security-box__title {
  margin-bottom: 0;
  font-size: 0.8125rem;
  font-weight: 300;
  width: 60%;
  position: relative;
  /* &::before{
            display: block;
            position: absolute;
            top: 50%;
            right: 10px;
            transform: translateY(-50%);
            width: 29px;
            height: 29px;
            content: "";
            background-image: url(https://www.daihatsu-hiroshima.co.jp/assets/img/common/icons/icon_circle_arrow_right.svg);
            @media (max-width:500px){
              right: -40px;
            }

          } */
}

@media (max-width: 500px) {
  .insurance-security-box__title {
    padding-right: 0;
  }
}

@media (min-width: 768px) {
  .insurance-security-box__title br {
    display: none;
  }
}

@media (min-width: 769px) {
  .insurance-security-box__title {
    font-size: 1.0625rem;
  }
}

.insurance-security-box__title--reletive {
  position: relative;
}

.insurance-security-box__title--reletive::before {
  content: "※ダイハツメーカーサイトに移動します。";
  position: absolute;
  bottom: -30px;
  left: 0;
  font-size: 0.625rem;
  font-weight: 300;
  white-space: nowrap;
}

.insurance-security-box:hover {
  color: #212529;
  text-decoration: none;
  background-color: #f7d8dc;
}

.insurance-security__comment {
  font-size: 0.75rem;
  line-height: 1.833333;
}

.coming-soon {
  text-align: center;
  margin: auto;
  font-size: 20px;
}

.insurance_movie_section {
  color: #072060;
  margin-bottom: 40px;
}

.insurance_movie-box {
  width: 100%;
  margin: 0 auto 10px;
}

@media (min-width: 769px) {
  .insurance_movie-box {
    width: 50%;
  }
}

.insurance_movie-boxText {
  display: block;
  color: #072060;
  word-break: break-all;
  margin-bottom: 16px;
}

/* モーダル */
.modal-wrapper {
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 40px 10px;
  text-align: center;
}

.modal-wrapper:not(:target) {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}

.modal-wrapper:target {
  opacity: 1;
  visibility: visible;
  transition: opacity .4s, visibility .4s;
}

.modal-wrapper::after {
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  vertical-align: middle;
  content: "";
}

.modal-wrapper .modal-window {
  box-sizing: border-box;
  display: inline-block;
  z-index: 20;
  position: relative;
  width: 90%;
  max-width: 600px;
  padding: 23px 8px 8px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
  vertical-align: middle;
}

@media (min-width: 769px) {
  .modal-wrapper .modal-window {
    width: 70%;
    padding: 30px 30px 15px;
  }
}

.modal-wrapper .modal-window .modal-content {
  max-height: 80vh;
  overflow-y: auto;
  text-align: left;
  position: relative;
  padding-top: 56.25%;
}

.modal-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal-iframe iframe {
  width: 100%;
  height: 100%;
}

.modal-overlay {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
}

.modal-wrapper .modal-close {
  z-index: 20;
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
}

.insurance_movie-btn {
  position: relative;
  padding-top: 56.25%;
  width: 100%;
  display: block;
  margin: 0 auto 30px;
}

.insurance_movie-btn iframe {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.inspection .ml-10 {
  margin-left: 10px;
}

.inspection .mt-30 {
  margin-top: 30px;
}

.inspection .mb-36 {
  margin-bottom: 36px;
}

.inspection .pt-30 {
  padding-top: 30px;
}

.inspection_flex {
  display: flex;
  flex-wrap: wrap;
}

.inspection_mechanic {
  width: calc(33.33333333% - 6px);
  margin-right: 9px;
  border-radius: 3px;
}

.inspection_mechanic:nth-child(3n) {
  margin-right: 0;
}

.inspection_line {
  border: 1px solid #707070;
}

.inspection_line_box {
  width: 50%;
  margin: 27px 10px 32px;
  text-align: center;
}

.inspection_line-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.inspection table {
  width: 100%;
  margin: 35px 0 10px;
  font-size: 0.8125rem;
}

.inspection table,
.inspection td,
.inspection th {
  border: 1px solid #CCCCCC;
  border-collapse: collapse;
}

.inspection th {
  background: #F7D8DC;
  text-align: center;
  font-weight: 400;
}

.inspection th,
.inspection td {
  padding-left: 10px;
}

.inspection .even {
  background: #FAFAFA;
}

.inspection_precautionary p {
  font-size: 0.6875rem;
  margin-bottom: 0;
}

.bankin .mb-15 {
  margin-bottom: 15px;
}

.bankin .bankin_sheet-metal {
  text-align: center;
}

.bankin_example-flex {
  display: flex;
}

.bankin_example-flex div {
  width: calc(33.33333% - 26.66666px);
  margin-right: 40px;
}

.bankin_example-flex div:nth-child(3n) {
  margin-right: 0;
}

@media (max-width: 364.98px) {
  .bankin_example-flex div {
    width: calc(33.33333% - 13.33333px);
    margin-right: 20px;
  }
}

.bankin_arrow {
  position: relative;
}

.bankin_arrow::after {
  top: 40%;
  right: -30px;
  transform: translateY(-50%) rotate(-90deg);
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 7.5px 0;
  border-color: #e73e51 transparent transparent transparent;
}

@media (max-width: 364.98px) {
  .bankin_arrow::after {
    right: -17.5px;
  }
}

.bankin_befoer {
  background-color: #595757;
}

.bankin_after {
  background-color: #d83e4f;
}

.bankin_befoer, .bankin_after {
  margin-top: 10px;
  border-radius: 3px;
  font-size: 0.8125rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
}

.bankin_process-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media (min-width: 769px) {
  .bankin_process-flex {
    justify-content: flex-start;
  }
}

.bankin_process-flex > div {
  width: calc(50% - 40px);
  max-width: 220px;
  margin-right: 80px;
  position: relative;
}

.bankin_process-flex > div::after {
  top: 28%;
  right: -45px;
  transform: translateY(-50%) rotate(-90deg);
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 7.5px 0;
  border-color: #e73e51 transparent transparent transparent;
}

.bankin_process-flex > div:nth-child(2n) {
  margin-right: 0;
}

.bankin_process-flex > div:nth-child(2n)::after {
  content: none;
}

.bankin_process-flex > div:last-child::after {
  content: none;
}

@media (min-width: 1040px) {
  .bankin_process-flex > div {
    width: calc(33.33333% - 53.33333px);
  }
  .bankin_process-flex > div:nth-child(2n) {
    margin-right: 80px;
  }
  .bankin_process-flex > div:nth-child(2n)::after {
    top: 28%;
    right: -45px;
    transform: translateY(-50%) rotate(-90deg);
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 7.5px 0;
    border-color: #e73e51 transparent transparent transparent;
  }
  .bankin_process-flex > div:nth-child(3n), .bankin_process-flex > div:last-child {
    margin-right: 0px;
  }
  .bankin_process-flex > div:nth-child(3n)::after, .bankin_process-flex > div:last-child::after {
    content: none;
  }
  .bankin_process-flex > div:last-child::after {
    content: '';
    position: absolute;
    background: url(../img/service/bankin/_dammy/kansei.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 60px;
    height: 60px;
    top: -3px;
    right: -17px;
    border: none;
    transform: translate(0, 0);
  }
}

.bankin_process-text {
  margin: 17.6px 0 36px;
}

.bankin_process-text p {
  margin: 0;
}

.bankin_process-box {
  position: relative;
  text-align: center;
}

.bankin_process-box_tag {
  position: absolute;
  top: 0;
  left: 5.376%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 25px;
  font-size: 0.8125rem;
  background-color: #d83e4f;
  color: #fff;
  letter-spacing: -.05em;
}

.bankin_process-box_tag::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 0;
  height: 0;
  border-left: 10px solid #d83e4f;
  border-right: 10px solid #d83e4f;
  border-bottom: 5px solid transparent;
}

.maintenance-catch {
  margin-bottom: 3em;
}

.maintenance-catch__discription {
  font-size: 0.9375rem;
}

.maintenance-catch__img {
  width: 100%;
}

.maintenance-menu:not(:first-of-type) {
  margin-top: 4.5em;
}

.maintenance-menu-list {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-top: 2.5em;
  margin-bottom: 0;
}

.maintenance-menu-list__item {
  width: calc( 33.33% - 4px);
  list-style: none;
  font-size: 0.75rem;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 2.25rem;
  margin-right: 5px;
}

.maintenance-menu-list__item:nth-of-type(3n) {
  margin-right: 0;
}

.maintenance-menu__imgbox {
  height: 7rem;
  width: 100%;
  padding: .5em;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1em;
}

.maintenance-menu-detail__discription {
  margin-top: .75em;
  margin-bottom: 0.6em;
  letter-spacing: 0;
  line-height: 2;
  font-size: 0.9375rem;
}

.maintenance-menu-scroll {
  overflow-x: auto;
  width: 100%;
}

.maintenance-menu-table {
  width: 100%;
  min-width: 404px;
  margin-bottom: 24px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 0.75rem;
  line-height: 1.666667;
}

.maintenance-menu-table tr {
  border-top: 1px solid #ccc;
}

.maintenance-menu-table tr th {
  border-left: 1px solid #ccc;
  font-weight: 300;
}

.maintenance-menu-table tr td {
  border-left: 1px solid #ccc;
}

.maintenance-menu-table tr span {
  display: block;
  font-size: 0.6875rem;
}

.maintenance-menu-table thead th {
  padding: 10px 0;
  background: #fad9dc;
  font-weight: 400;
  text-align: center;
}

.maintenance-menu-table-head__menu {
  width: 10em;
}

.maintenance-menu-table-head__time {
  width: 6em;
}

.maintenance-menu-table-head__price {
  width: 6em;
}

.maintenance-menu-table-head__remarks {
  width: calc( 100% - 22em);
}

.maintenance-menu-table-body__menu {
  padding: .6em 1em;
}

.maintenance-menu-table-body__time {
  padding: .6em .5em;
  text-align: center;
}

.maintenance-menu-table-body__price {
  text-align: center;
  padding: .6em .5em;
}

.maintenance-menu-table-body__remarks {
  padding: .6em 1em;
}

.maintenance-menu-table-body__remarks br {
  display: none;
}

@media (min-width: 769px) {
  .maintenance-catch {
    margin-bottom: 110px;
  }
  .maintenance-catch__discription {
    font-size: 0.9375rem;
    line-height: 2;
    margin-bottom: 2em;
  }
  .maintenance-menu-list__item {
    font-size: 0.8125rem;
  }
}

@media (min-width: 1040px) {
  .maintenance-menu-list {
    margin-right: -10px;
  }
  .maintenance-menu-list__item {
    width: 7rem;
  }
  .maintenance-menu-list__item:nth-of-type(3n) {
    margin-right: 5px;
  }
  .maintenance-menu-list__item:last-of-type {
    margin-right: 0;
  }
  .maintenance-menu-table-head__menu {
    width: 16.5em;
  }
  .maintenance-menu-table-head__time {
    width: 7em;
  }
  .maintenance-menu-table-head__price {
    width: 7em;
  }
  .maintenance-menu-table-head__remarks {
    width: calc( 100% - 30.5em);
  }
  .maintenance-menu-table-body__menu {
    padding: .6em .5em .6em 1.5em;
  }
  .maintenance-menu-table-body__menu br {
    display: none;
  }
  .maintenance-menu-table-body__time {
    padding: .6em 1em .6em 2em;
    text-align: left;
  }
  .maintenance-menu-table-body__price {
    text-align: center;
    padding: .6em .5em .6em .5em;
  }
  .maintenance-menu-table-body__remarks {
    padding: .6em .5em .6em 1.5em;
  }
  .maintenance-menu-table-body__remarks br {
    display: initial;
  }
}

.area-top {
  margin-bottom: 40px;
}

.area-top__comment {
  font-size: 0.8125rem;
}

.area-top__images {
  margin-bottom: 50px;
}

.area-top__images > img {
  width: 100%;
}

.area-top__title {
  padding: .3em 0 .2em;
  margin-bottom: 28px;
  font-size: 1.875rem;
  font-weight: 300;
  line-height: 1.8;
  color: #00913a;
  text-align: center;
  border-top: 3px solid #00913a;
  border-bottom: 3px solid #00913a;
}

.area-top__title-inner {
  display: inline-block;
  /*     -webkit-transform: rotate(.25deg);
            transform: rotate(.25deg);
    font-style: italic; */
}

.area-block--mb {
  margin-bottom: 60px;
}

.area-block--bdt {
  border-top: 1px solid #ccc;
  padding-top: 40px;
}

.area-article {
  padding: 15px 0;
  border-bottom: 1px solid #ccc;
}

.area-article__header {
  margin-bottom: 10px;
}

.area-article__body {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}

.area-article__title {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5;
}

.area-article__info {
  font-size: 0.6875rem;
  margin-bottom: 0;
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}

.area-article__info > dt {
  font-weight: 300;
  margin-top: 5px;
  margin-bottom: 0;
  width: 3em;
}

.area-article__info > dd {
  font-weight: 300;
  margin-top: 5px;
  margin-bottom: 0;
  width: calc(100% - 3em);
}

.area-article__link-btn {
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 0.875rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 2px;
  margin-top: 10px;
  width: 135px;
  letter-spacing: .2em;
  color: #231815;
  font-weight: 300;
}

.area-article__link-btn::before {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 0 3px 4px;
  border-color: transparent transparent transparent #d83e4f;
  margin-right: .4em;
}

.area-article__link-btn:hover {
  color: #231815;
  text-decoration: none;
  background-color: #f7d8dc;
}

@media (min-width: 576px) {
  .area-article__body {
    flex-flow: row nowrap;
    justify-content: space-between;
  }
  .area-article__link-btn {
    margin-top: 20px;
  }
}

@media (min-width: 769px) {
  .area-top {
    margin-bottom: 50px;
  }
  .area-top__comment {
    font-size: 0.8125rem;
  }
  .area-top__images {
    margin-bottom: 60px;
  }
  .area-block--mb {
    margin-bottom: 80px;
  }
  .area-article {
    padding: 20px 0;
  }
  .area-article__title {
    margin-bottom: 20px;
    font-size: 1.125rem;
  }
  .area-article__body {
    flex-flow: column nowrap;
    justify-content: center;
  }
  .area-article__info {
    font-size: 0.8125rem;
  }
  .area-article__link-btn {
    font-size: 1rem;
    width: 165px;
  }
}

@media (min-width: 1040px) {
  .area-top__comment {
    margin-bottom: 30px;
    font-size: 0.9375rem;
  }
  .area-top__images {
    margin-bottom: 80px;
  }
  .area-block--mb {
    margin-bottom: 110px;
  }
  .area-article__body {
    flex-flow: row nowrap;
    justify-content: space-between;
  }
}

.dshop-top {
  margin-bottom: 40px;
}

.dshop-top__comment {
  font-size: 0.8125rem;
}

.dshop-top__images {
  margin-bottom: 50px;
}

.dshop-top__images > img {
  width: 100%;
}

.dshop-top__title {
  padding: .3em 0 .2em;
  margin-bottom: 28px;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.8;
  color: #0040a7;
  text-align: center;
  border-top: 3px solid #0040a7;
  border-bottom: 3px solid #0040a7;
}

.dshop-top__title--color-green {
  color: #00913a;
  border-top: 3px solid #00913a;
  border-bottom: 3px solid #00913a;
}

.dshop-top__title.series {
  color: #00a0e9;
  border-top: 3px solid #00a0e9;
  border-bottom: 3px solid #00a0e9;
}

.dshop-top__title-inner {
  display: inline-block;
  /*     -webkit-transform: rotate(.25deg);
            transform: rotate(.25deg); */
}

.dshop-block--mb {
  margin-bottom: 60px;
}

.dshop-block--bdt {
  border-top: 1px solid #ccc;
  padding-top: 40px;
}

@media (min-width: 769px) {
  .dshop-top {
    margin-bottom: 50px;
  }
  .dshop-top__comment {
    font-size: 0.8125rem;
  }
  .dshop-top__images {
    margin-bottom: 60px;
  }
  .dshop-block--mb {
    margin-bottom: 80px;
  }
}

.dshop-gmap {
  width: 100%;
  height: 350px;
  background-color: #ccc;
}

@media (min-width: 1040px) {
  .dshop-top__comment {
    margin-bottom: 30px;
    font-size: 0.9375rem;
  }
  .dshop-top__images {
    margin-bottom: 80px;
  }
  .dshop-top__title {
    font-size: 1.875rem;
  }
  .dshop-block--mb {
    margin-bottom: 110px;
  }
}

.u-fs-26 {
  font-size: 1.625rem;
}

.u-fs-28 {
  font-size: 1.75rem;
}

.u-fs-30 {
  font-size: 1.875rem;
}

.u-fs-39 {
  font-size: 2.4375rem;
}

.u-fs-48 {
  font-size: 3rem;
}

.mt-20 {
  margin-top: 20px;
}

.u-font-red2 {
  color: #ED6879;
}

@media (min-width: 769px) {
  .u-fs-md-28 {
    font-size: 1.75rem;
  }
}

.warranty_h2 {
  margin-bottom: 36px;
}

.warranty .passenger-car_h3 {
  position: relative;
  line-height: 2em;
  padding-left: 110px;
  margin-bottom: 38px;
}

.warranty .passenger-car_h3::before {
  position: absolute;
  left: 0;
  content: "";
  display: inline-block;
  width: 88.93px;
  height: 45.71px;
  background: url(/assets/img/service/warranty/passenger-car.png) no-repeat;
  background-size: contain;
}

.warranty .light-freigh-car_h3 {
  position: relative;
  padding: 40px 0 0 110px;
  margin-bottom: 38px;
  border-top: 1px solid #ccc;
  line-height: 3.8em;
}

.warranty .light-freigh-car_h3::before {
  position: absolute;
  left: 0;
  content: "";
  display: inline-block;
  width: 89px;
  height: 66px;
  background: url(/assets/img/service/warranty/light-freigh-car.png) no-repeat;
  background-size: contain;
}

.warranty_box {
  height: 200px;
  margin: 100px 0 0;
  padding: 120px 20px 20px;
  position: relative;
  background-color: #efefef;
  border-radius: 3px;
}

.warranty_circle {
  width: 150px;
  height: 150px;
  position: absolute;
  top: -42px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.warranty_circle_text {
  text-align: center;
}

.warranty_circle p {
  margin: 0;
}

.warranty .blue {
  background-color: #51B0EB;
}

.warranty .red {
  background-color: #ED6879;
}

.warranty .light-freigh-car-img01 {
  display: block;
  position: relative;
}

.warranty .light-freigh-car-img02 {
  position: absolute;
  bottom: 20px;
}

.warranty_credit-limit {
  width: 20%;
  text-align: center;
}

.warranty_credit-limit p {
  margin-bottom: 5px;
}

.warranty .inverted-triangle {
  width: 100px;
  margin: 30px auto 33.7px;
  position: relative;
}

.warranty .inverted-triangle > div {
  width: 0;
  height: 0;
  border: 49.525px solid transparent;
  border-top: 57.36px solid rgba(220, 38, 63, 0.3);
  border-bottom: none;
}

.warranty .inverted-triangle p {
  position: absolute;
  top: 10px;
  left: 8px;
}

.warranty_malfunction {
  height: 177px;
  margin-top: 20px;
  padding: 25px 0 15px;
  border-radius: 3px;
  background: url(/assets/img/service/warranty/car-img.png) no-repeat;
  background-position: right bottom;
  text-align: center;
}

.warranty_malfunction:nth-child(2) {
  margin-right: 0;
}

.warranty_car-inspection {
  margin-top: 38px;
}

.warranty_car-inspection p {
  padding: 3px;
  text-align: center;
  border: 2px solid #ED6879;
  border-radius: 20px;
}

.warranty_flex.row {
  margin-right: -4px;
  margin-left: -4px;
  margin-bottom: 40px;
}

.warranty_flex.row > .col-12.col-sm-4.col-md-6.col-lg-4 {
  padding-right: 4px;
  padding-left: 4px;
  max-width: 250px;
}

@media (max-width: 531px) {
  .warranty_flex.row > .col-12.col-sm-4.col-md-6.col-lg-4 {
    margin: 0 auto;
  }
}

@media (min-width: 769px) and (max-width: 1039px) {
  .warranty_box {
    height: 220px;
  }
}

.warranty--catch, .warranty--text {
  font-size: 0.8125rem;
  line-height: 1.538462;
  letter-spacing: 0.07em;
  font-weight: 300;
  margin-bottom: 0;
  margin-top: 16.5px;
}

.warranty--text {
  position: relative;
  padding-left: 30px;
}

.warranty--text > span {
  position: absolute;
  left: 0;
  top: 0;
}

.warranty--kakunin {
  margin-top: 38px;
  font-size: 1rem;
  letter-spacing: 0.07em;
  line-height: 1.25;
  text-align: center;
  font-weight: 300;
}

.warranty--kakunin > br {
  display: inline;
}

@media (min-width: 576px) {
  .warranty--kakunin > br {
    display: none;
  }
}

@media (min-width: 769px) {
  .warranty--kakunin > br {
    display: inline;
  }
}

@media (min-width: 1040px) {
  .warranty--kakunin > br {
    display: none;
  }
}

.warranty--kikan {
  position: relative;
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}

@media (min-width: 1040px) {
  .warranty--kikan {
    max-width: 100%;
  }
}

.warranty--hindo {
  margin: 80px auto 0;
  position: relative;
  max-width: 600px;
  width: 100%;
}

@media (min-width: 1040px) {
  .warranty--hindo {
    max-width: 100%;
  }
}

.warranty--hindo::after {
  top: -40px;
  left: 0;
  width: 100%;
  height: 1px;
  position: absolute;
  content: '';
  background: #ccc;
}

.warranty_kikan--link {
  border-radius: 10px;
  display: block;
  position: absolute;
  width: 34%;
  height: 4.025424%;
}

@media (min-width: 1040px) {
  .warranty_kikan--link {
    height: 8.130081%;
    width: 12.5%;
  }
}

.warranty_kikan--link._link1 {
  left: 63%;
  top: 21.5%;
}

@media (min-width: 1040px) {
  .warranty_kikan--link._link1 {
    top: 43.5%;
    left: auto;
    right: 69%;
  }
}

.warranty_kikan--link._link2 {
  right: 44%;
  top: 21.5%;
}

@media (min-width: 1040px) {
  .warranty_kikan--link._link2 {
    top: 80%;
    right: 69%;
  }
}

.warranty_kikan--link._link3 {
  top: 44%;
  left: 63%;
}

@media (min-width: 1040px) {
  .warranty_kikan--link._link3 {
    left: auto;
    top: 43%;
    right: 50.5%;
  }
}

.warranty_kikan--link._link4 {
  top: 50%;
  left: 63%;
}

@media (min-width: 1040px) {
  .warranty_kikan--link._link4 {
    left: auto;
    top: 52%;
    right: 50.5%;
  }
}

.warranty_kikan--link._link5 {
  top: 77%;
  width: 39%;
  left: 40%;
}

@media (min-width: 1040px) {
  .warranty_kikan--link._link5 {
    top: 49%;
    left: 63%;
    width: 14.5%;
  }
}

.warranty_hindo--link {
  border-radius: 10px;
  display: block;
  position: absolute;
  width: 34%;
  height: 4.025424%;
}

@media (min-width: 1040px) {
  .warranty_hindo--link {
    height: 7%;
    width: 12.5%;
  }
}

.warranty_hindo--link._link1 {
  top: 22%;
  left: 63%;
}

@media (min-width: 1040px) {
  .warranty_hindo--link._link1 {
    left: auto;
    top: 43%;
    right: 69%;
  }
}

.warranty_hindo--link._link2 {
  top: 22%;
  right: 44%;
}

@media (min-width: 1040px) {
  .warranty_hindo--link._link2 {
    top: 80%;
    right: 69%;
  }
}

.warranty_hindo--link._link3 {
  left: 63%;
  top: 44%;
}

@media (min-width: 1040px) {
  .warranty_hindo--link._link3 {
    left: 41%;
  }
}

.warranty_hindo--link._link4 {
  top: 50%;
  left: 63%;
}

@media (min-width: 1040px) {
  .warranty_hindo--link._link4 {
    top: 53%;
    left: 41%;
  }
}

.warranty_hindo--link._link5 {
  top: 86%;
  left: 40%;
  width: 39%;
}

@media (min-width: 1040px) {
  .warranty_hindo--link._link5 {
    top: 65%;
    left: 67%;
    width: 14%;
  }
}

.warranty_hindo--img, .warranty_hindo--title, .warranty_hindo--item {
  position: relative;
  margin-top: 20px;
}

@media (min-width: 1040px) {
  .warranty_hindo--img, .warranty_hindo--title, .warranty_hindo--item {
    margin-top: 40px;
  }
}

.warranty_hindo--img::before, .warranty_hindo--title::before, .warranty_hindo--item::before {
  content: '';
  display: block;
}

.warranty_hindo--img .img, .warranty_hindo--title .img, .warranty_hindo--item .img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.warranty_hindo--img::before {
  padding-top: 56.119403%;
}

@media (min-width: 1040px) {
  .warranty_hindo--img::before {
    padding-top: 31.700288%;
  }
}

.warranty_hindo--title {
  margin-left: auto;
  margin-right: auto;
  width: 78.507463%;
}

.warranty_hindo--title::before {
  padding-top: 28.51711%;
}

@media (min-width: 1040px) {
  .warranty_hindo--title::before {
    padding-top: 10.841121%;
  }
}

.warranty_hindo--list {
  display: flex;
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
  margin-left: -20px;
}

@media (min-width: 1040px) {
  .warranty_hindo--list {
    margin-left: 30px;
  }
}

.warranty_hindo--item {
  margin-left: 20px;
  width: calc(50% - 20px);
}

@media (min-width: 1040px) {
  .warranty_hindo--item {
    margin-left: 30px;
    width: calc(50% - 30px);
  }
}

.warranty_hindo--item::before {
  padding-top: 90.506329%;
}

@media (min-width: 1040px) {
  .warranty_hindo--item::before {
    padding-top: 40.549828%;
  }
}

.warranty_hindo--item > p {
  display: none;
}

@media (min-width: 1040px) {
  .warranty_hindo--item > p {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin-bottom: 0;
    transform: translateY(15px) translateY(100%);
    text-align: center;
    font-size: 0.8125rem;
    line-height: 1;
  }
}

.page-warranty .mfp-content {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.page-warranty .mfp-close {
  display: none;
}

.warranty_modal {
  background: #fff;
  margin: 20px;
  width: 100%;
  height: 80vh;
  max-width: 980px;
  padding: 60px 20px 0;
  position: relative;
  overflow-y: auto;
  border-right: 4px;
  -webkit-overflow-scrolling: touch;
}

@media (min-width: 1040px) {
  .warranty_modal {
    padding: 80px 40px 0;
  }
}

.warranty_modal--button {
  border: none;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0;
}

.warranty_modal--button > img {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.warranty_modal .btn-primary {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 50px auto 0;
  width: 100%;
  min-width: 0;
  max-width: 120px;
  margin-bottom: 60px;
}

@media (min-width: 576px) {
  .warranty_modal .btn-primary {
    max-width: 384px;
  }
}

@media (min-width: 1040px) {
  .warranty_modal .btn-primary {
    margin-bottom: 80px;
  }
}

.warranty_modal .btn-primary::before {
  content: '';
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 10px;
  background: url(/assets/img/service/warranty/botan_close.png) no-repeat center center/contain;
}

.warranty_modal--title {
  text-align: center;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 700;
  padding-bottom: 20px;
  border-bottom: 4px solid #e73e51;
  margin-bottom: 0;
}

@media (min-width: 1040px) {
  .warranty_modal--title {
    padding-bottom: 30px;
  }
}

.warranty_modal--text {
  margin-top: 22.5px;
  font-size: 0.9375rem;
  line-height: 2;
  margin-bottom: 0;
}

@media (min-width: 769px) {
  .warranty_modal--text {
    display: flex;
    align-items: center;
  }
}

.warranty_modal--text > span {
  margin: 10px auto;
  max-width: 300px;
  display: block;
  width: 100%;
}

@media (min-width: 769px) {
  .warranty_modal--text > span {
    margin-top: 0;
    max-width: 255px;
    margin-right: 0;
  }
}

.warranty_modal--content {
  margin-top: 30px;
}

.warranty_modal--heading {
  height: 40px;
  display: flex;
  align-items: center;
  padding: 0 15px;
  border-radius: 4px;
  letter-spacing: 0.07em;
  font-size: 0.9375rem;
  color: #fff;
  margin-bottom: 15px;
  line-height: 1;
  background: #e73e51;
}

@media (min-width: 1040px) {
  .warranty_modal--heading {
    margin-bottom: 20px;
  }
}

.warranty_modal--list {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
  margin-top: 5px;
}

.warranty_modal--item {
  line-height: 1.6;
  font-size: 0.75rem;
  position: relative;
  padding-left: 1em;
  margin-top: 10px;
}

@media (min-width: 576px) {
  .warranty_modal--item {
    font-size: 0.875rem;
  }
}

.warranty_modal--item::before {
  content: attr(data-item);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.warranty_modal_parts--text {
  margin-bottom: 0;
  line-height: 1;
  font-size: 0.875rem;
}

.warranty_modal_parts--text._ex {
  margin-top: 30px;
}

@media (min-width: 576px) {
  .warranty_modal_parts--text._ex {
    margin-top: 20px;
  }
}

.warranty_modal_parts--list {
  margin-top: 20px;
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
}

@media (min-width: 576px) {
  .warranty_modal_parts--list {
    margin: 10px auto 0;
    justify-content: center;
  }
}

@media (min-width: 576px) {
  .warranty_modal_parts--list._tag {
    justify-content: flex-start;
  }
}

@media (min-width: 769px) {
  .warranty_modal_parts--list._tag {
    justify-content: center;
  }
}

.warranty_modal_parts--item {
  margin-top: 10px;
  width: calc(33.333333% - 15px);
  margin-left: 15px;
}

@media (min-width: 576px) {
  .warranty_modal_parts--item {
    max-width: 125px;
    width: calc(20% - 20px);
    margin-left: 20px;
  }
}

.warranty_modal_parts--list._tag .warranty_modal_parts--item {
  width: calc(50% - 15px);
}

@media (min-width: 576px) {
  .warranty_modal_parts--list._tag .warranty_modal_parts--item {
    max-width: 205px;
    width: calc(33.333333% - 20px);
  }
}

@media (min-width: 769px) {
  .warranty_modal_parts--list._tag .warranty_modal_parts--item {
    width: calc(25% - 20px);
  }
}

.warranty_modal_parts--item > p {
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 1.714286;
}

.warranty_modal_parts--img {
  position: relative;
}

.warranty_modal_parts--img::before {
  content: '';
  display: block;
  padding-top: 100%;
}

.warranty_modal_parts--list._tag .warranty_modal_parts--img::before {
  padding-top: 19.858156%;
}

.warranty_modal_parts--img > img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.warranty_modal_parts--attention {
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 0.75rem;
}

@media (min-width: 576px) {
  .warranty_modal_parts--attention {
    text-align: right;
    font-size: 0.875rem;
  }
}

.warranty_modal_details {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #6C757D;
}

.warranty_modal_details--heading {
  background: #F7D8DC;
  width: 60px;
  font-size: 0.625rem;
  line-height: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 300;
  border-top: 1px solid #6C757D;
  padding: 10px;
  letter-spacing: 0;
}

@media (min-width: 576px) {
  .warranty_modal_details--heading {
    width: 150px;
    font-size: 0.875rem;
    line-height: 2;
    padding: 8px;
  }
}

.warranty_modal_details--text {
  padding: 13px;
  width: calc(100% - 60px);
  border-top: 1px solid #6C757D;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (min-width: 576px) {
  .warranty_modal_details--text {
    width: calc(100% - 150px);
  }
}

.warranty_modal_details--text > p {
  margin-bottom: 0;
  font-size: 0.625rem;
  line-height: 1.4;
  position: relative;
}

@media (min-width: 576px) {
  .warranty_modal_details--text > p {
    font-size: 0.75rem;
    line-height: 1.5;
  }
}

.warranty_modal_details--text > p:not(:first-of-type) {
  margin-top: 1em;
}

.warranty_modal_details--text > ._attention::before {
  display: inline-block;
  content: '※';
}

.carshare-service-scene-img {
  width: 100%;
}

.carshare-news {
  background-color: #f7d8dc;
  margin: 20px calc(50% - 50vw) 40px;
  padding: 10px calc(50vw - 50%);
}

.carshare-news-inner {
  display: flex;
  background-color: #fff;
  margin: 15px;
  padding: 15px 20px;
  border-radius: 5px;
}

@media (max-width: 480px) {
  .carshare-news-inner {
    padding: 15px 5px;
    margin: 5px;
    display: block;
  }
}

.carshare-news-inner_title {
  color: #dc263f;
  font-size: 16px;
  width: 30%;
  margin: auto 0;
  padding: 0 20px 0 10px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

@media (max-width: 480px) {
  .carshare-news-inner_title {
    margin-bottom: 20px;
  }
}

.carshare-news-inner_text {
  font-size: 16px;
  margin: auto 0;
  padding: 10px 0 10px 20px;
  border-left: 1px solid #dc263f;
}

.carshare-news-inner_text * {
  margin-bottom: 0;
}

@media (max-width: 480px) {
  .carshare-news-inner_text {
    padding: 10px;
    border-left: none;
    border-top: 1px solid #dc263f;
  }
}

.carshare-container.page-container {
  display: block;
}

@media (min-width: 769px) {
  .carshare-section {
    padding-top: 1em;
  }
  .carshare-pnav + .carshare-section {
    margin-top: -3.5em;
  }
}

.carshare-main .br-md {
  display: none;
}

.carshare-main .br-lg {
  display: none;
}

@media (min-width: 769px) {
  .carshare-main .br-sm {
    display: none;
  }
  .carshare-main .br-md {
    display: inline;
  }
}

@media (min-width: 1040px) {
  .carshare-main .br-md {
    display: none;
  }
  .carshare-main .br-lg {
    display: inline;
  }
}

.carshare-description {
  margin-top: 1.5em;
  margin-bottom: 1em;
  font-size: 1.25rem;
  font-weight: 300;
  letter-spacing: 0;
}

@media (min-width: 769px) {
  .carshare-description {
    font-size: 1.375rem;
  }
}

.carshare-table {
  table-layout: fixed;
  width: 100%;
  font-size: 0.8125rem;
  line-height: 1.6;
}

@media (max-width: 575.98px) {
  .carshare-table {
    width: auto;
    transform: translateX(-5px);
  }
}

.carshare-table th {
  padding: 2px .5em;
  background-color: #fafafa;
  border: 1px solid #ccc;
  text-align: center;
}

.carshare-table td {
  padding: 2px 1em;
  border: 1px solid #ccc;
}

.carshare-table td:empty {
  position: relative;
}

.carshare-table td:empty::before {
  content: 'ー';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.carshare-table-red {
  background-color: #dc263f !important;
  color: #fff;
  font-weight: 700;
}

.carshare-table-green {
  background-color: #46A535 !important;
  color: #fff;
  font-weight: 700;
}

.carshare-table-navy {
  background-color: #0040a7 !important;
  font-weight: 700;
  color: #fff;
}

@media (min-width: 769px) {
  .carshare-table th {
    padding: 2px 1em;
  }
  .carshare-table td {
    padding: 2px 2em;
  }
}

.carshare-data-title {
  margin-top: 1.75em;
  margin-bottom: 0.25em;
  color: #d83e4f;
  font-size: 1.125rem;
}

.carshare-data-description {
  font-size: 0.8125rem;
  line-height: 1.7;
}

.carshare-data-description + .carshare-data-description {
  margin-top: 1em;
}

.carshare-data-description .carshare-table {
  margin-top: 1em;
}

.carshare-data-indent {
  padding-left: 1.25em;
  text-indent: -1.25em;
}

@media (min-width: 769px) {
  .carshare-data-title {
    font-size: 1.25rem;
  }
}

.carshare-footer {
  margin-top: 16px;
  padding-bottom: 6em;
}

.carshare-footer__img {
  display: block;
  margin: 100px auto 45px;
  width: 100%;
  max-width: 750px;
  position: relative;
  transition: opacity 0.4s;
}

.carshare-footer__img::before {
  content: '';
  display: block;
  padding-top: 60%;
}

.carshare-footer__img > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.carshare-footer__img:hover {
  opacity: 0.7;
}

.carshare-footer__link {
  display: block;
  position: relative;
  width: 16.5em;
  padding: .55em 1em;
  margin-left: auto;
  margin-right: auto;
  background-color: #d83e4f;
  border-radius: 4px;
  color: #fff;
  font-size: 0.875rem;
  text-align: center;
  transition: all 0.2s ease-in-out;
}

.carshare-footer__link::after {
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  width: 14px;
  height: 10px;
  margin-left: 5px;
  vertical-align: middle;
  content: "";
  background: url(../img/common/icons/icon_blank_white.svg) center center no-repeat;
  background-size: 14px 10px;
}

.carshare-footer__link:hover {
  color: #fff;
  text-decoration: none;
  opacity: 0.7;
}

.carshare-footer__text {
  margin: 0 auto;
  margin-top: 0.5em;
  margin-bottom: 2.25em;
  font-size: 0.75rem;
  letter-spacing: 0;
  text-align: center;
  background-color: rgba(231, 62, 81, 0.1);
  width: 100%;
  max-width: 440px;
}

@media (max-width: 768.98px) {
  .carshare-footer__text {
    font-size: 0.625rem;
    max-width: 340px;
  }
}

.carshare-footer__line {
  text-decoration: underline;
}

.carshare-footer__btn {
  display: block;
  padding: 0.4em 0.6em;
  margin-left: auto;
  background-color: #efefef;
  border: none;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 300;
  outline: none;
  transition: all 0.2s ease-in-out;
}

.carshare-footer__btn:hover {
  opacity: 0.7;
}

@media (min-width: 769px) {
  .carshare-footer {
    padding-bottom: 0;
  }
  .carshare-footer__link {
    font-size: 1rem;
  }
  .carshare-footer__text {
    letter-spacing: inherit;
  }
  .carshare-footer__btn {
    font-size: 0.8125rem;
  }
}

.carshare-pnav {
  width: 100%;
  padding-bottom: 2em;
}

.carshare-pnav-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  padding-left: 0;
  margin-bottom: 0;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.carshare-pnav-list-item {
  width: 100%;
  list-style: none;
  position: relative;
}

.carshare-pnav-list-item:not(:last-of-type)::after {
  content: "";
  position: absolute;
  right: 50%;
  top: 100%;
  transform: translateX(50%);
  width: calc(100% - 2em);
  height: 1px;
  background-color: #ccc;
}

.carshare-pnav-link {
  position: relative;
  display: block;
  padding-top: .9em;
  padding-bottom: .9em;
  padding-left: 1.5em;
  color: #000;
  font-size: 0.75rem;
  font-weight: 600;
  width: 100%;
  text-align: left;
  transition: all 0.2s ease-in-out;
}

.carshare-pnav-link:hover {
  text-decoration: none;
  color: #000;
  opacity: 0.7;
}

.carshare-pnav-link::before {
  content: '';
  display: inline-block;
  width: .5em;
  height: .5em;
  margin-right: 0.25em;
  border-right: 1px solid #d83e4f;
  border-bottom: 1px solid #d83e4f;
  transform: translateY(-0.25em) rotate(45deg);
}

@media (min-width: 769px) {
  .carshare-pnav {
    padding-bottom: 0;
  }
  .carshare-pnav-list {
    flex-wrap: nowrap;
  }
  .carshare-pnav-list-item {
    width: auto;
    flex-grow: 1;
  }
  .carshare-pnav-list-item:not(:last-of-type)::after {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 1.5em;
  }
  .carshare-pnav-link {
    font-size: 0.625rem;
    text-align: center;
    padding-left: 0;
  }
}

@media (min-width: 1040px) {
  .carshare-pnav-link {
    font-size: 0.875rem;
  }
}

.carshare-service-scene-title {
  margin-top: 3.25em;
  font-size: 0.9375rem;
}

.carshare-service-scene-contents {
  display: flex;
  flex-wrap: wrap;
}

.carshare-service-scene-content {
  margin-top: 2.3em;
  width: 100%;
}

.carshare-service-scene-num {
  display: inline-block;
  padding-bottom: 0.1em;
  border-bottom: 3px solid #d83e4f;
  color: #d83e4f;
  font-size: 1.125rem;
}

.carshare-service-scene-catch {
  margin-top: 0.75em;
  margin-bottom: 1.25em;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.7;
  letter-spacing: -0.01em;
}

.carshare-service-scene-imgwrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 11em;
}

.carshare-service-scene-point {
  margin-top: 1em;
  margin-bottom: 1em;
  color: #d83e4f;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: -0.015em;
}

.carshare-service-scene-data {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
  border-bottom: 1px solid #ccc;
}

.carshare-service-scene-data em {
  font-style: normal;
}

.carshare-service-scene-data__title {
  flex-grow: 1;
  flex-shrink: 1;
}

.carshare-service-scene-data__description {
  flex-grow: 0;
  flex-shrink: 0;
}

.carshare-service-scene-data__car {
  font-size: 0.9375rem;
}

.carshare-service-scene-data__tag {
  display: block;
  width: 7em;
  padding: 0.1em .5em;
  margin-top: 0.5em;
  border-radius: 4px;
  color: #fff;
  font-size: 0.625rem;
  font-weight: 600;
  text-align: center;
}

.carshare-service-scene-data:not(:first-of-type) {
  padding-top: 0.4em;
  font-size: 0.8125rem;
}

.carshare-service-scene-data:not(:first-of-type) .carshare-service-scene-data__title {
  font-weight: normal;
}

.carshare-service-scene-data:not(:first-of-type) .carshare-service-scene-data__title small {
  font-size: 0.625rem;
  letter-spacing: 0;
  display: inline-block;
}

.carshare-service-scene-data:not(:first-of-type) .carshare-service-scene-data__description {
  padding-left: .5em;
  padding-right: .5em;
}

.carshare-service-scene-data:not(:first-of-type) .carshare-service-scene-data__sum {
  display: block;
  padding-top: 2px;
  text-align: right;
}

.carshare-service-scene-data:not(:first-of-type) .carshare-service-scene-data__total {
  font-size: 0.9375rem;
  font-weight: 600;
}

.carshare-service-scene-data:last-of-type {
  padding-bottom: 0.3em;
}

.carshare-service-scene-annotation {
  display: block;
  margin-top: 0.5em;
  font-size: 0.625rem;
  letter-spacing: 0;
}

.carshare-service-feature {
  margin-top: 6.75em;
}

.carshare-service-feature-list {
  display: flex;
  margin-bottom: 0;
  padding-left: 0;
  flex-wrap: wrap;
  list-style: none;
}

.carshare-service-feature-list-item {
  width: 100%;
  margin-bottom: .3em;
  position: relative;
}

.carshare-service-feature-list__num {
  position: absolute;
  left: -10px;
  width: 4.25em;
  height: 4.25em;
  font-size: 0.8125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #d83e4f;
  border-radius: 50%;
  color: #fff;
}

.carshare-service-feature-list__num em {
  display: block;
  font-style: normal;
}

.carshare-service-feature-list__data {
  margin-top: 35px;
}

.carshare-service-feature-list__title {
  display: flex;
  padding-top: 0.5em;
  padding-left: 1em;
  min-height: 180px;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  flex-direction: column;
  font-size: 0.9375rem;
  justify-content: center;
  text-align: center;
}

.carshare-service-feature-list__img {
  display: block;
  margin-bottom: 1em;
}

.carshare-service-feature-list__description {
  margin-top: 0.5em;
  margin-bottom: 0;
  font-size: 0.875rem;
  letter-spacing: -0.03em;
  line-height: 1.7;
}

.carshare-service-feature-list__description small {
  display: block;
  margin-top: 0.5em;
  line-height: 1.4;
}

@media (min-width: 576px) {
  .carshare-service-scene-content {
    width: calc(50% - 15px);
  }
  .carshare-service-scene-content:nth-of-type(odd) {
    margin-right: 30px;
  }
  .carshare-service-feature-list-item {
    width: calc(50% - 10px);
  }
  .carshare-service-feature-list-item:nth-of-type(odd) {
    margin-right: 20px;
  }
}

@media (min-width: 769px) {
  .carshare-service-scene-content {
    width: 31%;
  }
  .carshare-service-scene-content:nth-of-type(odd) {
    margin-right: 0;
  }
  .carshare-service-scene-content:not(:nth-of-type(3n)) {
    margin-right: 3.5%;
  }
  .carshare-service-scene-catch {
    font-size: 0.6875rem;
  }
  .carshare-service-feature-list-item {
    width: 32%;
  }
  .carshare-service-feature-list-item:nth-of-type(odd) {
    margin-right: 0;
  }
  .carshare-service-feature-list-item:not(:nth-of-type(3n)) {
    margin-right: 2%;
  }
}

@media (min-width: 1040px) {
  .carshare-service-scene-catch {
    font-size: 1rem;
  }
  .carshare-service-scene-data__title small {
    font-size: 0.6875rem;
  }
  .carshare-service-scene-data__tag {
    width: 8.5em;
    padding: 0.1em 1em;
  }
  .carshare-service-feature-list__num {
    width: 4.25em;
    height: 4.25em;
    font-size: 1rem;
  }
  .carshare-service-feature-list__title {
    font-size: 1.25rem;
  }
  .carshare-service-feature-list__img {
    margin-bottom: .5em;
  }
}

.carshare-price-contents {
  display: flex;
  flex-wrap: wrap;
}

.carshare-price-contents-textarea {
  width: 100%;
}

.carshare-price-contents-textarea__description {
  margin-top: .15em;
  margin-bottom: 0.95em;
}

.carshare-price-contents-textarea__text {
  font-size: 0.8125rem;
}

.carshare-price-contents-imagearea {
  width: 100%;
  text-align: center;
  padding-top: 0.5em;
}

.carshare-price-detail {
  padding-top: 6.25em;
}

.carshare-price-detail__tax {
  margin-bottom: 0.6em;
  font-size: 0.8125rem;
}

.carshare-price-detail__table td {
  text-align: center;
}

.carshare-price-detail__price {
  width: 28px;
}

.carshare-price-detail__time {
  width: 72px;
}

.carshare-price-detail__pack {
  width: 120px;
  font-size: 0.625rem;
}

@media (max-width: 575.98px) {
  .carshare-price-detail__pack._nowrap {
    white-space: nowrap;
  }
}

.carshare-price-detail__compact {
  width: calc(50% - 110px);
}

.carshare-price-detail__large {
  width: calc(50% - 110px);
}

.carshare-price-detail__remark {
  margin-top: 1em;
  margin-bottom: 3.25em;
  font-size: 0.625rem;
  line-height: 2;
}

.carshare-price-detail__remark .underline {
  text-decoration: underline;
}

@media (min-width: 576px) {
  .carshare-price-detail__price {
    width: 16%;
  }
  .carshare-price-detail__time {
    width: 16.5%;
  }
  .carshare-price-detail__pack {
    width: 29.5%;
    font-size: 0.8125rem;
  }
  .carshare-price-detail__compact {
    width: 19%;
  }
  .carshare-price-detail__large {
    width: 19%;
  }
}

@media (min-width: 769px) {
  .carshare-price-contents-textarea {
    width: 58%;
    padding-right: 2em;
  }
  .carshare-price-contents-imagearea {
    width: 42%;
  }
}

@media (min-width: 1040px) {
  .carshare-price-contents-textarea {
    width: calc(100% - 346px);
    padding-right: 5em;
  }
  .carshare-price-contents-imagearea {
    width: 346px;
    padding-top: 0.5em;
  }
}

.carshare-carlineup-list {
  display: flex;
  padding-left: 0;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  flex-wrap: wrap;
}

.carshare-carlineup-list-item {
  width: calc(50% - 5px);
  margin-bottom: 0.5em;
  list-style-type: none;
}

.carshare-carlineup-list-item:nth-of-type(odd) {
  margin-right: 10px;
}

.carshare-carlineup-data {
  position: relative;
}

.carshare-carlineup-data__name {
  display: flex;
  padding-top: .5em;
  padding-bottom: .5em;
  padding-left: .5em;
  padding-right: .5em;
  flex-direction: column;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 0.8125rem;
  text-align: center;
}

@media (min-width: 769px) {
  .carshare-carlineup-data__name {
    padding-top: 1em;
    padding-bottom: 1.5em;
  }
}

.carshare-carlineup-data__name > .carshare-service-scene-data__tag {
  margin-left: auto;
}

.carshare-carlineup-data__imgwrap {
  margin-top: 15px;
  margin-bottom: 1em;
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 250px;
}

.carshare-carlineup-data__imgwrap::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 73.1707%;
}

.carshare-carlineup-data__imgwrap > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  max-width: initial;
}

.carshare-carlineup-data__capacity {
  margin-top: .75em;
  margin-bottom: 0;
  font-size: 0.8125rem;
}

.carshare-carlineup-data__shop {
  margin-top: 0;
  color: #BB3829;
  font-size: 0.625rem;
  font-weight: 600;
}

.carshare-carlineup-data__link:hover {
  text-decoration: none;
}

.carshare-carlineup-data__link::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.carshare-carlineup-remark {
  margin-bottom: 3.6em;
  font-size: 0.625rem;
  line-height: 2;
}

@media (min-width: 576px) {
  .carshare-carlineup-list-item {
    width: calc(50% - 5px);
  }
  .carshare-carlineup-list-item:nth-of-type(odd) {
    margin-right: 10px;
  }
  .carshare-carlineup-data__name {
    min-height: 16em;
  }
}

@media (min-width: 769px) {
  .carshare-carlineup-list-item {
    width: 24.25%;
  }
  .carshare-carlineup-list-item:nth-of-type(odd) {
    margin-right: 0;
  }
  .carshare-carlineup-list-item:not(:nth-of-type(4n)) {
    margin-right: 1%;
  }
  .carshare-carlineup-data__name {
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: .5em;
  }
}

@media (min-width: 1040px) {
  .carshare-carlineup-data__name {
    min-height: 20em;
  }
  .carshare-carlineup-data__capacity {
    font-size: 0.8125rem;
  }
}

.carshare-station-list {
  display: flex;
  padding-left: 0;
  flex-wrap: wrap;
}

.carshare-station-list-item {
  margin-top: 2.5em;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 6px;
  list-style: none;
  overflow: hidden;
}

.carshare-station-list-item:not(:last-of-type) {
  margin-bottom: 0.75em;
}

.carshare-station__data {
  padding: 1em 2em .75em;
  margin-bottom: 0;
}

.carshare-station__img {
  width: 100%;
}

.carshare-station__name {
  color: #d83e4f;
  font-size: 1.25rem;
}

.carshare-station__address {
  margin-top: 0.5em;
  color: #231815;
  font-size: 0.875rem;
  line-height: 1.2;
}

.carshare-station__link {
  display: block;
}

.carshare-station__link:hover {
  text-decoration: none;
}

@media (min-width: 576px) {
  .carshare-station-list-item {
    width: calc(50% - 5px);
  }
  .carshare-station-list-item:nth-of-type(odd) {
    margin-right: 10px;
  }
  .carshare-station-list-item:not(:last-of-type) {
    margin-bottom: 0;
  }
}

@media (min-width: 769px) {
  .carshare-station-list-item {
    width: 31.583%;
  }
  .carshare-station-list-item:nth-of-type(odd) {
    margin-right: 0;
  }
  .carshare-station-list-item:not(:last-of-type) {
    margin-right: 1.75%;
  }
}

.carshare-usage-list {
  display: flex;
  padding-left: 0;
  margin-bottom: 3.25em;
  flex-wrap: wrap;
}

.carshare-usage-list-item {
  position: relative;
  width: 100%;
  padding: 2em 1.25em .75em;
  margin-bottom: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  list-style: none;
}

.carshare-usage-list-item:not(:first-of-type)::after {
  content: '';
  display: block;
  width: 22px;
  height: 25px;
  position: absolute;
  left: 50%;
  top: -20px;
  transform: translateX(-50%) rotate(90deg);
  background-image: url(../img/carshare/arrow_right.svg);
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}

.carshare-usage-list__imgwrap {
  display: flex;
  min-height: 70px;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.carshare-usage-list__data {
  margin-top: .75em;
  margin-bottom: 0;
}

.carshare-usage-list__title {
  color: #d83e4f;
  font-size: 1.125rem;
  text-align: center;
}

.carshare-usage-list__description {
  margin-top: 0.5em;
  font-size: 0.875rem;
  line-height: 1.45;
}

.carshare-usage-ex {
  padding: 1.5em 2em 1.75em;
  margin-top: 2.4em;
  margin-bottom: 2.5em;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.carshare-usage-ex__title {
  color: #d83e4f;
  font-size: 0.625rem;
  margin-bottom: 2.25em;
}

.carshare-usage-ex__tag {
  display: inline-block;
  padding: .25em .25em;
  background-color: #d83e4f;
  color: #fff;
  margin-right: 0.25em;
}

.carshare-usage-ex__name {
  display: block;
  margin-top: 2em;
  margin-bottom: 0;
  color: #888281;
  font-size: 0.75rem;
  text-align: center;
}

.carshare-usage-ex__icon {
  margin-right: 0.2em;
  vertical-align: top;
}

@media (min-width: 576px) {
  .carshare-usage-list-item {
    width: calc(50% - 6px);
  }
  .carshare-usage-list-item:nth-of-type(odd) {
    margin-right: 12px;
  }
  .carshare-usage-list-item:not(:first-of-type)::after {
    left: -16px;
    top: 50%;
    transform: translateY(-7px);
  }
  .carshare-usage-list-item:nth-of-type(odd)::after {
    display: none;
    left: -8px;
  }
  .carshare-usage-ex__title {
    font-size: 0.875rem;
  }
}

@media (min-width: 769px) {
  .carshare-usage-list-item {
    width: 24.25%;
    margin-bottom: 0;
  }
  .carshare-usage-list-item:not(:nth-of-type(4n)) {
    margin-right: 1%;
  }
  .carshare-usage-list-item:nth-of-type(odd)::after {
    display: block;
    left: -16px;
  }
}

.carshare-support-comment {
  margin-bottom: 3em;
  font-size: 0.8125rem;
}

.carshare-support-table th {
  width: 11em;
}

.carshare-support-table td {
  width: calc(100% - 11em);
}

.carshare-support-table .carshare-support-table-remark {
  padding-top: .5em;
  padding-bottom: .75em;
}

.carshare-support-data {
  margin-top: 2.5em;
}

.carshare-support-data-description {
  margin-top: .5em;
  line-height: 1.6;
}

.carshare-support-data-price {
  margin-top: .9em;
}

.carshare-support-data-price .carshare-data-indent {
  margin-top: 1.5em;
  line-height: 1.6;
}

.carshare-support-data-price .carshare-data-indent:first-of-type {
  text-indent: 0;
  padding-left: 0;
}

.carshare-support-data-price .carshare-data-indent + .carshare-data-indent {
  margin-top: 2em;
}

.carshare-support-data-price .carshare-data-indent + .carshare-support-table {
  margin-top: .25em;
}

.carshare-support-data-price .carshare-support-table + .carshare-data-indent {
  margin-top: 2em;
}

@media (min-width: 769px) {
  .carshare-support-table th {
    width: 23.8%;
  }
  .carshare-support-table td {
    width: 76.2%;
  }
}

.carshare-intro-title {
  font-size: 1.375rem;
  font-weight: 300;
}

.carshare-intro-article {
  margin-top: 2.25em;
}

.carshare-footer + .carshare-intro-article {
  margin-top: -0.5em;
}

.carshare-intro-list {
  display: flex;
  flex-wrap: wrap;
  padding: 16px 19px 8px;
  margin-top: 1.75em;
  background-color: #fafafa;
  justify-content: center;
}

@media (max-width: 576px) {
  .carshare-intro-list {
    justify-content: flex-start;
  }
}

.carshare-intro-list-item {
  width: 8.75em;
  display: flex;
  position: relative;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  margin-bottom: 8px;
  align-items: center;
  justify-content: center;
  border-width: 2px;
  border-style: solid;
  color: #d83e4f;
  font-size: 0.625rem;
  font-weight: 600;
  list-style-type: none;
  text-align: center;
}

.carshare-intro-list-item:not(:first-of-type) {
  margin-left: 1.5em;
}

.carshare-intro-list-item:not(:first-of-type)::after {
  content: '';
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  left: -1.5em;
  top: 50%;
  transform: translateY(-7px);
  background-image: url(../img/carshare/arrow_right.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 1;
}

@media (max-width: 575px) {
  .carshare-intro-list-item:nth-last-of-type(2) {
    margin-right: 15px;
  }
  .carshare-intro-list-item:nth-last-of-type(1) {
    margin-left: 0;
  }
  .carshare-intro-list-item:nth-last-of-type(1)::after {
    display: none;
  }
}

@media (max-width: 487px) {
  .carshare-intro-list-item:nth-last-of-type(3) {
    margin-right: 15px;
  }
  .carshare-intro-list-item:nth-last-of-type(2) {
    margin-left: 0;
  }
  .carshare-intro-list-item:nth-last-of-type(2)::after {
    display: none;
  }
  .carshare-intro-list-item:nth-last-of-type(1) {
    margin-left: 0;
  }
  .carshare-intro-list-item:nth-last-of-type(1)::after {
    display: block;
  }
}

@media (max-width: 450px) {
  .carshare-intro-list-item:nth-last-of-type(3) {
    margin-right: 0;
  }
}

.carshare-intro-object-list {
  display: flex;
  padding-left: 0;
  margin-top: 1em;
  margin-bottom: 3.25em;
  flex-wrap: wrap;
}

.carshare-intro-object-list-item {
  width: 100%;
  padding: 1.5em 1em 1.75em;
  border: 1px solid #ccc;
  border-radius: 4px;
  list-style: none;
}

.carshare-intro-object-list-item:not(:last-of-type) {
  margin-bottom: 0.5em;
}

.carshare-intro-object-list__imgarea {
  margin-bottom: 1em;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.carshare-intro-object-list__textarea {
  width: 100%;
  margin-bottom: 0;
}

.carshare-intro-object-list__head {
  margin-bottom: 0.5em;
  color: #d83e4f;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
}

.carshare-intro-object-list__body {
  margin-bottom: 0;
  font-size: 0.8125rem;
  letter-spacing: 0.03em;
}

.carshare-intro-object-list__body .remark {
  display: block;
  margin-top: 0.5em;
  letter-spacing: -0.02em;
}

.carshare-intro-footer {
  margin-top: 1.25em;
  margin-bottom: 3.25em;
  padding: 1.5em;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.carshare-intro-footer__head {
  color: #d83e4f;
  font-size: 1rem;
  line-height: 1.5;
}

.carshare-intro-footer__body {
  margin-bottom: 0;
  font-size: 0.8125rem;
  line-height: 1.65;
}

.carshare-intro-contact {
  margin-top: -0.5em;
}

.carshare-intro-contact__head {
  font-size: 0.8125rem;
}

.carshare-intro-contact-footer {
  margin-top: 1em;
  margin-bottom: 1.25em;
  padding-top: 1em;
  padding-bottom: 1em;
  letter-spacing: 0;
}

.carshare-intro-contact-footer__tel {
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  margin-right: 1em;
}

.carshare-intro-contact-footer__time {
  display: inline-block;
  position: relative;
  top: -0.3em;
}

@media (min-width: 576px) {
  .carshare-intro-object-list-item {
    display: flex;
    flex-wrap: wrap;
  }
  .carshare-intro-object-list__imgarea {
    margin-bottom: 0;
    width: 13em;
  }
  .carshare-intro-object-list__textarea {
    width: calc(100% - 13em);
  }
  .carshare-intro-object-list__head {
    text-align: left;
    font-size: 1.25rem;
  }
}

@media (min-width: 769px) {
  .carshare-intro-list-item {
    font-size: 0.8125rem;
    width: 8.25em;
  }
  .carshare-intro-list-item:not(:first-of-type)::after {
    left: -1.25em;
  }
}

@media (min-width: 1040px) {
  .carshare-intro-list-item {
    font-size: 0.875rem;
  }
  .carshare-intro-object-list-item {
    width: 49.25%;
  }
  .carshare-intro-object-list-item:nth-of-type(odd) {
    margin-right: 1.5%;
  }
  .carshare-intro-object-list-item:not(:last-of-type) {
    margin-bottom: 0;
  }
}

.carshare-faq-comment {
  margin-top: 2.5em;
  font-size: 0.8125rem;
}

.carshare-faq-set {
  margin-top: 2.25em;
}

.carshare-faq-set__title {
  margin-top: 2.3em;
  margin-bottom: 1.4em;
  font-size: 1.375rem;
  font-weight: 300;
}

.carshare-faq-set__more {
  display: none;
}

.carshare-faq-data + .carshare-faq-data {
  margin-top: 2em;
}

.carshare-faq-data .carshare-faq-data__function {
  position: relative;
  padding: .9em 2.75em;
  cursor: pointer;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px;
  font-size: 0.8125rem;
  font-weight: 600;
  transition: .3s;
}

.carshare-faq-data .carshare-faq-data__function::before {
  content: 'Q';
  position: absolute;
  left: 1em;
  color: #d83e4f;
}

.carshare-faq-data .carshare-faq-data__function::after {
  content: '＋';
  position: absolute;
  top: .9em;
  right: 1em;
}

.carshare-faq-data .carshare-faq-data__answer {
  padding: 1.5em 2.75em;
  margin-bottom: 0;
  border-color: #ccc;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  font-size: 0.8125rem;
  line-height: 1.8;
  letter-spacing: 0;
  display: none;
}

.carshare-faq-data.open .carshare-faq-data__function {
  background-color: #d83e4f;
  border-color: #d83e4f;
  color: #fff;
}

.carshare-faq-data.open .carshare-faq-data__function::before {
  color: #fff;
}

.carshare-faq-data.open .carshare-faq-data__function::after {
  content: '－';
}

.carshare-faq-more {
  display: block;
  width: 16.5em;
  padding: .55em 1em;
  margin: 1.8em auto 1.25em;
  background-color: #d83e4f;
  border-radius: 4px;
  color: #fff;
  font-size: 1rem;
  text-align: center;
  transition: all 0.2s ease-in-out;
}

.carshare-faq-more i {
  border-top-color: #fff !important;
}

.carshare-faq-more:hover {
  color: #fff;
  text-decoration: none;
  opacity: 0.7;
}

@media (min-width: 769px) {
  .carshare-faq-data .carshare-faq-data__function {
    padding: .9em 3.25em;
    font-size: 1rem;
  }
  .carshare-faq-data .carshare-faq-data__function::before {
    left: 1.25em;
  }
  .carshare-faq-data .carshare-faq-data__answer {
    padding: 1.5em 4em;
  }
}

.carshare-law-table {
  margin-top: 3em;
}

.carshare-law-table th {
  width: 11em;
}

.carshare-law-table td {
  width: calc(100% - 11em);
  padding-left: 1.5em;
}

.carshare-law-table .carshare-law-table-coolingoff {
  padding-top: 1em;
  padding-bottom: 1em;
  line-height: 1.3;
}

@media (min-width: 769px) {
  .carshare-law-table th {
    width: 23.8%;
  }
  .carshare-law-table td {
    width: 76.2%;
    padding-left: 1.5em;
  }
}

/* IE11 */
_:-ms-lang(x)::-ms-backdrop,
.carshare-catch__points {
  position: relative;
  width: 550px;
  min-width: 280px;
  bottom: -100px;
}

@media (max-width: 768px) {
  _:-ms-lang(x)::-ms-backdrop,
  .carshare-catch__points {
    width: 51vw;
    bottom: -70px;
  }
}

@media (max-width: 480px) {
  _:-ms-lang(x)::-ms-backdrop,
  .carshare-catch__points {
    bottom: -20px;
  }
}

_:-ms-lang(x)::-ms-backdrop,
.carshare-service-feature-list__img {
  display: block;
  margin-top: 1.5em;
  margin-bottom: 1em;
}

.carshare-main__login {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 769px) {
  .carshare-main__login {
    display: none;
  }
}

.carshare-main__login__title {
  padding-top: 30px;
  font-size: 1.3125rem;
  margin-bottom: 15px;
  line-height: 1;
  text-align: center;
  width: 100%;
}

.carshare-main__login > button:not(:last-of-type) {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .carshare-main__login > button:not(:last-of-type) {
    margin-bottom: 0;
    margin-right: 15px;
  }
}

.carshare-main__login__btn {
  width: 100%;
}

@media (min-width: 576px) {
  .carshare-main__login__btn {
    width: calc(50% - 7.5px);
  }
}

.carshare-main__login__link {
  color: white;
  font-size: 0.875rem;
  display: inline-block;
  margin: -8px -40px;
  padding: 8px 40px;
  width: 100%;
  position: relative;
}

.carshare-main__login__link:hover {
  color: inherit;
  text-decoration: none;
}

.carshare-main__login__link::before, .carshare-main__login__link::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.carshare-main__login__link.ico--smartphone::before {
  background: url("../img/common/icons/ico-smartphone.svg") center center no-repeat;
  width: 20px;
  height: 20px;
  left: calc(50% - 120px);
}

.carshare-main__login__link.ico--futurephone::before {
  background: url("../img/common/icons/ico-futurephone.svg") center center no-repeat;
  width: 20px;
  height: 25px;
  transform: rotate(25deg);
  top: 25%;
  left: calc(50% - 130px);
}

.carshare-main__login__link::after {
  background: url("../img/common/icons/icon_blank_white.svg") center center no-repeat;
  background-size: 14px 10px;
  width: 14px;
  height: 10px;
  left: calc(50% + 110px);
}

.carshare-catch {
  position: relative;
  margin-bottom: 86px;
}

@media (min-width: 576px) {
  .carshare-catch {
    margin-bottom: 11.526946%;
  }
}

@media (min-width: 1040px) {
  .carshare-catch {
    margin-bottom: 154px;
  }
}

.carshare-catch::before {
  content: '';
  display: block;
  padding-top: 161.066667%;
}

@media (min-width: 576px) {
  .carshare-catch::before {
    padding-top: 40.263543%;
  }
}

.carshare-catch__list {
  position: absolute;
  left: 0;
  top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  width: 100%;
  height: 100%;
}

@media (min-width: 576px) {
  .carshare-catch__list {
    display: flex;
  }
}

@media (min-width: 576px) {
  .carshare-catch__item {
    width: 50%;
  }
}

.carshare-catch__img {
  height: 100%;
  margin-bottom: 0;
}

.carshare-catch__img .img {
  width: 100%;
}

.carshare-catch__points {
  position: absolute;
  margin-bottom: 0;
  left: 50%;
  max-width: 332px;
  bottom: 0;
  width: 100%;
  transform: translateY(-16px) translateY(100%) translateX(-50%);
}

@media (min-width: 576px) {
  .carshare-catch__points {
    max-width: 534px;
    width: 50%;
    transform: translateY(-16%) translateY(100%) translateX(-50%);
  }
}

@media (min-width: 769px) {
  .carshare-catch__points {
    transform: translateY(-30%) translateY(100%) translateX(-50%);
    width: 39.97006%;
  }
}

.carshare-catch__points::before {
  content: '';
  display: block;
  padding-top: 29.962547%;
}

.carshare-catch__points > img {
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.16));
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.carshare-pnav {
  padding-top: 40px;
}

@media (min-width: 769px) {
  .carshare-pnav {
    padding-top: 0;
  }
}

.carshare-special {
  margin: 0 -15px 6em;
  background: #EFEFEF;
  padding: 40px 15px;
}

@media (min-width: 576px) {
  .carshare-special {
    margin: 0 calc(50% - 50vw) 6em;
    padding: 60px calc(50vw - 50%);
  }
}

.carshare-special__list {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

@media (min-width: 576px) {
  .carshare-special__list {
    margin-top: 40px;
    display: flex;
    margin-left: -20px;
  }
}

.carshare-special__item {
  position: relative;
}

@media (min-width: 576px) {
  .carshare-special__item {
    margin-left: 20px;
  }
}

.carshare-special__item:hover .carshare-special__img {
  opacity: .9;
  box-shadow: none;
}

.carshare-special__item:not(:first-of-type) {
  margin-top: 45px;
}

@media (min-width: 576px) {
  .carshare-special__item:not(:first-of-type) {
    margin-top: 0;
  }
}

.carshare-special__img {
  transition: opacity .2s, box-shadow .2s;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16);
}

.carshare-special__link {
  line-height: 1;
  margin-top: 18px;
  display: block;
  color: #221815;
  font-weight: 400;
}

.carshare-special__link:hover {
  color: inherit;
}

.carshare-special__link::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: block;
}

.carshare-news {
  margin-bottom: 0;
}

.carshare-fin {
  margin-top: 60px;
  text-align: center;
}

.carshare-fin__title {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.428571;
  color: #d83e4f;
}

@media (min-width: 576px) {
  .carshare-fin__title {
    font-size: 1.875rem;
  }
}

.carshare-fin__text {
  margin-top: 30px;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.666667;
}

.carshare-fin__text .-red {
  color: #d83e4f;
}

@media (min-width: 576px) {
  .carshare-fin__text {
    margin-top: 40px;
    font-size: 1.125rem;
  }
}

@media (min-width: 576px) {
  .carshare-fin .pc-none {
    display: none;
  }
}

.recruit-hero {
  width: 100%;
  background: url(../img/recruit/recruit_slider01@2x.jpg) center center/cover no-repeat;
}

.recruit-hero__sp-01 {
  width: 100%;
}

.recruit-hero__sp-01 > img {
  width: 100%;
}

.recruit-hero__sp-02 {
  width: 100%;
}

.recruit-hero__sp-02 > img {
  width: 100%;
}

.recruit-hero__overlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin: auto;
  padding: 23px 0;
  align-items: center;
  text-align: center;
  background-color: #dc263f;
}

.recruit-hero__lead {
  font-family: "Dancing Script", cursive;
  font-size: 2.375rem;
  color: #fff;
  line-height: 1.5;
  margin-bottom: 30px;
}

.recruit-hero__illust {
  position: relative;
  width: 215px;
  height: 4px;
  margin-top: 36px;
  margin-bottom: 36px;
  background-image: linear-gradient(-45deg, transparent, transparent 25%, #fff 25%, #fff 50%, transparent 50%, transparent 75%, #fff 75%, #fff);
  background-repeat: repeat;
  background-size: 12px 12px;
  background-position-x: 0;
  animation: road 500ms 0ms linear infinite;
}

.recruit-hero__illust > img {
  width: 47px;
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  margin: auto;
}

@keyframes road {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: 12px;
  }
}

.recruit-hero__title {
  font-size: 1.5rem;
  color: #fff;
  font-weight: 300;
  line-height: 1.65;
}

.recruit-hero__title-large {
  font-weight: 700;
  font-size: 2rem;
}

@media (min-width: 769px) {
  .recruit-hero {
    height: 550px;
    background: url(../img/recruit/recruit_slider01@2x.jpg) center center/cover no-repeat;
  }
  .recruit-hero__sp-01 {
    display: none;
  }
  .recruit-hero__sp-02 {
    display: none;
  }
  .recruit-hero__overlay {
    width: 440px;
    height: 100%;
    background-color: rgba(220, 38, 63, 0.9);
  }
  .recruit-hero__lead {
    font-family: "Dancing Script", cursive;
    font-size: 3.375rem;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 30px;
  }
  .recruit-hero__illust {
    width: 250px;
    margin-bottom: 40px;
  }
  .recruit-hero__title {
    font-size: 1.5rem;
    color: #fff;
    font-weight: 300;
    line-height: 1.65;
  }
  .recruit-hero__title-large {
    font-weight: 700;
    font-size: 2rem;
  }
}

.heading-recruit {
  text-align: center;
  position: relative;
  line-height: 1.5;
  padding-bottom: 20px;
}

.heading-recruit:not(.heading-recruit--nobdr)::after {
  content: "";
  display: block;
  width: 150px;
  height: 0px;
  border-bottom: 6px solid #e73e51;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.heading-recruit--left {
  text-align: left;
}

.heading-recruit--left::after {
  border-bottom: none;
}

.heading-recruit__icon {
  display: block;
  max-width: 55px;
  max-height: 55px;
  margin: auto;
}

.heading-recruit__icon > img {
  width: 100%;
}

.heading-recruit__en {
  display: block;
  font-size: 3.75rem;
  font-family: "Dancing Script", cursive;
  color: #595757;
}

.heading-recruit--white .heading-recruit__en {
  color: #fff;
}

.heading-recruit__en .red {
  color: #e73e51;
}

.heading-recruit--larege .heading-recruit__en {
  font-size: 3.75rem;
}

.heading-recruit--small .heading-recruit__en {
  font-size: 1.875rem;
}

.heading-recruit__ja {
  display: block;
  font-size: 0.9375rem;
  color: #595757;
  letter-spacing: 0.5em;
}

.heading-recruit--white .heading-recruit__ja {
  color: #fff;
}

@media (max-width: 768.98px) {
  .heading-recruit__en {
    font-size: 3.75rem;
  }
  .heading-recruit__ja {
    font-size: 0.9375rem;
  }
}

.recruit-about {
  position: relative;
  padding-top: 59px;
  padding-bottom: 120px;
  background-color: #fff;
}

.recruit-about__title {
  text-align: center;
  margin-bottom: 80px;
}

.recruit-about__text {
  text-align: center;
  font-size: 1.375rem;
  line-height: 1.72;
  position: relative;
}

.recruit-about__text::before {
  display: block;
  content: "";
  position: absolute;
  top: -180px;
  left: -200px;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 200px;
  height: 0;
  border-top: 2px solid #e73e51;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.recruit-about__text::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: -240px;
  bottom: -180px;
  margin: auto;
  width: 200px;
  height: 0;
  border-top: 2px solid #e73e51;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media screen and (max-width: 359px) {
  .recruit-about__text {
    font-size: 1.1875rem;
  }
}

@media (min-width: 769px) {
  .recruit-about__title {
    margin-bottom: 0;
  }
  .recruit-about__text {
    width: 550px;
    font-size: 1.5rem;
    line-height: 2.5;
    margin: auto;
  }
  .recruit-about__text::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-left: 2px solid #e73e51;
    border-right: 2px solid #e73e51;
    border-top: none;
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
  }
  .recruit-about__text::after {
    display: none;
  }
}

@media (min-width: 1040px) {
  .recruit-about {
    padding-top: 74px;
    padding-bottom: 74px;
  }
  .recruit-about__title {
    margin-bottom: -94px;
    text-align: left;
  }
}

.recruit-mission {
  position: relative;
  padding-top: 50px;
  padding-bottom: 220px;
  background: url(../img/recruit/grid_bg.png);
}

.recruit-mission__icon {
  display: block;
  width: 100px;
  height: 90px;
  position: absolute;
  left: 0;
  right: 0;
  top: -45px;
  margin: auto;
}

.recruit-mission__icon > img {
  width: 100%;
}

.recruit-mission__text-01 {
  margin-top: 40px;
  text-align: center;
  font-size: 1.5rem;
  white-space: nowrap;
  font-weight: 700;
}

.recruit-mission__text-02 {
  text-align: center;
  font-size: 1.125rem;
}

.recruit-mission__oranment-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200%;
  -webkit-transform: translateY(-25%);
  transform: translateY(-25%);
  overflow: hidden;
}

.recruit-mission__ornament-car-01 {
  width: 190px;
  height: 0;
  position: absolute;
  top: 0;
  right: -140px;
  bottom: -150px;
  left: 0;
  margin: auto;
}

.recruit-mission__ornament-car-02 {
  width: 150px;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: -420px;
  left: -120px;
  margin: auto;
}

.recruit-mission__ornament-circle-red {
  width: 118px;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: -180px;
  left: -260px;
  margin: auto;
}

.recruit-mission__ornament-circle-yellow {
  width: 147px;
  height: 0;
  position: absolute;
  top: 0;
  right: -270px;
  bottom: -420px;
  left: 0;
  margin: auto;
}

.recruit-mission__ornament-circle-blue {
  width: 103px;
  height: 0;
  position: absolute;
  top: 0;
  right: -310px;
  bottom: -100px;
  left: 0;
  margin: auto;
}

.recruit-mission #parallax-red,
.recruit-mission #parallax-yellow,
.recruit-mission #parallax-blue {
  position: relative;
  top: 0;
}

@media screen and (max-width: 359px) {
  .recruit-mission .heading-recruit .heading-recruit__en {
    font-size: 3.125rem;
  }
  .recruit-mission__text-01 {
    font-size: 1.25rem;
  }
  .recruit-mission__text-02 {
    font-size: 1rem;
  }
}

@media (min-width: 576px) {
  .recruit-mission__ornament-circle-red {
    width: 118px;
    height: 0;
    top: 0;
    right: 0;
    bottom: -180px;
    left: -360px;
  }
  .recruit-mission__ornament-circle-yellow {
    width: 147px;
    height: 0;
    top: 0;
    right: -370px;
    bottom: -420px;
    left: 0;
  }
  .recruit-mission__ornament-circle-blue {
    width: 103px;
    height: 0;
    top: 0;
    right: -410px;
    bottom: -100px;
    left: 0;
  }
}

@media (min-width: 769px) {
  .recruit-mission {
    padding-bottom: 50px;
  }
  .recruit-mission__icon {
    display: block;
    width: 68px;
    height: 61px;
    position: absolute;
    left: 0;
    right: 0;
    top: -30px;
    margin: auto;
  }
  .recruit-mission__text-01 {
    margin-top: 40px;
    font-size: 2rem;
  }
  .recruit-mission__text-02 {
    font-size: 1.25rem;
  }
  .recruit-mission__ornament-car-01 {
    width: 392px;
    height: 265px;
    top: -260px;
    right: -700px;
    bottom: 0;
    left: 0;
  }
  .recruit-mission__ornament-car-02 {
    width: 245px;
    height: 153px;
    top: 0;
    right: 0;
    bottom: -260px;
    left: -900px;
  }
  .recruit-mission__ornament-circle-red {
    width: 118px;
    height: 118px;
    top: -90px;
    right: 0;
    bottom: 0;
    left: -760px;
  }
  .recruit-mission__ornament-circle-yellow {
    width: 147px;
    height: 147px;
    top: 0;
    right: -800px;
    bottom: -280px;
    left: 0;
  }
  .recruit-mission__ornament-circle-blue {
    width: 103px;
    height: 103px;
    top: -340px;
    right: -980px;
    bottom: 0;
    left: 0;
  }
}

.recruit-interview {
  padding-top: 50px;
  background-color: #fff;
}

.recruit-interview-thumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  list-style: none;
  padding-left: 0;
  margin-top: 95px;
  margin-bottom: 0;
}

.recruit-interview-thumbs__item {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 60px;
}

@media (min-width: 576px) {
  .recruit-interview-thumbs__item {
    margin-bottom: 30px;
  }
}

@media (min-width: 769px) {
  .recruit-interview-thumbs__item {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    margin-bottom: 80px;
  }
}

.recruit-interview-thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  cursor: pointer;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: auto;
  color: #231815;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.recruit-interview-thumb:hover {
  opacity: 0.7;
  color: #231815;
  text-decoration: none;
}

.recruit-interview-thumb__imgbox {
  width: 250px;
  height: 265px;
  margin-right: 10px;
}

.recruit-interview-thumb__imgbox > img {
  width: 100%;
  height: 100%;
}

.recruit-interview-thumb__lead {
  font-size: 1.25rem;
  margin-bottom: 20px;
}

.recruit-interview-thumb__list-name {
  margin-bottom: 10px;
}

.recruit-interview-thumb__list-name-en {
  font-weight: 300;
  font-size: 0.875rem;
  color: #e73e51;
}

.recruit-interview-thumb__list-name-ja {
  font-weight: 700;
  font-size: 1.625rem;
}

.recruit-interview-thumb__list-join {
  font-size: 0.875rem;
}

.recruit-interview-thumb__list-job {
  font-size: 0.8125rem;
  color: #fff;
}

.recruit-interview-thumb__list-job-span {
  background-color: #e73e51;
  padding: 5px 10px;
  border-radius: 4px;
  color: #fff;
}

@media (min-width: 576px) {
  .recruit-interview-thumb {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    text-align: left;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .recruit-interview-thumb--sm-left {
    margin-left: calc(50% - 50vw + 30px);
  }
  .recruit-interview-thumb--sm-right {
    margin-right: calc(50% - 50vw + 30px);
  }
  .recruit-interview-thumb__imgbox .recruit-interview-thumb--sm-right {
    margin-right: 0;
    margin-left: 10px;
  }
}

.recruit-interview-thumb__textbox {
  max-width: 170px;
}

.recruit-interview-thumb__lead > br {
  display: none;
}

@media (min-width: 769px) {
  .recruit-interview-thumb {
    margin: 0 auto;
    flex-flow: column nowrap;
  }
  .recruit-interview-thumb__imgbox {
    width: 250px;
    height: 265px;
    margin: 0 15px 0 0;
  }
  .recruit-interview-thumb__list {
    max-width: 170px;
  }
  .recruit-interview-thumb__list.m-aut0 {
    margin: 0 auto;
  }
  .recruit-interview-thumb__lead {
    margin-bottom: 12px;
  }
}

@media (min-width: 1040px) {
  .recruit-interview-thumb {
    margin: 0 auto;
    flex-flow: row nowrap;
  }
  .recruit-interview-thumb__imgbox {
    flex-shrink: 0;
  }
  .recruit-interview-thumb__lead {
    margin-bottom: 33px;
  }
  .recruit-interview-thumb__lead > br {
    display: none;
  }
}

.recruit-environments {
  position: relative;
  overflow: hidden;
  padding-top: 50px;
  padding-bottom: 50px;
}

.recruit-environments__bg {
  background-color: #efefef;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -2;
  width: 100vw;
  height: 100vh;
  background: center center /cover no-repeat;
}

.recruit-environments__bg.lazyloaded {
  background-image: url(../img/recruit/bg_environments.png);
  background-size: cover;
}

@media all and (-ms-high-contrast: none) {
  .recruit-environments {
    background: url(../img/recruit/bg_environments.png) center center/cover no-repeat;
  }
  .recruit-environments__bg {
    display: none;
  }
}

@media (min-width: 769px) {
  .recruit-environments {
    padding-top: 82px;
    padding-bottom: 86px;
  }
}

body.fixed .recruit-environments__bg {
  border-left: 5px solid #e73e51;
  border-right: 5px solid #e73e51;
}

.recruit-environments-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 70px;
}

.recruit-environments-container__child:not(:last-child) {
  margin-bottom: 30px;
  margin-left: 15px;
  margin-right: 15px;
}

@media (min-width: 769px) {
  .recruit-environments-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
  .recruit-environments-container__child:not(:last-child) {
    margin-bottom: 0;
  }
}

.recruit-env-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 4px;
  background-color: rgba(216, 62, 79, 0.9);
  width: 100%;
  padding: 30px;
  color: #fff;
  text-align: center;
}

.recruit-env-box__title {
  font-weight: 300;
  margin-bottom: 20px;
}

.recruit-env-box__title-en {
  display: block;
  font-size: 1.5rem;
  font-family: "Dancing Script", cursive;
  line-height: 1;
  margin-bottom: 14px;
}

.recruit-env-box__title-ja {
  display: block;
  font-size: 0.875rem;
  line-height: 1;
}

.recruit-env-box__text {
  font-size: 0.8125rem;
  width: 100%;
  margin-bottom: 20px;
}

.recruit-env-box__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  border: 2px solid #fff;
  border-radius: 4px;
  font-size: 1rem;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  color: #fff;
  font-weight: 700;
  width: 100%;
  height: 44px;
}

.recruit-env-box__link:hover {
  color: #e73e51;
  background-color: #fff;
  text-decoration: none;
}

@media (min-width: 576px) {
  .recruit-env-box {
    width: 436px;
    padding: 45px 55px;
  }
  .recruit-env-box__title-en {
    font-size: 1.875rem;
    margin-bottom: 14px;
  }
  .recruit-env-box__title-ja {
    font-size: 1rem;
  }
  .recruit-env-box__text {
    font-size: 1rem;
    margin-bottom: 30px;
  }
  .recruit-env-box__link {
    width: 216px;
    height: 59px;
  }
}

@media (min-width: 769px) {
  .recruit-env-box {
    height: 380px;
  }
}

.recruit-contribute {
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background-color: #EFEFEF;
}

@media (min-width: 769px) {
  .recruit-contribute {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.recruit-contribute__list {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin-top: 20px;
}

@media (min-width: 769px) {
  .recruit-contribute__list {
    margin-top: 60px;
  }
}

.recruit-contribute__item {
  width: 100%;
  margin-top: 20px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

@media (min-width: 769px) {
  .recruit-contribute__item {
    width: 49%;
  }
  .recruit-contribute__item:first-child {
    margin-right: 2%;
  }
}

.recruit-contribute__link {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  padding: 12px;
  transition: opacity .3s ease;
}

.recruit-contribute__link:hover {
  text-decoration: none;
  opacity: .7;
}

.recruit-contribute__link:hover .recruit-contribute__img {
  opacity: 1;
}

@media (min-width: 769px) {
  .recruit-contribute__link {
    padding: 20px;
  }
}

.recruit-contribute__img {
  width: 100%;
  max-width: 127px;
  margin-right: 10px;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

@media (min-width: 769px) {
  .recruit-contribute__img {
    max-width: 190px;
  }
}

.recruit-contribute__title {
  display: block;
  width: calc(100% - (127px + 10px));
  font-size: 1.25rem;
  line-height: 1.3;
  font-weight: 500;
  color: #d83e4f;
  margin-bottom: 0;
}

@media (min-width: 769px) {
  .recruit-contribute__title {
    width: calc(100% - (190px + 14px));
  }
}

.recruit-contribute__text {
  display: block;
  color: #595757;
  font-size: 0.875rem;
  line-height: 1.428571;
  font-weight: normal;
  margin-top: 8px;
}

.recruit-info {
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 160px;
  margin-bottom: -110px;
}

@media (min-width: 769px) {
  .recruit-info {
    padding-bottom: 220px;
    margin-bottom: -170px;
  }
}

.recruit-info.page-full-width > div[id] {
  position: absolute;
  left: 0;
}

@media (min-width: 769px) {
  .recruit-info.page-full-width > div[id] {
    top: -75px;
  }
}

@media (min-width: 1040px) {
  .recruit-info.page-full-width > div[id] {
    top: -95px;
  }
}

.recruit-info-tabs {
  margin-top: 80px;
}

.recruit-info-tabs__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  list-style: none;
  padding-left: 0;
}

.recruit-info-tabs__list-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 50%;
  flex: 0 1 50%;
  width: 50%;
  height: 100%;
}

.recruit-info-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.25rem;
  border-bottom: 4px solid #d83e4f;
  background-color: #efefef;
  color: #231815;
  text-decoration: none;
  font-weight: 700;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.recruit-info-tab:hover {
  background-color: #f7d8dc;
  text-decoration: none;
}

.recruit-info-tab.is-active {
  background-color: #d83e4f;
  color: #fff;
}

.recruit-info-tabpan {
  padding-top: 400px;
  margin-top: -400px;
  visibility: hidden;
  height: 0;
  max-height: 0;
  overflow: hidden;
}

.recruit-info-tabpan.is-active {
  -webkit-transition: max-height 0.4s ease-in-out;
  transition: max-height 0.4s ease-in-out;
  visibility: visible;
  height: auto;
  max-height: 100vh;
}

.recruit-info-data__my_navi {
  width: 100%;
  max-width: 400px;
  margin: 30px auto 0;
}

.recruit-info-head-link02 {
  /* position: fixed; */
  top: 100px;
  bottom: auto !important;
  right: 0;
  padding: 20px 10px;
  color: #fff;
  text-transform: uppercase;
  display: block;
  font-size: 20px;
  font-weight: bold;
  background-color: #E73F51;
  width: 45px;
  writing-mode: vertical-rl;
  text-orientation: upright;
  z-index: 10;
  border-radius: 10px 0px 0px 10px;
  line-height: 1.5;
}

.recruit-info-head-link02:hover {
  text-decoration: none;
  opacity: .9;
  transition: opacity .5s;
}

.recruit-info-head-link02-wrap{
  display: flex;
  align-items: center;
}

.recruit-info-head-link02-wrap svg{
  margin-top: 10px;
}

.recruit-info-data {
  margin-top: 25px;
}

.recruit-info-data__title {
  font-size: 1.25rem;
  text-align: center;
  font-weight: 400;
  letter-spacing: 0.2em;
}

.recruit-info-data__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column nowrap;
  margin-top: 25px;
  line-height: 1.75;
  border-bottom: 1px solid #707070;
}

.recruit-info-data__dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px;
  font-size: 1rem;
  background-color: #efefef;
  border-top: 1px solid #707070;
  font-size: 0.875rem;
  line-height: 1.6;
}

.recruit-info-data__dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 15px 0;
  font-size: 0.875rem;
  line-height: 1.6;
}

.recruit-info-data__category{
  position: relative;
}

.recruit-info-data__category::before{
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background-color: #000;
  position: absolute;
  top: 45%;
  left: 5px;
}

.recruit-info-data__dd > p {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  word-break: break-all;
  width: 100%;
}

@media (min-width: 769px) {
  .recruit-info-data {
    margin-top: 50px;
  }
  .recruit-info-data__title {
    font-size: 1.5rem;
  }
  .recruit-info-data__list {
    flex-flow: row wrap;
    margin-top: 35px;
    line-height: 1.75;
    border-bottom: 1px solid #707070;
  }
  .recruit-info-data__dt {
    padding: 20px;
    width: 200px;
    border-top: 1px solid #707070;
    font-size: 1rem;
    line-height: 1.75;
  }
  .recruit-info-data__dd {
    font-size: 1rem;
    line-height: 1.75;
    padding: 25px 20px 7px;
    width: calc(100% - 200px);
    border-top: 1px solid #707070;
  }
}

@media (min-width: 1040px) {
  .recruit-info-data__dt {
    width: 240px;
  }
  .recruit-info-data__dd {
    width: calc(100% - 240px);
  }
}

@media (min-width: 769px) {
  .recruit-info-head-link {
    display: block;
    margin-top: 45px;
    padding: 15px 15px;
    color: #fff;
    text-transform: uppercase;
    display: block;
    font-size: 1.625rem;
    font-weight: 700;
    text-align: center;
    background-color: #d83e4f;
  }
}

@media (min-width: 769px) {
  .recruit-info-head-link:hover {
    text-decoration: none;
    opacity: .9;
    transition: opacity .5s;
  }
}

@media (max-width: 768px) {
  .recruit-info-head-link{
    display: none;
  }
}

@media (min-width: 769px) {
  .recruit-info-head-link02 {
    display: none;
  }
}

.recruit-info-head {
  margin-top: 45px;
  padding: 15px;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 700;
  background-color: #d83e4f;
  color: #fff;
}

@media (min-width: 769px) {
  .recruit-info-head {
    margin-top: 85px;
    padding: 25px 50px;
    text-align: center;
    font-weight: 700;
    background-color: #d83e4f;
    color: #fff;
  }
}

.recruit-entry {
  margin-top: 80px;
  text-align: center;
  background-color: #d83e4f;
  padding-bottom: 40px;
}

.recruit-entry__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 80px;
  background-color: #231815;
  color: #fff;
  letter-spacing: 0.1em;
  font-size: 1.875rem;
}

.recruit-entry__lead {
  margin-top: 30px;
  color: #fff;
}

.recruit-entry__link {
  display: inline-block;
  margin-top: 20px;
  width: 300px;
  height: 100px;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.recruit-entry__link:hover {
  opacity: 0.6;
}

@media (min-width: 769px) {
  .recruit-entry {
    padding-bottom: 80px;
  }
  .recruit-entry__lead {
    margin-top: 40px;
  }
  .recruit-entry__link {
    margin-top: 35px;
  }
}

.recruit-shopblog {
  background-color: #fff;
  padding-bottom: 170px;
  margin-bottom: -170px;
  padding-top: 35px;
}

.recruit-shopblog__list {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-left: -5px;
  margin-right: -5px;
}

.recruit-shopblog__list-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  max-width: 100%;
  min-width: 0;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 15px;
  margin-top: 15px;
}

@media (min-width: 500px) {
  .recruit-shopblog__list-item {
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 50%;
  }
}

.recruit-shopblog__list-item:nth-child(5) {
  display: none;
}

@media (min-width: 769px) {
  .recruit-shopblog__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
  .recruit-shopblog__list-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
    max-width: 25%;
  }
}

@media (min-width: 1040px) {
  .recruit-shopblog__list-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 20%;
    flex: 1 0 20%;
    max-width: 20%;
  }
  .recruit-shopblog__list-item:nth-child(5) {
    display: block;
  }
}

.recruit-shopblog-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  width: 100%;
  height: 100%;
  padding: 15px 15px 40px;
  background-color: #efefef;
  position: relative;
}

.recruit-shopblog-card__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: #fff;
  opacity: 0;
  -webkit-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.recruit-shopblog-card__link:hover {
  opacity: 0.25;
}

.recruit-shopblog-card__imgbox {
  width: 100%;
  max-width: none;
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}

.recruit-shopblog-card__imgbox::before {
  content: "";
  display: block;
  padding-top: 75%;
}

.recruit-shopblog-card__imgbox > img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  max-width: none;
}

.recruit-shopblog-card__shop {
  z-index: 3;
  margin-bottom: 10px;
}

.recruit-shopblog-card__shop > a {
  color: #231815;
  font-size: 0.75rem;
  text-decoration: underline;
}

.recruit-shopblog-card__title {
  margin-bottom: 0;
  font-size: 1rem;
  color: #d83e4f;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.recruit-shopblog-card__text {
  position: relative;
  margin-top: 4px;
  margin-bottom: 0;
  font-size: 0.75rem;
  height: 2.4rem;
  overflow: hidden;
  line-height: 1.6;
  text-align: justify;
}

.recruit-shopblog-card__text::before, .recruit-shopblog-card__text::after {
  position: absolute;
  background-color: #efefef;
}

.recruit-shopblog-card__text:before {
  content: "...";
  top: 1.2rem;
  right: 2px;
}

.recruit-shopblog-card__text::after {
  content: "";
  height: 100%;
  width: 100%;
}

.recruit-shopblog-card__date {
  font-size: 0.625rem;
  position: absolute;
  bottom: 0;
  left: 15px;
}

.recruit-page-header {
  padding-top: 30px;
  display: block;
  text-align: center;
  width: 100%;
}

.recruit-page-header__title {
  margin: auto;
  margin-bottom: 40px;
}

.recruit-page-header__hero {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.recruit-page-header__hero > img {
  width: 100%;
}

@media (min-width: 769px) {
  .recruit-page-header {
    padding-top: 70px;
  }
  .recruit-page-header__title {
    margin-bottom: 70px;
  }
}

.recruit-bg-stripe {
  width: 100vw;
  background-image: linear-gradient(-45deg, #F7D8DC, #F7D8DC 41.666667%, #fff 41.666667%, #fff 50%, #F7D8DC 50%, #F7D8DC 91.666667%, #fff 91.666667%, #fff);
  background-repeat: repeat;
  background-size: 12px 12px;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
}

.recruit-bg-stripe--pt {
  padding-top: 40px;
}

@media (min-width: 1040px) {
  .recruit-bg-stripe--pb {
    padding-bottom: 140px;
  }
}

.recruit-bg-stripe--fin {
  padding-bottom: 115px;
}

.recruit-to-top {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 1.25rem;
  margin: auto;
  width: 300px;
  height: 60px;
  border: 2px solid #e73e51;
  background-color: #e73e51;
  color: #fff;
  border-radius: 4px;
  transition: 0.4s;
}

.recruit-to-top--mt {
  margin-top: 60px;
}

@media (min-width: 769px) {
  .recruit-to-top--mt {
    margin-top: 80px;
  }
}

.recruit-to-top--mt-interview {
  margin-top: 50px;
}

@media (min-width: 769px) {
  .recruit-to-top--mt-interview {
    margin-top: 80px;
  }
}

@media (min-width: 1040px) {
  .recruit-to-top--mt-interview {
    margin-top: 100px;
  }
}

.recruit-to-top:hover {
  color: #e73e51;
  text-decoration: none;
  background-color: #fff;
}

.recruit-container {
  background-color: #fff;
  margin: 0 calc(50% - 50vw);
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.heading-recruit {
  margin-bottom: 0;
}

.info-box {
  background-color: #fff;
  border-radius: 5px;
  padding: 20px 25px 25px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  margin: 0 auto 30px;
  position: relative;
  justify-content: space-between;
}

.info-box__title {
  width: 100%;
  margin-bottom: 20px;
  line-height: 1;
  font-size: 1.25rem;
  text-align: center;
  line-height: 1.4;
}
.info-box__text{
  font-size: 1rem;
} 

.info-box .wage-text{
  font-size: 1rem;
}

.info-box .box {
  margin-bottom: 0;
}

.info-box .box > img {
  max-width: 100%;
}

.info-box .box--30 {
  width: 30%;
}

.info-box .box--40 {
  width: 40%;
}

.info-box .box--50 {
  width: 50%;
}

.info-box .box--60 {
  width: 60%;
}

.info-box .box--70 {
  width: 70%;
}

.info-box .box--100 {
  width: 100%;
}

.info-box .carning02 {
  letter-spacing: -0.1em;
}

.info-box .bg-wage{
  width: 25vw;
  height: 24vw;
  background-image: url("/assets/img/recruit/infographics/bg_wage.png");
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 auto;
  padding-top: 10px;
}

@media (min-width: 365px) {
  .info-box {
    max-width: 360px;
  }
  .info-box__title {
    font-size: 1.4375rem;
  }

  .md_pt--20{
    padding-top: 16px;
  }

  .info-box .bg-wage{
    width: 100px;
    height: 87px;
  }
}

@media (min-width: 576px) {
  .info-box {
    padding: 20px 80px;
    max-width: auto;
    max-width: none;
  }

  .info-box .wage-text{
    font-size: 1.25rem;
  }

  .md_pt--20{
    padding-top: 20px;
  }
}

@media (min-width: 769px) {
  .info-box {
    height: 300px;
    padding: 20px;
  }
  .info-box .box > img {
    padding-right: 20px;
  }
  .info-box__title {
    font-size: 1.875rem;
  }
  .info-box__text {
    font-size: 1.25rem;
  }
  .info-box__title--large {
    font-size: 2.0625rem;
  }

  .info-box .wage-text{
    font-size: 1rem;
  }

  .md_pt--20{
    padding-top: 16px;
  }

  .info-box .bg-wage{
    width: 80px;
    height: 70px;
    padding-top: 0;
  }
}

@media (min-width: 1040px) {
  .info-box {
    height: 315px;
    padding: 20px 40px;
  }
  .info-box .box > img {
    padding-right: 0;
  }

  .md_pt--20{
    padding-top: 20px;
  }

  .info-box .wage-text{
    font-size: 1.25rem;
  }

  .info-box .carning02 {
    letter-spacing: 0;
  }

  .info-box .bg-wage{
    width: 100px;
    height: 87px;
  }
}

.info-box .carning{
  letter-spacing: -0.1em;
}

.info-box .num {
  color: #dc263f;
  font-family: 'Roboto', sans-serif;
  line-height: 1;
  transform: scaleX(1.1) translateX(-5%);
  white-space: nowrap;
  font-weight: 500;
  font-feature-settings: "palt";
  letter-spacing: -0.03em;
}

.info-box .num--35 {
  font-size: 1.625rem;
}

.info-box .num--50 {
  font-size: 2rem;
}

.info-box .num--60 {
  font-size: 3.125rem;
}

.info-box .num--80 {
  font-size: 3.75rem;
}

@media (min-width: 365px) {
  .info-box .num {
    letter-spacing: 0;
  }
  .info-box .num--50 {
    font-size: 2.5rem;
  }
  .info-box .num--60 {
    font-size: 3.75rem;
  }
  .info-box .num--80 {
    font-size: 5rem;
  }
}

@media (min-width: 769px) {
  .info-box .num {
    font-weight: 700;
    letter-spacing: 0.02em;
  }
}

@media (min-width: 1040px) {
  .info-box .num--35 {
    font-size: 2.1875rem;
  }
  .info-box .num--50 {
    font-size: 3.125rem;
  }
  .info-box .num--60 {
    font-size: 5rem;
  }
  .info-box .num--80 {
    font-size: 6.25rem;
  }
}

.info-box .text {
  color: #231815;
  font-weight: 700;
  line-height: 1;
}

.info-box .text--40 {
  font-size: 2.5rem;
}

.info-box .text--26 {
  font-size: 1.4375rem;
}

.info-box .text--22 {
  font-size: 1.1875rem;
}

.info-box .text--20 {
  font-size: 1.25rem;
}

.info-box .text--18 {
  font-size: 1rem;
}

.info-box .text--11 {
  font-size: 0.625rem;
}

@media (min-width: 365px) {
  .info-box .text--26 {
    font-size: 1.625rem;
  }
  .info-box .text--22 {
    font-size: 1.375rem;
  }
  .info-box .text--18 {
    font-size: 1.125rem;
  }
  .info-box .text--11 {
    font-size: 0.6875rem;
  }
}

@media (min-width: 769px) {
  .info-box .text--26 {
    font-size: 2.1875rem;
  }
  .info-box .text--22 {
    font-size: 1.875rem;
  }
  .info-box .text--18 {
    font-size: 1.5625rem;
  }
  .info-box .text--11 {
    font-size: 0.75rem;
  }
}


.textcolor-pink{
  color: #dc263f !important;
}

.info-box .mb--6{
  margin-bottom: 6px;
}

.info-box .man{
  padding-top: 25px;
}

@media (min-width: 769px){
  .info-box .man{
    padding-top: 0;
  }
}

.info-box--daisu {
  background: url(../img/recruit/infographics/svg_daisu_bg_sp.svg) center center/100% no-repeat #fff;
  height: 265px;
}

.info-box--daisu .info-box__title {
  text-align: center;
}

.info-box--daisu .hiroshimakennnai {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.9375rem;
  background-color: #dc263f;
  border-radius: 100px;
  color: #fff;
  position: absolute;
  padding: 4px 20px;
  top: 217px;
  left: 8%;
}

.info-box--daisu .num--first {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  position: absolute;
  top: 80px;
  left: 58%;
  font-size: 7rem;
}

.info-box--daisu .text--first {
  position: absolute;
  top: 146px;
  left: 80%;
  font-size: 2.625rem;
}

.info-box--daisu .text--first-2 {
  position: absolute;
  top: 200px;
  right: 20px;
  line-height: 1.6;
  text-align: left;
}

@media (min-width: 576px) {
  .info-box--daisu {
    height: 335px;
  }
  .info-box--daisu .hiroshimakennnai {
    top: 280px;
    left: 70px;
  }
  .info-box--daisu .num--first {
    top: 140px;
    left: 280px;
    font-size: 9rem;
  }
  .info-box--daisu .text--first {
    top: 220px;
    left: 373px;
    font-size: 3.375rem;
  }
  .info-box--daisu .text--first-2 {
    top: 280px;
    left: 250px;
  }
}

@media (min-width: 769px) {
  .info-box--daisu {
    background: url(../img/recruit/infographics/svg_daisu_bg_pc.svg) center center/100% no-repeat #fff;
    height: 240px;
  }
  .info-box--daisu .hiroshimakennnai {
    top: 150px;
    left: 356px;
  }
  .info-box--daisu .num--first {
    top: 60px;
    left: 485px;
    font-size: 8rem;
  }
  .info-box--daisu .text--first {
    top: 130px;
    left: 568px;
    font-size: 2.875rem;
  }
  .info-box--daisu .text--first-2 {
    top: 180px;
    left: 412px;
  }
}

@media (min-width: 1040px) {
  .info-box--daisu {
    height: 255px;
    padding: 27px 40px;
  }
  .info-box--daisu .info-box__title {
    text-align: left;
    font-size: 2.0625rem;
  }
  .info-box--daisu .hiroshimakennnai {
    font-size: 1.5rem;
    top: 170px;
    left: 510px;
  }
  .info-box--daisu .num--first {
    top: 50px;
    left: 690px;
    font-size: 11rem;
  }
  .info-box--daisu .text--first {
    top: 140px;
    left: 805px;
    font-size: 4.5625rem;
  }
  .info-box--daisu .text--first-2 {
    top: 205px;
    left: 678px;
  }
}

.info-box--shops .box > img {
  padding-left: 20px;
}

.info-box--shops .text--shops-1 {
  font-size: 1.4375rem;
}

.info-box--shops .text--shops-2 {
  font-size: 0.8125rem;
}

.info-box--shops .num {
  position: relative;
  top: 20px;
}

@media (min-width: 365px) {
  .info-box--shops .num {
    top: 40px;
  }
}

@media (min-width: 576px) {
  .info-box--shops .text--shops-1 {
    font-size: 1.4375rem;
  }
  .info-box--shops .text--shops-2 {
    font-size: 0.8125rem;
  }
}

@media (min-width: 769px) {
  .info-box--shops {
    padding-top: 40px;
    height: auto;
  }
  .info-box--shops .info-box__title {
    text-align: left;
    margin-bottom: -1em;
  }
  .info-box--shops .text--shops-1 {
    font-size: 2.9375rem;
  }
  .info-box--shops .text--shops-2 {
    font-size: 1.6875rem;
  }
  .info-box--shops .num {
    top: 90px;
    left: 0px;
    font-size: 5.5625rem;
  }
}

@media (min-width: 1040px) {
  .info-box--shops .text--shops-1 {
    font-size: 3.875rem;
  }
  .info-box--shops .text--shops-2 {
    font-size: 2.3125rem;
  }
  .info-box--shops .num {
    top: 90px;
    left: 0px;
    font-size: 6.1875rem;
  }
}

.chokuei-text {
  padding-right: 50px;
}

@media (max-width: 768px) {
  .chokuei-text {
    padding-right: 0;
  }
}

@media (max-width: 575px) {
  .chokuei-text {
    margin-right: -15px;
  }
}

.faq-list {
  margin-bottom: 31px;
}

.faq-list.-frame {
  border: 1px solid #ccc;
}

.faq-list.-frame .faq-list__btn {
  font-weight: 400;
}

.faq-list__question {
  background-color: #fff;
  font-weight: 300;
}

.faq-list__btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.875rem;
  background-color: #e73e51;
  color: #fff;
  border: none;
  width: 100%;
  height: 100%;
  line-height: 1.6;
  min-height: 42px;
  position: relative;
  padding: 10px 38px;
}

.faq-list__btn:hover {
  text-decoration: none;
  color: #fff;
}

.faq-list__btn::before {
  content: "Q";
  color: #fff;
  font-size: 1rem;
  position: absolute;
  top: 12px;
  left: 11px;
  font-weight: 700;
  line-height: 1;
}

.faq-list__btn::after {
  content: "ー";
  color: #fff;
  position: absolute;
  font-size: 1rem;
  top: 12px;
  right: 11px;
  font-weight: 700;
  line-height: 1;
}

.faq-list__btn.collapsed {
  background-color: #fff;
  color: #231815;
}

.faq-list__btn.collapsed::before {
  color: #e73e51;
}

.faq-list__btn.collapsed::after {
  content: "＋";
  color: #231815;
}

.faq-list__answer {
  background-color: #fff;
  margin-bottom: 0;
}

.faq-list__answer-inner {
  display: block;
  padding: 15px;
  font-size: 0.875rem;
  line-height: 2;
  margin-bottom: 0;
}

@media (min-width: 769px) {
  .faq-list__btn {
    font-size: 1rem;
    padding-left: 52px;
    padding-right: 52px;
  }
}

/**
 * カバー写真のレスポンシブについて
 * 画面幅が広がった時の画像のアンカーポイントを選べます
 * .interview-cover__img--center-left: 画像左中をアンカーにし、必要に応じて拡大します。
 * .interview-cover__img--center-right: 画像右中をアンカーにし、必要に応じて拡大します。
 * .interview-cover__img--center-center: 画像中央をアンカーにし、必要に応じて拡大します。
 ****************************************/
.interview-cover {
  position: relative;
}

.interview-cover__imgbox {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.interview-cover__img {
  width: 100%;
}

.interview-cover__catch {
  margin-bottom: 0;
}

.interview-cover__number {
  display: block;
  font-size: 5rem;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: #e73e51;
  position: relative;
  top: -15px;
  line-height: 0;
  letter-spacing: 0;
}

.interview-cover__copy {
  display: block;
  text-align: center;
  font-size: 1.375rem;
  margin-top: 40px;
  letter-spacing: 0.05em;
  font-weight: 300;
}

.interview-cover__info {
  display: flex;
  align-items: flex-end;
  margin-top: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #707070;
}

.interview-cover__thumb-list {
  flex: 1 0 auto;
  width: auto;
  white-space: nowrap;
  margin-bottom: 0;
}

.interview-cover__thumb-list .recruit-interview-thumb__list-name-en {
  font-size: 1rem;
}

.interview-cover__thumb-list .recruit-interview-thumb__list-name-ja {
  font-size: 2.125rem;
  font-weight: 400;
}

.interview-cover__thumb-list .recruit-interview-thumb__list-join {
  font-weight: 700;
  font-size: 0.875rem;
}

.interview-cover__thumb-list .recruit-interview-thumb__list-job-span {
  padding: 6px 12px;
  font-size: 0.875rem;
}

.interview-cover__car {
  flex: 0 1 auto;
  width: 120px;
  font-size: 0.75rem;
  text-align: right;
  line-height: 1.6;
}

.interview-cover__cartextbox {
  margin-bottom: 0;
}

.interview-cover__favorite {
  display: block;
  color: #e73e51;
}

.interview-cover__favorite::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url(../img/common/icons/icon_heart.svg) center center no-repeat;
  margin-bottom: -2px;
  margin-right: 0.5em;
}

@media (min-width: 769px) {
  .interview-cover {
    display: flex;
    flex-flow: row-reverse nowrap;
    justify-content: flex-end;
    align-items: flex-end;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    height: 400px;
  }
  .interview-cover__imgbox {
    flex: 1 0 auto;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-left: auto;
    position: relative;
  }
  .interview-cover__img {
    max-width: 1190px;
    width: 100%;
    min-width: 860px;
    min-height: 100%;
  }
  .interview-cover__img--center-left {
    position: absolute;
    right: 0;
  }
  .interview-cover__img--center-right {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .interview-cover__img--center-center {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  .interview-cover__textbox {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    flex: 1 0 auto;
    width: 300px;
    min-height: 100%;
    height: auto;
    padding-left: 40px;
    padding-right: 20px;
  }
  .interview-cover__number {
    position: static;
    line-height: 1;
    font-size: 3.125rem;
  }
  .interview-cover__copy {
    text-align: left;
    margin-top: 10px;
    font-size: 1.5rem;
  }
  .interview-cover__thumb-list .recruit-interview-thumb__list-name-en {
    font-size: 0.875rem;
  }
  .interview-cover__thumb-list .recruit-interview-thumb__list-name-ja {
    font-size: 1.625rem;
    font-weight: 400;
  }
  .interview-cover__thumb-list .recruit-interview-thumb__list-join {
    font-weight: 700;
    font-size: 0.875rem;
  }
  .interview-cover__thumb-list .recruit-interview-thumb__list-job-span {
    padding: 5px 10px;
    font-size: 0.8125rem;
  }
  .interview-cover__info {
    display: block;
    padding-bottom: 0;
    margin-top: 10px;
  }
  .interview-cover__car {
    width: auto;
    margin-top: 20px;
    text-align: left;
  }
  .interview-cover__cartextbox {
    display: block;
    width: 100%;
  }
  .interview-cover__favorite {
    display: inline;
  }
  .interview-cover__model {
    display: inline;
  }
}

.interview-cover__carimgbox {
  position: relative;
  width: 140px;
  height: 90px;
  overflow: hidden;
}

.interview-cover__carimgbox > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (min-width: 1040px) {
  .interview-cover {
    height: 500px;
    margin-right: 0;
    margin-left: auto;
  }
  .interview-cover__textbox {
    flex: 0 1 300px;
    width: 300px;
    padding: 0;
  }
  .interview-cover__number {
    font-size: 3.75rem;
  }
  .interview-cover__imgbox {
    width: calc(100% - 300px);
    padding-left: 20px;
  }
  .interview-cover__car {
    margin-top: 70px;
  }
}

/**
 * # 写真の左右配置について
 * テキストを右に、写真を左に配置する場合は . interview-voice--right
 * テキストを左に、写真を右に配置する場合は  interview-voice--left
 * 特に写真を配置しない場合は、modifiierは必要ありません。
 *
 * # 写真のレスポンシブについて
 * 画面幅が広がった時の画像のアンカーポイントを選べます
 * .interview-voice__img--center-left: 画像左中をアンカーにし、必要に応じて拡大します。
 * .interview-voice__img--center-right: 画像右中をアンカーにし、必要に応じて拡大します。
 * .interview-voice__img--center-center: 画像中央をアンカーにし、必要に応じて拡大します。
 ****************************************/
.interview-voice {
  padding-top: 30px;
}

.interview-voice--pb {
  padding-bottom: 40px;
}

.interview-voice__copy {
  text-align: center;
  font-size: 1.375rem;
  line-height: 1.72;
  margin-bottom: 0;
}

.interview-voice__pg {
  margin-top: 30px;
  margin-bottom: 0;
  line-height: 1.75;
  font-size: 1rem;
}

.interview-voice__imgbox {
  margin-top: 30px;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.interview-voice__img {
  width: 100%;
}

.interview-voice .red {
  color: #e73e51;
}

.interview-voice__iframebox {
  margin-top: 20px;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  position: relative;
}

@media (min-width: 576px) {
  .interview-voice__iframebox {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}

.interview-voice__iframebox::before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}

.interview-voice__iframebox > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 769px) {
  .interview-voice__copy {
    font-size: 1.875rem;
  }
}

@media (min-width: 1040px) {
  .interview-voice {
    padding-top: 84px;
  }
  .interview-voice--pb {
    padding-bottom: 84px;
  }
  .interview-voice--left .interview-voice__flex {
    min-height: 500px;
    display: flex;
    flex-flow: row nowrap;
  }
  .interview-voice--right .interview-voice__flex {
    min-height: 500px;
    display: flex;
    flex-flow: row-reverse nowrap;
  }
  .interview-voice--left .interview-voice__textbox {
    flex: 0 1 auto;
    padding: 40px 40px 40px 0;
    width: 500px;
    background-color: rgba(255, 255, 255, 0.85);
    z-index: 1;
    transform: translateZ(1px);
  }
  .interview-voice--right .interview-voice__textbox {
    flex: 0 1 auto;
    padding: 40px 0px 40px 40px;
    width: 500px;
    background-color: rgba(255, 255, 255, 0.85);
    z-index: 1;
    transform: translateZ(1px);
  }
  .interview-voice__imgbox {
    position: relative;
    overflow: hidden;
  }
  .interview-voice--right .interview-voice__imgbox {
    flex: 1 0 auto;
    width: calc(100% - 500px);
    margin-right: -100px;
  }
  .interview-voice--left .interview-voice__imgbox {
    flex: 1 0 auto;
    width: calc(100% - 500px);
    margin-left: -100px;
  }
  .interview-voice__img {
    max-width: 1090px;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
  }
  .interview-voice__img--center-left {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  .interview-voice__img--center-right {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .interview-voice__img--center-center {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
}

@media (min-width: 1177px) {
  .interview-oneday {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}

.interview-links {
  padding: 40px 10px 0;
}

.interview-links__list {
  padding: 0;
  display: flex;
  flex-flow: row wrap;
  list-style: none;
  margin-left: -5px;
  margin-right: -5px;
}

.interview-links__list-item {
  flex: 1 0 50%;
  max-width: 50%;
  padding: 5px;
}

.interview-links__link {
  transition: 0.4s;
}

.interview-links__link:hover {
  opacity: 0.7;
}

@media (min-width: 365px) {
  .interview-links {
    padding: 40px 20px 0;
  }
  .interview-links__list {
    margin-left: 10px;
    margin-right: 10px;
  }
  .interview-links__list-item {
    padding: 10px;
  }
}

@media (min-width: 576px) {
  .interview-links {
    padding: 40px 40px 0;
  }
}

@media (min-width: 769px) {
  .interview-links__list {
    flex-wrap: nowrap;
    margin-left: -10px;
    margin-right: -10px;
  }
  .interview-links__list-item {
    margin-top: 40px;
    flex: 1 1 25%;
    max-width: auto;
    max-width: none;
    padding: 0 10px;
  }
}

@media (min-width: 1040px) {
  .interview-links__list {
    flex-wrap: nowrap;
    margin-left: -20px;
    margin-right: -20px;
  }
  .interview-links__list-item {
    margin-top: 40px;
    flex: 1 1 25%;
    max-width: auto;
    max-width: none;
    padding: 0 20px;
  }
}

.delivery-single {
  margin-bottom: 45px;
}

.delivery-single__table {
  border-collapse: separate;
  width: 100%;
  margin-bottom: 28.5px;
  padding: 20px 0;
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
}

.delivery-single__td {
  width: 90px;
}

.delivery-single__question {
  font-size: 1.25rem;
  color: #e73e51;
}

.delivery-single__answer {
  margin-bottom: 26px;
  font-size: 0.9375rem;
  line-height: 1.866667;
}

.delivery {
  margin-bottom: 45px;
}

.delivery .blog-article-card__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-size: 1rem;
  font-weight: 700;
  color: #e73e51;
}

@media (min-width: 1040px) {
  .delivery .blog-article-card__body {
    width: calc(100% - 230px);
  }
  .delivery .blog-article-card__title {
    width: calc(100% - 4.5rem);
    font-size: 1.25rem;
    text-align: justify;
    margin-bottom: 0;
    line-height: 1.4;
    text-align: justify;
  }
  .delivery .blog-article-card__title::before {
    content: none;
  }
}

.delivery .blog-article-card__summary table {
  width: 100%;
}

.delivery .blog-article-card__summary table td {
  vertical-align: top;
}

.delivery .blog-article-card__summary::before {
  content: none;
}

@media (min-width: 1040px) {
  .delivery .blog-article-card__summary {
    top: 2.5rem;
    height: 7.3rem;
  }
}

/* smapake
------------------------------------------------*/
.support-contents .scp-move {
  position: relative;
  margin-left: calc(50% - 50vw + 5px);
  margin-right: calc(50% - 50vw + 5px);
}

.support-contents .scp-move::before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}

.support-contents .scp-move > iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 0px;
}

/* IE11 */
_:-ms-lang(x)::-ms-backdrop, .support-contents .scp-move {
  position: relative;
  margin-left: calc(50% - 45vw);
  margin-right: calc(50% - 45vw);
}

/* Edge */
_:-ms-lang(x)::backdrop, .support-contents .scp-move {
  position: relative;
  margin-left: calc(50% - 45vw);
  margin-right: calc(50% - 45vw);
}

@media (min-width: 769px) {
  .br-sp {
    display: none;
  }
  .scp-block01 {
    margin-bottom: 100px;
  }
  .scp-text {
    margin-bottom: 33px;
    font-size: 0.6875rem;
  }
  .scp-about {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 40px;
  }
  .scp-about__text {
    margin-bottom: 30px;
    width: 100%;
  }
  .support-contents .scp-move {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 50px;
  }
  .support-contents .scp-move iframe {
    margin-bottom: 8px;
    border: 0px;
  }
  .support-contents .scp-move__text {
    font-size: 0.625rem;
  }
  .scp-figure__title {
    margin-bottom: 30px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 2;
    text-align: center;
  }
  .scp-figure__images {
    margin-bottom: 7px;
  }
  .scp-figure .scp-figure-list {
    padding-left: 0;
    list-style-type: none;
  }
  .scp-figure .scp-figure-list__item {
    font-size: 0.625rem;
    line-height: 2;
  }
  .scp-service .scp-service-container {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
  }
  .scp-service .scp-service-container .scp-service-container-box {
    width: calc((100% - 40px) / 2);
    margin-bottom: 20px;
    margin-left: 20px;
    padding: 26px 0 10px;
    border: 1px solid #ccc;
    text-align: center;
  }
  .scp-service .scp-service-container .scp-service-container-box:hover {
    text-decoration: none;
    opacity: 0.8;
  }
  .scp-service .scp-service-container .scp-service-container-box__title {
    margin-bottom: 1rem;
  }
  .scp-service .scp-service-container .scp-service-container-box__text {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.428571;
    color: #DC263F;
  }
  .scp-service .scp-service-container .scp-service-container-box__btn {
    display: block;
    width: 88%;
    background-color: #D83E4F;
    background-image: url(../img/support/smapake/arrow_r.svg);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center right 10px;
    margin: 0 auto;
    padding: 5px 0;
    border-radius: 25px;
    font-size: 0.75rem;
    font-weight: 700;
    color: #fff;
    transition: 0.4s;
  }
}

@media (min-width: 1040px) {
  .scp-text {
    font-size: 0.8125rem;
  }
  .scp-about {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .scp-move iframe {
    height: 336px;
    border: 0px;
  }
  .scp-move__text {
    font-size: 0.6875rem;
  }
  .scp-figure__title {
    margin-bottom: 55px;
    font-size: 1.375rem;
    line-height: 1.454545;
  }
  .scp-figure .scp-figure-list__item {
    font-size: 0.6875rem;
    line-height: 1.818182;
  }
  .scp-service .scp-service-container .scp-service-container-box {
    width: calc((100% - 60px) / 3);
    text-decoration: none;
    display: flex;
    flex-direction: column;
  }
  .scp-service .scp-service-container .scp-service-container-box__title {
    margin-bottom: 1rem;
  }
  .scp-service .scp-service-container .scp-service-container-box__text {
    font-size: 1rem;
    line-height: 1.25;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .scp-service .scp-service-container .scp-service-container-box__btn {
    margin-top: auto;
    font-size: 0.8125rem;
  }
}

/* SP
------------------------------------------------*/
@media (max-width: 768.98px) {
  .br-pc {
    display: none;
  }
  .br-sp {
    display: block;
  }
  .scp-block01 {
    margin-bottom: 100px;
  }
  .scp-text {
    margin-bottom: 33px;
    font-size: 0.75rem;
  }
  .scp-about {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: 40px;
  }
  .scp-about__text {
    margin-bottom: 30px;
    width: 100%;
  }
  .scp-move {
    margin-bottom: 50px;
  }
  .scp-move iframe {
    width: 100%;
    height: 226px;
    margin-bottom: 8px;
    border: 0px;
  }
  .scp-move__text {
    font-size: 0.6875rem;
  }
  .scp-figure__title {
    margin-bottom: 30px;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.777778;
    text-align: center;
  }
  .scp-figure__images {
    margin-bottom: 7px;
  }
  .scp-figure .scp-figure-list {
    padding-left: 0;
    list-style-type: none;
  }
  .scp-figure .scp-figure-list__item {
    font-size: 0.6875rem;
    line-height: 1.818182;
  }
  .scp-service .scp-service-container {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
  }
}

@media screen and (max-width: 768.98px) and (max-width: 450px) {
  .scp-service .scp-service-container {
    display: flex;
    justify-content: center;
    margin-left: 0;
  }
}

@media (max-width: 768.98px) {
  .scp-service .scp-service-container .scp-service-container-box {
    width: calc((100% - 40px) / 2);
    margin-bottom: 20px;
    margin-left: 20px;
    padding: 26px 0 10px;
    border: 1px solid #ccc;
    text-align: center;
  }
  .scp-service .scp-service-container .scp-service-container-box:hover {
    text-decoration: none;
    opacity: 0.8;
  }
}

@media screen and (max-width: 768.98px) and (max-width: 450px) {
  .scp-service .scp-service-container .scp-service-container-box {
    width: 100%;
    max-width: 300px;
    margin-left: 0;
  }
}

@media (max-width: 768.98px) {
  .scp-service .scp-service-container .scp-service-container-box__title {
    margin-bottom: 1rem;
  }
  .scp-service .scp-service-container .scp-service-container-box__text {
    height: 38px;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.428571;
    color: #DC263F;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .scp-service .scp-service-container .scp-service-container-box__btn {
    display: block;
    width: 88%;
    background-color: #D83E4F;
    background-image: url(../img/support/smapake/arrow_r.svg);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center right 10px;
    margin: 0 auto;
    padding: 5px 0;
    border-radius: 25px;
    font-size: 0.75rem;
    font-weight: 700;
    color: #fff;
    transition: 0.4s;
  }
}

.point--btn {
  min-width: 268px !important;
}

.point__table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ccc;
}

.point__table tr {
  border-bottom: 1px solid #ccc;
}

.point__table tr th {
  width: 140px;
  padding: 10px;
  background: #EFEFEF;
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
}

.point__table tr td {
  padding: 10px;
  border-left: 1px solid #ccc;
  font-size: 0.75rem;
}

.point__table tr td ul {
  padding: 0;
  list-style-type: none;
}

.point__table tr td ul li {
  padding-left: 12px;
  text-indent: -15px;
}

.point__table tr td ul li::before {
  content: "●";
  padding-right: 3px;
}

.point__table tr td ol {
  padding: 0;
  list-style-type: none;
}

.point__table tr td ol li {
  padding-left: 25px;
  text-indent: -25px;
}

.point__table tr td ol li::before {
  padding-right: 10px;
}

.point__table tr td ol li:nth-child(1)::before {
  content: "(1)";
}

.point__table tr td ol li:nth-child(2)::before {
  content: "(2)";
}

.point__table tr td ol li:nth-child(3)::before {
  content: "(3)";
}

.point__table tr td ol li:nth-child(4)::before {
  content: "(4)";
}

.kureichi .wancre-lead {
  margin-bottom: 100px;
}

.kureichi .imgbox-mr__border {
  height: 150px;
  min-height: 150px;
  padding-top: 2rem;
  justify-content: normal;
  align-items: normal;
}

.kureichi__merit {
  padding: 0 30px 0 25px;
  line-height: 1.875;
  width: 100%;
}

.kureichi .precautionary-note1,
.kureichi .precautionary-note2 {
  list-style: none;
  padding-left: 15px;
}

.kureichi .precautionary-note1 li,
.kureichi .precautionary-note2 li {
  margin-bottom: 5px;
  text-indent: -17px;
}

.kureichi .precautionary-note1 li::before,
.kureichi .precautionary-note2 li::before {
  padding-right: 5px;
}

.kureichi .precautionary-note1 li::before {
  content: "※";
}

.kureichi .precautionary-note2 li::before {
  content: "●";
}

@media (min-width: 769px) {
  .kureichi .wancre-lead {
    margin-bottom: 134px;
  }
}

/* small car life */
@media (min-width: 769px) {
  .scl-contents {
    margin-bottom: 110px;
  }
  .scl-text {
    margin-bottom: 26px;
    font-size: 0.8125rem;
    font-weight: 300;
    line-height: 2.307692;
  }
  .scl-text--mb {
    margin-bottom: 20px;
  }
  .scl-btn {
    width: 266px;
    margin: 0 auto;
  }
  .scl-btn a {
    display: block;
    background: #d83e4f;
    padding: 12px 0;
    border-radius: 6px;
    font-size: 0.875rem;
    line-height: 1;
    color: #fff;
    text-align: center;
  }
  .scl-btn a span {
    position: relative;
    padding-left: 15px;
  }
  .scl-btn a span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: inline-block;
    width: 5px;
    height: 8px;
    background: url(../img/smallcarlife/arrow-right.svg);
    background-repeat: no-repeat;
  }
  .scl-btn a:hover {
    background-color: #c7283a;
    text-decoration: none;
  }
  .image-box {
    width: calc(25% - 11px);
  }
  .scl-catch__img {
    width: 100%;
    margin-bottom: 20px;
  }
  .scl-catch .scl-catch-block {
    display: block;
  }
  .scl-catch .scl-catch-block__title {
    font-size: 0.9375rem;
    font-weight: 300;
    text-align: center;
  }
  .scl-catch .scl-catch-block__title span {
    display: block;
    width: 122px;
    padding: 8px 0;
    border: 1px solid #ccc;
  }
  .scl-catch .scl-catch-block__text {
    font-size: 0.9375rem;
    font-weight: 300;
  }
  .scl-catch .scl-catch-block .scl-catch-block-list {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
  }
  .scl-catch .scl-catch-block .scl-catch-block-list-item {
    display: block;
    margin-bottom: 14px;
    padding-left: 0;
  }
  .scl-catch .scl-catch-block .scl-catch-block-list-item:last-child {
    margin-bottom: 0;
  }
  .scl-catch .scl-catch-block .scl-catch-block-list-item__time {
    display: block;
    margin-bottom: 8px;
    font-size: 0.75rem;
    font-weight: 300;
  }
  .scl-catch .scl-catch-block .scl-catch-block-list-item__title {
    margin-bottom: 0;
    font-size: 0.9375rem;
    font-weight: 300;
  }
  .scl-movie {
    display: flex;
    flex-wrap: wrap;
    margin-left: -14px;
  }
  .scl-movie .scl-movie-box {
    width: calc((100% - 28px) / 2);
    margin-left: 14px;
    margin-bottom: 60px;
  }
  .scl-movie .scl-movie-box:last-child {
    margin-bottom: 0;
  }
  .scl-movie .scl-movie-box__images {
    margin-bottom: 14px;
  }
  .scl-movie .scl-movie-box__title {
    margin-bottom: 14px;
    font-size: 1.125rem;
    font-weight: 300;
  }
  .scl-movie .scl-movie-box__text {
    margin-bottom: 0;
    font-size: 0.75rem;
    line-height: 1.666667;
  }
  .scl-insta {
    display: flex;
    flex-wrap: wrap;
    margin-left: -11px;
    margin-bottom: 12px;
  }
  .scl-insta .scl-insta-box {
    width: calc((100% - 44px) / 4);
    margin-left: 11px;
    margin-bottom: 11px;
  }
  .scl-insta .scl-insta-box--sp {
    display: none;
  }
  .scl-insta .scl-insta-box img {
    width: 100%;
  }
  .scl-block {
    width: 300px;
    margin: 0 auto;
  }
  .scl-block-box__name {
    float: left;
    margin-right: 20px;
    font-size: 0.8125rem;
  }
  .scl-block-box__images {
    float: left;
  }
  .scl-special {
    display: block;
  }
  .scl-special__images {
    margin-bottom: 34px;
  }
  .scl-special .scl-special-news {
    display: block;
  }
  .scl-special .scl-special-news__title {
    margin-right: 26px;
    margin-bottom: 22px;
    font-size: 0.9375rem;
    font-weight: 300;
    text-align: center;
  }
  .scl-special .scl-special-news__title span {
    display: block;
    width: 122px;
    padding: 8px 0;
    border: 1px solid #ccc;
  }
  .scl-special .scl-special-news .scl-special-news-list {
    margin-bottom: 36px;
    padding-left: 0;
    list-style-type: none;
  }
  .scl-special .scl-special-news .scl-special-news-list-item {
    margin-bottom: 14px;
    padding-left: 0;
  }
  .scl-special .scl-special-news .scl-special-news-list-item:last-child {
    margin-bottom: 0;
  }
  .scl-special .scl-special-news .scl-special-news-list-item__time {
    display: block;
    margin-bottom: 8px;
    font-size: 0.75rem;
    font-weight: 300;
  }
  .scl-special .scl-special-news .scl-special-news-list-item__title {
    margin-bottom: 0;
    font-size: 0.9375rem;
    font-weight: 300;
  }
}

@media (min-width: 1040px) {
  .scl-text {
    font-size: 0.875rem;
    line-height: 2.142857;
  }
  .scl-btn a {
    font-size: 1rem;
  }
  .scl-catch .scl-catch-block {
    display: flex;
  }
  .scl-catch .scl-catch-block__title {
    margin-right: 26px;
    font-size: 1.0625rem;
  }
  .scl-catch .scl-catch-block .scl-catch-block-list-item {
    display: flex;
  }
  .scl-catch .scl-catch-block .scl-catch-block-list-item__time {
    margin-right: 20px;
    margin-bottom: 0;
    font-size: 0.75rem;
  }
  .scl-catch .scl-catch-block .scl-catch-block-list-item__title {
    font-size: 1rem;
  }
  .scl-movie .scl-movie-box__title {
    font-size: 1.25rem;
  }
  .scl-movie .scl-movie-box__text {
    font-size: 0.8125rem;
    line-height: 1.538462;
  }
  .scl-special {
    display: flex;
    justify-content: space-between;
  }
  .scl-special__images {
    margin-bottom: 0;
  }
  .scl-special .scl-special-news {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .scl-special .scl-special-news__title {
    font-size: 1.0625rem;
  }
  .scl-special .scl-special-news .scl-special-news-list {
    margin-bottom: 0;
  }
  .scl-special .scl-special-news .scl-special-news-list-item__title {
    font-size: 1rem;
  }
}

@media (max-width: 768.98px) {
  .scl-contents {
    margin-bottom: 80px;
  }
  .scl-text {
    margin-bottom: 40px;
    font-size: 0.8125rem;
    font-weight: 300;
    line-height: 2;
  }
  .scl-text--mb {
    margin-bottom: 24px;
  }
  .scl-btn {
    width: 280px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 768.98px) and (max-width: 450px) {
  .scl-btn {
    width: 235px;
  }
}

@media (max-width: 768.98px) {
  .scl-btn a {
    display: block;
    background: #d83e4f;
    padding: 20px 0;
    border-radius: 6px;
    font-size: 0.9375rem;
    line-height: 1;
    color: #fff;
    text-align: center;
  }
}

@media screen and (max-width: 768.98px) and (max-width: 450px) {
  .scl-btn a {
    font-size: 0.8125rem;
  }
}

@media (max-width: 768.98px) {
  .scl-btn a span {
    position: relative;
    padding-left: 15px;
  }
  .scl-btn a span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: inline-block;
    width: 5px;
    height: 8px;
    background: url(../img/smallcarlife/arrow-right.svg);
    background-repeat: no-repeat;
  }
  .scl-btn a:hover {
    background-color: #c7283a;
    text-decoration: none;
  }
  .scl-btn .sbi_load_btn {
    display: block !important;
    background: #d83e4f !important;
    padding: 20px 0 !important;
    border-radius: 6px !important;
    font-size: 0.9375rem !important;
    line-height: 1 !important;
    color: #fff !important;
    text-align: center !important;
  }
}

@media screen and (max-width: 768.98px) and (max-width: 450px) {
  .scl-btn .sbi_load_btn {
    font-size: 0.8125rem !important;
  }
}

@media (max-width: 768.98px) {
  .scl-catch__img {
    width: 100%;
    margin-bottom: 20px;
  }
  .scl-catch .scl-catch-block {
    display: block;
  }
  .scl-catch .scl-catch-block__title {
    margin-bottom: 14px;
    font-size: 0.8125rem;
    font-weight: 300;
    text-align: center;
  }
  .scl-catch .scl-catch-block__title span {
    display: block;
    width: 100px;
    padding: 6px 0;
    border: 1px solid #ccc;
  }
  .scl-catch .scl-catch-block .scl-catch-block-list {
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
  }
  .scl-catch .scl-catch-block .scl-catch-block-list-item {
    display: flex;
    margin-bottom: 14px;
    padding-left: 0;
  }
  .scl-catch .scl-catch-block .scl-catch-block-list-item:last-child {
    margin-bottom: 0;
  }
  .scl-catch .scl-catch-block .scl-catch-block-list-item__time {
    margin-right: 10px;
    font-size: 0.625rem;
    font-weight: 300;
  }
  .scl-catch .scl-catch-block .scl-catch-block-list-item__title {
    margin-bottom: 0;
    font-size: 0.75rem;
    font-weight: 300;
    line-height: 1.5;
  }
  .scl-movie {
    display: block;
  }
  .scl-movie .scl-movie-box {
    width: 100%;
    margin-bottom: 45px;
  }
  .scl-movie .scl-movie-box:last-child {
    margin-bottom: 0;
  }
  .scl-movie .scl-movie-box__images {
    margin-bottom: 14px;
  }
  .scl-movie .scl-movie-box__title {
    margin-bottom: 14px;
    font-size: 1rem;
    font-weight: 300;
  }
  .scl-movie .scl-movie-box__text {
    max-width: 340px;
    margin-bottom: 0;
    font-size: 0.8125rem;
    line-height: 2;
  }
  .scl-insta {
    display: flex;
    flex-wrap: wrap;
    margin-left: -6px;
    margin-bottom: 8px;
  }
  .scl-insta .scl-insta-box {
    width: calc((100% - 18px) / 3);
    margin-left: 6px;
    margin-bottom: 6px;
  }
  .scl-insta .scl-insta-box img {
    width: 100%;
  }
  .scl-block {
    display: block;
  }
  .scl-block-box {
    width: 254px;
    margin: 0  auto 40px;
  }
}

@media screen and (max-width: 768.98px) and (max-width: 450px) {
  .scl-block-box {
    margin-bottom: 30px;
  }
}

@media (max-width: 768.98px) {
  .scl-block-box__name {
    float: left;
    margin-right: 15px;
    margin-bottom: 0;
    font-size: 0.75rem;
  }
  .scl-block-box__images {
    float: left;
    width: 92px;
  }
  .scl-block .scl-btn--both {
    clear: both;
  }
  .scl-special {
    display: block;
    padding-bottom: 100px;
  }
  .scl-special__images {
    margin-bottom: 26px;
  }
  .scl-special .scl-special-news {
    display: block;
  }
  .scl-special .scl-special-news__title {
    margin-bottom: 14px;
    font-size: 0.8125rem;
    font-weight: 300;
    text-align: center;
  }
  .scl-special .scl-special-news__title span {
    display: block;
    width: 100px;
    padding: 6px 0;
    border: 1px solid #ccc;
  }
  .scl-special .scl-special-news .scl-special-news-list {
    margin-bottom: 45px;
    padding-left: 0;
    list-style-type: none;
  }
}

@media screen and (max-width: 768.98px) and (max-width: 450px) {
  .scl-special .scl-special-news .scl-special-news-list {
    margin-bottom: 35px;
  }
}

@media (max-width: 768.98px) {
  .scl-special .scl-special-news .scl-special-news-list-item {
    display: flex;
    margin-bottom: 14px;
    padding-left: 0;
  }
  .scl-special .scl-special-news .scl-special-news-list-item:last-child {
    margin-bottom: 0;
  }
  .scl-special .scl-special-news .scl-special-news-list-item__time {
    margin-right: 10px;
    font-size: 0.625rem;
    font-weight: 300;
  }
  .scl-special .scl-special-news .scl-special-news-list-item__title {
    margin-bottom: 0;
    font-size: 0.75rem;
    font-weight: 300;
    line-height: 1.5;
  }
}

.scl-movie-box__iframe {
  position: relative;
  width: 100%;
  max-width: 340px;
  margin-bottom: 15px;
}

.scl-movie-box__iframe::before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-top: 66.1764%;
}

.scl-movie-box__iframe > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0px;
}

/* ディーベアの紹介
--------------------------------------------------------------------- */
@media (min-width: 769px) {
  body.page-id-1591 {
    background-image: url(../img/dbear/dbear_bg01.png);
    background-repeat: repeat;
    background-position: top center;
  }
  body.page-id-1591 .breadcrumb {
    background: transparent;
  }
  .dbear-container {
    display: block;
    width: 100%;
  }
  .dbear-block .breadcrumb {
    background: transparent;
    margin-bottom: 56px;
  }
  .dbear-block .page-container {
    display: block;
  }
  .dbear-block .dbear__comment {
    position: relative;
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: 0.07em;
    line-height: 2;
    z-index: 1;
  }
  .dbear-block .dbear__comment--center {
    text-align: center;
  }
  .dbear-block .dbear__comment [data-ruby] {
    position: relative;
    padding: 0px 1px 0 2px;
  }
  .dbear-block .dbear__comment [data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -1.4em;
    left: 0;
    right: 0;
    font-size: 0.5em;
    font-weight: 700;
    color: #E73E51;
    text-align: center;
  }
  .dbear-block--bg01 {
    background-image: url(../img/dbear/dbear_city.png);
    background-repeat: no-repeat;
    background-position: bottom -10% center;
  }
  .dbear-greeting {
    max-width: 1010px;
    margin: 0 auto;
  }
  .dbear-greeting .dbear-greeting-title {
    position: relative;
    display: flex;
    justify-content: center;
    z-index: 2;
  }
  .dbear-greeting .dbear-greeting-title__text {
    margin-right: 14px;
  }
  .dbear-greeting .dbear-greeting-title__illust {
    margin-top: 4px;
    margin-right: 65px;
  }
  .dbear-greeting .dbear__comment::before {
    content: "";
    position: absolute;
    top: -124px;
    left: 50%;
    transform: translateX(-50%);
    width: 450px;
    height: 450px;
    background: #fff;
    border-radius: 50%;
    z-index: -1;
  }
  .dbear-greeting__images {
    position: relative;
    padding-bottom: 350px;
    text-align: center;
    z-index: 2;
  }
  .dbear-block--bg02 {
    background: url(../img/dbear/dbear_bg02.png), #ccc;
    background-repeat: no-repeat;
    background-position: center;
  }
  .dbear-illust.page-container {
    position: relative;
    height: 100px;
  }
  .dbear-illust__images {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .dbear-block--bg03 {
    position: relative;
    background-image: url(../img/dbear/dbear_bg03.png);
    background-repeat: repeat;
    background-position: top center;
    padding-top: 80px;
    padding-bottom: 225px;
  }
  .dbear-block--bg03::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -170px;
    display: block;
    background-image: url(../img/dbear/dbear_bg03_bottom.png);
    background-color: #fff;
    background-repeat: repeat-x;
    background-position: top center;
    width: 100%;
    height: 170px;
    z-index: 0;
  }
  .dbear-profile .dbear-profile-area {
    background: #fff;
    padding: 15px;
    border-radius: 6px;
    box-shadow: 0px 8px 2px rgba(160, 160, 160, 0.5);
  }
  .dbear-profile .dbear-profile-area-inner {
    padding: 34px 12px 26px;
    border: 4px dashed #DC263F;
    border-radius: 6px;
  }
  .dbear-profile .dbear-profile-area__title {
    margin-bottom: 30px;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .dbear-profile .dbear-profile-area__title img {
    margin-right: 20px;
  }
  .dbear-profile .dbear-profile-area .dbear-profile-area-block {
    display: block;
  }
  .dbear-profile .dbear-profile-area .dbear-profile-area-block__images {
    text-align: center;
  }
  .dbear-profile .dbear-profile-area .dbear__comment {
    margin-bottom: 20px;
    line-height: 2.4;
  }
  .dbear-profile .dbear-profile-area .dbear__comment .t-space--2 {
    padding: 0 2px;
  }
  .dbear-profile .dbear-profile-area .dbear__comment .t-space--3 {
    padding: 0 3px;
  }
  .dbear-profile .dbear-profile-area .dbear__comment .t-space--7 {
    padding: 0 7px;
  }
  .dbear-profile .dbear-profile-area .dbear__comment [data-ruby]::before {
    top: -1.6em;
  }
}

@media (min-width: 1040px) {
  .dbear-profile .dbear-profile-area-inner {
    padding: 34px 30px 26px;
  }
  .dbear-profile .dbear-profile-area__title {
    text-align: left;
  }
  .dbear-profile .dbear-profile-area .dbear-profile-area-block {
    display: flex;
  }
  .dbear-profile .dbear-profile-area .dbear__comment {
    margin-bottom: 0;
  }
}

@media (max-width: 768.98px) {
  body.page-id-1591 {
    background-image: url(../img/dbear/dbear_bg01.png);
    background-repeat: repeat;
    background-position: top center;
  }
  body.page-id-1591 .breadcrumb {
    background: transparent;
  }
  .dbear-container {
    display: block;
    width: 100%;
  }
  .dbear-block .breadcrumb {
    background: transparent;
    margin-bottom: 56px;
  }
  .dbear-block .page-container {
    display: block;
  }
  .dbear-block .dbear__comment {
    position: relative;
    font-size: 1.25rem;
    font-weight: 400;
    letter-spacing: 0.07em;
    line-height: 2;
    z-index: 1;
  }
  .dbear-block .dbear__comment--center {
    text-align: center;
  }
  .dbear-block .dbear__comment [data-ruby] {
    position: relative;
    padding: 0px 1px;
  }
  .dbear-block .dbear__comment [data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -1.4em;
    left: 0;
    right: 0;
    font-size: 0.5em;
    font-weight: 700;
    color: #E73E51;
    text-align: center;
  }
  .dbear-block .dbear__comment .t-space--sp2 {
    padding: 0 2px;
  }
  .dbear-block--bg01 {
    background-image: url(../img/dbear/dbear_city.png), url(../img/dbear/dbear_bg01.png);
    background-repeat: no-repeat,repeat;
    background-size: 500px, auto;
    background-position: bottom -10% center, top center;
    margin-top: -5px;
  }
  .dbear-greeting {
    max-width: 1010px;
    margin: 0 auto;
    overflow: hidden;
  }
  .dbear-greeting .dbear-greeting-title {
    position: relative;
    display: block;
    z-index: 2;
  }
  .dbear-greeting .dbear-greeting-title__text {
    width: 325px;
    margin: 0 auto;
  }
  .dbear-greeting .dbear-greeting-title__illust {
    width: 110px;
    margin: 0 auto;
  }
  .dbear-greeting .dbear__comment {
    margin-bottom: 5px;
  }
  .dbear-greeting .dbear__comment::before {
    content: "";
    position: absolute;
    top: -7%;
    left: 50%;
    transform: translateX(-50%);
    width: 440px;
    height: 440px;
    background: #fff;
    border-radius: 50%;
    z-index: -1;
  }
  .dbear-greeting__images {
    position: relative;
    padding-bottom: 170px;
    text-align: center;
    z-index: 2;
  }
  .dbear-block--bg02 {
    background: url(../img/dbear/dbear_bg02_sp.png), #ccc;
    background-repeat: no-repeat;
    background-position: center;
  }
  .dbear-illust.page-container {
    position: relative;
    height: 100px;
  }
  .dbear-illust__images {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 335px;
  }
  .dbear-block--bg03 {
    position: relative;
    background-image: url(../img/dbear/dbear_bg03.png);
    background-repeat: repeat;
    background-position: top center;
    padding-top: 60px;
    padding-bottom: 80px;
  }
  .dbear-block--bg03::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -110px;
    display: block;
    background-image: url(../img/dbear/dbear_bg03_bottom.png);
    background-color: #fff;
    background-repeat: repeat-x;
    background-position: top center;
    width: 100%;
    height: 110px;
    z-index: 0;
  }
  .dbear-profile .dbear-profile-area {
    background: #fff;
    padding: 12px;
    border-radius: 6px;
    box-shadow: 0px 8px 2px rgba(160, 160, 160, 0.5);
  }
  .dbear-profile .dbear-profile-area-inner {
    padding: 38px 14px 36px;
    border: 4px dashed #DC263F;
    border-radius: 6px;
  }
  .dbear-profile .dbear-profile-area__title {
    margin-bottom: 40px;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-align: center;
  }
  .dbear-profile .dbear-profile-area__title img {
    display: block;
    margin: 0 auto 16px;
  }
  .dbear-profile .dbear-profile-area .dbear-profile-area-block {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .dbear-profile .dbear-profile-area .dbear-profile-area-block__images {
    text-align: center;
  }
  .dbear-profile .dbear-profile-area .dbear__comment {
    margin-bottom: 30px;
    font-size: 1rem;
    line-height: 2.5;
  }
  .dbear-profile .dbear-profile-area .dbear__comment .t-space--sp2 {
    padding: 0 2px;
  }
  .dbear-profile .dbear-profile-area .dbear__comment .t-space--sp3 {
    padding: 0 3px;
  }
  .dbear-profile .dbear-profile-area .dbear__comment .t-space--sp6 {
    padding: 0 6px;
  }
  .dbear-profile .dbear-profile-area .dbear__comment .t-space--sp8 {
    padding: 0 8px;
  }
  .dbear-profile .dbear-profile-area .dbear__comment .t-space--sp9 {
    padding: 0 9px;
  }
  .dbear-profile .dbear-profile-area .dbear__comment .t-space--sp11 {
    padding: 0 11px;
  }
  .dbear-profile .dbear-profile-area .dbear__comment [data-ruby]::before {
    top: -1.8em;
  }
}

/* Firefox
--------------------------------------------------------------------------- */
@-moz-document url-prefix() {
  .dbear-profile .dbear-profile-area .dbear__comment .t-space--3 {
    padding: 0 5px;
  }
  .dbear-block .dbear__comment [data-ruby].t-space--f2 {
    padding: 0 2px;
  }
  .dbear-block .dbear__comment [data-ruby].t-space--f3 {
    padding: 0 3px;
  }
  @media screen and (min-width: 769px) {
    .dbear-profile .dbear-profile-area-inner {
      padding: 34px 28px 26px;
    }
  }
}

/* Safari
--------------------------------------------------------------------------- */
@media screen and (min-width: 769px) {
  _::-webkit-full-page-media, _:future, :root .dbear-block .dbear__comment [data-ruby]::before {
    font-size: 0.4em;
  }
}

.example__img {
  width: 100%;
  padding-bottom: 60px;
}

.movie__container {
  display: flex;
  flex-wrap: wrap;
  margin: -60px 0 0 -30px;
  padding: 0;
}

.movie__list {
  min-width: 0;
  max-width: 100%;
  flex: 0 0 100%;
  list-style-type: none;
  padding: 60px 0 0 30px;
}

@media (min-width: 576px) {
  .movie__list {
    max-width: 50%;
    flex: 0 0 50%;
  }
}

@media (min-width: 769px) {
  .movie__list {
    max-width: 100%;
    flex: 0 0 100%;
  }
}

@media (min-width: 1040px) {
  .movie__list {
    max-width: 50%;
    flex: 0 0 50%;
  }
}

.movie__item {
  width: 90%;
  margin: 0 auto;
}

@media (min-width: 576px) {
  .movie__item {
    width: 100%;
  }
}

@media (min-width: 769px) {
  .movie__item {
    width: 90%;
  }
}

@media (min-width: 1040px) {
  .movie__item {
    width: 100%;
  }
}

.movie__item > p {
  margin-bottom: 0;
  line-height: 1.3;
}

.movie__title {
  font-size: 1.125rem;
  font-weight: 300;
  width: 100%;
  margin-top: 10px;
  position: relative;
  margin-bottom: 10px;
  padding-left: .5em;
}

.movie__title::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 5px;
  height: 100%;
  display: block;
  background: #e73e51;
}

@media (min-width: 769px) {
  .movie__title {
    margin-top: 15px;
  }
}

@media (min-width: 1040px) {
  .movie__title {
    font-size: 1.25rem;
    width: 100%;
  }
}

.movie__text:first-of-type {
  margin-top: .5rem;
}

.iframe {
  position: relative;
  overflow: hidden;
}

.iframe::before {
  content: '';
  display: block;
  padding-bottom: 56.25%;
  height: 0;
}

.iframe > iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

.page-supportdesk .page-main ul, .page-supportdesk .page-main ol {
  padding-left: 0;
  margin-bottom: 0;
  list-style-type: none;
}

.page-supportdesk .page-main img {
  width: 100%;
}

/** index
* 1. supportdesk
* 2. supportdesk_tel
* 3. supportdesk_about
* 4. supportdesk_accident
* 5. supportdesk_highway
* 6. supportdesk_howto
*/
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
1. supportdesk
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.supportdesk--title {
  margin-bottom: 0;
}

.supportdesk--container {
  margin-top: 40px;
}

@media (min-width: 576px) {
  .supportdesk--container {
    margin-top: 85px;
  }
}

@media (min-width: 769px) {
  .supportdesk--container {
    margin-top: 40px;
  }
}

@media (min-width: 1040px) {
  .supportdesk--container {
    margin-top: 85px;
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
2. supportdesk_tel
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.supportdesk_tel {
  margin-top: 40px;
}

@media (min-width: 576px) {
  .supportdesk_tel {
    margin-top: 110px;
  }
}

@media (min-width: 769px) {
  .supportdesk_tel {
    margin-top: 40px;
  }
}

@media (min-width: 1040px) {
  .supportdesk_tel {
    margin-top: 110px;
  }
}

.supportdesk_tel--link {
  display: block;
}

.supportdesk_tel--attention {
  margin-bottom: 0;
  line-height: 1.714286;
  font-size: 0.875rem;
  letter-spacing: 0.07em;
  display: inline-block;
  font-weight: 400;
}

.supportdesk_tel--attention:first-of-type {
  margin-top: 15px;
}

@media (min-width: 576px) {
  .supportdesk_tel--attention:first-of-type {
    margin-top: 10px;
  }
}

@media (min-width: 769px) {
  .supportdesk_tel--attention:first-of-type {
    margin-top: 15px;
  }
}

@media (min-width: 1040px) {
  .supportdesk_tel--attention:first-of-type {
    margin-top: 10px;
  }
}

.supportdesk_tel--tag {
  display: flex;
  margin-bottom: 0;
  width: 90px;
  font-size: 0.875rem;
  position: relative;
  top: 3px;
}

@media (min-width: 576px) {
  .supportdesk_tel--tag {
    display: inline-flex;
  }
}

@media (min-width: 769px) {
  .supportdesk_tel--tag {
    display: flex;
  }
}

@media (min-width: 1040px) {
  .supportdesk_tel--tag {
    display: inline-flex;
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
3. supportdesk_about
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.supportdesk_about--title {
  font-weight: 700;
  color: #cc3e4c;
  letter-spacing: 0;
  margin-bottom: 0;
  text-align: center;
  font-size: 0.9375rem;
}

@media (min-width: 576px) {
  .supportdesk_about--title {
    font-size: 1.25rem;
  }
}

@media (min-width: 769px) {
  .supportdesk_about--title {
    font-size: 1.0625rem;
  }
}

@media (min-width: 1040px) {
  .supportdesk_about--title {
    font-size: 1.5625rem;
  }
}

.supportdesk_about--list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -24px;
}

@media (min-width: 576px) {
  .supportdesk_about--list {
    margin-top: 20px;
  }
}

@media (min-width: 769px) {
  .supportdesk_about--list {
    margin-top: 0;
  }
}

@media (min-width: 1040px) {
  .supportdesk_about--list {
    margin-top: 20px;
  }
}

.supportdesk_about--item {
  margin-top: 20px;
  width: calc(100% - 24px);
  margin-left: 24px;
}

@media (min-width: 576px) {
  .supportdesk_about--item {
    width: calc(50% - 24px);
  }
}

@media (min-width: 769px) {
  .supportdesk_about--item {
    width: calc(100% - 24px);
  }
}

@media (min-width: 1040px) {
  .supportdesk_about--item {
    width: calc(50% - 24px);
  }
}

.supportdesk_about--text {
  margin-bottom: 0;
  line-height: 1.714286;
  font-size: 0.875rem;
  letter-spacing: 0.07em;
  font-weight: 400;
  padding-left: 1.1em;
  position: relative;
  margin-top: 20px;
}

@media (min-width: 576px) {
  .supportdesk_about--text {
    margin-top: 15px;
  }
  .supportdesk_about--text > br {
    display: none;
  }
}

@media (min-width: 769px) {
  .supportdesk_about--text {
    margin-top: 20px;
  }
  .supportdesk_about--text > br {
    display: inline;
  }
}

@media (min-width: 1040px) {
  .supportdesk_about--text {
    margin-top: 15px;
  }
  .supportdesk_about--text > br {
    display: none;
  }
}

.supportdesk_about--text::before {
  left: 0;
  top: 0;
  position: absolute;
  display: block;
  content: '※';
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
4. supportdesk_accident
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.supportdesk_accident--container {
  display: flex;
  flex-wrap: wrap;
}

.supportdesk_accident--title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 0;
  font-size: 3.125rem;
  font-weight: 400;
  color: #e73e51;
  letter-spacing: .07em;
  white-space: nowrap;
}

@media (min-width: 576px) {
  .supportdesk_accident--title {
    width: 40%;
  }
}

@media (min-width: 769px) {
  .supportdesk_accident--title {
    width: 100%;
  }
}

@media (min-width: 1040px) {
  .supportdesk_accident--title {
    width: 40%;
  }
}

.supportdesk_accident--title > span {
  color: #221815;
  font-weight: 300;
  display: inline-block;
  letter-spacing: 0;
}

.supportdesk_accident--title ._left {
  margin-right: .8em;
}

.supportdesk_accident--title ._right {
  margin-left: .8em;
}

.supportdesk_accident--img {
  margin: 0;
  width: 100%;
  margin-top: 20px;
  background: no-repeat center center/cover;
}

.supportdesk_accident--img::before {
  content: '';
  padding-top: 66.936791%;
  display: block;
}

@media (min-width: 576px) {
  .supportdesk_accident--img {
    width: 60%;
    margin-top: 0;
  }
}

@media (min-width: 769px) {
  .supportdesk_accident--img {
    width: 100%;
    margin-top: 20px;
  }
}

@media (min-width: 1040px) {
  .supportdesk_accident--img {
    width: 60%;
    margin-top: 0;
  }
}

.supportdesk_accident--text {
  font-weight: 700;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: .07em;
  background: #D83E4F;
  max-width: 600px;
  margin: 0 auto;
  border-radius: 30px;
  height: 60px;
  font-size: 1rem;
  margin-top: 40px;
}

@media (min-width: 576px) {
  .supportdesk_accident--text {
    font-size: 1.5rem;
    margin-top: 60px;
  }
}

@media (min-width: 769px) {
  .supportdesk_accident--text {
    margin-top: 40px;
    font-size: 1rem;
  }
}

@media (min-width: 1040px) {
  .supportdesk_accident--text {
    margin-top: 60px;
    font-size: 1.5rem;
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
5. supportdesk_highway
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.supportdesk_highway--container {
  display: flex;
}

.supportdesk_highway--title {
  width: 100%;
  color: #00913a;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 400;
  letter-spacing: .07em;
  white-space: nowrap;
  margin-top: 20px;
}

@media (min-width: 576px) {
  .supportdesk_highway--title {
    margin-top: 40px;
    font-size: 1.875rem;
  }
}

@media (min-width: 769px) {
  .supportdesk_highway--title {
    margin-top: 20px;
    font-size: 1.25rem;
  }
}

@media (min-width: 1040px) {
  .supportdesk_highway--title {
    margin-top: 40px;
    font-size: 1.875rem;
  }
}

.supportdesk_highway--title > span {
  font-size: 3.125rem;
  color: #221815;
  font-weight: 300;
  display: inline-block;
  letter-spacing: 0;
  transform: translateY(-5px);
}

.supportdesk_highway--title ._left {
  margin-right: .4em;
}

.supportdesk_highway--title ._right {
  margin-left: .4em;
}

.supportdesk_highway--img {
  margin: 0 auto;
  width: 100%;
  max-width: 70px;
  background: no-repeat center center/cover;
  margin-top: 40px;
}

.supportdesk_highway--img::before {
  content: '';
  display: block;
  padding-top: 92.857143%;
}

.supportdesk_highway--text {
  text-align: center;
  font-weight: 400;
  font-size: 0.875rem;
  letter-spacing: .07em;
  line-height: 1.428571;
  margin-top: 17px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
6. supportdesk_howto
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.supportdesk_howto {
  position: relative;
  z-index: 1;
  margin-top: 30px;
}

.supportdesk_howto._minus {
  margin-top: -15px;
}

.supportdesk_howto._green .supportdesk_howto--item {
  border: 2px solid #00913a;
}

.supportdesk_howto._green .supportdesk_howto--item:not(:last-of-type)::before {
  background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #00913a 50.5%) no-repeat top left/50% 100%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #00913a 50.5%) no-repeat top right/50% 100%;
}

.supportdesk_howto--item {
  background: #fff;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  height: 60px;
  display: flex;
  text-align: center;
  justify-content: center;
  font-size: 1rem;
  letter-spacing: .07em;
  align-items: center;
  line-height: 1.25;
  border-radius: 30px;
  border: 2px solid #D83E4F;
  padding: 0 20px;
  font-weight: 700;
  position: relative;
}

.supportdesk_howto--item:not(:first-of-type) {
  margin-top: 12px;
}

.supportdesk_howto--item:not(:last-of-type)::before {
  content: '';
  bottom: -15px;
  position: absolute;
  display: block;
  left: 50%;
  transform: translateX(-50%);
  width: 38px;
  height: 22px;
  background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #D83E4F 50.5%) no-repeat top left/50% 100%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #D83E4F 50.5%) no-repeat top right/50% 100%;
}

.suguraku--video::before, .suguraku_send::before, .suguraku_footer::before {
  content: '';
  display: block;
}

.page-suguraku .page-container {
  padding: 0;
}

.page-suguraku .suguraku-web-reservation {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  background: #fff;
}

.page-suguraku .qr-aria {
  margin-top: 40px;
  position: relative;
  background-color: #d83e4f;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  padding: 12px 12px 18px;
  border-radius: 4px;
}

@media (min-width: 1040px) {
  .page-suguraku .qr-aria {
    flex-direction: row;
    margin-top: 60px;
  }
}

.page-suguraku .qr-aria__main {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 44px;
}

.page-suguraku .qr-aria__qr {
  position: relative;
  width: 40%;
  max-width: 136px;
  margin-right: 10px;
}

@media (min-width: 1040px) {
  .page-suguraku .qr-aria__qr {
    max-width: none;
  }
}

.page-suguraku .qr-aria__qr-link {
  transition: .3s;
}

.page-suguraku .qr-aria__qr-link:hover {
  opacity: .9;
}

.page-suguraku .qr-aria__qr-link:hover > img {
  opacity: 1;
}

.page-suguraku .qr-aria__hukidashi {
  display: block;
  position: absolute;
  top: -44px;
  left: 0;
  width: 240px;
  height: 35px;
  line-height: 25px;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: bold;
  padding-left: 20px;
  background-image: url(../img/service/suguraku/hikidashi.png);
  background-position: center;
  background-size: cover;
}

@media (min-width: 1040px) {
  .page-suguraku .qr-aria__hukidashi {
    width: 335px;
    font-size: 1.125rem;
  }
}

.page-suguraku .qr-aria__textarea {
  width: 170px;
}

@media (min-width: 1040px) {
  .page-suguraku .qr-aria__textarea {
    width: auto;
  }
}

.page-suguraku .qr-aria__title {
  color: #fff;
  font-size: 2.375rem;
  font-weight: bold;
  margin-bottom: 0;
}

.page-suguraku .qr-aria__title.-sub {
  display: block;
  color: #fff;
  font-size: 1.1875rem;
  font-weight: bold;
}

@media (min-width: 1040px) {
  .page-suguraku .qr-aria__title {
    font-size: 3rem;
  }
  .page-suguraku .qr-aria__title.-sub {
    font-size: 1.5rem;
  }
}

.page-suguraku .qr-aria__subtitle {
  color: #fff;
  font-size: 0.6875rem;
  font-weight: bold;
  margin-bottom: 0;
}

@media (min-width: 1040px) {
  .page-suguraku .qr-aria__subtitle {
    font-size: 1.0625rem;
  }
}

.page-suguraku .qr-aria__text {
  display: block;
  color: #fff;
  font-size: 0.625rem;
  line-height: 1.4;
  padding-left: 10px;
  margin-top: 9px;
  border-left: 2px solid #fff;
}

@media (min-width: 1040px) {
  .page-suguraku .qr-aria__text {
    font-size: 0.875rem;
  }
}

.page-suguraku .qr-aria__img {
  width: 39.5%;
  max-width: 133px;
  margin: 20px auto 0;
}

@media (min-width: 1040px) {
  .page-suguraku .qr-aria__img {
    margin-top: 14px;
    max-width: 180px;
  }
}

.page-suguraku .middle-title {
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
  color: #d83e4f;
  padding-bottom: 20px;
  margin-top: 40px;
  border-bottom: 1px solid #000;
}

@media (min-width: 1040px) {
  .page-suguraku .middle-title {
    font-size: 2rem;
    margin-top: 60px;
  }
  .page-suguraku .middle-title.-mt80 {
    margin-top: 80px;
  }
}

.page-suguraku .flow {
  display: flex;
  flex-direction: column;
}

@media (min-width: 1040px) {
  .page-suguraku .flow {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.page-suguraku .flow-title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100px;
  padding: 20px 15px 20px 25px;
  margin-top: 20px;
  background-color: #d83e4f;
}

.page-suguraku .flow-title::before {
  content: "";
  position: absolute;
  left: 60px;
  bottom: -20px;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-color: #d83e4f transparent transparent transparent;
}

@media (min-width: 1040px) {
  .page-suguraku .flow-title {
    width: 50%;
    margin-top: 40px;
  }
}

.page-suguraku .flow-title__text {
  display: flex;
  font-weight: 400;
  align-items: center;
  color: #fff;
  font-size: 1.75rem;
  margin-bottom: 0;
}

.page-suguraku .flow-title__number {
  color: #fff;
  font-size: 2.5rem;
  font-weight: 400;
  padding-right: 20px;
}

.page-suguraku .flow-des {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100px;
  font-size: 1.125rem;
  font-weight: 400;
  padding: 20px 15px;
  background-color: #FFF9C9;
}

@media (min-width: 1040px) {
  .page-suguraku .flow-des {
    width: 50%;
    margin-top: 40px;
    padding-left: 23px;
  }
}

.page-suguraku .flow-des__logo {
  display: inline-block;
  max-width: 152px;
  margin-right: 10px;
}

.page-suguraku .flow-des-view {
  display: flex;
  margin-top: 20px;
}

@media (min-width: 1040px) {
  .page-suguraku .flow-des-view {
    margin-top: 40px;
  }
}

.page-suguraku .flow-des-view__img {
  width: calc((100% - 2px) / 2);
}

.page-suguraku .flow-des-view__img:first-child {
  margin-right: 2px;
}

@media (min-width: 1040px) {
  .page-suguraku .flow-des-view__img {
    width: calc((100% - 14px) / 2);
  }
  .page-suguraku .flow-des-view__img:first-child {
    margin-right: 14px;
  }
}

.page-suguraku .register {
  overflow-x: scroll;
}

@media (min-width: 576px) {
  .page-suguraku .register {
    overflow: hidden;
  }
}

.page-suguraku .register-text {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
}

.page-suguraku .register-text.-red {
  color: #d83e4f;
}

@media (min-width: 1040px) {
  .page-suguraku .register-text {
    font-size: 1.25rem;
  }
}

.page-suguraku .register-step {
  display: flex;
  min-width: 1400px;
  padding-bottom: 20px;
}

@media (min-width: 1040px) {
  .page-suguraku .register-step {
    flex-wrap: wrap;
    min-width: auto;
    margin-right: -1.1%;
  }
}

.page-suguraku .register-step__item {
  width: 224px;
  margin-top: 20px;
  margin-right: 10px;
}

@media (min-width: 1040px) {
  .page-suguraku .register-step__item {
    width: 32.2%;
    margin-top: 30px;
    margin-right: 1.1%;
  }
}

.page-suguraku .register-step__number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 400;
  background-color: #d83e4f;
}

.page-suguraku .register-step__inner {
  display: flex;
  flex-direction: column;
  height: calc(100% - 50px);
  padding: 24px 16px;
  border: 1px solid #707070;
}

.page-suguraku .register-step__img {
  width: 100%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
  flex-shrink: 0;
}

.page-suguraku .register-step__img > img {
  width: 100%;
}

.page-suguraku .register-step__text {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  margin-top: 30px;
}

.page-suguraku .register-step__text.-red {
  color: #d83e4f;
}

.page-suguraku .register-step__text.-mt-auto {
  display: block;
  margin-top: auto;
}

.page-suguraku .register-step__carefle {
  font-size: 0.75rem;
  line-height: 1.333333;
  text-align: center;
}

.page-suguraku .register-step__btn {
  position: relative;
  display: block;
  color: #fff;
  font-size: 1rem;
  font-weight: 400;
  padding: .8em .6em;
  background-color: #d83e4f;
  margin-top: auto;
  border-radius: 25px;
  transition: .4s ease-in;
}

.page-suguraku .register-step__btn::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: .6em;
  transform: translateY(-50%);
  width: 14px;
  height: 10px;
  background: url(../img/common/icons/icon_blank_white.svg) center center no-repeat;
}

.page-suguraku .register-step__btn:hover {
  background-color: #c7283a;
  text-decoration: none;
}

.page-suguraku .register-careful {
  font-size: 0.875rem;
  line-height: 1.428571;
  padding-bottom: 40px;
}

.page-suguraku .register-careful.-red {
  color: #d83e4f;
}

@media (min-width: 1040px) {
  .page-suguraku .register-careful {
    padding-bottom: 80px;
  }
}

.suguraku {
  background-color: #fffaca;
  color: #636363;
  font-weight: 400;
}

.suguraku * {
  margin: 0;
  padding: 0;
}

.suguraku .img {
  width: 100%;
}

.suguraku--video {
  position: relative;
  margin: 0 12.5px 37.5px;
}

.suguraku--video::before {
  padding-top: 56.25%;
}

@media (min-width: 1040px) {
  .suguraku--video {
    margin: 0 47px 95px;
  }
}

.suguraku--video > iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 0px;
}

.suguraku--text {
  font-size: 1rem;
  padding: 20px 23.5px 24px;
  letter-spacing: 0.1em;
  line-height: 1.6;
}

@media (min-width: 1040px) {
  .suguraku--text {
    text-align: center;
    padding: 14px 20px 20px;
  }
}

.suguraku--container {
  padding: 0 23.5px;
}

@media (min-width: 1040px) {
  .suguraku--container {
    padding: 0 47px;
  }
}

.suguraku_send {
  position: relative;
}

.suguraku_send::before {
  padding-top: 55.409836%;
}

@media (min-width: 1040px) {
  .suguraku_send::before {
    padding-top: 26.749436%;
  }
}

.suguraku_send--inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.suguraku_send--button {
  display: block;
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
  width: 86.88524590163934%;
  margin: 0 auto;
  text-align: center;
  transition: opacity .4s;
  cursor: pointer;
}

.suguraku_send--button:hover {
  opacity: 0.7;
}

@media (min-width: 1040px) {
  .suguraku_send--button {
    top: 45%;
    width: 39.50338600451467%;
  }
}

.suguraku_send--link {
  position: absolute;
  top: 78%;
  display: block;
  width: 100%;
  font-size: 3.437vw;
  line-height: 4.2vw;
  text-align: center;
  color: #636363;
  text-decoration: underline;
}

@media (min-width: 1040px) {
  .suguraku_send--link {
    top: 83%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1rem;
    line-height: 20px;
  }
}

.suguraku_footer {
  position: relative;
}

@media (min-width: 1040px) {
  .suguraku_footer::before {
    padding-top: 30%;
  }
}

@media (min-width: 1040px) {
  .suguraku_footer--img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
  }
}

.suguraku_footer--text {
  font-size: 0.75rem;
  line-height: 15px;
  letter-spacing: 0.1em;
  padding: 12px 45px 15px;
}

@media (min-width: 576px) {
  .suguraku_footer--text {
    font-size: 1.25rem;
    line-height: 1.6;
  }
}

@media (min-width: 769px) {
  .suguraku_footer--text {
    font-size: 0.75rem;
    line-height: 15px;
  }
}

@media (min-width: 1040px) {
  .suguraku_footer--text {
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 0.8125rem;
    line-height: 20px;
  }
}

.lineup-main {
  width: 100%;
}

.lineup-main h1 {
  margin-bottom: 60px;
  line-height: 2;
}

@media (max-width: 575.98px) {
  .lineup-main h1 {
    margin-bottom: 40px;
  }
}

.flex {
  display: flex;
}

.lineup-nav {
  width: 100%;
  margin-bottom: 60px;
}

.lineup-nav ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}

@media (max-width: 768.98px) {
  .lineup-nav ul {
    display: block;
  }
}

@media (max-width: 768.98px) {
  .lineup-nav ul {
    border: 1px solid #ccc;
  }
}

.lineup-nav li {
  list-style: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin-right: 10px;
  margin-bottom: 10px;
}

@media (max-width: 768.98px) {
  .lineup-nav li {
    border: none;
    margin: 0;
  }
}

.lineup-nav li a {
  padding-right: 10px;
  padding-left: 10px;
  font-size: 0.875rem;
  font-weight: 400;
}

.lineup-nav li a::before {
  margin-right: 0.6rem;
}

.store-area {
  padding-top: 140px;
  margin: -140px 0 60px;
}

.store-area h2 {
  margin-bottom: 40px;
}

@media (max-width: 575.98px) {
  .store-area h2 {
    margin-bottom: 20px;
  }
}

.store-area__flex {
  display: flex;
  flex-wrap: wrap;
  margin: -40px -20px 40px 0;
}

@media (max-width: 575.98px) {
  .store-area__flex {
    display: block;
    margin: 0;
  }
}

@media (max-width: 575.98px) {
  .store-area .carshare-footer__btn {
    margin-top: 40px;
  }
}

.store-area__inner {
  position: relative;
}

.store-area__inner > div[id] {
  position: absolute;
  left: 0;
  top: -100px;
}

@media (max-width: 575.98px) {
  .store-area__inner > div[id] {
    position: absolute;
    top: 80px;
  }
}

.discription {
  display: flex;
  align-items: flex-start;
}

@media (max-width: 575.98px) {
  .discription {
    display: block;
  }
}

.discription__inner {
  width: 180px;
  flex-shrink: 0;
}

@media (max-width: 1039.98px) {
  .discription__inner {
    width: auto;
  }
}

@media (max-width: 575.98px) {
  .discription__inner {
    display: flex;
    align-items: center;
  }
  .discription__inner-text {
    margin-left: 15px;
  }
}

.custom-area {
  display: flex;
  flex-direction: column;
  width: calc(50% - 20px);
  margin-top: 40px;
  margin-right: 20px;
  box-shadow: 0 2px 8px rgba(34, 24, 21, 0.16);
  position: relative;
}

@media (max-width: 1039.98px) {
  .custom-area {
    width: 100%;
  }
}

@media (max-width: 575.98px) {
  .custom-area {
    margin-bottom: 40px;
  }
}

.custom-area__anchor {
  position: absolute;
  top: -110px;
  left: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  clip-path: inset(100%);
}

@media (max-width: 575.98px) {
  .custom-area__anchor {
    top: -80px;
  }
}

.custom-area__name {
  display: block;
  background-color: #D83E4F;
  width: 100%;
  font-size: 1rem;
  color: #fff;
  padding: 20px;
  margin-bottom: 0;
}

@media (max-width: 575.98px) {
  .custom-area:nth-child(even) {
    margin: 0 0 40px 0;
  }
}

.custom-area__inner {
  border-bottom: 2px solid #D83E4F;
  border-left: 2px solid #D83E4F;
  border-right: 2px solid #D83E4F;
  box-sizing: border-box;
  padding: 20px;
  height: 100%;
}

@media (max-width: 575.98px) {
  .custom-area__inner {
    height: auto;
  }
}

.custom-area__inner > .shop-gallery {
  max-width: 100%;
  margin-bottom: 20px;
}

.custom-area__img-area {
  width: auto;
  margin-right: 20px;
}

.custom-area__img-area .img-area__img {
  border: 1px solid #ccc;
  overflow: hidden;
  position: relative;
  display: block;
  width: 180px;
  margin-bottom: 10px;
}

@media (max-width: 1039.98px) {
  .custom-area__img-area .img-area__img {
    width: 140px;
  }
}

.custom-area__img-area .img-area__img::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.custom-area__img-area .img-area__img > img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

@media (max-width: 1039.98px) {
  .custom-area__img-area .img-area__img {
    margin: 0 auto 15px;
  }
}

.custom-area .car-name {
  width: 180px;
  height: 24px;
  line-height: 24px;
  font-size: 0.75rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  border-radius: 0.35em;
  margin-bottom: 15px;
}

@media (max-width: 1039.98px) {
  .custom-area .car-name {
    width: 140px;
  }
}

.custom-area .car-name.-compact {
  background-color: #d83e4f;
}

.custom-area .car-name.-large {
  background-color: #00913a;
}

.custom-area .car-name.-sports {
  background-color: #0040a7;
}

.custom-area .car-name.-middle {
  background-color: #00913a;
}

@media (max-width: 1039.98px) {
  .custom-area .car-name {
    margin: 0 auto 15px;
  }
}

.custom-area .map-text {
  font-size: 0.8125rem;
  text-align: center;
  margin-bottom: 10px;
}

@media (max-width: 575.98px) {
  .custom-area .map-text {
    font-size: 0.75rem;
  }
}

.custom-area .map-link {
  text-align: center;
}

@media (max-width: 1039.98px) {
  .custom-area .map-link {
    margin-bottom: 15px;
  }
}

.custom-area .map-link > img {
  width: 10px;
  height: 16px;
}

.custom-area .map-link a {
  font-size: 0.875rem;
}

@media (max-width: 575.98px) {
  .custom-area .map-link a {
    font-size: 0.75rem;
  }
}

.description-area {
  border-bottom: 1px solid #ccc;
  width: calc(100% - 200px);
  word-break: break-all;
}

@media (max-width: 1039.98px) {
  .description-area {
    width: 100%;
  }
}

@media (max-width: 575.98px) {
  .description-area:not(.active) .description-area__text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .description-area:not(.active) .description-area__text:not(:nth-child(-n + 3)) {
    height: 0;
    opacity: 0;
    visibility: visible;
    padding: 0;
  }
}

.description-area__text {
  font-size: 0.8125rem;
  color: #000;
  padding: 10px 0;
  margin: 0;
  border-top: 1px solid #ccc;
}

.acd-check {
  display: none;
}

.acd-label {
  color: #D83E4F;
  font-size: 0.8125rem;
  text-decoration: underline;
  text-align: center;
  display: block;
  margin: 20px auto 0;
  background-color: #fff;
  border: none;
  position: relative;
  z-index: 1;
  cursor: pointer;
}

@media (min-width: 576px) {
  .acd-label {
    display: none;
  }
}

.acd-label .icon-caret-down, .acd-label .icon-caret-up {
  border-top-color: #D83E4F;
  border-bottom-color: #D83E4F;
  margin-right: 10px;
}

.acd-label:focus {
  outline: none;
}

.acd-content {
  opacity: 0;
  padding: 0;
  transition: .5s;
  visibility: hidden;
}

@media (min-width: 576px) {
  .acd-content {
    opacity: 1;
    visibility: visible;
  }
}

.acd-check:checked + .acd-label {
  display: none;
}

.convertion-area {
  width: 100%;
  height: 180px;
  margin-top: 80px;
  background-color: #EFEFEF;
  align-items: center;
}

@media (max-width: 575.98px) {
  .convertion-area {
    display: block;
    width: 100%;
    height: 357px;
  }
}

.convertion-area span {
  width: 0;
  height: 140px;
  border-right: 1px solid #ccc;
}

@media (max-width: 575.98px) {
  .convertion-area span {
    width: 88%;
    height: 0;
    display: block;
    border-top: 1px solid #ccc;
    margin: 0 auto;
  }
}

.convertion {
  width: 50%;
  height: 140px;
  text-align: center;
  margin-top: 40px;
}

@media (max-width: 575.98px) {
  .convertion {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 40px 0;
    box-sizing: content-box;
  }
}

.convertion-text {
  font-weight: bold;
  color: #D83E4F;
}

.convertion .btn-primary:hover {
  text-decoration: none;
}

.convertion .btn-primary::before, .convertion .btn-primary::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.convertion .btn-primary::before {
  position: static;
  display: inline-block;
  background: url("../img/common/icons/ico-key.svg") center center no-repeat;
  width: 20px;
  height: 12px;
  transform: none;
  margin-right: 7px;
}

.convertion .btn-primary::after {
  background: url("../img/common/icons/icon_blank_white.svg") center center no-repeat;
  background-size: 14px 10px;
  width: 14px;
  height: 10px;
  right: 10px;
}

.convertion .notes-text {
  font-size: 0.625rem;
  color: #231815;
  margin: 10px 0 0;
}

@media (max-width: 1039.98px) {
  .convertion .notes-text {
    width: 80%;
    margin: 0 auto;
  }
}

@media (max-width: 575.98px) {
  .convertion .notes-text {
    width: 268px;
    font-size: 0.6875rem;
  }
}

.convertion .notes-text a {
  text-decoration: underline;
  color: #231815;
  margin-top: 10px;
}

.page-lineup .shop-gallery .carousel-indicators > li {
  position: relative;
  border-radius: 0;
  padding: 0;
}

.page-lineup .shop-gallery .carousel-indicators > li::before {
  content: '';
  display: block;
  padding-top: 75.757576%;
}

.page-lineup .shop-gallery .carousel-indicators > li > img {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.page-lineup .shop-gallery .carousel-indicators > li {
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

ul {
  padding: 0;
}

li {
  list-style: none;
}

.s-nav {
  width: 100%;
  height: 70px;
  border-top: 1px solid #d83e4f;
}

.s-nav__menu {
  display: flex;
  width: 100%;
  height: 100%;
  max-width: 1010px;
  padding: 0 15px;
  margin: 0 auto;
  box-sizing: border-box;
}

.s-nav__menu li {
  width: 196px;
  text-align: center;
  border-right: 1px solid #d83e4f;
}

.s-nav__menu li:first-child {
  border-left: 1px solid #d83e4f;
}

.s-nav-list {
  width: 100%;
}

.s-nav-list a {
  display: block;
  font-size: 0.875rem;
  line-height: 70px;
  width: 100%;
}

.s-breadcrumb {
  background-image: linear-gradient(-45deg, #d83e4f, #d83e4f 25%, #e47884 25%, #e47884 50%, #d83e4f 50%, #d83e4f 75%, #e47884 75%, #e47884);
  background-repeat: repeat;
  background-size: 4px 4px;
  position: relative;
  background-position: center bottom;
  height: 32px;
}

.s-breadcrumb-menu {
  display: flex;
  width: 100%;
  max-width: 1010px;
  padding: 0 15px;
  margin: 0 auto;
  box-sizing: border-box;
}

.s-breadcrumb-list {
  padding-right: 0.5rem;
}

.s-breadcrumb-list:not(:first-of-type)::before {
  content: ">";
  display: inline;
  color: #fff;
  font-size: 0.75rem;
  padding-right: 0.5rem;
}

.s-breadcrumb-list a {
  color: #fff;
  font-size: 0.75rem;
  line-height: 32px;
}

.s-hero-wrapper {
  position: relative;
  background-image: url(../../assets/img/limited/limited_hero.jpg);
  background-position: center;
  width: 100%;
  height: 200px;
}

.s-hero-wrapper::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.s-hero-wrapper h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 3.75rem;
  font-weight: bold;
  color: #fff;
  transform: translate(-50%, -50%);
}

.page-container.top-news .blog-article-card__body {
  width: 95%;
}

@media (min-width: 769px) {
  .page-container.top-news .blog-article-card__body {
    width: 95%;
  }
}

.page-container.top-news .blog-article-card__title {
  width: 70%;
}

@media (min-width: 769px) {
  .page-container.top-news .blog-article-card__title {
    width: 70%;
  }
}

.page-container.top-news .blog-article-card__summary {
  width: 100%;
  height: calc(2em * 1.6);
  overflow: hidden;
  line-height: 1.6;
}

@supports (-webkit-line-clamp: 2) {
  .page-container.top-news .blog-article-card__summary {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}

@media (min-width: 769px) {
  .page-container.top-news .blog-article-card__summary {
    height: calc(4em * 1.6);
    overflow: hidden;
    line-height: 1.6;
  }
  @supports (-webkit-line-clamp: 4) {
    .page-container.top-news .blog-article-card__summary {
      display: -webkit-box;
      overflow: hidden;
      -webkit-line-clamp: 4;
      -webkit-box-orient: vertical;
    }
  }
}

.page-container.top-news .blog-article-card__summary::before {
  content: none;
}

.instagram-main {
  width: 100%;
}

.instagram-main .hero {
  position: relative;
  background-image: url(../img/instagram/insta-hero-sp@2x.jpg);
  background-size: cover;
  background-position: center;
  height: 120px;
}

@media (min-width: 1040px) {
  .instagram-main .hero {
    background-image: url(../img/instagram/insta-hero@2x.jpg);
    height: 250px;
  }
}

.instagram-main .hero__inner {
  position: absolute;
  max-width: 80px;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
}

@media (min-width: 1040px) {
  .instagram-main .hero__inner {
    max-width: 170px;
    right: 120px;
  }
}

.instagram-main .hero__icon {
  display: block;
  max-width: 36.23px;
  margin: 0 auto;
}

@media (min-width: 1040px) {
  .instagram-main .hero__icon {
    max-width: 75.6px;
  }
}

.instagram-main .hero__text {
  color: #fff;
  font-size: 1.25rem;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: "Dancing Script", cursive;
}

@media (min-width: 1040px) {
  .instagram-main .hero__text {
    font-size: 2.5625rem;
    margin-top: 17.5px;
  }
}

.instagram-main .heading-section {
  margin-top: 40px;
}

@media (min-width: 769px) {
  .instagram-main .heading-section {
    margin-top: 110px;
  }
}

.instagram-main .insta-list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 0 12px;
}

@media (min-width: 576px) {
  .instagram-main .insta-list {
    flex-direction: row;
    padding: 0;
    margin-top: 40px;
    margin-right: -40px;
  }
}

@media (min-width: 1040px) {
  .instagram-main .insta-list {
    margin-right: -30px;
  }
}

.instagram-main .insta-list__item {
  width: 100%;
  margin-top: 40px;
}

@media (min-width: 576px) {
  .instagram-main .insta-list__item {
    width: calc((100% - 80px) / 2);
    margin-right: 40px;
  }
}

@media (min-width: 1040px) {
  .instagram-main .insta-list__item {
    width: 30%;
    margin-right: 30px;
  }
}

.instagram-main .insta-card {
  display: flex;
  flex-direction: column;
}

.instagram-main .insta-card__top {
  order: 2;
}

.instagram-main .insta-card__bottom {
  order: 1;
  padding: 8px 5px;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
}

.instagram-main .insta-card__img {
  position: relative;
  width: 100%;
  margin-top: 5px;
  overflow: hidden;
}

.instagram-main .insta-card__img::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.instagram-main .insta-card__img > img {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.instagram-main .insta-card__title-en {
  font-size: 0.75rem;
  font-weight: bold;
  margin-top: 8px;
}

.instagram-main .insta-card__text {
  font-size: 0.875rem;
  line-height: 1.714286;
  margin-top: 8px;
}

.instagram-main .insta-titlearea {
  display: flex;
  align-items: center;
  margin-top: 13px;
}

.instagram-main .insta-titlearea__icon {
  min-width: 40px;
  max-width: 40px;
  margin-right: 10px;
}

.instagram-main .insta-titlearea__title {
  color: #d83e4f;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: bold;
}

.instagram-main .insta-head {
  display: flex;
  align-items: center;
  padding: 0 7px;
}

.instagram-main .insta-head__icon {
  max-width: 20px;
  margin-right: 7px;
}

.instagram-main .insta-head__title {
  font-size: 0.625rem;
  font-weight: bold;
  margin-bottom: 0;
  letter-spacing: 0;
}

.instagram-main .insta-head__follower {
  display: block;
  color: #9E9E9E;
  font-size: 0.625rem;
  font-weight: 400;
}

.instagram-main .insta-head__btn {
  font-size: 0.625rem;
  line-height: 20px;
  font-weight: bold;
  width: 72px;
  height: 20px;
  border: none;
  border-radius: 2px;
  background-color: #0094F6;
  margin-left: auto;
  opacity: 1;
  transition: opacity .3s;
  padding: 1px 6px;
  letter-spacing: normal;
}

.instagram-main .insta-head__btn > a {
  color: #fff;
}

.instagram-main .insta-head__btn:hover {
  opacity: .8;
}

.instagram-main .insta-head__btn:hover > a {
  color: #fff;
  text-decoration: none;
}

#daihatsu-port {
  padding-top: 18px;
  padding-bottom: 60px;
  background-color: #f4f4f4;
}

@media (min-width: 769px) {
  #daihatsu-port {
    padding-top: 30px;
    padding-bottom: 80px;
  }
}

#daihatsu-port .daihatsu-port-title {
  font-size: 1.375rem;
  padding-bottom: 18px;
}

@media (min-width: 769px) {
  #daihatsu-port .daihatsu-port-title {
    font-size: 2rem;
    padding-bottom: 38px;
  }
}

#daihatsu-port .daihatsu-port-bg {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #fffef7;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

#daihatsu-port .daihatsu-port-bg .btn-primary {
  display: block;
  max-width: 284px;
  margin: 20px auto 30px;
  background-color: #e60012;
}

#daihatsu-port .daihatsu-port-bg .btn-primary::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  right: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #fff;
  transform: translateY(-50%);
}

#daihatsu-port .daihatsu-port-bg .btn-primary:hover {
  background-color: #f62a3b;
}

@media (min-width: 769px) {
  #daihatsu-port .daihatsu-port-bg .btn-primary {
    margin-top: 0;
    margin-bottom: 0;
  }
}

#daihatsu-port .daihatsu-port-text {
  display: inline-block;
  width: 100%;
  font-size: 0.75rem;
  text-align: center;
  font-weight: bold;
  padding-top: 14px;
  padding-bottom: 20px;
  margin-bottom: 0;
}

@media (min-width: 769px) {
  #daihatsu-port .daihatsu-port-text {
    font-size: 0.875rem;
    padding-top: 28px;
    padding-bottom: 40px;
  }
}

#daihatsu-port .daihatsu-port-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #e60012;
  font-size: 1.3125rem;
  font-weight: bold;
  width: 100%;
  padding: 10px 0;
  max-width: 300px;
  margin: 22px auto 0;
  border-radius: 45px;
  border: 4px solid #e60012;
  background-color: #fff;
}

#daihatsu-port .daihatsu-port-button:hover {
  text-decoration: none;
  color: #f62a3b;
  border-color: #f62a3b;
}

@media (min-width: 769px) {
  #daihatsu-port .daihatsu-port-button {
    font-size: 2.375rem;
    max-width: 500px;
    margin-top: 36px;
  }
}

#daihatsu-port .daihatsu-port-under {
  display: inline-block;
  width: 100%;
  color: #e60012;
  font-size: 0.75rem;
  text-align: center;
  padding-top: 10px;
  text-decoration: underline;
}

#daihatsu-port .daihatsu-port-under:hover {
  text-decoration: none;
}

@media (min-width: 769px) {
  #daihatsu-port .daihatsu-port-under {
    padding-top: 30px;
    font-size: 1.125rem;
  }
}

@media (min-width: 769px) {
  #daihatsu-port .daihatsu-port-inner {
    padding-left: 100px;
    padding-right: 100px;
    margin-left: auto;
    margin-right: auto;
  }
}

#daihatsu-port .daihatsu-port-banner {
  position: relative;
  display: block;
  width: 100%;
  max-width: 335px;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 769px) {
  #daihatsu-port .daihatsu-port-banner {
    max-width: 720px;
  }
}

@media (min-width: 1040px) {
  #daihatsu-port .daihatsu-port-banner {
    max-width: 1010px;
  }
}

#daihatsu-port .daihatsu-port-banner__qr {
  position: absolute;
  top: 51px;
  left: 13px;
  display: block;
  width: 40.6%;
  height: 28.3%;
  transition: opacity .3s;
  background-image: url(/assets/img/daihatsu-port/port-banner-qr.png);
  background-position: center;
  background-size: cover;
}

#daihatsu-port .daihatsu-port-banner__qr:hover {
  opacity: .8;
}

@media (min-width: 769px) {
  #daihatsu-port .daihatsu-port-banner__qr {
    top: 50px;
    left: 30px;
    width: 18.3%;
    height: 66%;
  }
}

@media (min-width: 1040px) {
  #daihatsu-port .daihatsu-port-banner__qr {
    top: 69px;
    left: 40px;
  }
}

#daihatsu-port .w-full {
  width: 100%;
}

#daihatsu-port .w-full img {
  width: 100%;
}

#daihatsu-port .max-w-900{
  max-width: 900px;
}

#daihatsu-port .max-w-886{
  max-width: 886px;
}

#daihatsu-port .m-center {
  margin-left: auto;
  margin-right: auto;
}

#daihatsu-port .mt-15 {
  margin-top: 15px;
}

#daihatsu-port .mt-25 {
  margin-top: 25px;
}

#daihatsu-port .mt-30 {
  margin-top: 30px;
}

#daihatsu-port .mt-40 {
  margin-top: 40px;
}

#daihatsu-port .mt-50 {
  margin-top: 50px;
}

#daihatsu-port .mt-60 {
  margin-top: 60px;
}

@media (min-width: 769px) {
  #daihatsu-port .sm-mt-80 {
    margin-top: 80px;
  }
  #daihatsu-port .sm-mt-30 {
    margin-top: 30px;
  }
  #daihatsu-port .sm-mt-40 {
    margin-top: 40px;
  }
  #daihatsu-port .sm-mt-50 {
    margin-top: 50px;
  }
  #daihatsu-port .sm-mt-60 {
    margin-top: 60px;
  }
  #daihatsu-port .sm-mt-100 {
    margin-top: 100px;
  }
}

.online_shoudan-main {
  width: 100%;
}

.online_shoudan-main .check {
  margin-top: calc(80px - 36px);
}

@media (max-width: 1039.98px) {
  .online_shoudan-main .check {
    margin-top: 0;
  }
}

.online_shoudan-main .check__list {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.online_shoudan-main .check__item {
  width: 100%;
  max-width: 33.33%;
  margin-top: 36px;
}

@media (max-width: 1039.98px) {
  .online_shoudan-main .check__item {
    margin-top: 40px;
    max-width: none;
  }
}

.online_shoudan-main .support {
  margin-top: 60px;
}

@media (max-width: 1039.98px) {
  .online_shoudan-main .support {
    margin-top: 40px;
  }
}

.online_shoudan-main .support__text {
  position: relative;
  width: 100%;
  max-width: 684px;
  margin: 0 auto;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5;
}

@media (max-width: 1039.98px) {
  .online_shoudan-main .support__text {
    font-size: 1.5rem;
    max-width: 341.73px;
  }
}

.online_shoudan-main .support__text::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 13.905542%;
  background-position: center;
  background-image: url(/assets/img/online_shoudan/effect@2x.png);
  background-size: cover;
}

@media (max-width: 1039.98px) {
  .online_shoudan-main .support__text::before {
    top: 50px;
    padding-top: 27.828988%;
    background-image: url(/assets/img/online_shoudan/effect_sp@2x.png);
  }
}

.online_shoudan-main .support__img {
  width: 100%;
  max-width: 588px;
  margin: 60px auto 0;
}

@media (max-width: 1039.98px) {
  .online_shoudan-main .support__img {
    margin-top: 66px;
  }
}

.online_shoudan-main .flow {
  margin-top: 60px;
}

@media (max-width: 1039.98px) {
  .online_shoudan-main .flow {
    margin-top: 40px;
  }
}

.online_shoudan-main .flow__inner {
  padding: 60px 40px 40px;
  border-radius: 20px;
  background-color: #F7D8DC;
}

@media (max-width: 1039.98px) {
  .online_shoudan-main .flow__inner {
    padding: 50px 12.5px;
  }
}

.online_shoudan-main .flow__title {
  position: relative;
  width: 100%;
  text-align: center;
}

.online_shoudan-main .flow__title .-line {
  display: block;
  width: 100%;
  height: 2px;
  background-color: #000;
}

.online_shoudan-main .flow__title .-text {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 1.75rem;
  font-weight: bold;
  padding: 0 20px;
  background-color: #F7D8DC;
  transform: translate(-50%, -50%);
}

@media (max-width: 1039.98px) {
  .online_shoudan-main .flow__title .-text {
    font-size: 1.5rem;
    white-space: nowrap;
  }
}

.online_shoudan-main .flow__img {
  margin: 50px 0 20px;
}

@media (max-width: 1039.98px) {
  .online_shoudan-main .flow__img {
    padding: 0 8.5px;
    margin: 40px auto 50px;
  }
}

.online_shoudan-main .flow__text {
  margin-top: 30px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 1039.98px) {
  .online_shoudan-main .flow__text {
    margin-top: 40px;
    font-size: 0.875rem;
  }
}

.online_shoudan-main .flow__store-list {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 20px;
}

@media (max-width: 1039.98px) {
  .online_shoudan-main .flow__store-list {
    display: block;
    margin-top: 40px;
  }
}

.online_shoudan-main .flow__store-item {
  width: 100%;
}

@media (max-width: 1039.98px) {
  .online_shoudan-main .flow__store-item {
    margin: 0 auto;
  }
}

.online_shoudan-main .flow__store-item.-app {
  max-width: 194px;
  margin-right: 40px;
}

@media (max-width: 1039.98px) {
  .online_shoudan-main .flow__store-item.-app {
    margin-right: auto;
  }
}

.online_shoudan-main .flow__store-item.-google {
  max-width: 227px;
}

@media (max-width: 1039.98px) {
  .online_shoudan-main .flow__store-item.-google {
    margin-top: 20px;
  }
}

.online_shoudan-main .flow__careful {
  display: block;
  margin-top: 20px;
  text-align: center;
  font-size: 0.75rem;
  line-height: 1.666667;
  font-weight: 400;
}

@media (max-width: 1039.98px) {
  .online_shoudan-main .flow__careful {
    margin-top: 20px;
  }
}

.online_shoudan-main .flow__description {
  margin-top: calc(20px - 10px);
}

@media (max-width: 1039.98px) {
  .online_shoudan-main .flow__description {
    margin-top: 20px;
  }
}

.online_shoudan-main .flow__description-item {
  display: flex;
  align-items: start;
  margin-top: 10px;
  font-size: 0.75rem;
  font-weight: 400;
}

.online_shoudan-main .flow__description-item > span {
  margin-right: 8px;
}

.online_shoudan-main .shop {
  margin-top: 80px;
}

@media (max-width: 1039.98px) {
  .online_shoudan-main .shop {
    margin-top: 40px;
  }
}

.online_shoudan-main .shop__title {
  display: block;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  color: #d83e4f;
}

@media (max-width: 1039.98px) {
  .online_shoudan-main .shop__title {
    font-size: 1.5rem;
  }
}

.online_shoudan-main .shop__text {
  display: block;
  font-size: 1rem;
  margin-top: 40px;
}

@media (max-width: 1039.98px) {
  .online_shoudan-main .shop__text {
    margin-top: 20px;
  }
}

.online_shoudan-main .shop__list {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(40px - 20px);
  margin-right: -27px;
}

@media (max-width: 1039.98px) {
  .online_shoudan-main .shop__list {
    margin-right: 0;
  }
}

.online_shoudan-main .shop__item {
  width: calc((100% / 4) - 27px);
  margin-right: 27px;
  margin-top: 20px;
}

@media (max-width: 1039.98px) {
  .online_shoudan-main .shop__item {
    width: 100%;
    margin-right: 0;
  }
}

.online_shoudan-main .shop__item > a {
  display: block;
  border: 2px solid #d83e4f;
  border-radius: 5px;
  background-color: #fff;
  color: #212529;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  width: 100%;
  padding: 0.8em 0;
  transition: .3s;
}

.online_shoudan-main .shop__item > a:hover {
  color: #fff;
  background-color: #d83e4f;
  text-decoration: none;
}

.online_shoudan-main .zoom {
  margin-top: 40px;
}

@media (max-width: 768.98px) {
  .online_shoudan-main .zoom {
    padding: 0 20px;
  }
}

.online_shoudan-main .zoom__title {
  display: block;
  text-align: center;
  font-size: 1.25rem;
  font-weight: bold;
}

@media (max-width: 768.98px) {
  .online_shoudan-main .zoom__title {
    font-size: 1rem;
  }
}

.online_shoudan-main .zoom__install {
  position: relative;
  margin-top: 20px;
}

@media (max-width: 768.98px) {
  .online_shoudan-main .zoom__install {
    margin-top: 40px;
  }
}

.online_shoudan-main .zoom__img {
  width: 100%;
}

@media (max-width: 768.98px) {
  .online_shoudan-main .zoom__img {
    max-width: 287.5px;
    margin: 0 auto;
  }
}

.online_shoudan-main .zoom-btn {
  position: absolute;
  width: 100%;
  max-width: 246px;
  bottom: 0;
  right: 0;
  text-align: center;
}

@media (max-width: 1039.98px) {
  .online_shoudan-main .zoom-btn {
    max-width: 180px;
  }
}

@media (max-width: 768.98px) {
  .online_shoudan-main .zoom-btn {
    max-width: 246px;
    position: relative;
    margin: 40px auto 0;
  }
}

.online_shoudan-main .zoom-btn__title {
  display: block;
  width: 100%;
  font-size: 1.125rem;
  font-weight: bold;
  color: #d83e4f;
}

@media (max-width: 1039.98px) {
  .online_shoudan-main .zoom-btn__title {
    font-size: 0.625rem;
  }
}

@media (max-width: 768.98px) {
  .online_shoudan-main .zoom-btn__title {
    font-size: 1.125rem;
  }
}

.online_shoudan-main .zoom-btn__arrow {
  width: 34px;
  height: 12px;
  margin: 0 auto;
}

@media (max-width: 1039.98px) {
  .online_shoudan-main .zoom-btn__arrow {
    width: 17px;
    height: 6px;
  }
}

@media (max-width: 768.98px) {
  .online_shoudan-main .zoom-btn__arrow {
    width: 34px;
    height: 12px;
  }
}

.online_shoudan-main .zoom-btn__download {
  display: block;
  width: 100%;
  margin-top: 8px;
  transition: 0.4s;
}

.online_shoudan-main .zoom-btn__download:hover {
  opacity: 0.7;
}

.online_shoudan-main .zoom-btn__link {
  font-size: 1rem;
  font-weight: bold;
  margin-top: 10px;
  color: #212529;
}

.online_shoudan-main .zoom-btn__link:hover {
  text-decoration: underline;
  color: #d83e4f;
}

@media (max-width: 1039.98px) {
  .online_shoudan-main .zoom-btn__link {
    font-size: 0.625rem;
  }
}

@media (max-width: 768.98px) {
  .online_shoudan-main .zoom-btn__link {
    font-size: 1rem;
  }
}

.online_shoudan-main .shop-btn {
  margin-top: 40px;
}

@media (min-width: 769px) {
  .online_shoudan-main .shop-btn {
    margin-top: 80px;
  }
}

.online_shoudan-main .shop-btn__link {
  position: relative;
  color: #fff;
  display: block;
  width: 100%;
  font-size: 1.25rem;
  font-weight: bold;
  padding: 21px 0;
  background-color: #d83e4f;
  border-radius: 4px;
  text-align: center;
  max-width: 540px;
  margin: 0 auto;
  transition: .3s;
}

.online_shoudan-main .shop-btn__link:hover {
  opacity: .8;
  text-decoration: none;
}

.online_shoudan-main .shop-btn__link::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  border: 1px solid #fff;
  transform: translateY(-50%);
  background: url(/assets/img/lp/common/white-arrow.svg) no-repeat center center/6px auto;
}

@media (min-width: 769px) {
  .online_shoudan-main .shop-btn__link {
    font-size: 1.75rem;
  }
}

.healthcare__img--pc {
  display: none;
}

.healthcare__img--sp {
  display: block;
}

.healthcare__section {
  margin-bottom: 77px;
}

.healthcare__title {
  background-color: #e73e51;
  color: #fff;
  font-size: 1.25rem;
  width: 100%;
  border-radius: 4px;
  padding: 16px 0 16px 20px;
  margin-bottom: 35px;
}

.healthcare__text {
  margin-bottom: 52px;
}

.healthcare__text--caption{
  font-size: 12px;
}

.healthcare__sign {
  text-align: right;
  font-size: 0.875rem;
}

.healthcare__flex {
  display: flex;
  margin-left: -10px;
  margin-bottom: 10px;
}

.healthcare__flex--pc {
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.healthcare__flex p {
  margin-bottom: 0;
}

.healthcare__btn {
  background-color: #e73e51;
  color: #fff;
  text-align: center;
  border-radius: 4px;
  padding: 10px 0;
  display: block;
  margin-bottom: 8px;
  position: relative;
}

.healthcare__btn__text {
  font-size: 0.875rem;
}

.healthcare__btn__blank {
  position: absolute;
  right: 10px;
  width: 14px;
  height: 10px;
}

.healthcare__zoom {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.healthcare__zoom svg {
  width: 30px;
  height: 30px;
}

.healthcare__zoom p {
  color: #e73e51;
  font-weight: bold;
}

.healthcare__subtitle {
  position: relative;
  margin-bottom: 15px;
}

.healthcare__subtitle::before {
  position: absolute;
  content: '';
  display: block;
  height: 30px;
  width: 6px;
  background: #e73e51;
  left: -1;
  top: 50%;
  transform: translateY(-50%);
}

.healthcare__subtitle-text {
  font-size: 1.25rem;
  padding-left: 15px;
}

.healthcare__list {
  position: relative;
  margin-left: 20px;
}

.healthcare__list::before {
  position: absolute;
  content: '・';
  display: block;
}

.healthcare__list__text {
  padding-left: 30px;
  margin-bottom: 3px;
}

.healthcare__table {
  width: 100%;
  overflow-x: scroll;
}

.healthcare__table table {
  width: 1327px;
}

.healthcare__table__col-title {
  font-size: 18px;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  padding: 17px 0;
}

.healthcare__table__col-title-sub{
  font-size: 18px;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  padding: 17px 0;
}

.healthcare__table__row-title {
  background-color: #4A4A4A;
  color: #fff;
  padding: 16px 0;
  border: 1px solid #CCCCCC;
}

.healthcare__table__data {
  border: 1px solid #CCCCCC;
  font-weight: bold;
  width: 220px;
}

.healthcare__table__data:nth-child(2),
.healthcare__table__data:nth-child(3) {
  color: #e73e51;
  width: 160px;
}

.healthcare__table__subtext {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
}

.healthcare__table__list{
  display: grid;
  gap: 2px;
  font-size: 12px;
  margin-top: 20px;
  margin-bottom: 0;
}

.healthcare__table__list-item{
  display: flex;
  align-items: start;
  justify-content: start;
  gap: 2px;
}

.healthcare__table__list-item::before{
  content: '※';
}

.healthcare__about {
  margin-bottom: 38px;
}

.healthcare__human {
  text-align: center;
}

.healthcare__human.pc_only{
  display: none;
}

.healthcare__team{
  display: block;
  margin-bottom: 60px;
}

.healthcare__team--img{
  width: 100%;
  max-width: 200px;
  margin-bottom: 20px;
}

.healthcare__team .list p{
  margin-bottom: 0;
}

.healthcare__team .circle{
  position: relative;
  padding-left: 16px;
}

.healthcare__team .circle::before{
  position: absolute;
  left: 0;
  content: '⚪︎';
  font-size: 16px;
}

.smartphoto {
  z-index: 2000 !important;
}

.smartphoto-count {
  display: none !important;
}

.xl-count{
  display: block;
}

@media (min-width: 769px) {
  .healthcare__img--pc {
    display: block;
  }
  .healthcare__img--sp {
    display: none;
  }
  .healthcare__flex {
    margin-left: 0;
  }
  .healthcare__flex--pc {
    display: flex;
    margin-bottom: 38px;
  }
  .healthcare__flex--pc .font-weight-bold {
    width: 80px;
  }
  .healthcare__zoom {
    display: none;
  }
  .healthcare__policy {
    margin-left: -10px;
  }
  .healthcare__list {
    margin-left: 80px;
  }
  .healthcare__table {
    max-width: 690px;
  }
  .healthcare__table table {
    width: 1350px;
  }
  .healthcare__table__row-title {
    font-size: 18px;
    width: 300px;
  }
  .healthcare__table__data{
    width: 250px;
  }
  .healthcare__table__data:nth-child(2),
  .healthcare__table__data:nth-child(3) {
    width: 160px;
  }
  .healthcare__human {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 200px;
  }
  .healthcare__human.pc_only{
    display: block;
  }
  .healthcare__human.sp_only{
    display: none;
  }
  .healthcare__team{
    display: flex;
    gap: 20px;
  }
  .healthcare__team--img{
    max-width: 170px;
    margin-bottom: 0;
  }
}

@media (min-width: 1040px) {
  .healthcare__table {
    max-width: 980px;
  }
  .healthcare__table table {
    width: 1420px;
  }
  .healthcare__table__row-title{
    width: auto;
  }
  .healthcare__table__data{
    width: 220px; 
  }
  .healthcare__table__data:nth-child(2),
  .healthcare__table__data:nth-child(3) {
    width: 160px;
  }
  .healthcare__human {
    max-width: 387px;
  }
  .xl-count{
    display: none;
  }
}

.page-service .page-container, .page-service-inspection .page-container, .page-service-maintenance .page-container {
  padding-top: 2.25rem;
  display: block;
}

.page-service .footer, .page-service-inspection .footer, .page-service-maintenance .footer {
  margin-top: 0;
}

.service-title {
  margin: 0 auto 3.75rem;
}

.service-title__img {
  max-width: 26.375rem;
  width: 100%;
  margin: 0 auto 3.75rem;
}

.service-title__text {
  letter-spacing: 0;
  font-weight: 500;
  text-align: center;
  line-height: 150%;
}

.service-title__text.--bottom {
  font-size: 1.25rem;
}

.service-section {
  letter-spacing: 0;
  position: relative;
  background-color: #F5F5F5;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  padding: 3.75rem 1rem 2.5rem;
  margin-bottom: 3.75rem;
}

.service-section__recommend {
  position: absolute;
  top: -1.4375rem;
  left: 50%;
  transform: translateX(-50%);
  max-width: 11.875rem;
  width: 100%;
}

.service-section__title {
  margin: 0 auto;
}

.service-section__pict {
  width: 100%;
  margin: 0 auto 0.75rem;
}

.service-section__pict.--inspection {
  max-width: 4rem;
}

.service-section__pict.--maintenance {
  max-width: 8.25rem;
}

.service-section__text {
  text-align: center;
  color: #000;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1.875rem;
}

.service-section__text-strong {
  color: #BB0A2F;
  font-weight: bold;
}

.service-section__text-strong.--inspection {
  font-size: 3rem;
}

.service-section__text-strong.--maintenance {
  font-size: 2rem;
}

.service-section__img {
  margin: 0 auto;
  max-width: 20.8125rem;
  width: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}

.service-promise {
  background-image: url("../img/service_new/top/promise@2x.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin: 0 calc(50% - 50vw);
  padding: 2.5rem calc(50vw - 50%) 6.25rem;
}

.service-promise__title {
  max-width: 33.25rem;
  width: 100%;
  margin: 0 auto 2.5rem;
}

.service-promise__text {
  text-align: center;
}

.service__btn {
  position: relative;
  background-color: #BB0A2F;
  border-radius: 3.125rem;
  color: #fff;
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
  padding: 1.125rem 0;
  display: block;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  width: 100%;
  margin: 0 auto 2.5rem;
}

.service__btn:hover {
  color: #fff;
}

.service__btn--arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.875rem;
  width: 1.0625rem;
  height: 1.0625rem;
}

.service__btn--arrow.--bnr {
  top: 70%;
  right: initial;
  transform: initial;
}

.service__btn.__lv1 {
  max-width: 15rem;
}

.service__btn.__lv2 {
  max-width: 21.875rem;
  border: 4px solid #000;
  box-shadow: 0 5px 0 #000;
}

.service__btn.__lv2.--shaken {
  position: relative;
  background-image: url("../img/service/shaken-chara@2x.png");
  background-repeat: no-repeat;
  background-position: 10px bottom;
  background-size: 60px 58px;
}

.service__btn.__lv2.--shaken.-fukidashi {
  background-image: initial;
  position: absolute;
  top: -70%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #FFEF38;
  border: 3px solid #000;
  border-radius: 10px;
  max-width: 12rem;
  width: 100%;
  padding: 0.5rem 0;
  color: #000;
  font-size: 14px;
  font-weight: bold;
}

.service__btn.__lv2.--shaken.-fukidashi::before {
  content: '';
  position: absolute;
  bottom: -27%;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  background-color: #FFEF38;
  border-right: 3px solid #000;
  border-bottom: 3px solid #000;
  width: 15px;
  height: 15px;
}

.service__btn.__lv2.--bnr {
  position: fixed;
  top: 440px;
  right: 0;
  border: 4px solid #000;
  padding-bottom: 6.25rem;
  writing-mode: vertical-rl;
  max-width: 80px;
  display: flex;
  align-items: center;
  border-radius: 10px 0 0 10px;
  background-image: url("../img/service/shaken-chara@2x.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 60px 58px;
  z-index: 9999;
  transition: .3s;
}

.service__btn.__lv2.--bnr:hover {
  text-decoration: none;
  background-color: rgba(168, 9, 42, 0.8);
}

@media (min-width: 576px) {
  .page-service .page-container, .page-service-inspection .page-container, .page-service-maintenance .page-container {
    padding-top: 0;
  }
  .service-title {
    margin: 0 auto 5rem;
  }
  .service-section {
    padding: 3.75rem 1.875rem 2.5rem;
  }
  .service-section__img {
    max-width: 32.5rem;
  }
  .service-promise {
    padding: 4.875rem calc(50vw - 50%);
  }
  .service-promise__title {
    margin: 0 auto 3.75rem;
  }
  .service__btn {
    margin: 0 auto 1.875rem;
  }
}

@media (min-width: 1040px) {
  .service-title__text {
    font-size: 1.25rem;
  }
  .service-section {
    display: flex;
    padding: 3.75rem 0 5rem;
    margin-bottom: 7.5rem;
  }
  .service-section__title {
    margin: 0;
  }
  .service-section__title.--inspection {
    padding: 0 5.875rem;
  }
  .service-section__title.--maintenance {
    padding: 0 4.375rem;
  }
  .service-section__img {
    position: absolute;
    right: 1.875rem;
    bottom: -2.5rem;
    max-width: 32.5rem;
  }
  .service-promise {
    background-position: center 75%;
  }
  .service__btn {
    padding: 1.125rem 0;
    margin-bottom: 0;
  }
  .service__btn-box {
    display: flex;
  }
}

.diapers-challenge__img {
  position: relative;
  overflow: hidden;
  margin-bottom: 60px;
}

@media (min-width: 769px) {
  .diapers-challenge__img {
    margin-bottom: 105px;
  }
}

.diapers-challenge__img::before {
  content: "";
  display: block;
  padding-top: 32.420749%;
}

.diapers-challenge__img > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.diapers-challenge__container {
  margin-top: 30px;
  display: flex;
}

@media (min-width: 576px) {
  .diapers-challenge__container {
    margin-top: 15px;
  }
}

.diapers-challenge__container .diapers-challenge__img {
  width: calc(50% - 3px);
}

@media (min-width: 576px) {
  .diapers-challenge__container .diapers-challenge__img {
    width: calc(50% - 6px);
    margin-bottom: 0;
  }
}

.diapers-challenge__container .diapers-challenge__img:first-of-type {
  margin-right: 6px;
}

@media (min-width: 576px) {
  .diapers-challenge__container .diapers-challenge__img:first-of-type {
    margin-right: 12px;
  }
}

.diapers-challenge__container .diapers-challenge__img::before {
  padding-top: 66.176471%;
}

.diapers-challenge__title {
  text-align: center;
  line-height: 1.411765;
  letter-spacing: 0.07em;
  margin-bottom: 0;
  font-size: 20px;
  position: relative;
  padding-top: 62px;
}

.diapers-challenge__title::before {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  font-size: 1rem;
  line-height: 1;
  height: 30px;
  width: 100px;
  border-radius: 20px;
  background: #e73e51;
  color: #fff;
}

@media (min-width: 576px) {
  .diapers-challenge__title {
    font-size: 2.125rem;
    margin-top: 30px;
  }
}

.diapers-challenge__title > time {
  display: block;
  color: #e73e51;
}

.diapers-challenge__question {
  margin-top: 35px;
}

@media (min-width: 576px) {
  .diapers-challenge__question {
    margin-top: 55px;
  }
}

.diapers-challenge__question .diapers-challenge__title::before {
  content: "クイズ";
}

.diapers-challenge__anser {
  margin-top: 35px;
}

.diapers-challenge__anser .diapers-challenge__title::before {
  content: "こたえ";
}

.diapers-challenge__video {
  margin-top: 33px;
  position: relative;
}

.diapers-challenge__video::before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-top: 66.1764%;
}

.diapers-challenge__video > iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.diapers-challenge__caption {
  line-height: 1;
  font-size: 0.875rem;
  letter-spacing: 0.07em;
  font-weight: 300;
  margin-top: 25px;
}

@media (min-width: 576px) {
  .diapers-challenge__caption {
    font-size: 1.25rem;
    margin-top: 20px;
  }
}

.insurance-list {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  margin-left: -11px;
  width: calc(100% + 11px);
}

@media (min-width: 769px) {
  .insurance-list {
    width: calc(100% + 20px);
    margin-left: -20px;
  }
}

.insurance-list__item {
  width: calc(50% - 11px);
  list-style-type: none;
  min-height: 70px;
  border: 1px solid #ccc;
  border-radius: 0.35rem;
  display: flex;
  align-items: center;
  padding: 18px 9px 18px;
  margin-left: 11px;
  margin-top: 15px;
}

@media (min-width: 769px) {
  .insurance-list__item {
    min-height: 67px;
    width: calc(25% - 20px);
    margin-left: 20px;
  }
}

@media (min-width: 1040px) {
  .insurance-list__item {
    min-height: 100px;
    padding: 30px 15px 30px;
  }
}

.insurance-list__img {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.insurance-list__img > img {
  width: 100%;
  max-width: 300px;
}

.insurance-company__title {
  font-size: 1.375rem;
  letter-spacing: .07em;
  font-weight: 300;
  line-height: 1;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
  position: relative;
  padding-bottom: 16px;
  margin-top: 60px;
}

@media (min-width: 769px) {
  .insurance-company__title {
    padding-bottom: 25px;
  }
}

@media (min-width: 1040px) {
  .insurance-company__title {
    padding-bottom: 32px;
  }
}

.insurance-company__title::before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  border: 1px solid #ccc;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  position: absolute;
}

.insurance-company > .insurance-list {
  margin-top: 5px;
}

@media (min-width: 769px) {
  .insurance-company > .insurance-list {
    margin-top: 10px;
  }
}

@media (min-width: 1040px) {
  .insurance-company > .insurance-list {
    margin-top: 15px;
  }
}

.nigaoe {
  width: 100%;
}

.nigaoe__title {
  font-size: 1.5rem;
  letter-spacing: 0.07em;
  line-height: 1.583333;
  text-align: center;
  margin-bottom: 53px;
}

.nigaoe__title.-fin {
  display: block;
  font-weight: 500;
  background-color: #ccc;
}

@media (min-width: 769px) {
  .nigaoe__title {
    font-size: 2.125rem;
    line-height: 2.125;
  }
  .nigaoe__title > br {
    display: none;
  }
}

.nigaoe__title > span {
  color: #e73e51;
}

.nigaoe__contents {
  margin-top: 80px;
}

.nigaoe__read {
  letter-spacing: 0.02em;
  margin-bottom: 0;
}

.nigaoe__footer {
  margin-top: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #ccc;
  height: 50px;
  letter-spacing: .07em;
  font-size: 0.875rem;
}

@media (min-width: 769px) {
  .nigaoe__footer {
    margin-top: 67px;
  }
}

.caravan__header {
  position: relative;
  margin-top: 31px;
}

@media (min-width: 576px) {
  .caravan__header {
    margin-top: 33px;
  }
}

.caravan__title {
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  line-height: 1;
  font-size: 1.5rem;
  color: #e73e51;
  font-weight: 400;
}

@media (min-width: 576px) {
  .caravan__title {
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 3%;
    left: 50%;
    transform: translateX(-50%);
  }
}

@media (min-width: 769px) {
  .caravan__title {
    font-size: 1.8125rem;
    top: 5%;
  }
}

@media (min-width: 1040px) {
  .caravan__title {
    font-size: 2.125rem;
    top: 29px;
  }
}

.caravan__title > .circle {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.375rem;
  color: #fff;
  background: #e73e51;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  margin: 0 5px 12px;
}

@media (min-width: 769px) {
  .caravan__title > .circle {
    font-size: 1.625rem;
    width: 42.5px;
    height: 42.5px;
  }
}

@media (min-width: 1040px) {
  .caravan__title > .circle {
    font-size: 1.875rem;
    width: 50px;
    height: 50px;
  }
}

.caravan__title > span:not(.circle) {
  width: 100%;
  line-height: 1;
  text-align: center;
}

@media (min-width: 576px) {
  .caravan__title > span:not(.circle) {
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF,  0 -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
  }
}

.caravan__hero {
  position: relative;
  overflow: hidden;
  margin-top: 13px;
}

@media (min-width: 576px) {
  .caravan__hero {
    margin-top: 0;
  }
}

.caravan__hero::before {
  content: '';
  display: block;
  padding-top: 60.422961%;
}

@media (min-width: 576px) {
  .caravan__hero::before {
    padding-top: 51.020408%;
  }
}

.caravan__hero > img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.caravan__container {
  padding-top: 9.894737px;
}

@media (min-width: 769px) {
  .caravan__container {
    padding-top: 53px;
  }
}

.caravan__heading {
  margin-bottom: 0;
  font-size: 1.5rem;
  line-height: 1.842105;
  text-align: center;
  letter-spacing: .07em;
  color: #e73e51;
  margin-bottom: 53px;
}

@media (min-width: 769px) {
  .caravan__heading {
    font-size: 2.125rem;
    line-height: 1.411765;
  }
}

.caravan__heading::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/assets/img/common/icons/icon_gift-solid.svg) no-repeat center center/contain;
  margin-right: .2em;
}

@media (min-width: 769px) {
  .caravan__heading::before {
    width: 25px;
    height: 25px;
  }
}

.chitti {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 45% 55%;
  grid-template-columns: 45% 55%;
  -ms-grid-rows: 1fr 1fr auto auto;
  grid-template-rows: 1fr 1fr auto auto;
}

@media (min-width: 769px) {
  .chitti {
    -ms-grid-columns: 230px 40px auto 1fr;
    grid-template-columns: 230px 40px auto 1fr;
    -ms-grid-rows: auto 1fr 69px;
    grid-template-rows: auto 1fr 69px;
  }
}

.chitti__thumbnail {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
  margin: 0;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: 2px solid #e73e51;
}

.chitti__thumbnail::before {
  content: '';
  display: block;
  padding-top: calc(100% - 4px);
}

@media (min-width: 769px) {
  .chitti__thumbnail {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1/4;
  }
}

.chitti__name {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  font-size: 5.9vw;
  letter-spacing: .07em;
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 0;
  position: relative;
  padding-bottom: 11%;
}

_:-ms-fullscreen, :root .chitti__name {
  padding-bottom: 35px;
}

@media (min-width: 769px) {
  .chitti__name {
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    font-size: 1.375rem;
    align-items: flex-start;
    padding-bottom: 23px;
    margin-top: 8px;
  }
  _:-ms-fullscreen, :root .chitti__name {
    padding-bottom: 23px;
  }
}

.chitti__name::after {
  content: attr(data-name);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  font-size: 3.2vw;
  font-weight: 300;
}

@media (min-width: 769px) {
  .chitti__name::after {
    font-size: 0.75rem;
    width: 100%;
    text-align: center;
  }
}

.chitti__description {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  line-height: 1;
  font-size: 3.75vw;
  letter-spacing: .07em;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 769px) {
  .chitti__description {
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-column: 4/5;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    font-size: 1rem;
    align-items: flex-start;
    justify-content: flex-start;
    padding-left: 20px;
    padding-top: 2px;
    margin-top: 8px;
  }
}

.chitti__caption {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: .07em;
  margin-top: 28px;
  margin-bottom: 0;
}

@media (min-width: 576px) {
  .chitti__caption {
    font-size: 1.0625rem;
  }
}

@media (min-width: 769px) {
  .chitti__caption {
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-column: 3/5;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    margin-top: 0;
    font-size: 0.9375rem;
    margin-top: 0;
    display: flex;
    align-items: center;
  }
}

@media (min-width: 1040px) {
  .chitti__caption {
    font-size: 1rem;
    margin-top: 27px;
    align-items: flex-start;
  }
}

.chitti__site {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  grid-row: 4/5;
  margin-top: 36px;
  display: flex;
  flex-direction: column-reverse;
}

@media (min-width: 769px) {
  .chitti__site {
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-column: 3/5;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    margin-top: 0;
  }
}

.chitti__link {
  width: 100%;
  max-width: 268px;
  min-width: 0;
  display: block;
  margin: 0 auto;
}

@media (min-width: 769px) {
  .chitti__link {
    margin-left: 0;
  }
}

.chitti__link::before, .chitti__link::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.chitti__link::after {
  background: url("../img/common/icons/icon_blank_white.svg") center center no-repeat;
  background-size: 14px 10px;
  width: 14px;
  height: 10px;
  right: 10px;
}

.chitti__text {
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 0.75rem;
  line-height: 1;
  letter-spacing: .07em;
  text-align: center;
}

@media (min-width: 769px) {
  .chitti__text {
    text-align: left;
    margin-top: 11px;
    margin-bottom: 3px;
  }
}

.caravan-schedule {
  margin-top: 60px;
}

.caravan-schedule__title {
  color: #fff;
  background: #ED6879;
  border-radius: 21px;
  font-size: 0.9375rem;
  line-height: 1;
  margin-bottom: 0;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.caravan-schedule__list {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  border-bottom: 1px solid #ccc;
  margin-top: 20px;
}

.caravan-shop {
  padding-top: 20px;
  padding-bottom: 30px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

@media (max-width: 768.98px) {
  .caravan-shop {
    max-width: 500px;
  }
}

@media (min-width: 769px) {
  .caravan-shop {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px 30px;
    margin: 0;
  }
}

.caravan-shop::before {
  content: '';
  display: block;
  background: #ccc;
  height: 1px;
  width: calc(100vw - 40px);
  position: absolute;
  left: calc(50% - 50vw + 20px);
  top: 0;
}

@media (min-width: 769px) {
  .caravan-shop::before {
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
}

.caravan-shop__main {
  width: 100%;
}

.caravan-shop__title {
  color: #e73e51;
  font-size: 1.25rem;
  line-height: 1;
}

.caravan-shop__container {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}

.caravan-shop__heading {
  letter-spacing: .07em;
  width: 3.5em;
  padding-right: 1em;
  position: relative;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.75;
  margin-top: 14px;
}

.caravan-shop__heading:not(:first-of-type) {
  margin-top: 8px;
}

.caravan-shop__heading::after {
  content: '：';
  display: inline-block;
  position: absolute;
  top: 0;
  right: .25em;
}

.caravan-shop__heading.-big {
  font-weight: 700;
}

.caravan-shop__text {
  letter-spacing: .07em;
  width: calc(100% - 3.5em);
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.75;
  margin-top: 14px;
  font-weight: 300;
}

.caravan-shop__text:not(:first-of-type) {
  margin-top: 8px;
}

.caravan-shop__text.-big {
  font-weight: 700;
}

.caravan-shop__link {
  display: block;
  width: 100%;
  max-width: 140px;
  line-height: 1;
  font-weight: 300;
  font-size: 0.875rem;
  color: #221815;
  margin: 24px auto 0;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 13px 10px 13px 13px;
  position: relative;
  letter-spacing: .07em;
  flex-shrink: 0;
}

@media (min-width: 769px) {
  .caravan-shop__link {
    height: 42px;
    margin-right: 0;
  }
}

.caravan-shop__link::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  content: '';
  display: block;
  background: url(/assets/img/common/icons/icon_circle-rightArrow.svg) no-repeat center center/contain;
  width: 18px;
  height: 18px;
}

.caravan-shop__link:hover {
  text-decoration: none;
  border: 1px solid #e73e51;
}

.nigaoe-present {
  margin-top: 60px;
}

.nigaoe-present__title {
  font-size: 1.375rem;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 0;
  text-align: center;
  letter-spacing: .07em;
}

.nigaoe-present__list {
  margin: 0 auto;
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 40px;
  max-width: 545px;
  width: 100%;
}

.nigaoe-present__item {
  letter-spacing: .07em;
  position: relative;
  padding-left: 1.5em;
  font-size: 1.25rem;
  line-height: 1.5;
  font-weight: 700;
}

.nigaoe-present__item:not(:first-of-type) {
  margin-top: 25px;
}

.nigaoe-present__item::before {
  content: '●';
  color: #e73e51;
  position: absolute;
  top: 0;
  left: .25em;
}

.nigaoe-present__banner {
  margin: 0 auto;
  width: 100%;
  max-width: 694px;
  margin-top: 35px;
  width: 100%;
  border: 4px solid #e73e51;
  border-radius: 4px;
}

@media (min-width: 769px) {
  .nigaoe-present__banner {
    margin-top: 55px;
  }
}

.nigaoe-present__link {
  display: block;
}

.nigaoe-present__link > img {
  width: 100%;
}

.nigaoe-step {
  margin-top: 35px;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: -24px;
  width: calc(100% + 24px);
}

@media (min-width: 1040px) {
  .nigaoe-step {
    margin-left: -45px;
    width: calc(100% + 45px);
  }
}

.nigaoe-step__item {
  margin-top: 15px;
  margin-left: 24px;
  width: calc(50% - 24px);
  position: relative;
  margin-bottom: 0;
}

@media (min-width: 576px) {
  .nigaoe-step__item {
    width: calc(33.333333% - 24px);
  }
}

@media (min-width: 769px) {
  .nigaoe-step__item {
    width: calc(20% - 24px);
  }
}

@media (min-width: 1040px) {
  .nigaoe-step__item {
    margin-left: 45px;
    width: calc(20% - 45px);
  }
}

.nigaoe-step__item:not(:last-of-type)::before {
  content: '';
  background: linear-gradient(to bottom right, transparent 50%, #221815 50.1%) top left/50% 100% no-repeat, linear-gradient(to bottom left, transparent 50%, #221815 50.1%) top right/50% 100% no-repeat;
  transform: rotate(90deg) translateY(-50%);
  position: absolute;
  top: calc(50% + 7.5px);
  width: 14px;
  height: 8px;
}

@media (min-width: 769px) {
  .nigaoe-step__item:not(:last-of-type)::before {
    display: block;
    right: -15px;
  }
}

@media (min-width: 1040px) {
  .nigaoe-step__item:not(:last-of-type)::before {
    right: -25px;
  }
}

.nigaoe-step__container {
  margin-bottom: 0;
}

.nigaoe-step__title {
  color: #e73e51;
  font-size: 1rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .07em;
  text-align: center;
}

.nigaoe-step__circle {
  margin-top: 15px;
  position: relative;
  padding-top: 100%;
  border-radius: 50%;
  background: #e73e51 no-repeat;
}

.nigaoe-step__circle.-circle-1 {
  background-size: 40% auto;
  background-position: center 78%;
}

.nigaoe-step__circle.-circle-2 {
  background-size: 40% auto;
  background-position: center 78%;
}

.nigaoe-step__circle.-circle-3 {
  background-size: 40% auto;
  background-position: center 78%;
}

.nigaoe-step__circle.-circle-4 {
  background-size: 40% auto;
  background-position: center 78%;
}

.nigaoe-step__circle.-circle-5 {
  background-size: 30% auto;
  background-position: center 80%;
}

.nigaoe-step__text {
  font-size: 4.3vw;
  color: #fff;
  letter-spacing: .07em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -100%);
  width: 100%;
  margin-bottom: 0;
  text-align: center;
}

@media (min-width: 576px) {
  .nigaoe-step__text {
    font-size: 1.25rem;
  }
}

@media (min-width: 769px) {
  .nigaoe-step__text {
    font-size: 0.9375rem;
  }
}

@media (min-width: 1040px) {
  .nigaoe-step__text {
    font-size: 1rem;
  }
}

.nigaoe-gallery {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  margin-left: -15px;
  width: calc(100% + 15px);
  margin-top: 16px;
}

.nigaoe-gallery__list {
  margin-top: 15px;
  margin-left: 15px;
  width: calc(50% - 15px);
  list-style-type: none;
  border-radius: 4px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.14);
  overflow: hidden;
}

@media (min-width: 576px) {
  .nigaoe-gallery__list {
    width: calc(33.333333% - 15px);
  }
}

@media (min-width: 769px) {
  .nigaoe-gallery__list {
    width: calc(25% - 15px);
  }
}

@media (min-width: 1040px) {
  .nigaoe-gallery__list {
    width: calc(20% - 15px);
  }
}

.nigaoe-gallery__button {
  display: block;
  margin: 40px auto 0;
}

.nigaoe-gallery__item {
  position: relative;
  margin-bottom: 0;
  cursor: pointer;
}

.nigaoe-gallery__item::before {
  display: block;
  padding-top: 100%;
  content: '';
}

.nigaoe-gallery__item:hover > .nigaoe-gallery__caption {
  opacity: 1;
}

.nigaoe-gallery__img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.nigaoe-gallery__caption {
  height: 70px;
  width: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  transition: opacity .4s;
  opacity: 0;
  font-weight: 700;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  line-height: 1;
  background: rgba(231, 62, 81, 0.8);
  color: #fff;
  border-radius: 4px;
  pointer-events: none;
}

.nigaoe-gallery__time {
  width: 100%;
  display: block;
  line-height: 1;
  text-align: center;
  color: #fff;
  margin-bottom: 10px;
}

.nigaoe-gallery:not(.is-active) .nigaoe-gallery__list:not(:nth-child(-n + 20)) {
  height: 0;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s ease .5s,opacity .25s ease-out .25s;
  margin-top: 0;
}

@media (max-width: 768.98px) {
  .nigaoe-gallery:not(.is-active) .nigaoe-gallery__list:not(:nth-child(-n + 18)) {
    height: 0;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s ease .5s, opacity .25s ease-out .25s;
    margin-top: 0;
  }
}

.nigaoe-gallery.is-active .nigaoe-gallery__list:not(:nth-child(-n + 20)) {
  margin-top: 15px;
  height: auto;
  visibility: visible;
  opacity: 1;
  transition: visibility 0s ease 0s,opacity .25s ease-out .25s;
}

@media (max-width: 768.98px) {
  .nigaoe-gallery.is-active .nigaoe-gallery__list:not(:nth-child(-n + 18)) {
    margin-top: 15px;
    height: auto;
    visibility: visible;
    opacity: 1;
    transition: visibility 0s ease 0s, opacity .25s ease-out .25s;
  }
}

.nigaoe .side-menu__item {
  margin: 0 auto;
  margin-top: 30px;
  width: 100%;
  max-width: 500px;
}

@media (min-width: 1040px) {
  .nigaoe .side-menu__item {
    max-width: 694px;
    height: 140px;
    padding-left: 52px;
    background-size: 28px 28px;
    background-position: right 20px center;
  }
}

@media (min-width: 1040px) {
  .nigaoe .side-menu__title {
    padding-left: 30px;
  }
}

@media (min-width: 1040px) {
  .nigaoe .side-menu__ja {
    font-size: 1.9375rem;
  }
}

@media (min-width: 1040px) {
  .nigaoe .side-menu__en {
    font-size: 1.125rem;
  }
}

@media (min-width: 1040px) {
  .nigaoe .side-menu__icon {
    width: 54px;
    height: 54px;
  }
  .nigaoe .side-menu__icon > img {
    width: 100%;
  }
}

.nigaoe-page .mfp-wrap {
  padding: 15px;
}

.nigaoe-page .mfp-container {
  max-width: 987px;
  padding: 0 !important;
  margin: 0 auto;
  position: relative;
}

.nigaoe-page .mfp-content {
  width: 100%;
  pointer-events: none;
}

.nigaoe-page .mfp-close {
  pointer-events: auto;
}

.nigaoe-page .mfp-figure:after {
  display: none;
}

.nigaoe-page .mfp-image-holder .mfp-close, .nigaoe-page .mfp-iframe-holder .mfp-close {
  background: url(/assets/img/common/btn_close.svg) no-repeat center/contain;
  opacity: 1;
  width: 50px;
  height: 50px;
  top: -22px;
  right: -15px;
  padding: 0;
  color: transparent;
}

.nigaoe-page .mfp-figure {
  max-width: 650px;
  margin: 0 auto;
  position: relative;
}

.nigaoe-page .mfp-figure > figure {
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  pointer-events: auto;
}

.nigaoe-page .mfp-figure > figure::before {
  content: '';
  display: block;
  padding-top: 100%;
}

.nigaoe-page .mfp-figure > figure > img.mfp-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
  width: 100%;
}

.nigaoe-page .mfp-arrow {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-top: 0;
  transform: translateY(-50%);
  border: 1px solid #e73e51;
}

@media (max-width: 575.98px) {
  .nigaoe-page .mfp-arrow {
    width: 30px;
    height: 30px;
  }
}

.nigaoe-page .mfp-arrow-left {
  background: url(/assets/img/common/slide_arrow_left.svg) no-repeat center/contain, #fff;
  margin-left: 5px;
}

.nigaoe-page .mfp-arrow-right {
  background: url(/assets/img/common/slide_arrow_right.svg) no-repeat center/contain, #fff;
  margin-right: 5px;
}

.attention {
  color: #e73e51;
  font-size: 0.75rem;
  vertical-align: top;
}

.webstore-index .breadcrumb {
  margin-bottom: 0;
}

.webstore-hero {
  position: relative;
}

.webstore-hero::before {
  content: '';
  display: block;
  padding-top: 47.584187%;
  background-image: linear-gradient(110deg, transparent 65%, rgba(231, 62, 81, 0.8) 65.1%), url(/assets/img/support/webstore/hero-name.png), url(/assets/img/support/webstore/hero.png);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: center right, left 16% bottom 10px, center center;
  background-size: 100% 100%, 122px auto, cover;
}

@media (min-width: 1040px) {
  .webstore-hero::before {
    background-position: center right, left 16% bottom 10px, center top;
  }
}

@media (max-width: 575.98px) {
  .webstore-hero::before {
    padding-top: 65.753425%;
    background-image: linear-gradient(110deg, transparent 45%, rgba(231, 62, 81, 0.8) 45.1%), url(/assets/img/support/webstore/hero-name.png), url(/assets/img/support/webstore/sp_hero.png);
    background-size: 100% 100%, 30% auto, cover;
    background-position: center right, left 15px bottom 10px, center center;
  }
}

.webstore-hero::after {
  content: '';
  display: block;
  height: 80px;
  background: #e73e51;
}

@media (max-width: 768.98px) {
  .webstore-hero::after {
    height: 60px;
  }
}

@media (max-width: 575.98px) {
  .webstore-hero::after {
    height: auto;
    padding-top: 80.27027%;
  }
}

.webstore-hero__container {
  width: 100%;
  height: 100%;
  max-width: 1010px;
  padding: 0 15px 0;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 410fr 40fr 22fr 60fr 278fr 50fr 120fr;
  grid-template-columns: 410fr 40fr 22fr 60fr 278fr 50fr 120fr;
  grid-template-rows: 24fr 5fr 32fr 15fr 11fr 50.6fr 80px;
}

@media (max-width: 768.98px) {
  .webstore-hero__container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 80fr 20fr 120fr 47fr 54fr 250fr 60px;
    grid-template-rows: 80fr 20fr 120fr 47fr 54fr 250fr 60px;
  }
}

@media (max-width: 575.98px) {
  .webstore-hero__container {
    padding: 15px;
    display: grid;
    grid-template-rows: repeat(5, auto);
    grid-template-columns: 140fr 66fr 86fr 46fr;
    display: -ms-grid;
    -ms-grid-columns: 140fr 66fr 86fr 46fr;
    -ms-grid-rows: auto [5];
  }
}

.webstore-hero__title {
  width: 100%;
  max-width: 500px;
  white-space: nowrap;
  grid-column: 3/8;
  grid-row: 3/4;
  -ms-grid-column: 3;
  -ms-grid-column-span: 5;
  -ms-grid-row: 2;
  -ms-grid-row-span: 2;
  color: #fff;
  font-size: 5rem;
  font-weight: 700;
  letter-spacing: .07em;
  line-height: 1;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}

@media (max-width: 1199.98px) {
  .webstore-hero__title {
    font-size: 4.375rem;
    max-width: 450px;
  }
}

@media (max-width: 999.98px) {
  .webstore-hero__title {
    font-size: 3.75rem;
    max-width: 390px;
  }
}

@media (max-width: 899.98px) {
  .webstore-hero__title {
    font-size: 3.125rem;
    max-width: 325px;
  }
}

@media (max-width: 768.98px) {
  .webstore-hero__title {
    font-size: 3.5rem;
    max-width: 320px;
  }
}

@media (max-width: 699.98px) {
  .webstore-hero__title {
    font-size: 2.5rem;
    max-width: 220px;
  }
}

@media (max-width: 575.98px) {
  .webstore-hero__title {
    grid-column: 1/5;
    grid-row: 4/6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    max-width: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 2.875rem;
    margin-top: 10vw;
  }
}

@media (max-width: 364.98px) {
  .webstore-hero__title {
    font-size: 2.5rem;
    margin-top: 20px;
  }
}

.webstore-hero__title::before {
  margin-bottom: 10px;
  width: 100%;
  text-align: center;
  line-height: 1;
  display: block;
  content: attr(data-ja);
  font-size: 1.25rem;
}

@media (max-width: 1199.98px) {
  .webstore-hero__title::before {
    font-size: 1.125rem;
  }
}

@media (max-width: 999.98px) {
  .webstore-hero__title::before {
    font-size: 0.875rem;
    margin-bottom: 5px;
  }
}

@media (max-width: 575.98px) {
  .webstore-hero__title::before {
    margin-bottom: 10px;
  }
}

@media (max-width: 364.98px) {
  .webstore-hero__title::before {
    font-size: 0.75rem;
  }
}

.webstore-hero__catch {
  width: 100%;
  max-width: 135px;
  display: flex;
  align-items: flex-end;
  margin: 0 auto;
  grid-row: 1/3;
  grid-column: 6/8;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 6;
  -ms-grid-column-span: 2;
  margin-bottom: -10px;
}

@media (max-width: 1299.98px) {
  .webstore-hero__catch {
    max-width: 130px;
  }
}

@media (max-width: 1199.98px) {
  .webstore-hero__catch {
    max-width: 110px;
    margin-left: -10px;
  }
}

@media (max-width: 1099.98px) {
  .webstore-hero__catch {
    max-width: 100px;
    margin-bottom: -15px;
  }
}

@media (max-width: 999.98px) {
  .webstore-hero__catch {
    max-width: 90px;
    margin-left: -35px;
  }
}

@media (max-width: 799.98px) {
  .webstore-hero__catch {
    margin-left: -25px;
  }
}

@media (max-width: 768.98px) {
  .webstore-hero__catch {
    max-width: 70px;
    margin-left: 0px;
  }
}

@media (max-width: 699.98px) {
  .webstore-hero__catch {
    max-width: 60px;
    margin-left: -20px;
  }
}

@media (max-width: 599.98px) {
  .webstore-hero__catch {
    margin-left: -10px;
  }
}

@media (max-width: 575.98px) {
  .webstore-hero__catch {
    grid-column: 3/5;
    grid-row: 1/3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    margin-left: 0;
    margin-bottom: 0;
    max-width: 100%;
    align-items: flex-start;
    z-index: 1;
  }
}

@media (max-width: 364.98px) {
  .webstore-hero__catch {
    margin-left: auto;
    margin-top: 3vw;
    max-width: 90%;
  }
}

.webstore-hero__catch > img {
  width: 100%;
}

.webstore-hero__text {
  grid-column: 1/8;
  grid-row: 7/8;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  margin-bottom: 0;
  font-size: 1.5rem;
  -ms-grid-column: 1;
  -ms-grid-column-span: 7;
  -ms-grid-row: 7;
  -ms-grid-row-span: 1;
}

@media (max-width: 1299.98px) {
  .webstore-hero__text {
    font-size: 1.4375rem;
  }
}

@media (max-width: 1199.98px) {
  .webstore-hero__text {
    font-size: 1.375rem;
  }
}

@media (max-width: 1099.98px) {
  .webstore-hero__text {
    font-size: 1.3125rem;
  }
}

@media (max-width: 999.98px) {
  .webstore-hero__text {
    font-size: 1.25rem;
  }
}

@media (max-width: 768.98px) {
  .webstore-hero__text {
    font-size: 1.125rem;
  }
}

@media (max-width: 699.98px) {
  .webstore-hero__text {
    font-size: 1.0625rem;
  }
}

@media (max-width: 575.98px) {
  .webstore-hero__text {
    grid-column: 1/5;
    grid-row: 6/7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    -ms-grid-row: 6;
    -ms-grid-row-span: 1;
    font-size: 1.25rem;
    text-align: center;
    margin-top: 5vw;
  }
}

@media (max-width: 364.98px) {
  .webstore-hero__text {
    font-size: 1rem;
  }
}

.webstore-hero__link {
  grid-column: 2/8;
  grid-row: 5/7;
  width: 164px;
  height: 164px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  color: #fff;
  line-height: 1;
  font-size: 1rem;
  background: #e73e51;
  border-radius: 50%;
  z-index: 1;
  transition: opacity .4s;
  -ms-grid-column: 2;
  -ms-grid-column-span: 6;
  -ms-grid-row: 5;
  -ms-grid-row-span: 2;
}

@media (max-width: 1099.98px) {
  .webstore-hero__link {
    width: 144px;
    height: 144px;
    font-size: 0.875rem;
  }
}

@media (max-width: 768.98px) {
  .webstore-hero__link {
    width: 120px;
    height: 120px;
    font-size: 0.75rem;
  }
}

@media (max-width: 599.98px) {
  .webstore-hero__link {
    width: 110px;
    height: 110px;
  }
}

@media (max-width: 575.98px) {
  .webstore-hero__link {
    grid-column: 1/5;
    grid-row: 7/8;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    width: 100%;
    max-width: 268px;
    font-size: 0.9375rem;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: 8vw auto;
    height: 42px;
    border: 1px solid #fff;
    border-radius: 4px;
    position: relative;
  }
}

.webstore-hero__link:hover {
  color: #fff;
  text-decoration: none;
  opacity: .8;
}

.webstore-hero__link > em {
  width: 100%;
  text-align: center;
  display: block;
  font-weight: bold;
  font-style: normal;
  font-size: 1.8125rem;
  margin: 18px 0 16px;
}

@media (max-width: 1099.98px) {
  .webstore-hero__link > em {
    font-size: 1.5625rem;
    margin: 14px 0 12px;
  }
}

@media (max-width: 768.98px) {
  .webstore-hero__link > em {
    font-size: 1.25rem;
    margin: 10px 0 6px;
  }
}

@media (max-width: 575.98px) {
  .webstore-hero__link > em {
    margin: 0;
    font-size: 0.9375rem;
    font-weight: 300;
    width: auto;
  }
}

.webstore-hero__link::after {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  background: url(/assets/img/common/icons/icon_circle_arrow_right_white.svg) no-repeat center center/cover;
}

@media (max-width: 999.98px) {
  .webstore-hero__link::after {
    width: 28px;
    height: 28px;
  }
}

@media (max-width: 899.98px) {
  .webstore-hero__link::after {
    width: 25px;
    height: 25px;
  }
}

@media (max-width: 575.98px) {
  .webstore-hero__link::after {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
  }
}

.webstore-hero__computer {
  grid-column: 4/8;
  grid-row: 4/7;
  -ms-grid-column: 4;
  -ms-grid-column-span: 4;
  -ms-grid-row: 4;
  -ms-grid-row-span: 3;
}

@media (max-width: 1199.98px) {
  .webstore-hero__computer {
    margin-top: -10px;
  }
}

@media (max-width: 1099.98px) {
  .webstore-hero__computer {
    width: 90%;
    margin: 0 auto;
  }
}

@media (max-width: 575.98px) {
  .webstore-hero__computer {
    width: 100%;
    grid-column: 2/5;
    grid-row: 2/4;
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    margin-top: 10vw;
  }
}

.webstore-hero__phone {
  width: 100%;
  max-width: 100px;
  grid-column: 7/8;
  grid-row: 6/7;
  -ms-grid-column: 7;
  -ms-grid-column-span: 1;
  -ms-grid-row: 6;
  -ms-grid-row-span: 1;
}

@media (max-width: 999.98px) {
  .webstore-hero__phone {
    width: 80%;
  }
}

@media (max-width: 575.98px) {
  .webstore-hero__phone {
    grid-column: 4/5;
    grid-row: 3/4;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    width: 90%;
    margin-bottom: 0;
  }
}

.webstore-list {
  width: 100%;
  margin-top: 40px;
}

@media (max-width: 575.98px) {
  .webstore-list {
    margin-top: 40px;
  }
}

.webstore-list__container {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  margin-left: -20px;
  margin-top: -40px;
}

.webstore-list__container.-large {
  margin-top: 0;
}

@media (max-width: 575.98px) {
  .webstore-list__container.-large {
    margin-top: -40px;
  }
}

.webstore-list__container.-large .webstore-list__item {
  margin-top: 80px;
}

@media (max-width: 1039.98px) {
  .webstore-list__container.-large .webstore-list__item {
    margin-top: 50px;
  }
}

@media (max-width: 575.98px) {
  .webstore-list__container.-large .webstore-list__item {
    margin-top: 70px;
  }
}

.webstore-list__item {
  margin-left: 20px;
  margin-top: 40px;
  list-style-type: none;
  width: calc(50% - 20px);
}

@media (max-width: 575.98px) {
  .webstore-list__item {
    width: 100%;
  }
}

.webstore-link {
  height: 140px;
  background: #e73e51;
  font-size: 1.875rem;
  letter-spacing: .07em;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 3.5em;
  color: #fff;
  position: relative;
  border-radius: 4px;
}

@media (max-width: 1039.98px) {
  .webstore-link {
    font-size: 1.25rem;
    height: 100px;
  }
}

@media (max-width: 768.98px) {
  .webstore-link {
    font-size: 2.7vw;
    height: 80px;
  }
}

@media (max-width: 575.98px) {
  .webstore-link {
    font-size: 1.25rem;
    height: 100px;
  }
}

@media (max-width: 364.98px) {
  .webstore-link {
    font-size: 1rem;
    height: 80px;
  }
}

.webstore-link:hover {
  text-decoration: none;
  color: #fff;
  opacity: .7;
}

.webstore-link::after {
  content: '';
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  position: absolute;
  display: block;
  width: 18px;
  height: 18px;
  background: url(/assets/img/common/icons/icon_blank_white.svg) no-repeat center center/contain;
}

@media (max-width: 768.98px) {
  .webstore-link::after {
    right: 1.2vw;
    width: 14px;
    height: 14px;
  }
}

@media (max-width: 575.98px) {
  .webstore-link::after {
    right: 3.2vw;
  }
}

.webstore-link::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 190px;
  height: auto;
  padding-top: 45%;
  background: url(/assets/img/support/webstore/linka01.png) no-repeat left 8px bottom;
  background-size: calc(100% - 8px) auto;
}

@media (max-width: 1039.98px) {
  .webstore-link::before {
    width: 133px;
  }
}

@media (max-width: 768.98px) {
  .webstore-link::before {
    width: 17vw;
    padding-top: 19vw;
  }
}

@media (max-width: 575.98px) {
  .webstore-link::before {
    width: 133px;
    padding-top: 40vw;
  }
}

@media (max-width: 364.98px) {
  .webstore-link::before {
    width: 95px;
  }
}

.webstore-link.-linka02::before {
  width: 140px;
  background-image: url(/assets/img/support/webstore/linka02.png);
}

@media (max-width: 1039.98px) {
  .webstore-link.-linka02::before {
    width: 98px;
  }
}

@media (max-width: 768.98px) {
  .webstore-link.-linka02::before {
    width: 12vw;
  }
}

@media (max-width: 575.98px) {
  .webstore-link.-linka02::before {
    width: 98px;
  }
}

@media (max-width: 364.98px) {
  .webstore-link.-linka02::before {
    width: 70px;
  }
}

.webstore-card {
  display: block;
  height: 100%;
}

.webstore-card:hover {
  text-decoration: none;
}

.webstore-card:hover .webstore-card__title,
.webstore-card:hover .webstore-card__text {
  opacity: .7;
}

.webstore-card__container {
  border: 1px solid #e73e51;
  padding: 34px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border-radius: 4px;
  height: calc(100% - 20px);
}

@media (max-width: 1039.98px) {
  .webstore-card__container {
    padding: 30px;
    padding-bottom: 25px;
  }
}

@media (max-width: 575.98px) {
  .webstore-card__container {
    padding: 25px;
    padding-bottom: 20px;
  }
}

.webstore-card__title {
  width: 100%;
  order: 2;
  margin-bottom: 0;
  text-align: center;
  color: #221815;
  font-size: 1.875rem;
  line-height: 1;
}

@media (max-width: 1039.98px) {
  .webstore-card__title {
    font-size: 1.5625rem;
  }
}

@media (max-width: 768.98px) {
  .webstore-card__title {
    font-size: 1.25rem;
  }
}

.webstore-card__title::before {
  display: block;
  width: 100%;
  text-align: center;
  content: attr(data-en);
  font-size: 0.875rem;
  font-weight: 700;
  color: #e73e51;
  margin: 20px 0;
}

@media (max-width: 1039.98px) {
  .webstore-card__title::before {
    margin: 0 0 10px;
    font-size: 0.75rem;
  }
}

@media (max-width: 575.98px) {
  .webstore-card__title::before {
    margin: 3px 0 10px;
    font-size: 0.625rem;
  }
}

.webstore-card__img {
  order: 1;
  width: 100%;
  max-width: 80px;
  margin-bottom: 0;
}

@media (max-width: 1039.98px) {
  .webstore-card__img {
    max-width: 60px;
  }
}

@media (max-width: 575.98px) {
  .webstore-card__img {
    max-width: 50px;
  }
}

.webstore-card__text {
  font-size: 0.8125rem;
  margin-top: 10px;
  color: #221815;
  font-weight: 300;
  margin-bottom: 0;
}

@media (max-width: 575.98px) {
  .webstore-card__text {
    margin-top: 5px;
    font-size: 0.8125rem;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.local-heading {
  background: #ED6879;
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  border-radius: 4px;
}

@media (max-width: 1039.98px) {
  .local-heading {
    flex-wrap: wrap;
    height: auto;
    justify-content: center;
    padding: 20px 10px;
  }
}

@media (max-width: 768.98px) {
  .local-heading {
    justify-content: space-between;
    padding: 10px 20px;
    height: 50px;
  }
}

@media (max-width: 575.98px) {
  .local-heading {
    flex-wrap: wrap;
    height: auto;
    justify-content: center;
    padding: 20px 10px;
  }
}

.local-heading__title {
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  margin-bottom: 0;
}

@media (max-width: 1039.98px) {
  .local-heading__title {
    font-size: 1.25rem;
    text-align: center;
    width: 100%;
  }
}

@media (max-width: 768.98px) {
  .local-heading__title {
    font-size: 1rem;
    width: auto;
  }
}

@media (max-width: 575.98px) {
  .local-heading__title {
    font-size: 1.25rem;
    width: 100%;
  }
}

.local-heading__title .-current::before {
  content: '：';
  display: inline-block;
}

.local-heading__title .-current:empty {
  display: none;
}

.local-select {
  display: none;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  height: 100%;
  align-items: center;
}

.local-select.is-show {
  display: flex;
}

@media (max-width: 1039.98px) {
  .local-select {
    margin-top: 20px;
    height: 30px;
  }
}

@media (max-width: 768.98px) {
  .local-select {
    margin-top: 0;
    height: auto;
  }
}

@media (max-width: 575.98px) {
  .local-select {
    margin-top: 20px;
    height: 30px;
  }
}

.local-select__container {
  margin-left: 14px;
  height: 100%;
  width: 165px;
  flex-shrink: 0;
  position: relative;
}

.local-select__select {
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  border: none;
  background-color: transparent;
  -webkit-appearance: none;
  appearance: none;
}

.local-select__select::-ms-expand {
  display: none;
}

.local-select__select:focus + .local-select__button {
  outline: -webkit-focus-ring-color auto 5px;
}

.local-select__button {
  font-size: 1rem;
  padding: 0 12px;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #fff;
  color: #221815;
  position: relative;
  pointer-events: none;
  border-radius: 4px;
}

.local-select__button::before {
  content: '';
  display: block;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(1.5px);
  width: 10px;
  height: 5px;
  background: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #e73e51 50.5%) no-repeat top left/50% 100%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #e73e51 50.5%) no-repeat top right/50% 100%;
}

.local-select__button::after {
  content: '';
  display: block;
  position: absolute;
  right: 12px;
  bottom: 50%;
  transform: translateY(-1.5px);
  width: 10px;
  height: 5px;
  background: linear-gradient(to bottom right, rgba(255, 255, 255, 0) 50%, #e73e51 50.5%) no-repeat top left/50% 100%, linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #e73e51 50.5%) no-repeat top right/50% 100%;
}

.local-list {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-left: -20px;
  list-style-type: none;
}

@media (max-width: 575.98px) {
  .local-list {
    margin-left: -12px;
  }
}

.local-list__item {
  width: calc(25% - 20px);
  margin-top: 40px;
  margin-left: 20px;
  opacity: 0;
}

@media (max-width: 1039.98px) {
  .local-list__item {
    width: calc(50% - 20px);
  }
}

@media (max-width: 768.98px) {
  .local-list__item {
    width: calc(33.333333% - 20px);
  }
}

@media (max-width: 575.98px) {
  .local-list__item {
    margin-left: 12px;
    width: calc(50% - 12px);
  }
}

.local-list__item.is-active {
  animation: fadeIn .5s .2s linear forwards;
}

.local-more {
  margin: 40px auto 0;
  display: block;
  max-width: 266px;
}

@media (max-width: 575.98px) {
  .local-more {
    margin-top: 30px;
  }
}

.local-archives {
  border-radius: 4px;
  background: #efefef;
  padding: 18px 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
}

.local-archives__list {
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  justify-content: center;
  margin-bottom: 0;
  margin-top: -17px;
}

.local-archives__item {
  margin-top: 17px;
  padding: 0 12px;
  font-size: 0.875rem;
  line-height: 1;
  border-left: 1px solid #000;
}

.local-archives__item:last-of-type {
  border-right: 1px solid #000;
}

.local-archives__item > a {
  color: #000;
}

.local-about {
  margin-top: 95px;
}

@media (max-width: 575.98px) {
  .local-about {
    margin-top: 70px;
  }
}

.local-about__title {
  position: relative;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1;
}

.local-about__title::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: -20px;
  height: 1px;
  width: 100%;
  background: #ccc;
}

.local-about__text {
  margin-top: 15px;
  font-size: 0.8125rem;
  letter-spacing: .07em;
}

.local-blog {
  margin-top: 20px;
}

.local-blog__location {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1;
  margin-bottom: 0;
}

.local-blog__title {
  font-weight: 300;
  font-size: 1.375rem;
  letter-spacing: .07em;
  line-height: 1.6;
  margin-top: 8.4px;
  margin-bottom: 15.4px;
}

@media (max-width: 1039.98px) {
  .local-blog__title {
    font-size: 1.25rem;
    margin-top: 9px;
    margin-bottom: 16px;
  }
}

@media (max-width: 768.98px) {
  .local-blog__title {
    font-size: 1.375rem;
    margin-top: 8.4px;
    margin-bottom: 15.4px;
  }
}

@media (max-width: 575.98px) {
  .local-blog__title {
    font-size: 1.25rem;
    margin-top: 9px;
    margin-bottom: 16px;
  }
}

.local-blog__date {
  color: #e73e51;
  font-size: 1rem;
  letter-spacing: .07em;
  line-height: 1;
  height: 45px;
  display: flex;
  align-items: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.local-blog__container {
  padding-left: 0;
  list-style-type: none;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  margin-left: -25px;
  margin-top: 65px;
}

@media (max-width: 1039.98px) {
  .local-blog__container {
    margin-top: 35px;
  }
}

@media (max-width: 768.98px) {
  .local-blog__container {
    margin-top: 65px;
  }
}

@media (max-width: 575.98px) {
  .local-blog__container {
    margin-top: 35px;
  }
}

.local-blog__item {
  margin-left: 25px;
  margin-top: 25px;
  width: calc(50% - 25px);
}

.local-blog__item.-column1 {
  width: 100%;
}

@media (max-width: 575.98px) {
  .local-blog__item {
    width: 100%;
  }
}

.local-blog__img > img {
  width: 100%;
}

.local-blog__text {
  margin-top: 78px;
}

@media (max-width: 1039.98px) {
  .local-blog__text {
    font-size: 0.9375rem;
  }
}

@media (max-width: 768.98px) {
  .local-blog__text {
    font-size: 1rem;
  }
}

@media (max-width: 575.98px) {
  .local-blog__text {
    font-size: 0.9375rem;
  }
}

.local-blog__text > * {
  letter-spacing: .07em;
}

.tag {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 38%;
  height: 38%;
  padding-top: 1em;
  padding-left: .5em;
  font-size: 0.71875rem;
  color: #fff;
  line-height: 1;
  font-weight: 700;
  background: linear-gradient(135deg, #e73e51 0%, #e73e51 49.98%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%) no-repeat center/100% 100%;
}

.covid-banner {
  transition: opacity .3s;
  margin: 20px auto 0;
  width: 70%;
}

.covid-banner:hover {
  opacity: .8;
}

@media (min-width: 769px) {
  .covid-banner {
    width: 100%;
  }
}

.covid-banner__link {
  display: block;
  width: 100%;
  height: 100%;
}

.covid-banner__link > img {
  width: 100%;
}

.manga__title {
  position: relative;
  color: #fff;
  font-weight: bold;
  font-size: 2rem;
  background-color: #65A7D1;
  padding: 17px 0;
  text-align: center;
}

.manga__title p {
  margin-bottom: 0;
}

.manga__title-small {
  font-size: 1.5rem;
}

.manga__title-fukidashi {
  position: absolute;
  max-width: 150px;
  top: -50%;
}

.manga__title-staff {
  position: absolute;
  max-width: 110px;
  top: -58%;
  right: 0;
}

.manga__contents {
  padding: 20px 12px;
  border: 6px solid #65A7D1;
}

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

.manga__contents-title {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 0.75rem;
}

.manga__catch {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  font-size: 1.25rem;
  font-weight: bold;
}

.manga__catch-lavel {
  display: block;
  color: #fff;
  padding: 0 12px;
  background-color: #65A7D1;
}

.manga__catch-subtitle {
  padding-left: 12px;
  margin-bottom: 0;
}

.manga__btn {
  display: block;
  max-width: 268px;
  margin: 0 auto;
}

.manga__annotation {
  margin-bottom: 34px;
}

.manga__annotation-title {
  font-weight: bold;
  margin-bottom: 13px;
}

.manga__annotation-text {
  font-size: 0.8125rem;
}

.manga__insurance-box {
  margin-bottom: 20px;
}

.manga__insurance-item {
  background-color: #EFEFEF;
  padding: 20px;
}

.manga__insurance-text {
  font-size: 0.8125rem;
  margin-bottom: 0;
}

@media (min-width: 769px) {
  .manga__title-fukidashi {
    top: -20%;
  }
  .manga__title-staff {
    top: -9%;
  }
  .manga__contents {
    display: flex;
    padding: 20px 18px;
  }
  .manga__contents-img {
    max-width: 300px;
    padding-right: 20px;
    margin-bottom: 0;
  }
  .manga__contents-title {
    margin-bottom: 0;
  }
  .manga__catch {
    margin-bottom: 0;
  }
  .manga__insurance {
    display: flex;
    flex-wrap: wrap;
    margin-right: -14px;
  }
  .manga__insurance-box {
    padding-right: 14px;
    display: flex;
    max-width: 354px;
  }
}

/* Nibako バナー csr */
.nibako__banner {
  display: block;
  background-color: #fff;
  width: 100%;
  max-width: 25rem;
  margin: 5rem auto 0;
  line-height: 1.5;
  padding: 1.75rem;
  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.22);
  border-radius: 0.375rem;
  cursor: pointer;
  transition: all 0.5s ease;
  text-decoration: none !important;
}

@media (min-width: 1040px) {
  .nibako__banner {
    display: flex;
    align-items: center;
    max-width: 37.5rem;
  }
}

.nibako__banner ._img {
  min-width: 12.5rem;
}

.nibako__banner ._img img {
  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.22);
  border-radius: 0.375rem;
}

.nibako__banner .text_box {
  margin-top: 1.25rem;
}

@media (min-width: 1040px) {
  .nibako__banner .text_box {
    margin-top: 0;
    margin-left: 1.25rem;
  }
}

.nibako__banner h3 {
  font-size: 1.25rem;
  color: #d83e4f;
  font-weight: 500;
}

.nibako__banner p {
  margin-top: 0.625rem;
  color: #595757;
}

.nibako__banner:hover {
  opacity: 0.7;
  text-decoration: none !important;
}


.pc .hover-opacity:hover {
  opacity: 0.7;
}

.u-font-red {
  color: #dc263f;
}

.u-font-blue {
  color: #00A0E9;
}

.u-font-white {
  color: #fff;
}

.u-font-black {
  color: #231815;
}

.u-font-green {
  color: #00913A;
}

.u-bg-red {
  background-color: #dc263f;
}

.u-bg-green {
  background-color: #46A535;
}

.u-bg-navy {
  background-color: #0040a7;
}

.u-bg-blue {
  color: #00A0E9;
}

.u-bg-white {
  color: #fff;
}

.u-fs-8 {
  font-size: 0.5rem;
}

.u-fs-9 {
  font-size: 0.5625rem;
}

.u-fs-10 {
  font-size: 0.625rem;
}

.u-fs-11 {
  font-size: 0.6875rem;
}

.u-fs-12 {
  font-size: 0.75rem;
}

.u-fs-13 {
  font-size: 0.8125rem;
}

.u-fs-14 {
  font-size: 0.875rem;
}

.u-fs-15 {
  font-size: 0.9375rem;
}

.u-fs-16 {
  font-size: 1rem;
}

.u-fs-17 {
  font-size: 1.0625rem;
}

.u-fs-18 {
  font-size: 1.125rem;
}

.u-fs-19 {
  font-size: 1.1875rem;
}

.u-fs-20 {
  font-size: 1.25rem;
}

.u-fs-21 {
  font-size: 1.3125rem;
}

.u-fs-22 {
  font-size: 1.375rem;
}

.u-fs-23 {
  font-size: 1.4375rem;
}

.u-fs-24 {
  font-size: 1.5rem;
}

.sp_only {
  display: block;
}

@media (min-width: 576px) {
  .u-fs-sm-8 {
    font-size: 0.5rem;
  }
  .u-fs-sm-9 {
    font-size: 0.5625rem;
  }
  .u-fs-sm-10 {
    font-size: 0.625rem;
  }
  .u-fs-sm-11 {
    font-size: 0.6875rem;
  }
  .u-fs-sm-12 {
    font-size: 0.75rem;
  }
  .u-fs-sm-13 {
    font-size: 0.8125rem;
  }
  .u-fs-sm-14 {
    font-size: 0.875rem;
  }
  .u-fs-sm-15 {
    font-size: 0.9375rem;
  }
  .u-fs-sm-16 {
    font-size: 1rem;
  }
  .u-fs-sm-17 {
    font-size: 1.0625rem;
  }
  .u-fs-sm-18 {
    font-size: 1.125rem;
  }
  .u-fs-sm-19 {
    font-size: 1.1875rem;
  }
  .u-fs-sm-20 {
    font-size: 1.25rem;
  }
  .u-fs-sm-21 {
    font-size: 1.3125rem;
  }
  .u-fs-sm-22 {
    font-size: 1.375rem;
  }
  .u-fs-sm-23 {
    font-size: 1.4375rem;
  }
  .u-fs-sm-24 {
    font-size: 1.5rem;
  }
}

@media (min-width: 769px) {
  .u-fs-md-8 {
    font-size: 0.5rem;
  }
  .u-fs-md-9 {
    font-size: 0.5625rem;
  }
  .u-fs-md-10 {
    font-size: 0.625rem;
  }
  .u-fs-md-11 {
    font-size: 0.6875rem;
  }
  .u-fs-md-12 {
    font-size: 0.75rem;
  }
  .u-fs-md-13 {
    font-size: 0.8125rem;
  }
  .u-fs-md-14 {
    font-size: 0.875rem;
  }
  .u-fs-md-15 {
    font-size: 0.9375rem;
  }
  .u-fs-md-16 {
    font-size: 1rem;
  }
  .u-fs-md-17 {
    font-size: 1.0625rem;
  }
  .u-fs-md-18 {
    font-size: 1.125rem;
  }
  .u-fs-md-19 {
    font-size: 1.1875rem;
  }
  .u-fs-md-20 {
    font-size: 1.25rem;
  }
  .u-fs-md-21 {
    font-size: 1.3125rem;
  }
  .u-fs-md-22 {
    font-size: 1.375rem;
  }
  .u-fs-md-23 {
    font-size: 1.4375rem;
  }
  .u-fs-md-24 {
    font-size: 1.5rem;
  }

  .sp_only {
    display: none;
  }
}

@media (min-width: 1040px) {
  .u-fs-lg-8 {
    font-size: 0.5rem;
  }
  .u-fs-lg-9 {
    font-size: 0.5625rem;
  }
  .u-fs-lg-10 {
    font-size: 0.625rem;
  }
  .u-fs-lg-11 {
    font-size: 0.6875rem;
  }
  .u-fs-lg-12 {
    font-size: 0.75rem;
  }
  .u-fs-lg-13 {
    font-size: 0.8125rem;
  }
  .u-fs-lg-14 {
    font-size: 0.875rem;
  }
  .u-fs-lg-15 {
    font-size: 0.9375rem;
  }
  .u-fs-lg-16 {
    font-size: 1rem;
  }
  .u-fs-lg-17 {
    font-size: 1.0625rem;
  }
  .u-fs-lg-18 {
    font-size: 1.125rem;
  }
  .u-fs-lg-19 {
    font-size: 1.1875rem;
  }
  .u-fs-lg-20 {
    font-size: 1.25rem;
  }
  .u-fs-lg-21 {
    font-size: 1.3125rem;
  }
  .u-fs-lg-22 {
    font-size: 1.375rem;
  }
  .u-fs-lg-23 {
    font-size: 1.4375rem;
  }
  .u-fs-lg-24 {
    font-size: 1.5rem;
  }
}

@media print {
  body {
    min-width: 0;
    font-family: -apple-system, blinkmacsystemfont, "Helvetica Neue", yugothic, "ヒラギノ角ゴ ProN W3", hiragino kaku gothic pron, arial, "メイリオ", meiryo, sans-serif;
  }
}



/* =============== */
/*       News      */
/* =============== */

/* カテゴリー */
.topNews_category{
  margin-top: 40px;
}

.topNews_category .dropdown-toggle:after{
  display: none;
}

.topNews_category .dropdown-toggle:before{
  content: '';
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  width: 12px;
  height: 8px;
  background-color: #DC3146;
  clip-path: polygon( 0 0, 100% 0, 50% 100%);
  transform: translateY(-30%);
}

.topNews_category input[name="category_item"] {
  display: none;
}

.topNews_category_lists{}


.topNews_category_lists.dropdown-menu {
  float: none;
}

.topNews_category_lists_item.dropdown-item{
  padding: 0;
  background-color: transparent;
}

.topNews_category_lists_item{
  font-size: 15px;
  margin: 0 !important;
  color: #212529;
}


.topNews_category_lists_item .topNews_tab_item{
  margin: 0;
}

.topNews_tab_item{
  font-feature-settings: "palt";
  display: block;
  padding: .25rem 1.5rem;
}


/* 記事 */
.topNews{
  margin-top: 40px;
  padding: 0 5px 60px;
}

.topNews_lists{}

.topNews_lists_item{
  display: none;
  flex-direction: column;
}

.topNews_lists_item + .topNews_lists_item{
  margin-top: 30px;
}

.topNews_lists_item_header{
  display: flex;
  align-items: center;
}

.topNews_lists_item_header_time{
  font-size: 16px;
  font-weight: 300;
  color: #212529;
}

.topNews_lists_item_header_tag,
.post-newsTag{
  display: block;
  font-size: 11px;
  color: #fff;
  font-weight: 500;
  border-radius: 4px;
  width: 130px;
  text-align: center;
  padding: 3px;
  margin: 0 15px;
  font-feature-settings: "palt";
}

.tag_info{
  background-color: #FD6A71;
}

.tag_event{
  background-color: #F39800;
}

.tag_campaign-new-car{
  background-color: #6DAF1F;
}

.tag_campaign-old-car{
  background-color: #43A3DC;
}

.topNews_lists_item_body{
  font-size: 16px;
  font-weight: 300;
  color: #212529;
  line-height: 1.5;
  text-decoration: underline;
  display: inline-block;
  margin-top: 4px;
}

.news-card__summary{
  height: auto !important;
}

.post-newsTag-single{
  margin: 0 0 12px !important;
}

.post-newsTag-article{
  margin: 8px 0 12px 12px !important;
}

.blog-article-card__box.news-card__box{
  display: block !important;
}

@media (min-width: 769px){

  .topNews_category_lists_item{
      padding: 0;
      text-align: center;
      font-size: 12px !important;
      letter-spacing: 0;
  }

  .topNews_category_lists.dropdown-menu {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 10px;
  }

  .topNews_tab_item{
      padding: 14px 0;
      border-radius: 6px;
      background-color: #fff;
      font-weight: 500;
  }

  .topNews_tab_item:hover{
      color: #fff;
      cursor: pointer;
  }

  .topNews_category_lists_item input:checked + .topNews_tab_item{
      color: #fff;
  }

  .topNews_tab_item[for="all"]{
      border: solid 2px #D83E4F;
  }

  .topNews_tab_item[for="all"]:hover{
      background-color: #D83E4F;
  }

  .topNews_category_lists_item #all:checked + .topNews_tab_item{
      background-color: #D83E4F;
  }

  .topNews_tab_item[for="info"]{
      border: solid 2px #FF6A71;
  }

  .topNews_tab_item[for="info"]:hover{
      background-color: #FF6A71;
  }

  .topNews_category_lists_item #info:checked + .topNews_tab_item{
      background-color: #FF6A71;
  }

  .topNews_tab_item[for="event"]{
      border: solid 2px #F39800;
  }

  .topNews_tab_item[for="event"]:hover{
      background-color: #F39800;
  }

  .topNews_category_lists_item #event:checked + .topNews_tab_item{
      background-color: #F39800;
  }

  .topNews_tab_item[for="campaign-new-car"]{
      border: solid 2px #6DAF1F;
  }

  .topNews_tab_item[for="campaign-new-car"]:hover{
      background-color: #6DAF1F;
  }

  .topNews_category_lists_item #campaign-new-car:checked + .topNews_tab_item{
      background-color: #6DAF1F;
  }

  .topNews_tab_item[for="campaign-old-car"]{
      border: solid 2px #43A3DC;
  }

  .topNews_tab_item[for="campaign-old-car"]:hover{
      background-color: #43A3DC;
  }

  .topNews_category_lists_item #campaign-old-car:checked + .topNews_tab_item{
      background-color: #43A3DC;
  }


  .topNews{
      margin-top: 60px;
      padding: 0 0 30px;
  }

  .topNews_lists_item{
      display: none;
      flex-direction: row;
      align-items: flex-start;
  }

  .topNews_lists_item + .topNews_lists_item{
      margin-top: 18px;
  }

  .topNews_lists_item_header_tag{
      margin: 0 20px;
  }

  .topNews_lists_item_body{
      margin-top: 0;
  }


  .post-newsTag-single{
    margin: 0 0 23px !important;
  }

  .post-newsTag-article{
    margin: 6px 0 12px 28px !important;
  }

}


@media (min-width: 1040){

  .topNews_category_lists_item{
      font-size: 15px !important;
      letter-spacing: 0.1em;
  }

  .topNews_category_lists.dropdown-menu {
      gap: 20px;
  }
}


/* ================== */
/*     Overwrite      */
/* ================== */
.carlineup .archive-list-item{
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  cursor: pointer;
}

.carlineup .archive-list-item:hover .car_box{
  opacity: 1;
  visibility: visible;
}

.carlineup .car-list__tag,
.testride .car-list__tag{
  font-weight: bold;
  background-color: #EFEFEF;
  padding: 2px;
  border-radius: 999px;
  color: #221815;
  display: block;
  text-align: center;
}

.carlineup .car-list__tag{
  font-size: 10px;
}

.testride .car-list__tag{
  font-size: 14px;
  max-width: 203px;
  margin-left: auto;
  margin-right: auto;
}

.carlineup .car_box{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  transition: opacity .5s ease, visibility .5s ease;
  opacity: 0;
  visibility: hidden;
}

.carlineup .car_box_item{
  color: #F01E44;
  background-color: rgba(255, 255, 255, 0.9);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.07em;
  padding: 2px;
  text-decoration: none;
  transition: opacity .5s ease, background-color .5s ease, color .5s ease;
  overflow: hidden;
}

.carlineup .archive-list-item:hover{
  border: solid 1px #F01E44;
  border-radius: 0%;
}

.carlineup .car_box_item:hover{
  color: #fff;
  background-color: #F01E44;
}


.carlineup .border_l{
  border-left: solid 1px #F01E44;
}

.carlineup .border_b{
  border-bottom: solid 1px #F01E44;
}

.testride .car-list{
  display: block;
  align-items: flex-start;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.testride .car-list .car-list__item{
  padding: 0 !important;
  max-width: 100%;
  margin-bottom: 30px;
  margin-left: 0;
}

.testride .car-list .car-list__item .car-list__wrap{
  padding: 10px 10px 0;
}

.testride .car-list li a{
  transition: opacity .7s;
}
.testride .car-list li a:hover{
  text-decoration: none;
  opacity: 0.7;
}

.testride .car-list__tag{
  margin-bottom: 0;
}

.testride .car-list__details{
  margin-top: 13px;
}

.testride .car-list__details[open] .car-list__summary__btn svg{
  transform: rotate(180deg);
}

.testride .car-list__summary{
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background-color: #8CB8C9;
  text-align: center;
  position: relative;
  list-style: none;
  padding: 8px 4px;
  cursor: pointer;
  transition: opacity .7s;
}

.testride .car-list__summary:hover{
  opacity: 0.7;
}

.testride .car-list__summary__btn,
.testride .car-shop__reserve__btn{
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 999px;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.testride .car-list__summary__btn{}

.testride .car-shop__reserve__btn{}


.testride .car-list__inner{
  padding: 8px 15px 16px;
}

.testride .car-shop__wrap:not(:first-child){
  margin-top: 10px;
}

.testride .car-shop__wrap__title{
  font-size: 10px;
  text-align: center;
  margin-bottom: 0;
  font-weight: 400;
}

.testride .car-shop__wrap__title.color-red{
  color: #D83E4F;
}

.testride .car-shop__wrap__title.color-blue{
  color: #134AAC;
}


.testride .car-shop__lists{
  margin-top: 4px;
  margin-left: -4px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}


.testride .car-shop__lists__item{
  width: 25%;
  padding: 4px 0 0 4px !important;
}

.testride .car-shop__lists__item.col2{
  width: 50%;
}

.testride .car-shop__lists__item__tag{
  color: #6C757D;
  background-color: #EFEFEF;
  font-size: 10px;
  border-radius: 4px;
  display: block;
  text-align: center;
  padding: 2px;
  width: 100%;
  font-weight: bold;
}

.testride .car-shop__lists__item__tag.reserve_feasible{
  color: #FFFFFF;
  background-color: #8CB8C9;
}

.testride .car-shop__reserve{
  display: block;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color: #D83E4F;
  margin: 16px auto 0;
  position: relative;
  max-width: 200px;
  padding: 8px 16px 8px 4px;
  border-radius: 999px;
}

@media (min-width: 768.98px) {
  .carlineup .car-list__tag,
  .testride .car-list__tag{
    font-size: 14px;
    padding: 4px;
  }

  .testride .car-list{
    display: flex;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .carlineup .car_box_item{
    font-size: 14px;
  }

  .testride .car-list .car-list__item{
    padding: 10px;
    max-width: calc(50% - 6px);
    margin-bottom: 6px;
    margin-left: 6px;
  }

  .testride .testride .car-list__details{
    margin-top: 16px;
  }

  .testride .car-list__summary{
    font-size: 13px;
  }

  .testride .car-shop__lists__item{
    width: 33.333333%;
  }

  .testride .car-shop__lists__item.col2{
    width: 66.666666%;
  }
}

@media (min-width: 1040px){

  .testride .car-list__summary{
    font-size: 16px;
  }

  .testride .car-list .car-list__item{
    max-width: calc(33.3333% - 4px);
    margin-bottom: 4px;
    margin-left: 4px;
  }
}



.recruit_interview_newStyle .staff,
.recruit_interview_newStyle .comment,
.recruit_interview_newStyle_box .staff .staff_detail{
  margin-bottom: 0;
}

@media (min-width: 576px){

  .recruit-interview-thumb{
    margin: 0;
  }
}

.recruit_interview_newStyle .recruit-interview-thumb{
  max-width: 335px;
  margin: 0 auto;
}

@media (min-width: 576px){

  .recruit_interview_newStyle .recruit-interview-thumb{
    max-width: 430px;
  }

  .recruit-interview-thumbs__item{
    justify-content: center;
  }

}

@media (min-width: 769px){

  .recruit_interview_newStyle .recruit-interview-thumb{
    max-width: 100%;
  }
}

.recruit_interview_newStyle_img{
  width: 100%;
  max-width: 240px;
  margin: 0 auto;
}

@media (min-width: 576px){

  .recruit_interview_newStyle_img{
    margin: 0;
  }
}

.recruit_interview_newStyle_box{
  margin-top: 20px;
}

@media (min-width: 1040px){
  .recruit_interview_newStyle_box{
    margin-top: 0;
    transform: translateY(52px) translateX(-15px);
  }

  .interview-cover._orange .interview-cover__staff{
    margin-top: 10px;
  }
}

.interview-cover._orange .interview-cover__staff .post,
.recruit_interview_newStyle_box._orange .staff .staff_detail .post{
  color: #E68539;
}

.interview-cover._orange .interview-cover__comment .comment_str span,
.recruit_interview_newStyle_box._orange .comment .comment_str{
  background-color: #E68539;
}


.interview-cover._red .interview-cover__staff .post,
.recruit_interview_newStyle_box._red .staff .staff_detail .post{
  color: #D83E4F;
}

.interview-cover._red .interview-cover__comment .comment_str span,
.recruit_interview_newStyle_box._red .comment .comment_str{
  background-color: #D83E4F;
}

.interview-cover._blue .interview-cover__staff .post,
.recruit_interview_newStyle_box._blue .staff .staff_detail .post{
  color: #205FB4;
}

.interview-cover._blue .interview-cover__comment .comment_str span,
.recruit_interview_newStyle_box._blue .comment .comment_str{
  background-color: #205FB4;
}


/* Staff */
.recruit_interview_newStyle .staff{
  display: flex;
  align-items: center;
}

.recruit_interview_newStyle .staff .staff_number{
  width: 76px;
}

.recruit_interview_newStyle .staff .staff_detail{
  font-size: 16px;
  margin-left: 20px;
  text-align: left;
}

.recruit_interview_newStyle .staff .staff_detail .post{
  font-weight: bold;
  display: block;
}

.recruit_interview_newStyle .staff .staff_detail .year{
  font-weight: 500;
  color: #231815;
  display: block;
  margin-top: 2px;
}

/* comment */
.recruit_interview_newStyle .comment{
  margin-top: 10px;
  text-align: left;
}

.recruit_interview_newStyle .comment .comment_str{
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  padding: 8px;
  line-height: 1;
  letter-spacing: 0;
}

.recruit_interview_newStyle .comment .comment_str + .comment_str{
  margin-top: 8px;
}



/* 詳細ページ */

.interview-cover{
  margin-top: 40px;
}

.interview-cover_newStyle .interview-cover__catch{
  margin-top: -10px;
}

@media (min-width: 769px){

  .interview-cover{
    margin-top: 80px;
  }

  .interview-cover_newStyle .interview-cover__catch{
    margin-top: 0;
  }

}

.interview-cover_newStyle .interview-cover__textbox{
  position: relative;
  margin-bottom: 40px;
}

@media (min-width: 769px){
  .interview-cover_newStyle .interview-cover__textbox{
    margin-bottom: 0;
  }
}

.interview-cover_newStyle .interview-cover__number .interview-cover__number__svg{
  width: 100px;
}

@media (min-width: 769px){

  .interview-cover_newStyle .interview-cover__number .interview-cover__number__svg{
    width: 75px;
  }
}

.interview-cover_newStyle .interview-cover__staff .post,
.interview-cover_newStyle .interview-cover__staff .year{
  font-size: 16px;
  display: block;
}


.interview-cover_newStyle .interview-cover__staff .post{
  font-weight: bold;
}

.interview-cover_newStyle .interview-cover__staff .year{
  font-weight: 500;
}

.interview-cover_newStyle .interview-cover__comment{
  margin-top: 40px;
}

@media (min-width: 769px){

  .interview-cover_newStyle .interview-cover__comment{
    margin-top: 0;
    position: absolute;
    top: 150px;
    left: 40px;
    width: 130%;
    z-index: 1;
  }
}

@media (min-width: 1040px){

  .interview-cover_newStyle .interview-cover__comment{
    left: 0;
  }
}

.interview-cover_newStyle .interview-cover__comment .comment_str{
  display: block;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
}

.interview-cover_newStyle .interview-cover__comment .comment_str span{
  display: inline-block;
  padding: 8px;
}

.interview-cover_newStyle .interview-cover__comment .comment_str + .comment_str{
  margin-top: 15px;
}


.interview-cover_newStyle .interview-cover__info{
  border-bottom: none;
  position: absolute;
  top: -60px;
  right: 10px;
}
@media (min-width: 769px){
  .interview-cover_newStyle .interview-cover__info{
    position: static;
    top: auto;
    right: auto;
    border-bottom: 1px solid #707070;
  }
}

.interview-cover_newStyle .interview-voice{
  border-top: 1px solid #707070;
}

.interview-cover_newStyle .interview-cover__carimgbox{
  margin-bottom: 0;
}

@media (min-width: 769px){
  .interview-cover_newStyle .interview-voice{
    border-top: none;
  }
}
/*# sourceMappingURL=style.css.map */