@charset "UTF-8";
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video,
a,
b {
  margin: 0;
  padding: 0;
  font-size: 100%;
  line-height: 100%;
  vertical-align: baseline;
  text-decoration: none;
  box-sizing: border-box;
  list-style: none;
}

body {
  width: 100%;
  height: 100svh;
  height: calc(var(--vh, 1vh) * 100);
}

img {
  max-width: 100%;
  max-height: 100%;
}

a {
  color: black;
  cursor: pointer;
}

input[type=submit], input[type=button],
button[type=submit],
button[type=button] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type=submit]::-webkit-search-decoration, input[type=button]::-webkit-search-decoration,
button[type=submit]::-webkit-search-decoration,
button[type=button]::-webkit-search-decoration {
  display: none;
}
input[type=submit]::focus, input[type=button]::focus,
button[type=submit]::focus,
button[type=button]::focus {
  outline-offset: -2px;
}

@media screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}
:root {
  --red: #f60000;
  --black: #000;
  --black2: #292929;
  --white: #fff;
  --gray: #efefef;
  --gray2: #b0b0b0;
}

.is-no-webp body {
  background: url(../image/main-pc.png) center/cover;
}

.is-webp body {
  background: url(../image/main-pc.webp) center/cover;
}

.is-no-webp .link__btn {
  background: url(../image/btn-img.png) center/cover;
}

.is-webp .link__btn {
  background: url(../image/btn-img.webp) center/cover;
}

.c-container {
  max-width: 500px;
  width: 100%;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .c-container {
    max-width: 375px;
  }
}
.c-title {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 30px;
}

.c-title > div:first-child {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.c-title .c-title__en {
  color: var(--red);
  font-family: "Barlow", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 51.2px */
  letter-spacing: 1.6px;
}

.c-title .c-title__ja {
  color: var(--black);
  font-family: -apple-system, "Yu Gothic", "YuGothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 19.2px */
  letter-spacing: 0.6px;
  line-height: 100%;
}

.c-title .border {
  border: 2px solid var(--red);
  width: 20px;
}

.link__btn {
  background-size: cover;
  color: var(--white);
  display: block;
  transition: 0.5s;
}

.link__btn:hover {
  opacity: 0.8;
  transition: 0.5s;
}

.link__btn--car {
  font-family: -apple-system, "Yu Gothic", "YuGothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 40px;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 20px;
}

.link__btn--car img {
  aspect-ratio: 22/19;
  width: 22px;
  height: auto;
}

.link__btn--contact {
  padding: 20px 0px;
  width: min(88.05%, 295px);
  margin-inline: auto;
  font-size: 14px;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: 0.7px;
  display: flex;
  justify-content: space-around;
}

.link__btn--contact img:first-child {
  aspect-ratio: 32/24;
  height: auto;
  width: 32px;
}

.link__btn--contact img:last-child {
  aspect-ratio: 22/20;
  height: auto;
  width: 22px;
}

.link__btn--contact p {
  text-align: left;
  color: var(--white);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 22.4px */
  letter-spacing: 0.7px;
}

.sp__header {
  display: none;
}
@media screen and (max-width: 1040px) {
  .sp__header {
    display: block;
    position: fixed;
    width: 100%;
    z-index: 999;
    height: 60px;
  }
}
.sp__header .sp__header--inner {
  display: flex;
  padding: 0 0 0 20px;
  align-items: center;
  background: var(--white);
  max-width: 1270px;
  width: 100%;
  position: absolute;
  right: 0;
  padding: 15px 20px;
}
.sp__header .sp__header--inner .logo-name {
  color: var(--red);
  font-family: -apple-system, "Yu Gothic", "YuGothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 22.4px */
  letter-spacing: 0.7px;
  margin-left: 10px;
}
.sp__header .sp__header--inner .sp-logo {
  display: flex;
  z-index: 99;
  display: none;
  aspect-ratio: 50/38;
  width: 50px;
  height: auto;
}
@media screen and (max-width: 1040px) {
  .sp__header .sp__header--inner .sp-logo {
    display: block;
  }
}
.sp__header .hamburger {
  color: var(--red);
  position: relative;
  left: 86%;
  top: 35%;
}

.nav_toggle .show {
  position: fixed;
  right: 20px;
  top: 20px;
  z-index: 999;
}

.nav {
  position: fixed;
  right: 0;
  top: 0;
  display: none;
}

@media screen and (max-width: 1040px) {
  /* ハンバーガーのマーク */
  .nav_toggle {
    display: block;
    position: relative;
    width: 34px;
    height: 24.5px;
    z-index: 2;
    right: 0%;
    top: 0%;
    cursor: pointer;
  }
  .nav_toggle i {
    display: block;
    width: 100%;
    height: 2px;
    left: 0;
    right: 0;
    position: absolute;
    transition: transform 0.3s ease;
  }
  .nav_toggle i:nth-child(1) {
    top: 0;
    background: var(--red);
    border: 2px solid;
    border-radius: 22px;
  }
  .nav_toggle i:nth-child(2) {
    top: 50%;
    background: var(--red);
    border: 2px solid;
    border-radius: 22px;
    transform: translateY(-50%);
  }
  .nav_toggle i:nth-child(3) {
    bottom: 0;
    background: var(--red);
    border: 2px solid;
    border-radius: 22px;
  }
  /* クリックされた後のハンバーガーのマーク */
  .nav_toggle.show i:nth-child(1) {
    transform: translateY(10px) rotate(-45deg);
  }
  .nav_toggle.show i:nth-child(2) {
    margin: auto;
    background: var(--white);
    position: relative;
    right: 0%;
    opacity: 0;
  }
  .nav_toggle.show i:nth-child(3) {
    transform: translateY(-10px) rotate(45deg);
  }
  /* クリックで表示されるメニュー：クリックされる前 */
  .nav {
    display: flex;
    max-height: 100vw;
    overflow-y: auto;
    padding-top: 120px;
    justify-content: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s, visibility 0.5s;
    background-color: var(--white);
    z-index: 1;
  }
  /* クリックで表示されるメニュー：クリックされた後 */
}
@media screen and (max-width: 1040px) and (max-width: 768px) {
  .nav {
    padding-top: 40px;
  }
}
@media screen and (max-width: 1040px) {
  .nav_menu_ul {
    flex-direction: column;
    display: flex;
    max-width: 335px;
    width: 100%;
    gap: 20px;
    margin-top: 60px;
  }
  .nav_menu_li {
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
  }
  .nav.show {
    max-height: 100vh;
    opacity: 1;
    overflow-y: auto;
    position: fixed;
    visibility: visible;
    background: var(--gray);
  }
  .nav.show .nav-link {
    display: flex;
    align-items: center;
    gap: 11px;
    padding-left: 20px;
    padding-bottom: 10px;
  }
  .nav.show .nav-link .nav_ja {
    font-family: -apple-system, "Yu Gothic", "YuGothic", "游ゴシック体", "游ゴシック", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 180%; /* 32.4px */
    letter-spacing: 0.9px;
    color: var(--red);
  }
  .nav.show .nav-link .nav_en {
    color: var(--gray2);
    font-family: "Barlow", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 180%; /* 25.2px */
    letter-spacing: 0.7px;
  }
  .nav.show .border {
    border: 1px solid var(--gray2);
  }
  .nav.show .external_link {
    gap: 10px;
    display: flex;
  }
  .nav.show .external_link .link {
    color: var(--white);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 225%;
    letter-spacing: 1.3px;
    text-decoration-line: underline;
  }
}
.header__contents {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0.05em;
  text-align: center;
  margin-top: 20px;
}

.contact-text {
  color: var(--black2);
  text-align: center;
  font-family: -apple-system, "Yu Gothic", "YuGothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 180%; /* 25.2px */
  letter-spacing: 0.7px;
}

.tel {
  color: var(--red);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 180%; /* 43.2px */
  letter-spacing: 1.2px;
  gap: 9px;
  display: flex;
  justify-content: center;
}
.tel img {
  aspect-ratio: 1/1;
  width: 24px;
  height: auto;
}

.header-link {
  gap: 30px;
  display: grid;
  margin-top: 30px;
}
.header-link .link__btn--contact:last-child img:first-child {
  aspect-ratio: 136/43;
  width: 136px;
}

.c-container {
  max-width: 500px;
  width: 100%;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .c-container {
    max-width: 375px;
  }
}
.c-title {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 30px;
}

.c-title > div:first-child {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.c-title .c-title__en {
  color: var(--red);
  font-family: "Barlow", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 51.2px */
  letter-spacing: 1.6px;
}

.c-title .c-title__ja {
  color: var(--black);
  font-family: -apple-system, "Yu Gothic", "YuGothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 19.2px */
  letter-spacing: 0.6px;
  line-height: 100%;
}

.c-title .border {
  border: 2px solid var(--red);
  width: 20px;
}

.link__btn {
  background-size: cover;
  color: var(--white);
  display: block;
  transition: 0.5s;
}

.link__btn:hover {
  opacity: 0.8;
  transition: 0.5s;
}

.link__btn--car {
  font-family: -apple-system, "Yu Gothic", "YuGothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 40px;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 20px;
}

.link__btn--car img {
  aspect-ratio: 22/19;
  width: 22px;
  height: auto;
}

.link__btn--contact {
  padding: 20px 0px;
  width: min(88.05%, 295px);
  margin-inline: auto;
  font-size: 14px;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: 0.7px;
  display: flex;
  justify-content: space-around;
}

.link__btn--contact img:first-child {
  aspect-ratio: 32/24;
  height: auto;
  width: 32px;
}

.link__btn--contact img:last-child {
  aspect-ratio: 22/20;
  height: auto;
  width: 22px;
}

.link__btn--contact p {
  text-align: left;
  color: var(--white);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 22.4px */
  letter-spacing: 0.7px;
}

body {
  background-attachment: fixed;
}

main {
  display: flex;
  justify-content: center;
}

.main__left,
.main__right {
  width: 32.638%;
  height: 100vh;
  overflow-y: hidden;
  overflow: hidden;
  display: block;
}
@media screen and (max-width: 1040px) {
  .main__left,
  .main__right {
    display: none !important;
  }
}

.main__cener {
  width: 100%;
}

.main__center {
  height: 100vh;
  overflow-y: auto;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.main__left {
  padding: 53px 0px 80px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main__left-logo {
  display: flex;
  align-items: center;
  width: min(60.55%, 284px);
  margin-inline: auto;
  justify-content: space-between;
}
.main__left-logo img {
  aspect-ratio: 60/46;
  width: 60px;
  height: auto;
}
.main__left-logo p {
  color: var(--red);
  font-family: -apple-system, "Yu Gothic", "YuGothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 32px */
  letter-spacing: 1px;
}

.main__right {
  padding: 173px 0px 80px;
  display: flex;
  flex-direction: column;
  gap: 8.34%;
  justify-content: space-around;
}
.main__right .link__btn--contact img:first-child {
  aspect-ratio: 136/43;
  width: 136px;
  height: auto;
}
.main__right ul {
  display: flex;
  flex-direction: column;
  gap: 22px;
  width: max(37.446%, 177px);
  margin-inline: auto;
}
.main__right ul li .title-ja {
  color: var(--red);
  font-family: -apple-system, "Yu Gothic", "YuGothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 180%; /* 43.2px */
  letter-spacing: 1.2px;
}
.main__right ul li .title-en {
  color: #d98484;
  font-family: "Barlow", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%; /* 32.4px */
  letter-spacing: 0.9px;
}

.main__fv {
  padding-top: 0;
  width: 500px;
  margin-inline: auto;
  position: relative;
  /*Scrollテキストの描写*/
  /* 線の描写 */
  /*高さ・位置・透過が変化して線が上から下に動く*/
}
@media screen and (max-width: 768px) {
  .main__fv {
    padding-top: 68px;
    max-width: 375px;
  }
}
.main__fv .scrolldown1 {
  position: absolute;
  left: 93%;
  bottom: 2%;
  height: 157px;
  width: 1px;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .main__fv .scrolldown1 {
    display: none;
  }
}
.main__fv .scrolldown1 span {
  position: absolute;
  left: 10px;
  top: 4%;
  color: var(--white);
  font-family: "Barlow", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 32.4px */
  letter-spacing: 0.9px;
  text-transform: uppercase;
  writing-mode: vertical-rl;
  text-orientation: mixed;
}
.main__fv .scrolldown1::after {
  content: "";
  /*描画位置*/
  position: absolute;
  top: 0;
  /*線の形状*/
  width: 1px;
  height: 30px;
  background: var(--white);
  /*線の動き1.4秒かけて動く。永遠にループ*/
  animation: pathmove 2s ease-in-out infinite;
  opacity: 0;
}
@keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0;
  }
  30% {
    height: 78px;
    opacity: 1;
  }
  100% {
    height: 0;
    top: 157px;
    opacity: 0;
  }
}
.main__fv .main__head {
  padding: 20px;
  background: #000;
  color: var(--white);
  text-align: center;
  font-family: -apple-system, "Yu Gothic", "YuGothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 25.6px */
  letter-spacing: 0.8px;
}
@media screen and (max-width: 768px) {
  .main__fv .main__head {
    padding-top: 74px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.05em;
    padding: 10px;
  }
}
.main__fv .image {
  position: relative;
}
.main__fv .image .fv-img {
  object-fit: cover;
  width: 100%;
  aspect-ratio: 375/496;
  height: auto;
}
.main__fv .image .catch {
  position: absolute;
  bottom: 81px;
  left: 21px;
  font-size: 32px;
  text-align: left;
  color: var(--white);
  font-family: -apple-system, "Yu Gothic", "YuGothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 51.2px */
  letter-spacing: 1.6px;
}

.message__container {
  background: var(--white);
  padding: 60px 0px;
}
@media screen and (max-width: 768px) {
  .message__container {
    max-width: 335px;
    width: 100%;
  }
}
.message__container-contents {
  width: max(89.333%, 335px);
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .message__container-contents {
    width: min(89.333%, 335px);
  }
}
.message__container img {
  aspect-ratio: 335/198;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.message__text {
  color: var(--black2);
  font-family: -apple-system, "Yu Gothic", "YuGothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 32px */
  letter-spacing: 1px;
  margin-bottom: 20px;
}
.message__text span {
  color: var(--red);
}

.swiper {
  padding-bottom: 27px !important;
  /* 選択されているページネーション */
}
.swiper .swiper-pagination {
  display: flex;
  gap: 5px;
  justify-content: center;
}
.swiper .swiper-pagination-bullet {
  background: #d9d9d9;
  width: 10px;
  height: 3px;
  border-radius: 0%;
  margin: 0 !important;
}
.swiper .swiper-pagination-bullet-active {
  background: var(--red);
}

.about__container {
  background: var(--gray);
  padding-bottom: 20px;
  padding: 60px 0px;
}
.about__container-contents {
  width: max(89.333%, 335px);
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .about__container-contents {
    width: min(89.333%, 335px);
  }
}
.about__container .about__content {
  position: relative;
  margin-bottom: 34px;
}
.about__container .about__content:last-child {
  margin-bottom: 0;
}
.about__container .about__content img {
  aspect-ratio: 335/193;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.about__container .about__content .number {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 0em;
  text-align: left;
  position: absolute;
  color: var(--red);
  opacity: 20%;
  top: -33px;
  margin: auto;
}
.about__container .about__content .title {
  color: var(--black2);
  font-family: -apple-system, "Yu Gothic", "YuGothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 32px */
  margin: auto;
  width: 94.029%;
}
.about__container .about__content img {
  margin-bottom: 20px;
  margin-top: 20px;
}
.about__container .about__content .text {
  color: var(--black);
  font-family: -apple-system, "Yu Gothic", "YuGothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%; /* 22.4px */
}

.link__area {
  text-align: center;
  padding: 60px 0px;
  background: var(--white);
}
.link__area > img {
  aspect-ratio: 295/93;
  width: 78.6666%;
  height: auto;
  object-fit: cover;
}

.service__container {
  background: var(--gray);
  padding: 60px 0px;
}
.service__container-contents {
  width: max(89.333%, 335px);
  margin-inline: auto;
}
.service__container ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  list-style: none;
  text-align: center;
}
.service__container li {
  border: 1px solid var(--red);
  background-color: var(--white);
  position: relative;
  margin-bottom: -1px;
  margin-left: -1px;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 168/109;
}
.service__container li:first-child img, .service__container li:nth-child(2) img {
  aspect-ratio: 80/64;
  width: 47.61%;
}
.service__container li:nth-child(3) img {
  aspect-ratio: 81/64;
  width: 48.2%;
}
.service__container li:nth-child(4) img {
  aspect-ratio: 62/64;
  width: 37.1%;
}
.service__container li:nth-child(5) img {
  aspect-ratio: 64/57;
  width: 38%;
}
.service__container li:last-child img {
  aspect-ratio: 1/1;
  width: 38%;
}
.service__container .text {
  position: absolute;
  bottom: 36%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  color: var(--red);
  font-family: -apple-system, "Yu Gothic", "YuGothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 180%; /* 28.8px */
  letter-spacing: 0.8px;
}

.voice__container {
  padding-top: 60px;
  background: var(--white);
}
.voice__container-contents {
  width: max(89.333%, 335px);
  margin-inline: auto;
}
.voice__container ul {
  gap: 30px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
.voice__container ul li {
  border: 1px solid var(--red);
  padding: 20px 0px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.voice__container ul li > div {
  width: 88.05%;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.voice__container .voice-area {
  padding-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 10.15%;
  border-bottom: 1px solid var(--red);
}
.voice__container .voice-area img {
  aspect-ratio: 1/1;
}
@media screen and (min-width: 500px) {
  .voice__container .voice-area img {
    width: 20.3389%;
  }
}
.voice__container .voice-area .voice-title {
  color: var(--black);
  font-family: -apple-system, "Yu Gothic", "YuGothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: clamp(1rem, 0.912rem + 0.3756vw, 1.25rem);
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 25.6px */
  word-break: keep-all;
}
.voice__container .voice-area .voice-age {
  color: var(--black);
  font-family: -apple-system, "Yu Gothic", "YuGothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: clamp(0.875rem, 0.809rem + 0.2817vw, 1.0625rem);
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 22.4px */
  letter-spacing: 0.7px;
}
.voice__container .voice-text {
  color: var(--black);
  font-family: -apple-system, "Yu Gothic", "YuGothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%; /* 22.4px */
  letter-spacing: 0.7px;
}

.company__container {
  padding: 60px 0px;
  background: var(--white);
}
.company__container-contents {
  width: max(89.333%, 335px);
  margin-inline: auto;
}
.company__container-contents iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 335/200;
}
.company__container img {
  margin-bottom: 20px;
  aspect-ratio: 334/120;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.company__container .info__inner .info {
  margin-bottom: 20px;
}
.company__container .info__inner .info .company-name {
  color: var(--black);
  font-family: -apple-system, "Yu Gothic", "YuGothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 180%; /* 25.2px */
  letter-spacing: 0.7px;
}
.company__container .info__inner .info .company-name::before {
  content: "";
  border: 2px solid var(--red);
  margin-right: 15px;
}
.company__container .info__inner .info .company-text {
  color: var(--black);
  font-family: -apple-system, "Yu Gothic", "YuGothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%; /* 25.2px */
  letter-spacing: 0.7px;
}

.contact__container {
  background: var(--gray);
  padding: 60px 0px;
}
.contact__container-after {
  height: 72px;
  background: var(--white);
}
.contact__container-contents {
  width: max(89.333%, 335px);
  margin-inline: auto;
}
.contact__container .contact__contents .contact-text {
  color: var(--black2);
  text-align: center;
  font-family: -apple-system, "Yu Gothic", "YuGothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 22.4px */
  letter-spacing: 0.7px;
}
.contact__container .contact__contents .tel {
  color: var(--red);
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 180%; /* 43.2px */
  letter-spacing: 1.2px;
  display: flex;
  justify-content: center;
  gap: 9px;
  margin-bottom: 20px;
}
.contact__container .contact__contents .link__btn {
  width: max(88.05%, 295px);
  color: var(--white);
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(0.875rem, 0.765rem + 0.4695vw, 1.1875rem);
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 22.4px */
  letter-spacing: 0.7px;
}
.contact__container .contact__contents .link__btn img:first-child {
  width: 10.847%;
}
.contact__container .contact__contents .link__btn img:last-child {
  width: 7.457%;
}

.c-container {
  max-width: 500px;
  width: 100%;
  margin-inline: auto;
}

@media screen and (max-width: 768px) {
  .c-container {
    max-width: 375px;
  }
}
.c-title {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 30px;
}

.c-title > div:first-child {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.c-title .c-title__en {
  color: var(--red);
  font-family: "Barlow", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 51.2px */
  letter-spacing: 1.6px;
}

.c-title .c-title__ja {
  color: var(--black);
  font-family: -apple-system, "Yu Gothic", "YuGothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 19.2px */
  letter-spacing: 0.6px;
  line-height: 100%;
}

.c-title .border {
  border: 2px solid var(--red);
  width: 20px;
}

.link__btn {
  background-size: cover;
  color: var(--white);
  display: block;
  transition: 0.5s;
}

.link__btn:hover {
  opacity: 0.8;
  transition: 0.5s;
}

.link__btn--car {
  font-family: -apple-system, "Yu Gothic", "YuGothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 40px;
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 20px;
}

.link__btn--car img {
  aspect-ratio: 22/19;
  width: 22px;
  height: auto;
}

.link__btn--contact {
  padding: 20px 0px;
  width: min(88.05%, 295px);
  margin-inline: auto;
  font-size: 14px;
  font-weight: 600;
  line-height: 160%;
  letter-spacing: 0.7px;
  display: flex;
  justify-content: space-around;
}

.link__btn--contact img:first-child {
  aspect-ratio: 32/24;
  height: auto;
  width: 32px;
}

.link__btn--contact img:last-child {
  aspect-ratio: 22/20;
  height: auto;
  width: 22px;
}

.link__btn--contact p {
  text-align: left;
  color: var(--white);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 160%; /* 22.4px */
  letter-spacing: 0.7px;
}

.footer {
  background: var(--black2);
}
.footer .footer__inner {
  padding: 24px 0 20px;
  width: max(89.333%, 335px);
  margin-inline: auto;
}
.footer .footer__inner > img {
  aspect-ratio: 169/38;
  width: 50.44%;
  height: auto;
  margin-bottom: 9px;
}
.footer .footer__inner .address {
  color: var(--white);
  font-family: -apple-system, "Yu Gothic", "YuGothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%; /* 19.2px */
  margin-bottom: 30px;
}
.footer .footer__inner ul {
  border-bottom: 1px solid var(--white);
  padding-bottom: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.footer .footer__inner ul li a {
  color: var(--white);
  font-family: -apple-system, "Yu Gothic", "YuGothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%; /* 21.6px */
  letter-spacing: 0.6px;
}
.footer .footer__inner .sns {
  padding-top: 15px;
}
.footer .footer__inner .sns a {
  color: var(--white);
  font-family: -apple-system, "Yu Gothic", "YuGothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%; /* 19.2px */
  letter-spacing: 0.6px;
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-bottom: 20px;
}
.footer .footer__inner .sns a img {
  aspect-ratio: 1/1;
  width: 20px;
}
.footer .footer__inner .copy {
  color: var(--white);
  text-align: center;
  font-family: -apple-system, "Yu Gothic", "YuGothic", "游ゴシック体", "游ゴシック", sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 160%; /* 16px */
  letter-spacing: 0.5px;
}

@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/NotoSansJP-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans JP";
  src: url("../fonts/NotoSansJP-SemiBold.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("../fonts/Barlow-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("../fonts/Barlow-Medium.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}/*# sourceMappingURL=style.css.map */