@charset "UTF-8";
.st0 {
  background: -ms-linear-gradient(90deg, rgb(0, 140, 210) 0%, rgb(0, 170, 230) 50%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#008CD2', endColorstr='#00AAE6' ,GradientType=0)";
  border-radius: 27px;
  -moz-border-radius: 27px;
  -webkit-border-radius: 27px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00AAE6",endColorstr="#008CD2" , GradientType=0);
}

html {
  font-size: 100%;
}
@media (max-width: 1410px) {
  html {
    font-size: 1.134751773vw;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 100%;
  }
}
@media (max-width: 375px) {
  html {
    font-size: 4.2666666667vw;
  }
}

body {
  font-family: "M PLUS Rounded 1c", sans-serif;
  color: #000;
  background: url(../images/bg-yellow.png) repeat center/contain;
}

a,
button {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
a:hover, a:focus,
button:hover,
button:focus {
  opacity: 0.7;
  cursor: pointer;
}

/*****************************
* A Modern CSS Reset (https://github.com/hankchizljaw/modern-css-reset)
* 上記に、ul要素,ol要素,a要素への記述追加
*****************************/
/* Box sizing rules */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd,
ul,
ol,
li {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul,
ol {
  list-style: none;
  padding: 0;
}

/* Set core root defaults */
html:focus-within {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

a {
  text-decoration: none;
  color: inherit;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

button {
  border: none;
  padding: 0;
  background-color: transparent;
  background-color: initial;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    -webkit-animation-duration: 0.01ms !important;
            animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
    -webkit-transition-duration: 0.01ms !important;
            transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.l-banner {
  padding: 3.75rem 0;
}
@media screen and (max-width: 767px) {
  .l-banner {
    padding: 2.5rem 0;
  }
}

.l-blog-archive {
  padding-block: 3.75rem;
}

.l-blog-detail {
  padding-block: 3.75rem;
}

.l-company {
  padding-block: 3.75rem;
}

.l-contact-cta {
  padding-bottom: 2.125rem;
}

.l-header {
  position: relative;
}
@media screen and (max-width: 767px) {
  .l-header {
    position: sticky;
    top: 0;
    z-index: 1000;
  }
}

.l-inner {
  width: 100%;
  margin-inline: auto;
  max-width: 1410px;
  padding-inline: 1.5625rem;
}
@media screen and (max-width: 767px) {
  .l-inner {
    max-width: 37.5rem;
    padding-inline: 1.25rem;
  }
}

.l-inner-md {
  width: 100%;
  margin-inline: auto;
  max-width: 1170px;
  padding-inline: 1.5625rem;
}
@media screen and (max-width: 767px) {
  .l-inner-md {
    max-width: 37.5rem;
    padding-inline: 1.25rem;
  }
}

.l-inner-sm {
  width: 100%;
  margin-inline: auto;
  max-width: 950px;
  padding-inline: 1.5625rem;
}
@media screen and (max-width: 767px) {
  .l-inner-sm {
    max-width: 37.5rem;
    padding-inline: 1.25rem;
  }
}

.l-inner-xs {
  width: 100%;
  margin-inline: auto;
  max-width: 850px;
  padding-inline: 1.5625rem;
}
@media screen and (max-width: 767px) {
  .l-inner-xs {
    max-width: 37.5rem;
    padding-inline: 1.25rem;
  }
}

.l-inquiry {
  padding-block: 3.75rem;
}

.l-news-archive {
  padding-block: 3.75rem;
}

.l-news-detail {
  padding-block: 3.75rem;
}

.l-oil {
  padding-block: 2.5rem;
}

.l-online {
  padding-block: 2.5rem;
}

.l-privacy {
  padding-block: 3.75rem;
}

.l-rentacar {
  padding: 2.5rem 0 3.125rem;
}

.l-shop {
  padding-block: 2.5rem;
}

.l-staff {
  padding-block: 2.5rem;
}

.l-syaken {
  padding: 2.5rem 0 3.125rem;
}

.l-tenken {
  padding-block: 2.5rem;
}

.l-top-about {
  padding-block: 3.75rem;
}
@media screen and (max-width: 767px) {
  .l-top-about {
    padding-block: 2.5rem;
  }
}

.l-top-blog {
  margin-top: 8.75rem;
}

.l-top-calendar {
  padding: 3.75rem 0 5rem;
}

.l-top-lotas {
  padding-block: 3.75rem;
}
@media screen and (max-width: 767px) {
  .l-top-lotas {
    padding-block: 2.5rem;
  }
}

.l-top-news {
  margin-top: 5rem;
}
@media screen and (max-width: 767px) {
  .l-top-news {
    margin-top: 3.75rem;
  }
}

.l-top-online {
  padding-block: 2.5rem;
}

.l-top-wrapper {
  padding: 3.75rem 0 5rem;
}
@media screen and (max-width: 767px) {
  .l-top-wrapper {
    padding: 2.5rem 0;
  }
}

.p-online-download {
  padding: 0 7.5rem;
}
@media screen and (max-width: 767px) {
  .p-online-download {
    padding: 1.25rem 0.625rem 0;
  }
}

.p-online-download__lead {
  position: relative;
}

.p-online-download__lead::after {
  position: absolute;
  top: -2.8125rem;
  right: 1.25rem;
  width: 11.375rem;
  height: 15.125rem;
  background: url(../images/online-staff01.png) no-repeat center center/cover;
  content: "";
}
@media screen and (max-width: 767px) {
  .p-online-download__lead::after {
    top: -4.0625rem;
    right: 0;
    width: 4.5625rem;
    height: 6.0625rem;
  }
}

.p-online-download__lead img {
  width: 43rem;
}
@media screen and (max-width: 767px) {
  .p-online-download__lead img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

.p-online-download__wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-online-download__wrapper {
    justify-items: center;
    margin-top: 0.625rem;
  }
}

.p-online-download__box {
  border-radius: 10px;
  padding: 0.625rem;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
          box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
@media screen and (max-width: 767px) {
  .p-online-download__box {
    max-width: 25rem;
    width: 100%;
  }
}

.p-online-download__box-inner {
  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;
  gap: 2.5rem;
  background-color: #FDF000;
  border-radius: 10px;
  padding: 1.875rem;
}
@media screen and (max-width: 767px) {
  .p-online-download__box-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.25rem;
    padding: 1.25rem;
  }
}

.p-online-download__title img {
  width: 13.375rem;
}

.p-online-download__main {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}

.p-online-download__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.875rem;
}
@media screen and (max-width: 767px) {
  .p-online-download__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.25rem;
  }
}

.p-online-download__link {
  display: block;
}

.p-online-download__text {
  margin-top: 0.625rem;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 0.9375rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.6666666667;
  letter-spacing: 0.02em;
  text-align: center;
}

.p-online-download__pc {
  border-radius: 5px;
  padding: 0.75rem;
  background-color: #000;
  color: #fff;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.3888888889;
  letter-spacing: 0.02em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-online-download__pc {
    font-size: 1rem;
    -webkit-transform: rotateZ(0.03deg);
            transform: rotateZ(0.03deg);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.02em;
  }
}

.p-online-download__pc-text {
  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;
}

.p-online-download__pc-text::before {
  display: inline-block;
  margin-right: 1.25rem;
  width: 2.8125rem;
  height: 2rem;
  background: url(../images/icon-pc.svg) no-repeat center center/cover;
  content: "";
}
@media screen and (max-width: 767px) {
  .p-online-download__pc-text::before {
    width: 1.375rem;
    height: 1rem;
    margin-right: 0.625rem;
  }
}

.p-online-head {
  padding: 2.5rem 0 3.75rem;
}
@media screen and (max-width: 767px) {
  .p-online-head {
    padding: 2.5rem 0;
  }
}

.p-online-head__wrapper {
  padding-inline: 3.125rem;
}
@media screen and (max-width: 767px) {
  .p-online-head__wrapper {
    padding-inline: 0.625rem;
  }
}

.p-online-head__img {
  position: relative;
}

.p-online-head__img::before {
  position: absolute;
  top: 5rem;
  left: -3.75rem;
  width: 25.3125rem;
  height: 21.875rem;
  background: url(../images/online-magnifying-glass.png) no-repeat center center/cover;
  content: "";
}
@media screen and (max-width: 767px) {
  .p-online-head__img::before {
    display: none;
  }
}

.p-online-head__img::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 19.625rem;
  height: 20.875rem;
  background: url(../images/online-staff02.png) no-repeat center center/cover;
  content: "";
}
@media screen and (max-width: 767px) {
  .p-online-head__img::after {
    display: none;
  }
}

.p-online-head__img img {
  width: 52.9375rem;
}

.p-online-head__title {
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-online-head__title {
    margin-top: 1.25rem;
  }
}

.p-online-head__title::before {
  position: absolute;
  top: 5.625rem;
  left: 1.25rem;
  width: 13.375rem;
  height: 7.375rem;
  background: url(../images/text-zoom02.png) no-repeat center center/cover;
  content: "";
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-online-head__title::before {
    display: none;
  }
}

.p-online-head__title::after {
  position: absolute;
  top: 5.625rem;
  right: 1.25rem;
  width: 13.375rem;
  height: 7.375rem;
  background: url(../images/text-line02.png) no-repeat center center/cover;
  content: "";
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-online-head__title::after {
    display: none;
  }
}

.p-online-head__title img {
  margin-inline: auto;
  width: 39.9375rem;
}

.p-online-head__content {
  padding-inline: 6.25rem;
}
@media screen and (max-width: 767px) {
  .p-online-head__content {
    margin-top: 1.25rem;
    padding-inline: 1.25rem;
  }
}

.p-online-head__tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .p-online-head__tabs {
    grid-template-columns: 1fr;
  }
}

.p-online-head__tab {
  border: 3px solid #0055A0;
  border-radius: 20px;
  padding: 0.125rem 0.625rem;
  background-color: #FDF000;
  color: #0055A0;
  font-size: 1.25rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.02em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-online-head__tab {
    font-size: 1.125rem;
    -webkit-transform: rotateZ(0.03deg);
            transform: rotateZ(0.03deg);
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
}

.p-online-head__text {
  margin-top: 1.25rem;
}

.p-online-head__text img {
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-online-head__text img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

.p-online-head__list {
  display: grid;
  grid-template-columns: 1fr 1fr 14.375rem;
  gap: 1.25rem 1.25rem;
  padding: 1.05rem;
  background-color: #F2F2F2;
}
@media screen and (max-width: 767px) {
  .p-online-head__list {
    grid-template-columns: 1fr;
    gap: 1.25rem;
    margin-top: 1.25rem;
  }
}

.p-online-head__item {
  position: relative;
  padding-left: 2.25rem;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1.25rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-online-head__item {
    padding-left: 1.75rem;
    font-size: 0.9375rem;
    -webkit-transform: rotateZ(0.03deg);
            transform: rotateZ(0.03deg);
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
}

.p-online-head__item::before {
  position: absolute;
  top: 0.125rem;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  background: url(../images/icon-check.svg) no-repeat center center/cover;
  content: "";
}
@media screen and (max-width: 767px) {
  .p-online-head__item::before {
    top: 0.0625rem;
    width: 1.25rem;
    height: 1.25rem;
  }
}

.p-online-inquiry {
  padding: 3.125rem 6.25rem 1.875rem;
  background: url(../images/bg-online.png) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .p-online-inquiry {
    padding: 2.5rem 0.5rem;
  }
}

.p-online-inquiry__boxs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-online-inquiry__boxs {
    grid-template-columns: 1fr;
    gap: 1.25rem;
    justify-items: center;
  }
}

.p-online-inquiry__box {
  border: 4px solid #000;
  border-radius: 10px;
  padding: 1.875rem 1.25rem;
  background-color: #fff;
  -webkit-box-shadow: 4px 4px 0px black;
          box-shadow: 4px 4px 0px black;
}
@media screen and (max-width: 767px) {
  .p-online-inquiry__box {
    max-width: 25rem;
    width: 100%;
    padding: 1.875rem 0.5rem;
  }
}

.p-online-inquiry__shop {
  margin-inline: auto;
  width: 20.1875rem;
}
@media screen and (max-width: 767px) {
  .p-online-inquiry__shop {
    width: 15.625rem;
  }
}

.p-online-inquiry__btn {
  margin-top: 1.25rem;
  text-align: center;
}

.p-online-inquiry__info {
  margin-top: 1.25rem;
}

.p-online-inquiry__tel {
  display: block;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .p-online-inquiry__tel {
    pointer-events: auto;
  }
}

.p-online-inquiry__tel img {
  width: 16.875rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-online-inquiry__tel img {
    width: 15rem;
  }
}

.p-online-inquiry__time {
  margin-top: 1.25rem;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.5625;
  letter-spacing: 0.02em;
  text-align: center;
}

.p-online-inquiry__text {
  margin-top: 1.875rem;
  color: #fff;
  font-size: 1.5rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 900;
  line-height: 1.4583333333;
  letter-spacing: 0.02em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-online-inquiry__text {
    font-size: 1.375rem;
    -webkit-transform: rotateZ(0.03deg);
            transform: rotateZ(0.03deg);
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
}

.p-online-step {
  padding: 4.375rem 6.25rem;
}
@media screen and (max-width: 767px) {
  .p-online-step {
    padding: 2.5rem 1.25rem;
  }
}

.p-online-step__title-wrapper {
  text-align: center;
}

.p-online-step__title {
  display: inline-block;
  position: relative;
}

.p-online-step__title::before {
  content: "";
  position: absolute;
  top: -0.625rem;
  left: -3.75rem;
  width: 5.25rem;
  height: 8.5rem;
  background: url(../images/icon-online.png) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .p-online-step__title::before {
    top: -0.125rem;
    left: -1.25rem;
    width: 2.625rem;
    height: 4.25rem;
  }
}

.p-online-step__title img {
  position: relative;
  margin-inline: auto;
  width: 36.0625rem;
}

.p-online-step__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.875rem;
}

.p-online-step__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .p-online-step__item {
    display: block;
  }
}

.p-online-step__item:not(:last-child):before {
  position: absolute;
  bottom: -0.9375rem;
  left: 4.6875rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 15px 0 15px;
  border-color: #0055A0 transparent transparent transparent;
  content: "";
}
@media screen and (max-width: 767px) {
  .p-online-step__item:not(:last-child):before {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.p-online-step__number {
  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;
  width: 11.25rem;
  padding: 0.625rem;
  background-color: #0055A0;
}
@media screen and (max-width: 767px) {
  .p-online-step__number {
    width: 100%;
  }
}

.p-online-step__number--last {
  background-color: #E62328;
}

.p-online-step__number img {
  width: 6.5625rem;
}
@media screen and (max-width: 767px) {
  .p-online-step__number img {
    width: 5rem;
  }
}

.p-online-step__main {
  width: calc(100% - 11.25rem);
  padding: 1.25rem 1.875rem;
  background-color: #fef5c8;
}
@media screen and (max-width: 767px) {
  .p-online-step__main {
    width: 100%;
    padding: 1.25rem;
  }
}

.p-online-step__text {
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.5555555556;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-online-step__text {
    font-size: 1rem;
    -webkit-transform: rotateZ(0.03deg);
            transform: rotateZ(0.03deg);
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
}

.p-online__inner {
  max-width: 73.125rem;
}

.p-online__lead {
  position: relative;
  font-size: 1.375rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 900;
  line-height: 1.5909090909;
  letter-spacing: 0.02em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-online__lead {
    font-size: 1.25rem;
    -webkit-transform: rotateZ(0.03deg);
            transform: rotateZ(0.03deg);
    font-weight: 900;
    line-height: 1.4;
    letter-spacing: 0.02em;
  }
}

.p-online__lead::before {
  position: absolute;
  top: -12.5rem;
  left: 0;
  width: 14.4375rem;
  height: 23rem;
  background: url(../images/online-before.png) no-repeat center center/cover;
  content: "";
}
@media screen and (max-width: 767px) {
  .p-online__lead::before {
    top: -3.75rem;
    left: calc(50% - 11.25rem);
    width: 4.3125rem;
    height: 6.875rem;
  }
}

.p-online__lead::after {
  position: absolute;
  top: -10.625rem;
  right: 0.75rem;
  width: 17.9375rem;
  height: 23rem;
  background: url(../images/online-after.png) no-repeat center center/cover;
  content: "";
}
@media screen and (max-width: 767px) {
  .p-online__lead::after {
    top: -3.75rem;
    right: calc(50% - 11.25rem);
    width: 5.375rem;
    height: 6.875rem;
  }
}

.p-online__content {
  position: relative;
  margin-top: 3.125rem;
  border: 5px solid #0055A0;
  border-radius: 10px;
  background-color: #fff;
  overflow: hidden;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-online__content {
    margin-top: 2.5rem;
  }
}

.c-btn-arrow {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 20rem;
  padding: 0.75rem 2.75rem;
  text-align: center;
  color: #fff;
  border: 4px solid #000;
  border-radius: 8px;
  background-color: #0BB71E;
  -webkit-box-shadow: 0.1875rem 0.1875rem 0 #000;
          box-shadow: 0.1875rem 0.1875rem 0 #000;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.3888888889;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .c-btn-arrow {
    font-size: 1rem;
  }
}

.c-btn-arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0.875rem;
  width: 1.75rem;
  height: 1.75rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../images/icon-arrow-right.svg) no-repeat center center/contain;
}

.c-btn-arrow--orange {
  background-color: #FA8C0A;
}

.c-btn-lg {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 22.5rem;
  padding: 0.75rem 1.25rem;
  text-align: center;
  color: #fff;
  border: 3px solid #fff;
  border-radius: 2.71875rem;
  background-color: #C81E23;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .4);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, .4);
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 900;
  line-height: 1.75;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .c-btn-lg {
    padding: 0.5625rem;
    font-size: 1rem;
  }
}
.c-btn-lg::before {
  content: "";
  position: absolute;
  top: 0.3125rem;
  left: 0.3125rem;
  width: 1.75rem;
  height: 1.75rem;
  background: url(../images/btn-luster-left.svg) no-repeat center center/contain;
}
.c-btn-lg::after {
  content: "";
  position: absolute;
  right: 0.3125rem;
  bottom: 0.3125rem;
  width: 1.3125rem;
  height: 1.0625rem;
  background: url(../images/btn-luster-right.svg) no-repeat center center/contain;
}

.c-btn-lg--green {
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(10, 140, 25)), color-stop(50%, rgb(11, 183, 30)));
  background: linear-gradient(0deg, rgb(10, 140, 25) 0%, rgb(11, 183, 30) 50%);
}

.c-btn-lg--orange {
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(230, 120, 10)), color-stop(50%, rgb(250, 140, 10)));
  background: linear-gradient(0deg, rgb(230, 120, 10) 0%, rgb(250, 140, 10) 50%);
}

.c-btn-lg--blue {
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 70, 130)), color-stop(50%, rgb(0, 85, 160)));
  background: linear-gradient(0deg, rgb(0, 70, 130) 0%, rgb(0, 85, 160) 50%);
}

.c-btn-lg--mail .mail {
  position: relative;
  display: inline-block;
  width: 1.5rem;
  height: 0.9375rem;
}

.c-btn-lg--mail .mail::before {
  content: "";
  position: absolute;
  top: calc(50% + 0.0625rem);
  left: 0;
  width: 1.1875rem;
  height: 0.9375rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../images/icon-mail-white.svg) no-repeat center center/cover;
}

.c-btn-md {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 15.625rem;
  padding: 0.75rem 1.25rem;
  text-align: center;
  color: #fff;
  border: 3px solid #fff;
  border-radius: 2.71875rem;
  background-color: #C81E23;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .4);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, .4);
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 900;
  line-height: 1.75;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .c-btn-md {
    padding: 0.625rem;
    font-size: 1rem;
  }
}
.c-btn-md::before {
  content: "";
  position: absolute;
  top: 0.3125rem;
  left: 0.3125rem;
  width: 1.75rem;
  height: 1.75rem;
  background: url(../images/btn-luster-left.svg) no-repeat center center/contain;
}
.c-btn-md::after {
  content: "";
  position: absolute;
  right: 0.3125rem;
  bottom: 0.3125rem;
  width: 1.3125rem;
  height: 1.0625rem;
  background: url(../images/btn-luster-right.svg) no-repeat center center/contain;
}

.c-btn-sm {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 10.9375rem;
  padding: 0.75rem 1.25rem;
  text-align: center;
  letter-spacing: 0.02em;
  color: #fff;
  border: 3px solid #fff;
  border-radius: 2.71875rem;
  background-color: #C81E23;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .4);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, .4);
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 900;
  line-height: 1.75;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .c-btn-sm {
    padding: 0.625rem;
    font-size: 1rem;
  }
}
.c-btn-sm::before {
  content: "";
  position: absolute;
  top: 0.3125rem;
  left: 0.3125rem;
  width: 1.75rem;
  height: 1.75rem;
  background: url(../images/btn-luster-left.svg) no-repeat center center/contain;
}
.c-btn-sm::after {
  content: "";
  position: absolute;
  right: 0.3125rem;
  bottom: 0.3125rem;
  width: 1.3125rem;
  height: 1.0625rem;
  background: url(../images/btn-luster-right.svg) no-repeat center center/contain;
}

.c-btn-sm--lightblue {
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 140, 210)), color-stop(50%, rgb(0, 170, 230)));
  background: linear-gradient(0deg, rgb(0, 140, 210) 0%, rgb(0, 170, 230) 50%);
}

.c-btn-sm--pink {
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(230, 10, 80)), color-stop(50%, rgb(235, 80, 130)));
  background: linear-gradient(0deg, rgb(230, 10, 80) 0%, rgb(235, 80, 130) 50%);
}

.c-btn-tab {
  display: inline-block;
  width: 100%;
  max-width: 24.375rem;
  padding: 0.125rem 1.25rem;
  color: #000;
  border: 4px solid #000;
  border-radius: 22px;
  background-color: #fff;
  font-size: 1.1875rem;
  font-size: 1.1875rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 900;
  line-height: 1.7368421053;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .c-btn-tab {
    font-size: 1rem;
  }
}

.c-btn-tab.btn-active {
  color: #fff;
  background-color: #00AA14;
}

.c-btn-tab:hover,
.c-btn-tab:active {
  opacity: 1;
}

.c-btn {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 18.125rem;
  padding: 0.75rem 1.25rem;
  text-align: center;
  letter-spacing: 0.02em;
  color: #fff;
  border: 3px solid #fff;
  border-radius: 2.78125rem;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(200, 30, 35)), color-stop(50%, rgb(230, 35, 40)));
  background: linear-gradient(0deg, rgb(200, 30, 35) 0%, rgb(230, 35, 40) 50%);
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .4);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, .4);
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 900;
  line-height: 1.75;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .c-btn {
    padding: 0.625rem;
    font-size: 1rem;
  }
}
.c-btn::before {
  content: "";
  position: absolute;
  top: 0.3125rem;
  left: 0.3125rem;
  width: 1.75rem;
  height: 1.75rem;
  background: url(../images/btn-luster-left.svg) no-repeat center center/contain;
}
.c-btn::after {
  content: "";
  position: absolute;
  right: 0.3125rem;
  bottom: 0.3125rem;
  width: 1.3125rem;
  height: 1.0625rem;
  background: url(../images/btn-luster-right.svg) no-repeat center center/contain;
}

.c-btn--long {
  max-width: 34.6875rem;
  padding: 0.75rem 0.4375rem;
}

.c-btn--blue {
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(0, 70, 130)), color-stop(50%, rgb(0, 85, 160)));
  background: linear-gradient(0deg, rgb(0, 70, 130) 0%, rgb(0, 85, 160) 50%);
}

.c-btn--green {
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(10, 140, 25)), color-stop(50%, rgb(11, 183, 30)));
  background: linear-gradient(0deg, rgb(10, 140, 25) 0%, rgb(11, 183, 30) 50%);
}

.c-btn--orange {
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(230, 120, 10)), color-stop(50%, rgb(250, 140, 10)));
  background: linear-gradient(0deg, rgb(230, 120, 10) 0%, rgb(250, 140, 10) 50%);
}

.wrap {
  padding: 50px;
  text-align: center;
}

.c-content-title {
  color: #0055a0;
  font-size: 2rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 900;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .c-content-title {
    font-size: 1.5rem;
  }
}

.c-hamburger {
  display: none;
}
@media screen and (max-width: 767px) {
  .c-hamburger {
    position: relative;
    display: block;
    width: 3.75rem;
    height: 3.75rem;
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
}

.c-hamburger__top,
.c-hamburger__center,
.c-hamburger__bottom {
  position: relative;
  display: block;
  width: 1.6875rem;
  height: 0.125rem;
  margin-right: auto;
  margin-left: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 5px;
  background-color: #000;
}

.c-hamburger__top {
  top: 0;
}

.c-hamburger__center {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}

.c-hamburger__bottom {
  top: 0;
}

.c-hamburger.is-open .c-hamburger__top {
  top: 0.5rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background-color: #000;
}

.c-hamburger.is-open .c-hamburger__center {
  opacity: 0;
}

.c-hamburger.is-open .c-hamburger__bottom {
  top: -0.5rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: #000;
}

.c-shop-title--main {
  width: 7.625rem;
}
@media screen and (max-width: 767px) {
  .c-shop-title--main {
    width: 6.25rem;
  }
}

.c-shop-title--zenibako {
  width: 23.25rem;
}
@media screen and (max-width: 767px) {
  .c-shop-title--zenibako {
    width: 18.125rem;
  }
}

.p-banner__youtube {
  max-width: 50rem;
  margin-inline: auto;
}

.p-banner__youtube iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-banner__list {
  display: grid;
  gap: 1.25rem;
  margin-top: 1.875rem;
  grid-template-columns: repeat(4, 1fr);
  place-items: center;
}
@media screen and (max-width: 767px) {
  .p-banner__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .p-banner__list {
    grid-template-columns: 1fr;
  }
}

.p-banner__item {
  padding: 2.5rem 3.75rem;
  border: 1px solid #000;
  background-color: #fff;
}

.p-blog-archive {
  position: relative;
}

.p-blog-archive::before {
  content: "";
  position: absolute;
  top: -13.75rem;
  left: calc(50% - 29.375rem);
  width: 16.1875rem;
  height: 17.4375rem;
  background: url(../images/top-blog-staff01.png) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .p-blog-archive::before {
    top: -1.5rem;
    left: calc(50% - 10rem);
    width: 4.875rem;
    height: 5.25rem;
  }
}

.p-blog-archive::after {
  content: "";
  position: absolute;
  top: -13.75rem;
  right: calc(50% - 30.625rem);
  width: 18.125rem;
  height: 17.5rem;
  background: url(../images/top-blog-staff02.png) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .p-blog-archive::after {
    top: -1.5rem;
    right: calc(50% - 10rem);
    width: 5.4375rem;
    height: 5.25rem;
  }
}

.p-blog-archive__main {
  width: 100%;
  max-width: 70rem;
  margin-inline: auto;
}

.p-blog-archive__pagination {
  margin-top: 3.125rem;
}

.p-blog-detail {
  position: relative;
}

.p-blog-detail::before {
  content: "";
  position: absolute;
  top: -13.75rem;
  left: calc(50% - 29.375rem);
  width: 16.1875rem;
  height: 17.4375rem;
  background: url(../images/top-blog-staff01.png) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .p-blog-detail::before {
    top: -1.5rem;
    left: calc(50% - 10rem);
    width: 4.875rem;
    height: 5.25rem;
  }
}

.p-blog-detail::after {
  content: "";
  position: absolute;
  top: -13.75rem;
  right: calc(50% - 30.625rem);
  width: 18.125rem;
  height: 17.5rem;
  background: url(../images/top-blog-staff02.png) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .p-blog-detail::after {
    top: -1.5rem;
    right: calc(50% - 10rem);
    width: 5.4375rem;
    height: 5.25rem;
  }
}

.p-blog-detail__main {
  width: 100%;
  max-width: 70rem;
  margin-inline: auto;
  padding: 3.75rem 6.25rem;
  border: 5px solid #5AC8E6;
  border-radius: 10px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .p-blog-detail__main {
    padding: 2.5rem 1.25rem;
  }
}

.p-blog-detail__category {
  display: inline-block;
  padding: 0.375rem 0.5625rem;
  border-radius: 3px;
  background-color: #EBEBEB;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0.02em;
}

.p-blog-detail__title {
  margin-top: 1.875rem;
  color: #0055A0;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1.5rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.1666666667;
  letter-spacing: 0.02em;
}

.p-blog-detail__date {
  display: inline-block;
  margin-top: 1.25rem;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0.02em;
}

.p-blog-detail__content {
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-blog-detail__content {
    margin-top: 1.875rem;
  }
}

.p-blog-detail__content div,
.p-blog-detail__content h2,
.p-blog-detail__content h3,
.p-blog-detail__content h4,
.p-blog-detail__content p {
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-blog-detail__content div,
  .p-blog-detail__content h2,
  .p-blog-detail__content h3,
  .p-blog-detail__content h4,
  .p-blog-detail__content p {
    margin-top: 1.875rem;
  }
}

.p-blog-detail__content h2 {
  padding: 0.625rem 0.9375rem;
  color: #fff;
  background-color: #5AC8E6;
  font-size: 1.25rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.02em;
}

.p-blog-detail__content h3 {
  padding: 0.625rem 0.9375rem;
  color: #0055A0;
  border-bottom: 1px solid #0055A0;
  font-size: 1.25rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.02em;
}

.p-blog-detail__large-img {
  width: 100%;
  max-width: 50rem;
  margin-inline: auto;
}

.p-blog-detail__large-img img {
  width: 100%;
  height: 100%;
  aspect-ratio: 800/600;
}
@media screen and (max-width: 767px) {
  .p-blog-detail__large-img img {
    aspect-ratio: 270/240;
  }
}

.p-blog-detail__content p {
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.02em;
}

.p-blog-detail__imgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-blog-detail__imgs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-blog-detail__imgs img {
  width: 100%;
  height: 100%;
  aspect-ratio: 400/300;
}
@media screen and (max-width: 767px) {
  .p-blog-detail__imgs img {
    aspect-ratio: 270/240;
  }
}

.p-blog-detail__link-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.p-blog-detail__link {
  position: relative;
  display: inline-block;
  padding-left: 1.875rem;
  color: #E62328;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.02em;
}

.p-blog-detail__link--file::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.25rem;
  height: 1.25rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../images/icon-file.svg) no-repeat center center/contain;
}

.p-blog-detail__link--outline::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.25rem;
  height: 1.25rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../images/icon-link.svg) no-repeat center center/contain;
}

.p-blog-detail__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-blog-detail__btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-blog-detail__btn-prev,
.p-blog-detail__btn-next {
  max-width: 13.75rem;
}
@media screen and (max-width: 767px) {
  .p-blog-detail__btn-prev,
  .p-blog-detail__btn-next {
    max-width: 18.75rem;
  }
}

.p-blog-detail__btn-archive {
  max-width: 16.25rem;
}
@media screen and (max-width: 767px) {
  .p-blog-detail__btn-archive {
    max-width: 18.75rem;
  }
}

.p-card-list {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 767px) {
  .p-card-list {
    gap: 1.25rem;
    grid-template-columns: 1fr;
  }
}

.p-card {
  padding: 1.125rem;
  border: 5px solid #5AC8E6;
  border-radius: 10px;
  background-color: #fff;
}

.p-card__link {
  display: block;
}

.p-card__img img {
  margin-inline: auto;
  height: 190px;
  width: 212px;
  aspect-ratio: 212/190;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-card__body {
  margin-top: 1.25rem;
  letter-spacing: 0.02em;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: 700;
}

.p-card__category {
  display: inline-block;
  margin-bottom: 0.625rem;
  padding: 0.375rem 0.5625rem;
  border-radius: 3px;
  background-color: #EBEBEB;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0.02em;
}

.p-card__title {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  font-size: 1rem;
  line-height: 1.75;
  -webkit-line-clamp: 3;
}

.p-card__date {
  display: block;
  margin-top: 0.625rem;
  font-size: 0.875rem;
}

.p-company {
  position: relative;
}

.p-company::before {
  content: "";
  position: absolute;
  top: -11.25rem;
  left: calc(50% - 33.125rem);
  width: 20.625rem;
  height: 37rem;
  background: url(../images/company-before.png) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .p-company::before {
    top: -1.25rem;
    left: calc(50% - 6.25rem);
    width: 6.1875rem;
    height: 11.125rem;
  }
}

.p-company::after {
  content: "";
  position: absolute;
  top: -10rem;
  right: calc(50% - 34.375rem);
  width: 24.0625rem;
  height: 18.4375rem;
  background: url(../images/company-after.png) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .p-company::after {
    top: -3.75rem;
    right: 1.25rem;
    width: 6.75rem;
    height: 5.375rem;
  }
}

.p-company__main {
  width: 100%;
  max-width: 70rem;
  margin-inline: auto;
  padding: 3.75rem 6.25rem;
  border: 5px solid #0055A0;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .p-company__main {
    padding: 1.25rem;
  }
}

.p-company__title img {
  width: 14.8125rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-company__title img {
    width: 7.4375rem;
    margin-right: 0;
    margin-left: auto;
  }
}

.p-company__text-wrapper {
  margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
  .p-company__text-wrapper {
    margin-top: 1.25rem;
  }
}

.p-company__text {
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 1.7777777778;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-company__text {
    font-size: 1rem;
    -webkit-transform: rotateZ(0.03deg);
            transform: rotateZ(0.03deg);
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 0.02em;
  }
}

.p-company__text + .p-company__text {
  margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
  .p-company__text + .p-company__text {
    margin-top: 1.25rem;
  }
}

.p-company__text--right {
  padding-left: 18.125rem;
}
@media screen and (max-width: 767px) {
  .p-company__text--right {
    padding-left: 0;
  }
}

.p-company__imgs {
  position: relative;
  padding-bottom: 25rem;
}
@media screen and (max-width: 767px) {
  .p-company__imgs {
    padding-bottom: 0;
  }
}

.p-company__img1 {
  position: absolute;
  z-index: 2;
  top: 0;
  left: calc(50% - 33.75rem);
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
}
@media screen and (max-width: 767px) {
  .p-company__img1 {
    position: static;
  }
}

.p-company__img1::before {
  content: "";
  position: absolute;
  right: 4.375rem;
  bottom: 5rem;
  width: 13.25rem;
  height: 1.4375rem;
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
  background: url(../images/text-main-shop04.png) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .p-company__img1::before {
    right: 0;
    bottom: 0;
  }
}

.p-company__img1 img {
  width: 37.6875rem;
}

.p-company__img2 {
  position: absolute;
  z-index: 1;
  top: 1.25rem;
  right: calc(50% - 33.75rem);
}
@media screen and (max-width: 767px) {
  .p-company__img2 {
    position: static;
    margin-top: 1.25rem;
  }
}

.p-company__img2::before {
  content: "";
  position: absolute;
  right: 3.75rem;
  bottom: 5rem;
  width: 15.3125rem;
  height: 1.4375rem;
  background: url(../images/text-zenibako-shop04.png) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .p-company__img2::before {
    right: auto;
    bottom: 0;
    left: 0;
  }
}

.p-company__img2 img {
  width: 37.6875rem;
}

.p-company__sub-title {
  margin-top: 4.375rem;
  padding: 0.1875rem 0.625rem;
  text-align: center;
  color: #fff;
  background-color: #0055A0;
  font-size: 1.5625rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.72;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-company__sub-title {
    margin-top: 2.5rem;
    font-size: 1.375rem;
    -webkit-transform: rotateZ(0.03deg);
            transform: rotateZ(0.03deg);
    font-weight: 700;
    line-height: 1.3636363636;
    letter-spacing: 0.02em;
  }
}

.p-company__management {
  margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
  .p-company__management {
    margin-top: 1.25rem;
  }
}

.p-company__management img {
  -o-object-fit: cover;
     object-fit: cover;
}

.p-company__table {
  width: 100%;
  margin-top: 1.875rem;
  border-collapse: collapse;
}
@media screen and (max-width: 767px) {
  .p-company__table {
    margin-top: 1.25rem;
  }
}

.p-company__table-head,
.p-company__table-data {
  padding: 1rem 2.5rem;
  border: 1px solid #ccc;
}
@media screen and (max-width: 767px) {
  .p-company__table-head,
  .p-company__table-data {
    padding: 0.625rem;
  }
}

.p-company__table-head {
  width: 9.375rem;
  color: #fff;
  background-color: #5AC8E6;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-company__table-head {
    width: 5rem;
  }
}

.p-company__table-data {
  background-color: #fff;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.02em;
}

.p-company__history {
  padding: 3.75rem 5rem;
  background-color: #FFFAEB;
}
@media screen and (max-width: 767px) {
  .p-company__history {
    padding: 1.25rem;
  }
}

.p-company__list {
  position: relative;
  display: grid;
  gap: 2.25rem;
  grid-template-columns: 1fr;
}
@media screen and (max-width: 1024px) {
  .p-company__list {
    gap: 2rem;
  }
}
@media screen and (max-width: 767px) {
  .p-company__list {
    gap: 1.25rem;
  }
}

.p-company__list::before {
  content: "";
  position: absolute;
  top: 0;
  left: 5.625rem;
  width: 1.625rem;
  height: 24.0625rem;
}
@media screen and (max-width: 1024px) {
  .p-company__list::before {
    top: -0.1875rem;
  }
}
@media screen and (max-width: 767px) {
  .p-company__list::before {
    display: none;
  }
}

.p-company__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6.25rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .p-company__item {
    gap: 0.625rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-company__item-year {
  width: 4.375rem;
  color: #0055A0;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02em;
  display: block;
}
.p-company__item-year:before {
  content: "";
  background: url(../images/company-list-icon.png) no-repeat center center/contain;
  display: block;
  position: absolute;
  width: 40%;
  height: 1.5625rem;
  max-width: 1.625rem;
  top: 0;
  left: 5.3125rem;
}
.p-company__item:not(:last-of-type) .p-company__item-year:after {
  content: "";
  width: 3px;
  height: 200%;
  background: #0055A0;
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 6rem;
}
@media screen and (max-width: 767px) {
  .p-company__item-year:before {
    content: "";
    display: none;
  }
  .p-company__item:not(:last-of-type) .p-company__item-year:after {
    content: "";
    display: none;
  }
}

.p-company__item-text {
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.02em;
}

.p-contact-cta {
  position: relative;
}

.p-contact-cta::before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 65%;
  background-color: #0055A0;
}
@media screen and (max-width: 767px) {
  .p-contact-cta::before {
    height: 83%;
  }
}

.p-contact-cta--under-page::before {
  height: 55%;
}
@media screen and (max-width: 767px) {
  .p-contact-cta--under-page::before {
    height: 76%;
  }
}

.p-contact-cta__title img {
  width: 33.75rem;
  margin-inline: auto;
}

.p-contact-cta__main {
  margin-top: 2.125rem;
}

.p-contact-cta--top .p-contact-cta__main {
  margin-top: 0;
}

.p-cta__list {
  display: grid;
  gap: 1.625rem;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
  .p-cta__list {
    gap: 1.875rem;
    grid-template-columns: 1fr;
  }
}

.p-cta__img {
  position: relative;
  border: 6px solid #fff;
  border-radius: 18px;
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .4);
          box-shadow: 2px 2px 5px rgba(0, 0, 0, .4);
}

.p-cta__img img {
  width: 100%;
  border-radius: 10px;
  aspect-ratio: 531/300;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-cta__item:nth-of-type(1) img {
  -o-object-position: bottom;
     object-position: bottom;
}

.p-cta__item:nth-of-type(2) img {
  -o-object-position: top;
     object-position: top;
}

.p-cta__btn {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
}

.p-cta__btn .mail {
  position: relative;
  display: inline-block;
  width: 1.5rem;
  height: 0.9375rem;
}

.p-cta__btn .mail::before {
  content: "";
  position: absolute;
  top: calc(50% + 0.0625rem);
  left: 0;
  width: 1.1875rem;
  height: 0.9375rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../images/icon-mail-white.svg) no-repeat center center/cover;
}

.p-cta__content {
  margin-top: 2.875rem;
}

.p-cta__tel {
  display: block;
  pointer-events: none;
  position: relative;
  width: 16.1875rem;
  margin-inline: auto;
  padding-left: 1.6875rem;
}
@media screen and (max-width: 767px) {
  .p-cta__tel {
    pointer-events: auto;
    width: 15rem;
  }
}

.p-cta__tel::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.4375rem;
  height: 1.875rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../images/icon-tel-yellow.svg) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .p-cta__tel::before {
    width: 1.25rem;
    height: 1.5625rem;
  }
}

.p-cta__tel__img img {
  width: 100%;
}

.p-cta__info {
  margin-top: 0.625rem;
  text-align: center;
  letter-spacing: 0.02em;
  color: #fff;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.3888888889;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-cta__info {
    font-size: 0.875rem;
  }
}

.p-drawer-nav {
  position: absolute;
  z-index: 90;
  top: 3.75rem;
  right: 0;
  left: 0;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: calc(100vh - 3.75rem);
  background-color: #FDD000;
}

.p-drawer-nav__item {
  width: 100%;
}

.p-drawer-nav__link {
  display: block;
  padding: 1.5rem 0;
  text-align: center;
  color: #000;
  font-size: 1.5rem;
  font-weight: 700;
}

.p-footer-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5.625rem;
}
@media screen and (max-width: 767px) {
  .p-footer-nav {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .p-footer-nav__list + .p-footer-nav__list {
    margin-top: 0.375rem;
  }
}

@media screen and (max-width: 767px) {
  .p-footer-nav__item + .p-footer-nav__item {
    margin-top: 0.375rem;
  }
}

.p-footer-nav__link {
  display: block;
  padding: 0.625rem 0;
  color: #fff;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-footer-nav__link {
    text-align: center;
  }
}

.p-footer__top {
  padding: 2.5rem 0;
  background-color: #000;
}

.p-footer__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 9.375rem;
}
@media screen and (max-width: 767px) {
  .p-footer__wrapper {
    display: block;
  }
}

.p-footer__images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .p-footer__images {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.p-footer__logo {
  width: 5.3125rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  .p-footer__logo {
    width: 3.75rem;
  }
}

.p-footer__title {
  width: 20rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  .p-footer__title {
    width: 15rem;
  }
}

.p-footer__shops {
  margin-top: 1rem;
  padding-left: 6.5625rem;
}
@media screen and (max-width: 767px) {
  .p-footer__shops {
    padding-left: 0;
    text-align: center;
  }
}

.p-footer__shop {
  color: #fff;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.3125;
  letter-spacing: 0.02em;
}

.p-footer__shop + .p-footer__shop {
  margin-top: 1.375rem;
}

.p-footer__shop-name {
  font-size: 1rem;
}

.p-footer__address {
  margin-top: 0.375rem;
  font-size: 0.9375rem;
}
@media screen and (max-width: 767px) {
  .p-footer__address {
    margin-top: 0.625rem;
  }
}

.p-footer__nav {
  padding-top: 1.25rem;
}

.p-footer__bottom {
  position: relative;
  padding: 2.5rem 0;
  background-color: #fff;
}

.p-footer__bottom::before {
  content: "";
  position: absolute;
  top: 0.9375rem;
  left: calc(50% - 34.375rem);
  width: 9.125rem;
  height: 12.5625rem;
  background: url(../images/footer-follow.png) no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .p-footer__bottom::before {
    left: 0;
    width: 5.6875rem;
    height: 7.8125rem;
  }
}

.p-footer__copyright {
  display: block;
  margin-top: 2.25rem;
  text-align: center;
  font-size: 0.6875rem;
  font-weight: 500;
}

.message_inline {
  padding: 0.5rem 0.75rem;
}

.p-form-message__text {
  position: relative;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 0.75rem 1.25rem;
  border-radius: 0.5rem;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.p-form-message__error {
  color: #772b35;
  background-color: #fadddd;
}

.p-form-message__success {
  color: #18603a;
  background-color: #d5f1de;
}

.p-fv {
  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: 15rem;
  background: url(../images/bg-fv.png) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .p-fv {
    height: 11.25rem;
  }
}

.p-fv__title--tenken {
  width: 22.8125rem;
}
@media screen and (max-width: 767px) {
  .p-fv__title--tenken {
    width: 16.25rem;
  }
}

.p-fv__title--staff {
  width: 26.125rem;
}
@media screen and (max-width: 767px) {
  .p-fv__title--staff {
    width: 18.75rem;
  }
}

.p-fv__title--syaken {
  position: relative;
  width: 12.5rem;
}
@media screen and (max-width: 767px) {
  .p-fv__title--syaken {
    width: 9rem;
  }
}

.p-fv__title--rentacar {
  position: relative;
  width: 21.875rem;
}
@media screen and (max-width: 767px) {
  .p-fv__title--rentacar {
    width: 13.125rem;
  }
}

.p-fv__title--oil {
  position: relative;
  width: 25.1875rem;
}
@media screen and (max-width: 767px) {
  .p-fv__title--oil {
    width: 16.25rem;
  }
}

.p-fv__title--shop {
  position: relative;
  width: 19.875rem;
}
@media screen and (max-width: 767px) {
  .p-fv__title--shop {
    width: 16.25rem;
  }
}

.p-fv__title--company {
  position: relative;
  width: 19.625rem;
}
@media screen and (max-width: 767px) {
  .p-fv__title--company {
    width: 13.75rem;
  }
}

.p-fv__title--inquiry {
  position: relative;
  width: 26.875rem;
}
@media screen and (max-width: 767px) {
  .p-fv__title--inquiry {
    width: 17.5rem;
  }
}

.p-fv__title--privacy {
  position: relative;
  width: 39.875rem;
}
@media screen and (max-width: 767px) {
  .p-fv__title--privacy {
    width: 21.25rem;
  }
}

.p-fv__title--news {
  position: relative;
  width: 35.25rem;
}
@media screen and (max-width: 767px) {
  .p-fv__title--news {
    width: 21.25rem;
  }
}

.p-fv__title--blog {
  position: relative;
  width: 26.375rem;
}
@media screen and (max-width: 767px) {
  .p-fv__title--blog {
    width: 18.75rem;
  }
}

.p-fv__title--online {
  position: relative;
  width: 35.4375rem;
}
@media screen and (max-width: 767px) {
  .p-fv__title--online {
    width: 18.75rem;
  }
}

.p-fv__title--online::after {
  content: "";
  position: absolute;
  top: 0;
  right: -6.25rem;
  width: 5.25rem;
  height: 8.5rem;
  background: url(../images/icon-online.png) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .p-fv__title--online::after {
    top: -1.25rem;
    right: -1.875rem;
    width: 2.625rem;
    height: 4.25rem;
  }
}

.p-header-nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.9375rem;
}

.p-header-nav__item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.p-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 12.5rem;
  padding-right: 2.5rem;
  padding-left: 2.5rem;
  background: url(../images/bg-yellow.png) repeat center/contain;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .4);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .4);
}
@media screen and (max-width: 1024px) {
  .p-header {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .p-header {
    height: 3.75rem;
    padding-right: 0;
    padding-left: 1.25rem;
  }
}

.p-header__logo {
  width: 12.5rem;
}
@media screen and (max-width: 767px) {
  .p-header__logo {
    width: 3.75rem;
  }
}

.p-header__logo-link {
  display: block;
}

@media screen and (max-width: 1024px) {
  .p-header__right {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media screen and (max-width: 767px) {
  .p-header__right {
    -webkit-box-flex: 0;
        -ms-flex: 0;
            flex: 0;
  }
}

.p-header__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 767px) {
  .p-header__wrapper {
    display: none;
  }
}

.p-header__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.875rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1024px) {
  .p-header__info {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.p-header__title {
  width: 20.75rem;
}
@media screen and (max-width: 1024px) {
  .p-header__title {
    display: none;
  }
}

.p-header__shop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-header__shop-name {
  width: 4.625rem;
}

.p-header__address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.p-header__tel {
  position: relative;
  padding-left: 1.5625rem;
}

@media screen and (max-width: 1024px) {
  .p-header__tel img {
    width: 15.625rem;
  }
}

.p-header__tel::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.4375rem;
  height: 1.875rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../images/icon-tel-red.svg) no-repeat center center/cover;
}

.p-header__open {
  margin-top: 0.25rem;
  letter-spacing: 0.02em;
  font-size: 0.9375rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-header__open {
    font-size: 0.6875rem;
  }
}

.p-inquiry-form input[type=text],
.p-inquiry-form input[type=email],
.p-inquiry-form select,
.p-inquiry-form textarea {
  width: 100%;
  padding: 0.9375rem;
  border: 3px solid #E6E6E6;
  border-radius: 5px;
  background: #fff;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 1.7777777778;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-inquiry-form input[type=text],
  .p-inquiry-form input[type=email],
  .p-inquiry-form select,
  .p-inquiry-form textarea {
    padding: 0.625rem;
    font-size: 16px;
    line-height: 1.5;
  }
}

.p-inquiry-form textarea {
  height: 11.875rem;
  resize: none;
}
@media screen and (max-width: 767px) {
  .p-inquiry-form textarea {
    height: 15rem;
  }
}

.p-inquiry-form__list {
  display: grid;
  gap: 1.875rem;
  grid-template-columns: 1fr;
}

.p-inquiry-form__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.875rem;
}
@media screen and (max-width: 767px) {
  .p-inquiry-form__item {
    gap: 0.625rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-inquiry-form__type {
  width: 13.125rem;
  padding-top: 1rem;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.7777777778;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-inquiry-form__type {
    width: 100%;
    padding-top: 0;
  }
}

.p-inquiry-form__type span {
  color: #e62328;
}

.p-inquiry-form__input {
  width: calc(100% - 14.375rem);
}
@media screen and (max-width: 767px) {
  .p-inquiry-form__input {
    width: 100%;
  }
}

.p-inquiry-form__input--small {
  width: 16.875rem;
}
@media screen and (max-width: 767px) {
  .p-inquiry-form__input--small {
    width: 12.5rem;
  }
}

.p-inquiry-form__input-wrapper {
  padding-top: 1.25rem;
}
@media screen and (max-width: 767px) {
  .p-inquiry-form__input-wrapper {
    padding-top: 0;
  }
}

.p-inquiry-form__input-check {
  margin-bottom: 0.875rem;
}

.p-inquiry-form__privacy {
  margin-top: 3.75rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-inquiry-form__privacy {
    margin-top: 1.875rem;
  }
}

.p-inquiry-form__link {
  display: inline-block;
  color: #E62328;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 2.5;
  letter-spacing: 0.05em;
  text-decoration: underline;
}

.p-inquiry-form__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.125rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-inquiry-form__btns {
    display: block;
    margin-top: 1.875rem;
    text-align: center;
  }
}

.p-inquiry-form__btn {
  -ms-flex-preferred-size: 14.375rem;
      flex-basis: 14.375rem;
}
@media screen and (max-width: 767px) {
  .p-inquiry-form__btn {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}

@media screen and (max-width: 767px) {
  .p-inquiry-form__btn + .p-inquiry-form__btn {
    margin-top: 1.875rem;
  }
}

.p-inquiry {
  position: relative;
}

.p-inquiry::before {
  content: "";
  position: absolute;
  top: -13.0625rem;
  left: calc(50% - 30rem);
  width: 17rem;
  height: 16.875rem;
  background: url(../images/inquiry-before.png) no-repeat top center/cover;
}
@media screen and (max-width: 767px) {
  .p-inquiry::before {
    top: -4.625rem;
    left: calc(50% - 10rem);
    width: 8.5rem;
    height: 8.4375rem;
  }
}

.p-inquiry__main {
  width: 100%;
  max-width: 70rem;
  margin-inline: auto;
  padding: 3.75rem 6.25rem;
  border: 5px solid #0055A0;
  border-radius: 10px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .p-inquiry__main {
    padding: 1.25rem;
  }
}

.p-inquiry__text {
  text-align: center;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 1.7777777778;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-inquiry__text {
    font-size: 1rem;
    -webkit-transform: rotateZ(0.03deg);
            transform: rotateZ(0.03deg);
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
}

.p-inquiry__form {
  margin-top: 3.75rem;
}
@media screen and (max-width: 767px) {
  .p-inquiry__form {
    margin-top: 1.875rem;
  }
}

.p-inspection-list {
  display: grid;
  gap: 5.625rem 1.25rem;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 767px) {
  .p-inspection-list {
    gap: 2.5rem;
    grid-template-columns: 1fr;
  }
}

.p-inspection {
  position: relative;
  padding: 4.375rem 0.9375rem 1.25rem;
  border: 4px solid #0055A0;
  border-radius: 10px;
  background-color: #FFFAEB;
}
@media screen and (max-width: 767px) {
  .p-inspection {
    padding-top: 3.125rem;
  }
}

.p-inspection__img {
  position: absolute;
  top: -6.875rem;
  left: 50%;
  width: 12.5rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .p-inspection__img {
    top: -3.75rem;
    width: 7.5rem;
  }
}

.p-inspection__title {
  text-align: center;
  letter-spacing: 0.02em;
  color: #0055A0;
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 1.4583333333;
}
@media screen and (max-width: 767px) {
  .p-inspection__title {
    font-size: 1.25rem;
  }
}

.p-inspection__text {
  margin-top: 0.625rem;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-inspection__text {
    font-size: 0.875rem;
  }
}

.p-mv {
  padding: 3.125rem 2.5rem;
  background: url(../images/mv-bg.png) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .p-mv {
    padding: 0.625rem;
  }
}

.p-mv__img {
  max-width: 85rem;
  margin-inline: auto;
}

.p-news-archive {
  position: relative;
}

.p-news-archive::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: -5rem;
  right: calc(50% - 22.5rem);
  width: 5.8125rem;
  height: 6.5rem;
  background: url(../images/icon-megaphone.png) no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .p-news-archive::after {
    top: -1.875rem;
    right: 1.875rem;
    width: 2.875rem;
    height: 3.25rem;
  }
}

.p-news-archive__main {
  width: 100%;
  max-width: 70rem;
  margin-inline: auto;
  padding: 3.75rem 6.25rem;
  border: 5px solid #E62328;
  border-radius: 10px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .p-news-archive__main {
    padding: 2.5rem 1.25rem;
  }
}

.p-news-archive__pagination {
  margin-top: 4.375rem;
}
@media screen and (max-width: 767px) {
  .p-news-archive__pagination {
    margin-top: 2.5rem;
  }
}

.p-news-detail {
  position: relative;
}

.p-news-detail::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: -5rem;
  right: calc(50% - 22.5rem);
  width: 5.8125rem;
  height: 6.5rem;
  background: url(../images/icon-megaphone.png) no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .p-news-detail::after {
    top: -1.875rem;
    right: 1.875rem;
    width: 2.875rem;
    height: 3.25rem;
  }
}

.p-news-detail__main {
  width: 100%;
  max-width: 70rem;
  margin-inline: auto;
  padding: 3.75rem 6.25rem;
  border: 5px solid #E62328;
  border-radius: 10px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .p-news-detail__main {
    padding: 2.5rem 1.25rem;
  }
}

.p-news-detail__category {
  display: inline-block;
  padding: 0.375rem 0.5625rem;
  border-radius: 3px;
  background-color: #EBEBEB;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0.02em;
}

.p-news-detail__title {
  margin-top: 1.875rem;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1.5rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.1666666667;
  letter-spacing: 0.02em;
}

.p-news-detail__date {
  display: inline-block;
  margin-top: 1.25rem;
  color: #E62328;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0.02em;
}

.p-news-detail__content {
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-news-detail__content {
    margin-top: 1.875rem;
  }
}

.p-news-detail__content div,
.p-news-detail__content h2,
.p-news-detail__content h3,
.p-news-detail__content h4,
.p-news-detail__content p {
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .p-news-detail__content div,
  .p-news-detail__content h2,
  .p-news-detail__content h3,
  .p-news-detail__content h4,
  .p-news-detail__content p {
    margin-top: 1.875rem;
  }
}

.p-news-detail__content h2 {
  padding: 0.625rem 0.9375rem;
  color: #fff;
  background-color: #0055A0;
  font-size: 1.25rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.02em;
}

.p-news-detail__content h3 {
  padding: 0.625rem 0.9375rem;
  color: #0055A0;
  border-bottom: 1px solid #0055A0;
  font-size: 1.25rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.02em;
}

.p-news-detail__large-img {
  width: 100%;
  max-width: 50rem;
  margin-inline: auto;
}

.p-news-detail__large-img img {
  width: 100%;
  height: 100%;
  aspect-ratio: 800/600;
}
@media screen and (max-width: 767px) {
  .p-news-detail__large-img img {
    aspect-ratio: 270/240;
  }
}

.p-news-detail__content .p-news-detail__text {
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.02em;
}

.p-news-detail__imgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .p-news-detail__imgs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-news-detail__imgs .p-news-detail__img {
  width: 48%;
}
@media screen and (max-width: 767px) {
  .p-news-detail__imgs .p-news-detail__img {
    width: 100%;
  }
}

.p-news-detail__imgs img {
  width: 100%;
  height: 100%;
  aspect-ratio: 400/300;
}
@media screen and (max-width: 767px) {
  .p-news-detail__imgs img {
    aspect-ratio: 270/240;
  }
}

.p-news-detail__content .p-news-detail__img-caption {
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.02em;
  margin-top: 0.625rem;
}

.p-news-detail__link-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.p-news-detail__link {
  position: relative;
  display: inline-block;
  padding-left: 1.875rem;
  color: #E62328;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.02em;
}

.p-news-detail__link--file::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.25rem;
  height: 1.25rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../images/icon-file.svg) no-repeat center center/contain;
}

.p-news-detail__link--outline::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.25rem;
  height: 1.25rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url(../images/icon-link.svg) no-repeat center center/contain;
}

.p-news-detail__btn {
  text-align: center;
}

.p-news-list__item {
  padding: 1.25rem;
  border-bottom: 1px dashed #000;
}
@media screen and (max-width: 767px) {
  .p-news-list__item {
    padding: 1.25rem 0;
  }
}

.p-news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-news {
    gap: 0.625rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-news__link {
  display: block;
}

.p-news__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.875rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .p-news__info {
    gap: 1.25rem;
  }
}

.p-news__category {
  display: inline-block;
  padding: 0.625rem;
  background-color: #ebebeb;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.3125;
  letter-spacing: 0.02em;
}

.p-news__date {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #E62328;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02em;
}

.p-news__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.p-news__body--pt {
  padding-top: 0.5rem;
}

.p-news__title {
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02em;
}

.p-oil-box {
  position: relative;
  width: 100%;
  max-width: 46.875rem;
  margin-top: 3.125rem;
  margin-inline: auto;
  padding: 2.25rem 1.25rem;
  border-radius: 16px;
  background-color: #E62328;
}
@media screen and (max-width: 767px) {
  .p-oil-box {
    margin-top: 1.25rem;
    padding: 1.25rem;
  }
}

.p-oil-box::after {
  content: "";
  position: absolute;
  bottom: -2.375rem;
  left: 50%;
  width: 0;
  height: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-width: 2.5rem 1.875rem 0 1.875rem;
  border-style: solid;
  border-color: #E62328 transparent transparent transparent;
}
@media screen and (max-width: 767px) {
  .p-oil-box::after {
    bottom: -1.1875rem;
    border-width: 1.25rem 0.9375rem 0 0.9375rem;
  }
}

.p-oil-box__title {
  position: relative;
}

.p-oil-box__title::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 28.125rem);
  width: 16.9375rem;
  height: 9.3125rem;
  background: url(../images/text-oil-day.png) no-repeat center center/cover;
}
@media screen and (max-width: 1024px) {
  .p-oil-box__title::before {
    left: calc(50% - 31.25rem);
  }
}
@media screen and (max-width: 767px) {
  .p-oil-box__title::before {
    left: calc(50% - 11.25rem);
    width: 6.75rem;
    height: 3.75rem;
  }
}

.p-oil-box__title img {
  margin-left: auto;
}
@media screen and (max-width: 1024px) {
  .p-oil-box__title img {
    width: 37.5rem;
  }
}
@media screen and (max-width: 767px) {
  .p-oil-box__title img {
    width: 12.5rem;
  }
}

.p-oil-box__text {
  text-align: center;
  color: #fff;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1.25rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-oil-box__text {
    font-size: 0.875rem;
    -webkit-transform: rotateZ(0.03deg);
            transform: rotateZ(0.03deg);
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
}

.p-oil-exchange__title {
  padding: 0.375rem;
  text-align: center;
  color: #fff;
  background-color: #0055A0;
  font-size: 1.375rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 900;
  line-height: 1.5909090909;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-oil-exchange__title {
    font-size: 1.125rem;
    -webkit-transform: rotateZ(0.03deg);
            transform: rotateZ(0.03deg);
    font-weight: 900;
    line-height: 1.3333333333;
    letter-spacing: 0.02em;
  }
}

.p-oil-exchange__title-yellow {
  color: #fdf000;
}

.p-oil-exchange__list {
  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;
  margin-top: 1.25rem;
}
@media screen and (max-width: 767px) {
  .p-oil-exchange__list {
    gap: 0.625rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-oil-exchange__item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 767px) {
  .p-oil-exchange__item {
    width: 100%;
  }
}

.p-oil-exchange__item:not(:nth-child(3n)) {
  border-right: 4px dotted #999;
}
@media screen and (max-width: 767px) {
  .p-oil-exchange__item:not(:nth-child(3n)) {
    border-right: none;
  }
}

@media screen and (max-width: 767px) {
  .p-oil-exchange__item:not(:last-child) {
    padding-bottom: 0.625rem;
    border-bottom: 4px dotted #999;
  }
}

.p-oil-exchange__type {
  text-align: center;
  font-size: 1.375rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.5909090909;
  letter-spacing: 0.02em;
}

.p-oil-exchange__price {
  width: 14.125rem;
  margin-top: 1.25rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-oil-exchange__price {
    width: 12.5rem;
    margin-top: 0.375rem;
  }
}

.p-oil-exchange__price--small {
  width: 10rem;
}

.p-oil-exchange__price--text {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-size: 48px;
  letter-spacing: 0.002em;
  text-align: center;
}
.p-oil-exchange__price--text.a-oilday {
  font-size: 64px;
  color: #e62328;
}

.p-oil-exchange__price--textsuffix {
  font-size: 1.8rem;
}

.p-oil-exchange__price img {
  -o-object-fit: contain;
     object-fit: contain;
}

.p-oil-season {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5rem;
  padding: 2.125rem;
  border: 4px solid #0055A0;
  border-radius: 10px;
  background-color: #FFFAEB;
}
@media screen and (max-width: 767px) {
  .p-oil-season {
    gap: 1.25rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 1.25rem;
  }
}

.p-oil-season__content {
  padding-top: 0.625rem;
}

.p-oil-season__title {
  color: #0055A0;
  font-size: 2rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 900;
  line-height: 1.09375;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-oil-season__title {
    font-size: 1.375rem;
    -webkit-transform: rotateZ(0.03deg);
            transform: rotateZ(0.03deg);
    font-weight: 900;
    line-height: 1.1818181818;
    letter-spacing: 0.02em;
  }
}

.p-oil-season__text {
  margin-top: 1.25rem;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-oil-season__text {
    font-size: 0.875rem;
    -webkit-transform: rotateZ(0.03deg);
            transform: rotateZ(0.03deg);
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.02em;
  }
}

.p-oil-season__imgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.625rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.p-oil-season__img {
  width: 12.5rem;
}
@media screen and (max-width: 767px) {
  .p-oil-season__img {
    width: 100%;
  }
}

.p-oil-season__img img {
  width: 100%;
  height: 100%;
  aspect-ratio: 200/185;
}

.p-oil {
  position: relative;
}

.p-oil::before {
  content: "";
  position: absolute;
  top: -7.5rem;
  left: calc(50% - 36.25rem);
  width: 24.375rem;
  height: 25.5rem;
  background: url(../images/oil-before.png) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .p-oil::before {
    top: -5rem;
    left: 1.25rem;
    width: 6.09375rem;
    height: 6.375rem;
  }
}

.p-oil::after {
  content: "";
  position: absolute;
  top: -11.25rem;
  right: calc(50% - 35rem);
  width: 20.3125rem;
  height: 25rem;
  background: url(../images/oil-after.png) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .p-oil::after {
    top: -3.75rem;
    right: 1.25rem;
    width: 5.0625rem;
    height: 6.25rem;
  }
}

.p-oil__title img {
  width: 33rem;
  margin-inline: auto;
}

.p-oil__lead {
  margin-top: 1.25rem;
  text-align: center;
  font-size: 1.375rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 900;
  line-height: 1.5909090909;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-oil__lead {
    font-size: 1rem;
    -webkit-transform: rotateZ(0.03deg);
            transform: rotateZ(0.03deg);
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
}

.p-oil__main {
  width: 100%;
  max-width: 70rem;
  margin-top: 2.5rem;
  margin-inline: auto;
  padding: 3.75rem 6.25rem;
  border: 5px solid #E62328;
  border-radius: 10px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .p-oil__main {
    margin-top: 1.25rem;
    padding: 1.25rem;
  }
}

.p-oil__exchange {
  margin-top: 3.75rem;
}
@media screen and (max-width: 767px) {
  .p-oil__exchange {
    margin-top: 2.5rem;
  }
}

.p-oil__season {
  margin-top: 3.75rem;
}
@media screen and (max-width: 767px) {
  .p-oil__season {
    margin-top: 1.25rem;
  }
}

.p-oil__attention {
  margin-top: 1.875rem;
  text-align: center;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-oil__attention {
    margin-top: 1.25rem;
  }
}

.p-page-top {
  display: none;
  position: fixed;
  z-index: 1000;
  right: 1.25rem;
  bottom: 1.25rem;
}
@media screen and (max-width: 767px) {
  .p-page-top {
    right: 0.625rem;
  }
}

.p-page-top__link {
  display: block;
}
.p-page-top__link:focus {
  opacity: 1;
}

.p-page-top__link img {
  width: 9.375rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  .p-page-top__link img {
    width: 4.6875rem;
  }
}

.p-pagination__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-pagination__list {
    gap: 1rem;
  }
}

.p-pagination__link {
  padding: 0.3125rem;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 0.9375rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.02em;
}

.p-pagination__prev img {
  width: 1.875rem;
  height: 1.875rem;
}

.p-pagination__next img {
  width: 1.875rem;
  height: 1.875rem;
}

.p-privacy__main {
  width: 100%;
  max-width: 70rem;
  margin-inline: auto;
  padding: 3.75rem 6.25rem;
  border: 5px solid #0055A0;
  border-radius: 10px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .p-privacy__main {
    padding: 1.25rem;
  }
}

.p-privacy__title {
  padding: 0.1875rem 1.25rem;
  text-align: center;
  color: #fff;
  background-color: #0055A0;
  font-size: 1.5625rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.76;
  letter-spacing: 0.02em;
}

.p-privacy__list {
  display: grid;
  gap: 2.5rem;
  margin-top: 2.5rem;
  grid-template-columns: 1fr;
}
@media screen and (max-width: 767px) {
  .p-privacy__list {
    gap: 1.25rem;
    margin-top: 1.25rem;
  }
}

.p-privacy__text {
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.02em;
}

.p-privacy__sub-title {
  color: #0055A0;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 0.02em;
}

.p-privacy__sub-list {
  display: grid;
  gap: 0.1875rem;
  margin-top: 0.1875rem;
  grid-template-columns: 1fr;
}

.p-privacy__sub-item {
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.02em;
}

.p-privacy__address {
  margin-top: 1.875rem;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.02em;
}

.p-rentacar-cancel__subtitle {
  margin-top: 2.1875rem;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1.25rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.02em;
}

.p-rentacar-cancel__subtext {
  margin-top: 0.625rem;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.02em;
}

.p-rentacar-cancel__table-compensation {
  display: grid;
  margin-top: 1.4375rem;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(5, 3.75rem);
  grid-auto-flow: column;
}

.p-rentacar-cancel__title {
  display: grid;
  color: #fff;
  background-color: #5ac8e6;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  place-items: center;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-rentacar-cancel__title {
    font-size: 0.8125rem;
  }
}

.p-rentacar-cancel__text {
  display: grid;
  border-bottom: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  place-items: center;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-rentacar-cancel__text {
    font-size: 0.8125rem;
  }
}

.p-rentacar-cancel__text--accent {
  background-color: #fffaeb;
}

.p-rentacar-cancel__contents {
  display: contents;
}
@media screen and (max-width: 767px) {
  .p-rentacar-cancel__contents {
    text-align: center;
  }
}

.p-rentacar-cancel__title--border,
.p-rentacar-cancel__text--border {
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}

.p-rentacar-cancel__caution {
  margin-top: 1.25rem;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 0.9375rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 1.8666666667;
  letter-spacing: 0.02em;
}

.p-rentacar-cancel__table-disclaimer {
  display: grid;
  margin-top: 1.4375rem;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, 3.75rem);
  grid-auto-flow: column;
}

.p-rentacar-cancel__text--2row {
  grid-row: 2/4;
}

.p-rentacar-cancel__under {
  margin-top: 1.25rem;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 0.9375rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 1.8666666667;
  letter-spacing: 0.02em;
}

.p-rentacar-closed__wrapper {
  margin-top: 3.75rem;
}

.p-rentacar-closed__subtitle {
  margin-top: 1.5625rem;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1.25rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.02em;
}

.p-rentacar-closed__subtext {
  margin-top: 0.625rem;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.02em;
}

.p-rentacar-closed__contents {
  display: contents;
}

.p-rentacar-closed__table {
  display: grid;
  margin-top: 1.4375rem;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(4, 3.75rem);
  grid-auto-flow: column;
}

.p-rentacar-closed__title {
  display: grid;
  color: #fff;
  background-color: #5ac8e6;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  place-items: center;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-rentacar-closed__title {
    font-size: 0.8125rem;
  }
}

.p-rentacar-closed__text {
  display: grid;
  border-bottom: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  place-items: center;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-rentacar-closed__text {
    font-size: 0.8125rem;
  }
}

.p-rentacar-closed__caution {
  margin-top: 1.125rem;
}

.p-rentacar-closed__text--accent {
  background-color: #fffaeb;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 0.9375rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 1.8666666667;
  letter-spacing: 0.02em;
}

.p-rentacar-closed__title--border,
.p-rentacar-closed__text--border {
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}

.p-rentacar-closed__table2 {
  display: grid;
  margin-top: 1.375rem;
  border-top: 1px solid #cccccc;
  grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
}
@media screen and (max-width: 767px) {
  .p-rentacar-closed__table2 {
    grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
  }
}

.p-rentacar-closed__left,
.p-rentacar-closed__right {
  display: grid;
  height: 3.75rem;
  border-bottom: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  place-items: center;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.p-rentacar-closed__left {
  color: #fff;
  background-color: #5ac8e6;
}

.p-rentacar {
  position: relative;
}

.p-rentacar::before {
  content: "";
  position: absolute;
  top: -11.875rem;
  left: calc(50% - 37.5rem);
  width: 23.5625rem;
  height: 14.375rem;
  background: url(../images/rentacar01.png) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .p-rentacar::before {
    top: -4.375rem;
    left: calc(50% - 11.25rem);
    width: 10rem;
    height: 6.25rem;
  }
}

.p-rentacar::after {
  content: "";
  position: absolute;
  top: -10.5625rem;
  right: calc(50% - 34.375rem);
  width: 21.875rem;
  height: 37.5rem;
  background: url(../images/rentacar03.png) no-repeat center center/cover;
}
@media screen and (max-width: 1024px) {
  .p-rentacar::after {
    top: -9.875rem;
  }
}
@media screen and (max-width: 767px) {
  .p-rentacar::after {
    top: -8.75rem;
    right: calc(50% - 11.25rem);
    width: 5rem;
    height: 8.75rem;
  }
}

.p-rentacar__lead {
  text-align: center;
  font-size: 1.375rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 900;
  line-height: 1.5909090909;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-rentacar__lead {
    font-size: 1.25rem;
  }
}

.p-rentacar__lead-img {
  position: relative;
  z-index: 1;
  width: 40.375rem;
  height: 3.375rem;
  margin-top: 1.5rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .p-rentacar__lead-img {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.p-rentacar__lead-btn {
  position: relative;
  display: grid;
  gap: 1.875rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 2.8125rem;
  grid-template-rows: 1fr;
}
@media screen and (max-width: 767px) {
  .p-rentacar__lead-btn {
    margin-top: 1.875rem;
  }
}

.p-rentacar__lead-btn::before {
  content: "";
  position: absolute;
  top: -8.125rem;
  left: calc(50% - 37.5rem);
  width: 18.75rem;
  height: 16.875rem;
  background: url(../images/rentacar02.png) no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .p-rentacar__lead-btn::before {
    display: none;
  }
}

.p-rentacar__wrapper {
  max-width: 70rem;
  margin-top: 2.8125rem;
  margin-inline: auto;
  padding: 0.9375rem 6.5625rem 4.0625rem;
  border: solid 0.3125rem #e62328;
  border-radius: 0.625rem;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .p-rentacar__wrapper {
    padding: 0.625rem;
  }
}

.p-rentacar__body {
  max-width: 56.25rem;
  margin-top: 1.0625rem;
  margin-inline: auto;
}

.p-rentacar__text {
  margin-top: 1.0625rem;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.7777777778;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-rentacar__text {
    font-size: 1rem;
  }
}

.p-rentacar__table {
  display: grid;
  margin-top: 1.5625rem;
  grid-template: "space    time      price  " 3.75rem "model1   name1     money1 " 3.75rem "model1   name2     money2 " 3.75rem "model1   name3     money3 " 3.75rem "model1   name4     money4 " 3.75rem "model1   name5     money5 " 3.75rem "model1   name6     money6 " 3.75rem "model2   name7     money7 " 3.75rem "model2   name8     money8 " 3.75rem "model2   name9     money9 " 3.75rem "model2   name10    money10" 3.75rem "model2   name11    money11" 3.75rem "model2   name12    money12" 3.75rem "model3   name13    money13" 3.75rem "model3   name14    money14" 3.75rem "model3   name15    money15" 3.75rem "model3   name16    money16" 3.75rem "model3   name17    money17" 3.75rem "model3   name18    money18" 3.75rem "option   name19    money19" 3.75rem "option   name20    money20" 3.75rem ".....    .....     .....  " 0.9375rem "notes    notes     notes  " auto/20% 44.4444444444% 35.5555555556%;
}
@media screen and (max-width: 767px) {
  .p-rentacar__table {
    grid-template: "time    price  " 3.75rem "model1  model1 " 3.75rem "name1   money1 " 3.75rem "name2   money2 " 3.75rem "name3   money3 " 3.75rem "name4   money4 " 3.75rem "name5   money5 " 3.75rem "name6   money6 " 3.75rem "model2  model2 " 3.75rem "name7   money7 " 3.75rem "name8   money8 " 3.75rem "name9   money9 " 3.75rem "name10  money10" 3.75rem "name11  money11" 3.75rem "name12  money12" 3.75rem "model3  model3 " 3.75rem "name13  money13" 3.75rem "name14  money14" 3.75rem "name15  money15" 3.75rem "name16  money16" 3.75rem "name17  money17" 3.75rem "name18  money18" 3.75rem "option  option " 3.75rem "name19  money19" 3.75rem "name20  money20" 3.75rem ".....   .....  " 0.9375rem "notes   notes  " auto/1fr 1fr;
  }
}

.p-rentacar__space {
  background-color: #0055A0;
  grid-area: space;
}

.p-rentacar__time,
.p-rentacar__price {
  display: grid;
  color: #fff;
  border-left: 1px solid #cccccc;
  background-color: #0055A0;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  place-items: center;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.p-rentacar__time {
  grid-area: time;
}

.p-rentacar__price {
  grid-area: price;
}

.p-rentacar__option {
  display: grid;
  color: #fff;
  border-bottom: 1px solid #cccccc;
  background-color: #5ac8e6;
  grid-area: option;
  place-items: center;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02em;
}

.p-rentacar__notes {
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: notes;
  font-size: 0.9375rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  letter-spacing: 0.02em;
}

/* ===============================================
# model
=============================================== */
.p-rentacar__model1 {
  display: grid;
  text-align: center;
  color: #fff;
  border-bottom: 1px solid #cccccc;
  background-color: #5ac8e6;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: model1;
  place-items: center;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-rentacar__model1 {
    font-size: 0.875rem;
  }
}

.p-rentacar__model2 {
  display: grid;
  text-align: center;
  color: #fff;
  border-bottom: 1px solid #cccccc;
  background-color: #5ac8e6;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: model2;
  place-items: center;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-rentacar__model2 {
    font-size: 0.875rem;
  }
}

.p-rentacar__model3 {
  display: grid;
  text-align: center;
  color: #fff;
  border-bottom: 1px solid #cccccc;
  background-color: #5ac8e6;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: model3;
  place-items: center;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-rentacar__model3 {
    font-size: 0.875rem;
  }
}

/* ===============================================
# name & money 
=============================================== */
.p-rentacar__name1 {
  display: grid;
  text-align: center;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: name1;
  place-items: center;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  letter-spacing: 0.02em;
}

.p-rentacar__money1 {
  display: grid;
  color: #e62328;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: money1;
  place-items: center;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.p-rentacar__name2 {
  display: grid;
  text-align: center;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: name2;
  place-items: center;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  letter-spacing: 0.02em;
}

.p-rentacar__money2 {
  display: grid;
  color: #e62328;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: money2;
  place-items: center;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.p-rentacar__name3 {
  display: grid;
  text-align: center;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: name3;
  place-items: center;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  letter-spacing: 0.02em;
}

.p-rentacar__money3 {
  display: grid;
  color: #e62328;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: money3;
  place-items: center;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.p-rentacar__name4 {
  display: grid;
  text-align: center;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: name4;
  place-items: center;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  letter-spacing: 0.02em;
}

.p-rentacar__money4 {
  display: grid;
  color: #e62328;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: money4;
  place-items: center;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.p-rentacar__name5 {
  display: grid;
  text-align: center;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: name5;
  place-items: center;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  letter-spacing: 0.02em;
}

.p-rentacar__money5 {
  display: grid;
  color: #e62328;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: money5;
  place-items: center;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.p-rentacar__name6 {
  display: grid;
  text-align: center;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: name6;
  place-items: center;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  letter-spacing: 0.02em;
}

.p-rentacar__money6 {
  display: grid;
  color: #e62328;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: money6;
  place-items: center;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.p-rentacar__name7 {
  display: grid;
  text-align: center;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: name7;
  place-items: center;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  letter-spacing: 0.02em;
}

.p-rentacar__money7 {
  display: grid;
  color: #e62328;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: money7;
  place-items: center;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.p-rentacar__name8 {
  display: grid;
  text-align: center;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: name8;
  place-items: center;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  letter-spacing: 0.02em;
}

.p-rentacar__money8 {
  display: grid;
  color: #e62328;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: money8;
  place-items: center;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.p-rentacar__name9 {
  display: grid;
  text-align: center;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: name9;
  place-items: center;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  letter-spacing: 0.02em;
}

.p-rentacar__money9 {
  display: grid;
  color: #e62328;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: money9;
  place-items: center;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.p-rentacar__name10 {
  display: grid;
  text-align: center;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: name10;
  place-items: center;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  letter-spacing: 0.02em;
}

.p-rentacar__money10 {
  display: grid;
  color: #e62328;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: money10;
  place-items: center;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.p-rentacar__name11 {
  display: grid;
  text-align: center;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: name11;
  place-items: center;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  letter-spacing: 0.02em;
}

.p-rentacar__money11 {
  display: grid;
  color: #e62328;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: money11;
  place-items: center;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.p-rentacar__name12 {
  display: grid;
  text-align: center;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: name12;
  place-items: center;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  letter-spacing: 0.02em;
}

.p-rentacar__money12 {
  display: grid;
  color: #e62328;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: money12;
  place-items: center;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.p-rentacar__name13 {
  display: grid;
  text-align: center;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: name13;
  place-items: center;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  letter-spacing: 0.02em;
}

.p-rentacar__money13 {
  display: grid;
  color: #e62328;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: money13;
  place-items: center;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.p-rentacar__name14 {
  display: grid;
  text-align: center;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: name14;
  place-items: center;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  letter-spacing: 0.02em;
}

.p-rentacar__money14 {
  display: grid;
  color: #e62328;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: money14;
  place-items: center;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.p-rentacar__name15 {
  display: grid;
  text-align: center;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: name15;
  place-items: center;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  letter-spacing: 0.02em;
}

.p-rentacar__money15 {
  display: grid;
  color: #e62328;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: money15;
  place-items: center;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.p-rentacar__name16 {
  display: grid;
  text-align: center;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: name16;
  place-items: center;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  letter-spacing: 0.02em;
}

.p-rentacar__money16 {
  display: grid;
  color: #e62328;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: money16;
  place-items: center;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.p-rentacar__name17 {
  display: grid;
  text-align: center;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: name17;
  place-items: center;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  letter-spacing: 0.02em;
}

.p-rentacar__money17 {
  display: grid;
  color: #e62328;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: money17;
  place-items: center;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.p-rentacar__name18 {
  display: grid;
  text-align: center;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: name18;
  place-items: center;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  letter-spacing: 0.02em;
}

.p-rentacar__money18 {
  display: grid;
  color: #e62328;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: money18;
  place-items: center;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.p-rentacar__name19 {
  display: grid;
  text-align: center;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: name19;
  place-items: center;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  letter-spacing: 0.02em;
}

.p-rentacar__money19 {
  display: grid;
  color: #e62328;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: money19;
  place-items: center;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.p-rentacar__name20 {
  display: grid;
  text-align: center;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: name20;
  place-items: center;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  letter-spacing: 0.02em;
}

.p-rentacar__money20 {
  display: grid;
  color: #e62328;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: money20;
  place-items: center;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.p-rentacar__name7 {
  background-color: #fffaeb;
}

.p-rentacar__money7 {
  background-color: #fffaeb;
}

.p-rentacar__name8 {
  background-color: #fffaeb;
}

.p-rentacar__money8 {
  background-color: #fffaeb;
}

.p-rentacar__name9 {
  background-color: #fffaeb;
}

.p-rentacar__money9 {
  background-color: #fffaeb;
}

.p-rentacar__name10 {
  background-color: #fffaeb;
}

.p-rentacar__money10 {
  background-color: #fffaeb;
}

.p-rentacar__name11 {
  background-color: #fffaeb;
}

.p-rentacar__money11 {
  background-color: #fffaeb;
}

.p-rentacar__name12 {
  background-color: #fffaeb;
}

.p-rentacar__money12 {
  background-color: #fffaeb;
}

.p-rentacar__name19 {
  background-color: #fffaeb;
}

.p-rentacar__money19 {
  background-color: #fffaeb;
}

.p-rentacar__name20 {
  background-color: #fffaeb;
}

.p-rentacar__money20 {
  background-color: #fffaeb;
}

.p-rentacar__cancel {
  margin-top: 2.625rem;
}

.p-rentacar__under-caution {
  margin-top: 1.5rem;
  text-align: center;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  letter-spacing: 0.02em;
}

.p-shaken-option__wrapper {
  max-width: 56.25rem;
  margin-inline: auto;
}

.p-shaken-option_contents {
  display: grid;
  margin-top: 0.875rem;
  text-align: center;
  border-top: 1px solid #cccccc;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
  .p-shaken-option_contents {
    grid-template-columns: 1fr;
  }
}

.p-shaken-option__name {
  height: 3.75rem;
  padding-block: 1.25rem;
  color: #ffffff;
  border-bottom: 1px solid #cccccc;
  background-color: #5ac8e6;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.p-shaken-option__price {
  height: 3.75rem;
  padding-block: 1.25rem;
  color: #e62328;
  border-bottom: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  letter-spacing: 0.02em;
}

.p-shop-box {
  width: 100%;
  max-width: 70rem;
  margin-top: 1.875rem;
  margin-inline: auto;
  padding: 3.75rem 6.25rem;
  border: 5px solid #0BA61E;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .p-shop-box {
    padding: 1.25rem;
  }
}

.p-shop-box--orange {
  border: 5px solid #FA780A;
}

.p-shop-box--orange .p-shop-box__info-label {
  background-color: #FA780A;
}

.p-shop-box__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
}
@media screen and (max-width: 767px) {
  .p-shop-box__head {
    gap: 0.625rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.p-shop-box__title img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.p-shop-box__address {
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.7777777778;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-shop-box__address {
    font-size: 1rem;
    -webkit-transform: rotateZ(0.03deg);
            transform: rotateZ(0.03deg);
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
}

.p-shop-box__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.75rem;
}

.p-shop-box__info-label {
  display: inline-block;
  min-width: 5.3125rem;
  padding: 0.125rem;
  text-align: center;
  color: #fff;
  border-radius: 2px;
  background-color: #0BA61E;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.3333333333;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-shop-box__info-label {
    font-size: 1rem;
    -webkit-transform: rotateZ(0.03deg);
            transform: rotateZ(0.03deg);
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
}

.p-shop-box__info-text {
  display: inline-block;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.8888888889;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-shop-box__info-text {
    font-size: 1rem;
    -webkit-transform: rotateZ(0.03deg);
            transform: rotateZ(0.03deg);
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
}

.p-shop-box__img img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="5" /><feOffset dx="6" dy="6" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.2)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, .2));
          filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, .2));
}

.p-shop-box__list {
  display: grid;
  gap: 1.875rem;
  margin-top: 3.75rem;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 767px) {
  .p-shop-box__list {
    gap: 1.25rem;
    margin-top: 1.25rem;
    grid-template-columns: 1fr;
  }
}

.p-shop-box-item__img img {
  width: 100%;
  height: 100%;
  aspect-ratio: 280/200;
}

.p-shop-box-item__text {
  margin-top: 0.875rem;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-shop-box-item__text {
    margin-top: 0.625rem;
  }
}

.p-shop-box__map {
  margin-top: 1.875rem;
}

.p-shop-box__map iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 900/400;
}
@media screen and (max-width: 767px) {
  .p-shop-box__map iframe {
    aspect-ratio: 375/300;
  }
}

.p-shop {
  position: relative;
}

.p-shop::before {
  content: "";
  position: absolute;
  top: -15rem;
  left: calc(50% - 36.25rem);
  width: 28.6875rem;
  height: 23.5rem;
  background: url(../images/shop-before.png) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .p-shop::before {
    top: -4rem;
    left: 1.25rem;
    width: 8.625rem;
    height: 7.0625rem;
  }
}

.p-shop::after {
  content: "";
  position: absolute;
  top: -13.5rem;
  right: calc(50% - 36.25rem);
  width: 26.1875rem;
  height: 22.75rem;
  background: url(../images/shop-after.png) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .p-shop::after {
    top: -3.75rem;
    right: 1.25rem;
    width: 7.875rem;
    height: 6.8125rem;
  }
}

.p-shop__title {
  margin-inline: auto;
}

.p-shop__wrapper {
  scroll-margin-top: 3.125rem;
}

.p-shop__wrapper + .p-shop__wrapper {
  margin-top: 3.75rem;
}

.p-sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-sns {
    display: grid;
    gap: 1.875rem 1.25rem;
    max-width: 31.25rem;
    margin-inline: auto;
    grid-template-columns: repeat(2, 6.25rem);
  }
}

.p-sns__link {
  display: block;
}

.p-sns__logo {
  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;
  width: 3rem;
  height: 3rem;
  margin-inline: auto;
}

.p-sns__logo img {
  -o-object-fit: contain;
     object-fit: contain;
}

.p-sns__text {
  margin-top: 1rem;
  text-align: center;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 0.8125rem;
  font-weight: 700;
}

.p-staff {
  position: relative;
}

.p-staff::before {
  content: "";
  position: absolute;
  top: -12.25rem;
  left: calc(50% - 33.125rem);
  width: 26.25rem;
  height: 20.0625rem;
  background: url(../images/staff-before.png?date=202512) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .p-staff::before {
    top: -4.6875rem;
    left: 0;
    width: 10.5rem;
    height: 8rem;
  }
}

.p-staff::after {
  content: "";
  position: absolute;
  top: -11rem;
  right: calc(50% - 33.125rem);
  width: 23.0625rem;
  height: 19.875rem;
  background: url(../images/staff-after.png?date=202512) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .p-staff::after {
    top: -4.1875rem;
    right: 0;
    width: 9.25rem;
    height: 7.9375rem;
  }
}

.p-staff__content + .p-staff__content {
  margin-top: 4.375rem;
}

.p-staff__title {
  margin-inline: auto;
}

.p-staff__list {
  display: grid;
  gap: 1.25rem 2.5rem;
  margin-top: 1.25rem;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 767px) {
  .p-staff__list {
    gap: 1.25rem;
    grid-template-columns: 1fr;
  }
}

.p-syaken-caution__text {
  text-align: center;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  letter-spacing: 0.02em;
}

.p-syaken-document__wrapper {
  max-width: 56.25rem;
  margin-inline: auto;
  padding: 1.5625rem;
  border: solid 0.375rem #0055a0;
  border-radius: 0.625rem;
  background-color: #fffaeb;
}

.p-syaken-document__title {
  color: #0055a0;
  font-size: 2rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 900;
  line-height: 1.75;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-syaken-document__title {
    font-size: 1.75rem;
  }
}

.p-syaken-document__text {
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0.02em;
}

.p-syaken-document__list {
  display: grid;
  gap: 1.25rem;
  margin-top: 1.25rem;
  text-align: center;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 767px) {
  .p-syaken-document__list {
    grid-template-columns: 1fr;
  }
}

.p-syaken-document__item {
  padding: 1.4375rem 1.8125rem;
  color: #fff;
  border-radius: 0.625rem;
  background-color: #0055A0;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-syaken-document__item {
    padding-inline: 0.625rem;
    font-size: 1rem;
  }
}

.p-syaken-notes__wrapper {
  max-width: 56.25rem;
  margin-inline: auto;
}

.p-syaken-notes__text {
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 0.9375rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 1.8666666667;
  letter-spacing: 0.02em;
}

.p-syaken {
  position: relative;
}

.p-syaken::before {
  content: "";
  position: absolute;
  top: -10.625rem;
  left: calc(50% - 35rem);
  width: 27.5rem;
  height: 21.875rem;
  background: url(../images/syaken02.png) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .p-syaken::before {
    top: -4.375rem;
    left: calc(50% - 10rem);
    width: 8.75rem;
    height: 6.875rem;
  }
}

.p-syaken::after {
  content: "";
  position: absolute;
  top: -11.25rem;
  right: calc(50% - 34.375rem);
  width: 23.125rem;
  height: 26.875rem;
  background: url(../images/syaken01.png) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .p-syaken::after {
    top: -9.375rem;
    right: calc(50% - 11.25rem);
    width: 8.125rem;
    height: 9.375rem;
  }
}

.p-syaken__lead {
  text-align: center;
  font-size: 1.375rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 900;
  line-height: 1.5909090909;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-syaken__lead {
    font-size: 1.125rem;
  }
}

.p-syaken__lead-sub {
  margin-top: 0.625rem;
  text-align: center;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.02em;
}

.p-syaken__table-wrapper {
  position: relative;
  z-index: 1;
  max-width: 70rem;
  margin-top: 2.5rem;
  margin-inline: auto;
  padding: 3.4375rem 6.5625rem;
  border: solid 0.3125rem #e62328;
  border-radius: 0.625rem;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .p-syaken__table-wrapper {
    padding: 1.5625rem;
  }
}

.p-syaken__table:not(:first-child) {
  margin-top: 2.8125rem;
}

.p-syaken__table {
  display: grid;
  max-width: 56.25rem;
  margin-inline: auto;
  grid-template: "title   title    title " 3.75rem "legal   name1    money1" 3.75rem "legal   name2    money2" 3.75rem "legal   name3    money3" 3.75rem "legal   name4    money4" 3.75rem "other   name5    money5" 3.75rem "other   name6    money6" 3.75rem "other   name7    money7" 3.75rem "other   name8    money8" 3.75rem "other   name9    money9" 3.75rem ".....   .....    ..... " 0.9375rem "charge  charge   charge" auto/20% 44.4444444444% 35.5555555556%;
}
@media screen and (max-width: 767px) {
  .p-syaken__table {
    grid-template: "title   title " 3.75rem "legal   legal " 3.75rem "name1   money1" 3.75rem "name2   money2" 3.75rem "name3   money3" 3.75rem "name4   money4" 3.75rem "other   other " 3.75rem "name5   money5" 3.75rem "name6   money6" 3.75rem "name7   money7" 3.75rem "name8   money8" 3.75rem "name9   money9" 3.75rem ".....   ..... " 0.9375rem "charge  charge" auto/1fr 1fr;
  }
}

.p-syaken__legal-cost,
.p-syaken__other-cost {
  display: contents;
  text-align: center;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 3.75;
  letter-spacing: 0.02em;
}

.p-syaken__title {
  padding-top: 0.3125rem;
  padding-left: 0.625rem;
  color: #fff;
  border-top: 1px solid #cccccc;
  background-color: #0055a0;
  grid-area: title;
  font-size: 1.75rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 900;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-syaken__title {
    font-size: 1.125rem;
    text-align: center;
    padding-top: 0.9375rem;
    padding-left: 0;
  }
}

.p-syaken__legal,
.p-syaken__other {
  display: grid;
  color: #fff;
  border-top: 1px solid #cccccc;
  background-color: #5ac8e6;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  place-items: center;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.02em;
}

.p-syaken__legal {
  grid-area: legal;
}

.p-syaken__other {
  grid-area: other;
}

/* ===============================================
# name
=============================================== */
.p-syaken__name1 {
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: name1;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 3.75;
  letter-spacing: 0.02em;
}

.p-syaken__name2 {
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: name2;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 3.75;
  letter-spacing: 0.02em;
}

.p-syaken__name3 {
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: name3;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 3.75;
  letter-spacing: 0.02em;
}

.p-syaken__name4 {
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: name4;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 3.75;
  letter-spacing: 0.02em;
}

.p-syaken__name5 {
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: name5;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 3.75;
  letter-spacing: 0.02em;
}

.p-syaken__name6 {
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: name6;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 3.75;
  letter-spacing: 0.02em;
}

.p-syaken__name7 {
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: name7;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 3.75;
  letter-spacing: 0.02em;
}

.p-syaken__name8 {
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: name8;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 3.75;
  letter-spacing: 0.02em;
}

.p-syaken__name9 {
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: name9;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  line-height: 3.75;
  letter-spacing: 0.02em;
}

.p-syaken__name1 {
  border-top: 1px solid #cccccc;
}

.p-syaken__name4,
.p-syaken__name9 {
  color: #0055a0;
  background-color: #fffaeb;
  font-weight: bold;
}

/* ===============================================
# money
=============================================== */
.p-syaken__money1 {
  color: #e62328;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: money1;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 3.3333333333;
  letter-spacing: 0.02em;
}

.p-syaken__money2 {
  color: #e62328;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: money2;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 3.3333333333;
  letter-spacing: 0.02em;
}

.p-syaken__money3 {
  color: #e62328;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: money3;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 3.3333333333;
  letter-spacing: 0.02em;
}

.p-syaken__money4 {
  color: #e62328;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: money4;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 3.3333333333;
  letter-spacing: 0.02em;
}

.p-syaken__money5 {
  color: #e62328;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: money5;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 3.3333333333;
  letter-spacing: 0.02em;
}

.p-syaken__money6 {
  color: #e62328;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: money6;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 3.3333333333;
  letter-spacing: 0.02em;
}

.p-syaken__money7 {
  color: #e62328;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: money7;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 3.3333333333;
  letter-spacing: 0.02em;
}

.p-syaken__money8 {
  color: #e62328;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: money8;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 3.3333333333;
  letter-spacing: 0.02em;
}

.p-syaken__money9 {
  color: #e62328;
  border-bottom: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: money9;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 3.3333333333;
  letter-spacing: 0.02em;
}

.p-syaken__money1 {
  border-top: 1px solid #cccccc;
}

.p-syaken__money4,
.p-syaken__money9 {
  background-color: #fffaeb;
}

/* ===============================================
# charge
=============================================== */
.p-syaken__charge {
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  grid-area: charge;
  font-size: 0.9375rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  letter-spacing: 0.02em;
}

.p-shaken__option {
  margin-top: 2.8125rem;
}

.p-syaken__document {
  margin-top: 3.75rem;
}

.p-syaken__notes {
  margin-top: 1.875rem;
}

.p-syaken__caution {
  margin-top: 1.875rem;
}

.p-tenken-car__wrapper {
  position: relative;
  padding: 0.625rem 2.25rem;
  background-color: #FFF5B9;
}
@media screen and (max-width: 767px) {
  .p-tenken-car__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding: 1.25rem;
  }
}

.p-tenken-car__main {
  width: 28.75rem;
}
@media screen and (max-width: 767px) {
  .p-tenken-car__main {
    width: 100%;
  }
}

.p-tenken-car__model {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.25rem 0.75rem;
}
@media screen and (max-width: 767px) {
  .p-tenken-car__model {
    padding: 0.625rem 0;
  }
}

.p-tenken-car__model + .p-tenken-car__model {
  border-top: 4px dotted #0055A0;
}

.p-tenken-car__text {
  color: #0055A0;
  font-size: 1.75rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 900;
  letter-spacing: 0.02em;
  line-height: 1.3;
}
@media screen and (max-width: 767px) {
  .p-tenken-car__text {
    font-size: 1.125rem;
    line-height: 1.2;
  }
}

.p-tenken-car__text span {
  font-size: 1.125rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-tenken-car__text span {
    font-size: 0.75rem;
  }
}

.p-tenken-car__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .p-tenken-car__price {
    padding-top: 1rem;
  }
}

.p-tenken-car__price img {
  width: 13.375rem;
}
@media screen and (max-width: 767px) {
  .p-tenken-car__price img {
    width: 6.25rem;
  }
}

.p-tenken-car__price span {
  display: inline-block;
  margin-left: 0.25rem;
  padding-bottom: 0.625rem;
  color: #E62328;
  font-size: 2.5rem;
  font-weight: 900;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-tenken-car__price span {
    padding-bottom: 0.25rem;
    font-size: 1.25rem;
  }
}

.p-tenken-car__img {
  position: absolute;
  top: -6.875rem;
  right: -5rem;
  width: 28.125rem;
}
@media screen and (max-width: 767px) {
  .p-tenken-car__img {
    position: static;
    width: 11.25rem;
    margin-inline: auto;
  }
}

.p-tenken {
  position: relative;
}

.p-tenken::before {
  content: "";
  position: absolute;
  top: -13.75rem;
  left: calc(50% - 36.25rem);
  width: 20.3125rem;
  height: 25rem;
  background: url(../images/tenken-before.png?date=20230828) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .p-tenken::before {
    top: -4.875rem;
    left: 0;
    width: 7.9375rem;
    height: 8.75rem;
  }
}

.p-tenken::after {
  content: "";
  position: absolute;
  top: -11rem;
  right: calc(50% - 36.25rem);
  width: 24.4375rem;
  height: 21.625rem;
  background: url(../images/tenken-after.png?date=20230828) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .p-tenken::after {
    top: -4.375rem;
    right: 0;
    width: 9.4375rem;
    height: 8.3125rem;
  }
}

.p-tenken__lead {
  text-align: center;
  font-size: 1.375rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 900;
  line-height: 1.5909090909;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-tenken__lead {
    font-size: 0.875rem;
  }
}

.p-tenken__content {
  max-width: 70rem;
  margin-top: 2.5rem;
  margin-inline: auto;
  padding: 3.75rem 4.375rem;
  border: 5px solid #E62328;
  border-radius: 10px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .p-tenken__content {
    margin-top: 1.25rem;
    padding: 1.25rem;
  }
}

.p-tenken__car-box {
  max-width: 60.625rem;
}

.p-tenken__car {
  padding-inline: 2.1875rem;
}
@media screen and (max-width: 767px) {
  .p-tenken__car {
    padding-inline: 0;
  }
}

.p-tenken__text {
  margin-top: 1.25rem;
  text-align: center;
  font-size: 1.5625rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 900;
  line-height: 1.68;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-tenken__text {
    font-size: 0.875rem;
  }
}

.p-tenken__attention {
  margin-top: 1.25rem;
  text-align: center;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-tenken__attention {
    font-size: 0.6875rem;
  }
}

.p-tenken__list {
  margin-top: 6.25rem;
  padding-inline: 2.1875rem;
}
@media screen and (max-width: 767px) {
  .p-tenken__list {
    margin-top: 3.75rem;
    padding-inline: 0;
  }
}

.p-top-about {
  background-color: #fff;
}

.p-top-about__list {
  display: grid;
  gap: 1.875rem;
  grid-template-columns: repeat(2, 1fr);
  place-items: center;
}
@media screen and (max-width: 767px) {
  .p-top-about__list {
    gap: 1.25rem;
    grid-template-columns: 1fr;
  }
}

.p-top-about__img img {
  display: block;
  aspect-ratio: 435/261;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="5" /><feOffset dx="6" dy="6" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.2)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, .2));
          filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, .2));
}

.p-top-about__text {
  margin-top: 0.625rem;
  text-align: center;
  font-family: YuGothic, "游ゴシック体", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1.125rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.3888888889;
  letter-spacing: 0.02em;
}

.p-top-blog {
  position: relative;
}

.p-top-blog::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -3.125rem;
  left: calc(50% - 29.375rem);
  width: 16.1875rem;
  height: 17.4375rem;
  background: url(../images/top-blog-staff01.png) no-repeat center center/cover;
}
@media screen and (max-width: 1024px) {
  .p-top-blog::before {
    left: calc(50% - 37.5rem);
  }
}
@media screen and (max-width: 767px) {
  .p-top-blog::before {
    top: 4.5rem;
    left: calc(50% - 11.25rem);
    width: 4.875rem;
    height: 5.25rem;
  }
}

.p-top-blog::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -3.125rem;
  right: calc(50% - 30.625rem);
  width: 18.125rem;
  height: 17.5rem;
  background: url(../images/top-blog-staff02.png) no-repeat center center/cover;
}
@media screen and (max-width: 1024px) {
  .p-top-blog::after {
    right: calc(50% - 37.5rem);
  }
}
@media screen and (max-width: 767px) {
  .p-top-blog::after {
    top: 4.5rem;
    right: calc(50% - 11.25rem);
    width: 5.4375rem;
    height: 5.25rem;
  }
}

.p-top-blog__title img {
  margin-inline: auto;
}

.p-top-blog__lead {
  margin-top: 1.25rem;
  text-align: center;
  font-size: 1.375rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 900;
  line-height: 1.5909090909;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-top-blog__lead {
    margin-top: 2.5rem;
    font-size: 0.875rem;
  }
}

.p-top-blog__list {
  margin-top: 1.875rem;
}

.p-top-blog__btn {
  margin-top: 2.5rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-top-blog__btn {
    margin-top: 1.875rem;
  }
}

.p-top-blog__introduction {
  margin-top: 4.375rem;
}
@media screen and (max-width: 767px) {
  .p-top-blog__introduction {
    margin-top: 2.5rem;
  }
}

.p-top-blog__introduction img {
  margin-inline: auto;
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);
          box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);
  -o-object-fit: cover;
     object-fit: cover;
}

.p-top-blog__link {
  display: block;
}

.p-top-calendar__wrapper {
  position: relative;
  max-width: 61.25rem;
  margin-left: auto;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .p-top-calendar__wrapper {
    margin-right: 6.25rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top-calendar__wrapper {
    margin-right: auto;
  }
}

.p-top-calendar__wrapper::before {
  content: "";
  position: absolute;
  top: -7.5rem;
  left: calc(50% - 46.875rem);
  width: 28.125rem;
  height: 27.75rem;
  background: url(../images/top-calendar-staff.png) no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .p-top-calendar__wrapper::before {
    top: -6.25rem;
    left: -1.625rem;
    width: 10.3125rem;
    height: 9.6875rem;
  }
}

.p-top-calendar__title {
  display: inline-block;
  padding: 1.125rem 3.125rem;
  border-radius: 10px 10px 0 0;
  background-color: #E62328;
}
@media screen and (max-width: 767px) {
  .p-top-calendar__title {
    padding: 0.625rem 1.25rem;
  }
}

.p-top-calendar__title img {
  width: 18.75rem;
}
@media screen and (max-width: 767px) {
  .p-top-calendar__title img {
    width: 11.875rem;
  }
}

.p-top-calendar__content {
  margin-top: -0.4375rem;
  padding: 1.875rem;
  border: 10px solid #E62328;
  border-radius: 10px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .p-top-calendar__content {
    padding: 1.25rem;
  }
}

.p-top-calendar__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-top-calendar__btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-top-calendar__open-imgs {
  display: none;
  gap: 2.5rem;
  margin-top: 1.875rem;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 767px) {
  .p-top-calendar__open-imgs {
    grid-template-columns: 1fr;
  }
}

.p-top-calendar__open-imgs.is-active {
  display: grid;
}

.p-top-calendar__lists {
  width: 100%;
}

.p-top-calendar__icon_text {
  font-size: 90%;
  margin-bottom: 0.5em;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .p-top-calendar__icon_text {
    text-align: left;
  }
}

.p-top-calendar__icon_sample {
  display: inline-block;
  width: 2em;
  height: 1em;
}
.p-top-calendar__icon_sample.__holiday, .p-top-calendar__icon_sample.__type1 {
  background: rgb(245, 98, 98);
}
.p-top-calendar__icon_sample.__hankyu, .p-top-calendar__icon_sample.__type2 {
  background: #12bcdf;
}
.p-top-calendar__icon_sample.__oil, .p-top-calendar__icon_sample.__type3 {
  background: #fae204;
}
.p-top-calendar__icon_sample.__charity, .p-top-calendar__icon_sample.__type4 {
  background: rgb(10, 140, 25);
}
.p-top-calendar__icon_sample.__event, .p-top-calendar__icon_sample.__type5 {
  background: rgb(243, 181, 66);
}

.p-top-calendar__table {
  color: #666;
  font-size: 0.75rem;
  width: 100%;
}
.p-top-calendar__table caption {
  background: rgb(217, 240, 250);
  font-weight: 700;
  color: #000;
  padding: 0.2em;
}
.p-top-calendar__table th, .p-top-calendar__table td {
  width: 14.2857142857%;
}
.p-top-calendar__table .__holi, .p-top-calendar__table .__type1 {
  background: rgb(245, 98, 98);
  color: #fff;
}
.p-top-calendar__table .__type2 {
  background: #12bcdf;
  color: #fff;
}
.p-top-calendar__table .__type3 {
  background: #fae204;
}
.p-top-calendar__table .__type4 {
  background: rgb(10, 140, 25);
  color: #fff;
}
.p-top-calendar__table .__type5 {
  background: rgb(243, 181, 66);
  color: #fff;
}

.p-top-lotas__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  .p-top-lotas__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (max-width: 767px) {
  .p-top-lotas__img {
    width: 12.5rem;
  }
}

.p-top-lotas__img img {
  -o-object-fit: cover;
     object-fit: cover;
}

.p-top-lotas__btn {
  margin-top: 1.875rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-top-lotas__btn {
    margin-top: 1.25rem;
  }
}

.p-top-news__title img {
  margin-inline: auto;
}

.p-top-news__lead {
  position: relative;
  text-align: center;
  font-size: 1.375rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 900;
  line-height: 1.5909090909;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-top-news__lead {
    font-size: 1rem;
  }
}

.p-top-news__lead::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  right: calc(50% - 24.375rem);
  width: 5.8125rem;
  height: 6.5rem;
  background: url(../images/icon-megaphone.png) no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .p-top-news__lead::after {
    top: 5rem;
    right: 0;
    width: 2.875rem;
    height: 3.25rem;
  }
}

.p-top-news__main {
  width: 100%;
  max-width: 52.5rem;
  margin: 1.25rem auto 0;
  padding: 1.25rem 3.125rem 1.875rem;
  border: 5px solid #E62328;
  border-radius: 10px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .p-top-news__main {
    padding: 1.25rem;
  }
}

.p-top-news__btn {
  margin-top: 2.5rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-top-news__btn {
    margin-top: 1.875rem;
  }
}

.p-top-online-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .p-top-online-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.p-top-online-list__item {
  min-width: 23.75rem;
  padding: 1.5625rem;
  text-align: center;
  border-radius: 10px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .p-top-online-list__item {
    width: 100%;
    min-width: auto;
    padding: 1.25rem;
  }
}

.p-top-online-list__title {
  position: relative;
  display: inline-block;
  font-size: 1.5625rem;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 900;
  line-height: 1.72;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .p-top-online-list__title {
    font-size: 1.25rem;
  }
}

.p-top-online-list__title::before {
  content: "";
  position: absolute;
  bottom: 0.25rem;
  left: -0.9375rem;
  width: 0.1875rem;
  height: 1.25rem;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  background-color: #000;
}

.p-top-online-list__title::after {
  content: "";
  position: absolute;
  right: -0.9375rem;
  bottom: 0.25rem;
  width: 0.1875rem;
  height: 1.25rem;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  background-color: #000;
}

.p-top-online-list__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1.25rem;
}
@media screen and (max-width: 767px) {
  .p-top-online-list__btns {
    margin-top: 0.625rem;
  }
}

.p-top-online {
  background: url(../images/bg-online.png) no-repeat center center/cover;
}

@media screen and (max-width: 1440px) {
  .p-top-online__title-wrapper {
    text-align: center;
  }
}

.p-top-online__title {
  position: relative;
}
@media screen and (max-width: 1440px) {
  .p-top-online__title {
    display: inline-block;
  }
}

.p-top-online__title::before {
  content: "";
  position: absolute;
  top: -3.75rem;
  left: -4.25rem;
  width: 5.25rem;
  height: 8.5rem;
  background: url(../images/icon-online.png) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .p-top-online__title::before {
    top: -1.25rem;
    left: -3.125rem;
    width: 2.625rem;
    height: 4.25rem;
  }
}

.p-top-online__title::after {
  content: "";
  position: absolute;
  top: -4.375rem;
  right: -14.375rem;
  width: 31.625rem;
  height: 32.5rem;
  background: url(../images/top-online-staff.png) no-repeat center center/cover;
}
@media screen and (max-width: 1440px) {
  .p-top-online__title::after {
    right: -12.5rem;
    width: 15.8125rem;
    height: 16.25rem;
  }
}
@media screen and (max-width: 767px) {
  .p-top-online__title::after {
    top: -3.125rem;
    right: -4.375rem;
    width: 8.6875rem;
    height: 9.125rem;
  }
}

.p-top-online__title img {
  width: 35.625rem;
}
@media screen and (max-width: 767px) {
  .p-top-online__title img {
    width: 12.5rem;
  }
}

.p-top-online__list {
  margin-top: 1.25rem;
}

@media screen and (max-width: 767px) {
  .u-desktop {
    display: none;
  }
}

.u-hidden {
  overflow: hidden;
}

.u-icon__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.u-icon__item:before {
  content: attr(data-icon);
  display: inline-block;
  margin-right: 0.5em;
}

.u-mobile {
  display: none;
}
@media screen and (max-width: 767px) {
  .u-mobile {
    display: block;
  }
}

.u-none {
  display: none;
}
/*# sourceMappingURL=styles.css.map */