body {
  background-color: #F2FCFF;
  font-weight: 400;
}

#app {
  max-width: 768px;
  margin: 0 auto;
  background-color: #F2FCFF;
  font-size: 16px;
  font-size: 4.2666666667vw;
}

header {
  position: relative;
  background-image: url(../img/header-bg.svg);
  background-size: 60.8vw;
  background-repeat: no-repeat;
  background-position: right top;
}
header .siteName-subtitle_sp {
  padding: 4.2666666667vw 4vw 2.9333333333vw;
}
header .siteName-subtitle_sp .siteName-title {
  width: 52.5333333333vw;
  margin: 0;
}
header .siteName-subtitle_sp .siteName-title img {
  width: 100%;
}
header .header-tit-wrap {
  padding: 6.4vw 5.3333333333vw 6.4vw;
}
header .header-tit-wrap .header-tit {
  width: 89.3333333333vw;
}
header .header-tit-wrap .header-tit img {
  width: 100%;
}

main {
  font-family: "Noto Sans CJK JP";
  color: #333333;
}
main .page-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
  font-family: noto-sans-cjk-jp, sans-serif;
}
main .page-content .top-btn {
  position: fixed;
  bottom: 5.3333333333vw;
  right: 4.2666666667vw;
  z-index: 50;
}
main .page-content .top-btn img {
  width: 11.7333333333vw;
}
main .page-content .key-visual {
  width: 100%;
  position: relative;
  background-image: url(../img/kv-bg.svg);
  background-size: 21.3333333333vw;
  background-repeat: no-repeat;
  background-position: left top;
  margin: 0;
}
main .page-content .key-visual .kv-tit {
  display: flex;
  flex-flow: column;
  align-items: center;
  margin: 0 5.3333333333vw 0;
  padding: 3.2vw 0;
  font-size: 14px;
  font-size: 3.7333333333vw;
  font-weight: 700;
  letter-spacing: 0.04em;
  border: 1px solid rgba(83, 171, 194, 0.4);
  border-radius: 20px;
}
main .page-content .key-visual .kv-tit .kv-txt {
  font-size: 20px;
  font-size: 5.3333333333vw;
  color: #CA5D8B;
}
main .page-content .key-visual .kv-tit .kv-txt .kv-txt2 {
  font-size: 16px;
  font-size: 4.2666666667vw;
  color: #333333;
}
main .page-content .key-visual .kv-dateandtime {
  position: absolute;
  width: 19.2vw;
  top: -11.7333333333vw;
  left: 69.6vw;
}
main .page-content .key-visual .kv-dateandtime img {
  width: 100%;
}
main .page-content .key-visual .kv-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 3.2vw auto 0;
  padding: 3.7333333333vw 19.7333333333vw;
  width: 78.6666666667vw;
  border: 0;
  border-radius: 100px;
  background-color: #DB7BA3;
  color: #fff;
}
main .page-content .key-visual .kv-btn .kv-btn-txt {
  margin: 0;
  font-size: 16px;
  font-size: 4.2666666667vw;
  font-weight: 700;
  letter-spacing: 0.015em;
}
main .page-content .key-visual .kv-btn:hover {
  background-color: #CC6992;
  text-decoration: none;
}
main .page-content .key-visual .kv-movie {
  width: 95.7333333333vw;	width: 100%;
  margin: 8.5333333333vw 0 0 auto;
}
main .page-content .key-visual .kv-movie video {
  width: 100%;
  border-radius: 24px 0px 0px 24px;
}
main .page-content .point {
  width: 100%;
}
main .page-content .point .pint-tit {
  height: 41.3333333333vw;
  margin-top: 21.3333333333vw;
  padding: 0 5.3333333333vw;
  letter-spacing: 0.04em;
  background-image: url(../img/point-bg.svg);
  background-size: 92vw;
  background-repeat: no-repeat;
  background-position: right bottom;
}
main .page-content .point .pint-tit .pint-subtit {
  width: 44vw;
  margin: 0;
}
main .page-content .point .pint-tit .pint-subtit img {
  width: 100%;
}
main .page-content .point .pint-tit .pint-car {
  font-size: 20px;
  font-size: 5.3333333333vw;
  font-weight: 700;
  margin: 2.6666666667vw 0 0;
}
main .page-content .point .pint-tit .pint3-tit {
  margin: -4.2666666667vw 0 0;
  font-size: 30px;
  font-size: 8vw;
  font-weight: 700;
}
main .page-content .point .pint-tit .pint3-tit span {
  color: #53ABC2;
  font-weight: 700;
}
main .page-content .point .pint-tit .pint3-tit span:nth-child(1) {
  font-size: 56px;
  font-size: 14.9333333333vw;
}
main .page-content .point .pint-tit .pint3-tit span:nth-child(2) {
  font-size: 32px;
  font-size: 8.5333333333vw;
}
main .page-content .point .point-content {
  margin-top: 3.7333333333vw;
  padding: 0;
}
main .page-content .point .point-content li {
  text-indent: 0;
}
main .page-content .point .point-content li .point-content-pad {
  padding: 0 5.3333333333vw;
}
main .page-content .point .point-content li div .point-content-subtit {
  margin: 0;
  color: #53ABC2;
  letter-spacing: 0.04em;
}
main .page-content .point .point-content li div .point-content-tit-main {
  margin: 1.0666666667vw 0 0;
  font-size: 32px;
  font-size: 8.5333333333vw;
  font-weight: 700;
}
main .page-content .point .point-content li .point-content-txt {
  margin: 2.1333333333vw 0 0;
}
main .page-content .point .point-content li .point-content-img {
  width: 90.4vw;
  margin: 6.4vw 0 0;
}
main .page-content .point .point-content li .point-content-img img {
  width: 100%;
}
main .page-content .point .point-content .point2, main .page-content .point .point-content .point3 {
  margin-top: 10.6666666667vw;
}
main .page-content .point .point-content .point2 .point-content-img2 {
  width: 81.6vw;
  margin: 6.4vw 0 0 13.0666666667vw;
}
main .page-content .point .point-content .point2 .point-content-img2 img {
  width: 100%;
}
main .page-content .point .point-content .point3 .point-content-img3 {
  width: 90.4vw;
  margin: 6.4vw 0 0 9.6vw;
}
main .page-content .point .point-content .point3 .point-content-img3 img {
  width: 100%;
}
main .page-content .contact1 {
  width: 100%;
  margin-top: 10.6666666667vw;
  padding: 10.6666666667vw 6.4vw;
  background-image: url(../img/contact1-bg.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
main .page-content .contact1 .contact1-tit {
  font-weight: 700;
  letter-spacing: 0.04em;
}
main .page-content .contact1 .contact1-tit .contact1-tit-now {
  font-size: 24px;
  font-size: 6.4vw;
}
main .page-content .contact1 .contact1-tit .contact1-tit-main {
  margin-top: -4vw;
  font-size: 24px;
  font-size: 6.4vw;
}
main .page-content .contact1 .contact1-tit .contact1-tit-main span:nth-of-type(1) {
  font-size: 40px;
  font-size: 10.6666666667vw;
  color: #CA5D8B;
}
main .page-content .contact1 .contact1-tit .contact1-tit-main span:nth-of-type(2) {
  font-size: 28px;
  font-size: 7.4666666667vw;
  color: #CA5D8B;
}
main .page-content .contact1 .contact1-tit .contact1-tit-main span:nth-of-type(3) {
  margin-top: -1.6vw;
  display: block;
}
main .page-content .contact1 .contact1-btn {
  margin-top: 6.4vw !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 3.2vw auto 0;
  padding: 3.7333333333vw 19.7333333333vw;
  width: 78.6666666667vw;
  border: 0;
  border-radius: 100px;
  background-color: #DB7BA3;
  color: #fff;
}
main .page-content .contact1 .contact1-btn .contact1-btn-txt {
  margin: 0;
  font-size: 16px;
  font-size: 4.2666666667vw;
  font-weight: 700;
  letter-spacing: 0.015em;
}
main .page-content .contact1 .contact1-btn:hover {
  background-color: #CC6992;
  text-decoration: none;
}
main .page-content .contact1 .contact1-txt {
  margin: 3.2vw auto 0;
  font-size: 12px;
  font-size: 3.2vw;
  color: #666666;
}
main .page-content .description {
  width: 100%;
  margin-top: 10.6666666667vw;
}
main .page-content .description .desc-tit {
  padding-left: 6.4vw;
  font-size: 24px;
  font-size: 6.4vw;
  font-weight: 700;
  letter-spacing: 0.04em;
}
main .page-content .description .desc-tit span:nth-of-type(1) {
  color: #53ABC2;
}
main .page-content .description .desc-tit span:nth-of-type(2) {
  font-size: 32px;
  font-size: 8.5333333333vw;
  color: #CA5D8B;
}
main .page-content .description .desc-img {
  width: 95.7333333333vw;
  margin: 0 0 0 auto;
}
main .page-content .description .desc-img img {
  width: 100%;
}
main .page-content .description .desc-txt {
  z-index: 10;
  position: relative;
  width: 90.4vw;
  margin-top: -7.7333333333vw;
  padding: 8.5333333333vw;
  background-color: #CFF1FA;
  border-radius: 0 24px 24px 0;
  font-size: 14px;
  font-size: 3.7333333333vw;
  letter-spacing: 0.04em;
}
main .page-content .description .desc-menu {
  margin: 10.6666666667vw 5.3333333333vw 0;
  padding: 8.5333333333vw 6.4vw;
  background-color: #fff;
  border: 2px solid #CFF1FA;
  border-radius: 24px;
  letter-spacing: 0.04em;
}
main .page-content .description .desc-menu .desc-menu-tit {
  font-size: 24px;
  font-size: 6.4vw;
  font-weight: 700;
  line-height: 1.4;
}
main .page-content .description .desc-menu .desc-menu-txt {
  margin-top: 3.2vw;
  font-size: 14px;
  font-size: 3.7333333333vw;
  line-height: 1.6;
}
main .page-content .description .desc-menu .desc-menu-list {
  display: flex;
  flex-flow: column;
  gap: 0.5333333333vw;
  margin-top: 3.2vw;
  padding: 0;
}
main .page-content .description .desc-menu .desc-menu-list li {
  padding: 3.2vw;
  background-color: #F5F5F5;
  text-indent: 0;
}
main .page-content .description .desc-menu .desc-menu-list li .desc-menu-list-tit {
  margin: 0;
  font-size: 12px;
  font-size: 3.2vw;
  font-weight: 700;
}
main .page-content .description .desc-menu .desc-menu-list li .desc-menu-list-txt {
  margin: 1.0666666667vw 0 0 0;
  font-size: 14px;
  font-size: 3.7333333333vw;
}
main .page-content .description .desc-menu .desc-menu-list li:nth-of-type(1) {
  border-radius: 8px 8px 0 0;
}
main .page-content .description .desc-menu .desc-menu-list li:nth-of-type(4) {
  border-radius: 0 0 8px 8px;
}
main .page-content .description .desc-menu .desc-menu-note {
  margin: 3.2vw 0 0 0;
  font-size: 12px;
  font-size: 3.2vw;
  color: #666666;
}
main .page-content .contact2 {
  width: 100%;
  height: 72.8vw;
  margin-top: 10.6666666667vw;
  padding: 10.6666666667vw 6.4vw;
  background-image: url(../img/contact2-bg.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
main .page-content .contact2 .contact2-tit {
  font-size: 24px;
  font-size: 6.4vw;
  font-weight: 700;
  letter-spacing: 0.04em;
}
main .page-content .contact2 .contact2-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 3.2vw auto 0;
  padding: 3.7333333333vw 19.7333333333vw;
  width: 78.6666666667vw;
  border: 0;
  border-radius: 100px;
  background-color: #DB7BA3;
  color: #fff;
}
main .page-content .contact2 .contact2-btn .contact2-btn-txt {
  margin: 0;
  font-size: 16px;
  font-size: 4.2666666667vw;
  font-weight: 700;
  letter-spacing: 0.015em;
}
main .page-content .contact2 .contact2-btn:hover {
  background-color: #CC6992;
  text-decoration: none;
}
main .page-content .contact2 .contact2-note {
  margin-top: 3.2vw;
  font-size: 12px;
  font-size: 3.2vw;
  color: #596163;
}
main .page-content .qanda {
  margin-top: 10.6666666667vw;
  padding: 0 5.3333333333vw;
  letter-spacing: 0.04em;
}
main .page-content .qanda .qanda-tit {
  font-size: 24px;
  font-size: 6.4vw;
  font-weight: 700;
}
main .page-content .qanda .qanda-list {
  padding: 0;
}
main .page-content .qanda .qanda-list li {
  margin-top: 6.4vw;
  text-indent: 0;
}
main .page-content .qanda .qanda-list li .qanda-list-q {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 3.2vw;
  margin: 0;
  font-weight: 700;
}
main .page-content .qanda .qanda-list li .qanda-list-q img {
  width: 8.5333333333vw;
}
main .page-content .qanda .qanda-list li .qanda-list-a {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 3.2vw;
  margin-top: 4.2666666667vw;
}
main .page-content .qanda .qanda-list li .qanda-list-a img {
  width: 8.5333333333vw;
}
main .page-content .qanda .qanda-list li .qanda-list-a span {
  width: 78.6666666667vw;
  padding: 4.2666666667vw 3.2vw;
  background-color: #fff;
  border-radius: 16px;
  font-size: 14px;
  font-size: 3.7333333333vw;
}
main .page-content .qanda .qanda-list hr {
  width: 89.3333333333vw;
  margin: 6.4vw 0 0;
  border: 1px solid #CFF1FA;
}
main .page-content .contact3 {
  width: 100%;
  height: 48vw;
  margin-top: 10.6666666667vw;
  padding: 10.6666666667vw;
  background-image: url(../img/contact3-bg.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
main .page-content .contact3 .contact3-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 3.2vw auto 0;
  padding: 3.7333333333vw 19.7333333333vw;
  width: 78.6666666667vw;
  border: 0;
  border-radius: 100px;
  background-color: #DB7BA3;
  color: #fff;
}
main .page-content .contact3 .contact3-btn .contact3-btn-txt {
  margin: 0;
  font-size: 16px;
  font-size: 4.2666666667vw;
  font-weight: 700;
  letter-spacing: 0.015em;
}
main .page-content .contact3 .contact3-btn:hover {
  background-color: #CC6992;
  text-decoration: none;
}
main .page-content .contact3 .contact3-note {
  margin-top: 3.2vw;
  font-size: 12px;
  font-size: 3.2vw;
  color: #666666;
}
main .page-content .top-back {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: #fff;
  border-top: #CCCCCC solid 1px;
  border-bottom: #CCCCCC solid 1px;
  color: #666666;
  padding: 4.8vw 4.2666666667vw;
}
main .page-content .top-back .top-back-btn {
  width: 5.8666666667vw;
}
main .page-content .top-back .top-back-btn img {
  width: 100%;
}
main .page-content .top-back .top-back-text {
  font-size: 14px;
  font-size: 3.7333333333vw;
  font-weight: 600;
}

footer {
  width: 100%;
}
footer .footer-container {
  height: 86.4vw;
  padding: 12.8vw 4.2666666667vw;
  background-color: #333333;
}
footer .footer-container .footer-siteName {
  width: 91.4666666667vw;
}
footer .footer-container .footer-siteName img {
  width: 100%;
}
footer .footer-container .footer-container-logo {
  width: 25.0666666667vw;
  margin: 12.8vw auto 0;
}
footer .footer-container .footer-container-logo img {
  width: 100%;
}
footer .footer-copyright {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20.2666666667vw;
  margin-top: -1px;
  text-align: center;
  background-color: #272727;
}
footer .footer-copyright .copyright small {
  display: inline-block;
  font-size: 10px;
  font-size: 2.6666666667vw;
  color: #fff;
  line-height: 1.4;
  letter-spacing: 0.015em;
}

.btn-text {
   white-space: nowrap;
}

@media screen and (min-width: 768px) {
  .siteName-subtitle_sp {
    display: none;
  }
  #app {
    font-size: 32.768px;
  }
  header {
    background-size: 466.944px;
    background-position: right top -139.05px;
  }
  header .header-tit-wrap {
    padding: 92px 40.96px 49.152px;
  }
  header .header-tit-wrap .header-tit {
    width: 686.08px;
  }
  main .page-content .top-btn {
    bottom: 40.96px;
    right: 32.768px;
  }
  main .page-content .top-btn img {
    width: 90.112px;
  }
  main .page-content .key-visual {
    background-size: 163.84px;
  }
  main .page-content .key-visual .kv-tit {
    margin: 0 40.96px 0;
    padding: 24.576px 0;
    font-size: 28.672px;
  }
  main .page-content .key-visual .kv-tit .kv-txt {
    font-size: 40.96px;
  }
  main .page-content .key-visual .kv-tit .kv-txt .kv-txt2 {
    font-size: 32.768px;
  }
  main .page-content .key-visual .kv-dateandtime {
    width: 147.456px;
    top: -90.112px;
    left: 534.528px;
  }
  main .page-content .key-visual .kv-btn {
    margin: 24.576px auto 0;
    padding: 28.672px 151.552px;
    width: 604.16px;
  }
  main .page-content .key-visual .kv-btn .kv-btn-txt {
    font-size: 32.768px;
  }
  main .page-content .key-visual .kv-movie {
    width: 735.232px;
    margin: 65.536px 0 0 auto;
  }
  main .page-content .point .pint-tit {
    height: 317.44px;
    margin-top: 163.84px;
    padding: 0 40.96px;
    background-size: 706.56px;
  }
  main .page-content .point .pint-tit .pint-subtit {
    width: 337.92px;
  }
  main .page-content .point .pint-tit .pint-car {
    font-size: 40.96px;
    margin: 20.48px 0 0;
  }
  main .page-content .point .pint-tit .pint3-tit {
    margin: -32.768px 0 0;
    font-size: 61.44px;
  }
  main .page-content .point .pint-tit .pint3-tit span:nth-child(1) {
    font-size: 114.688px;
  }
  main .page-content .point .pint-tit .pint3-tit span:nth-child(2) {
    font-size: 65.536px;
  }
  main .page-content .point .point-content {
    margin-top: 28.672px;
  }
  main .page-content .point .point-content li .point-content-pad {
    padding: 0 40.96px;
  }
  main .page-content .point .point-content li div .point-content-tit-main {
    margin: 8.192px 0 0;
    font-size: 65.536px;
  }
  main .page-content .point .point-content li .point-content-txt {
    margin: 16.384px 0 0;
  }
  main .page-content .point .point-content li .point-content-img {
    width: 694.272px;
    margin: 49.152px 0 0;
  }
  main .page-content .point .point-content .point2, main .page-content .point .point-content .point3 {
    margin-top: 81.92px;
  }
  main .page-content .point .point-content .point2 .point-content-img2 {
    width: 626.688px;
    margin: 49.152px 0 0 100.352px;
  }
  main .page-content .point .point-content .point3 .point-content-img3 {
    width: 694.272px;
    margin: 49.152px 0 0 73.728px;
  }
  main .page-content .contact1 {
    width: 768px;
    margin-top: 81.92px;
    padding: 81.92px 49.152px;
  }
  main .page-content .contact1 .contact1-tit .contact1-tit-now {
    font-size: 49.152px;
  }
  main .page-content .contact1 .contact1-tit .contact1-tit-main {
    margin-top: -30.72px;
    font-size: 49.152px;
  }
  main .page-content .contact1 .contact1-tit .contact1-tit-main span:nth-of-type(1) {
    font-size: 81.92px;
  }
  main .page-content .contact1 .contact1-tit .contact1-tit-main span:nth-of-type(2) {
    font-size: 57.344px;
  }
  main .page-content .contact1 .contact1-tit .contact1-tit-main span:nth-of-type(3) {
    margin-top: -12.288px;
  }
  main .page-content .contact1 .contact1-btn {
    margin-top: 49.152px !important;
    margin: 24.576px auto 0;
    padding: 28.672px 151.552px;
    width: 604.16px;
  }
  main .page-content .contact1 .contact1-btn .contact1-btn-txt {
    font-size: 32.768px;
  }
  main .page-content .contact1 .contact1-txt {
    margin: 24.576px auto 0;
    font-size: 24.576px;
  }
  main .page-content .description {
    margin-top: 81.92px;
  }
  main .page-content .description .desc-tit {
    padding-left: 49.152px;
    font-size: 49.152px;
  }
  main .page-content .description .desc-tit span:nth-of-type(2) {
    font-size: 65.536px;
  }
  main .page-content .description .desc-img {
    width: 735.232px;
  }
  main .page-content .description .desc-txt {
    width: 694.272px;
    margin-top: -59.392px;
    padding: 65.536px;
    font-size: 28.672px;
  }
  main .page-content .description .desc-menu {
    margin: 81.92px 40.96px 0;
    padding: 65.536px 49.152px;
  }
  main .page-content .description .desc-menu .desc-menu-tit {
    font-size: 49.152px;
  }
  main .page-content .description .desc-menu .desc-menu-txt {
    margin-top: 24.576px;
    font-size: 28.672px;
  }
  main .page-content .description .desc-menu .desc-menu-list {
    gap: 4.096px;
    margin-top: 24.576px;
  }
  main .page-content .description .desc-menu .desc-menu-list li {
    padding: 24.576px;
  }
  main .page-content .description .desc-menu .desc-menu-list li .desc-menu-list-tit {
    font-size: 24.576px;
  }
  main .page-content .description .desc-menu .desc-menu-list li .desc-menu-list-txt {
    margin: 8.192px 0 0 0;
    font-size: 28.672px;
  }
  main .page-content .description .desc-menu .desc-menu-note {
    margin: 24.576px 0 0 0;
    font-size: 24.576px;
  }
  main .page-content .contact2 {
    height: 559.104px;
    margin-top: 81.92px;
    padding: 81.92px 49.152px;
  }
  main .page-content .contact2 .contact2-tit {
    font-size: 49.152px;
  }
  main .page-content .contact2 .contact2-btn {
    margin: 24.576px auto 0;
    padding: 28.672px 151.552px;
    width: 604.16px;
  }
  main .page-content .contact2 .contact2-btn .contact2-btn-txt {
    font-size: 32.768px;
  }
  main .page-content .contact2 .contact2-note {
    margin-top: 24.576px;
    font-size: 24.576px;
  }
  main .page-content .qanda {
    width: 100%;
    margin-top: 81.92px;
    padding: 0 40.96px;
  }
  main .page-content .qanda .qanda-tit {
    font-size: 49.152px;
  }
  main .page-content .qanda .qanda-list li {
    margin-top: 49.152px;
  }
  main .page-content .qanda .qanda-list li .qanda-list-q {
    gap: 24.576px;
  }
  main .page-content .qanda .qanda-list li .qanda-list-q img {
    width: 65.536px;
  }
  main .page-content .qanda .qanda-list li .qanda-list-a {
    gap: 24.576px;
    margin-top: 32.768px;
  }
  main .page-content .qanda .qanda-list li .qanda-list-a img {
    width: 65.536px;
  }
  main .page-content .qanda .qanda-list li .qanda-list-a span {
    width: 595.968px;
    padding: 32.768px 24.576px;
    font-size: 28.672px;
  }
  main .page-content .qanda .qanda-list hr {
    width: 686.08px;
    margin: 49.152px 0 0;
  }
  main .page-content .contact3 {
    height: 368.64px;
    margin-top: 81.92px;
    padding: 81.92px;
  }
  main .page-content .contact3 .contact3-btn {
    margin: 24.576px auto 0;
    padding: 28.672px 151.552px;
    width: 604.16px;
  }
  main .page-content .contact3 .contact3-btn .contact3-btn-txt {
    font-size: 32.768px;
  }
  main .page-content .contact3 .contact3-note {
    margin-top: 24.576px;
    font-size: 24.576px;
  }
  main .page-content .top-back {
    padding: 36.864px 32.768px;
  }
  main .page-content .top-back .top-back-btn {
    width: 45.056px;
  }
  main .page-content .top-back .top-back-text {
    font-size: 28.672px;
  }
  footer .footer-container {
    height: 663.552px;
    padding: 98.304px 32.768px;
  }
  footer .footer-container .footer-siteName {
    width: 702.464px;
  }
  footer .footer-container .footer-container-logo {
    width: 192.512px;
    margin: 98.304px auto 0;
  }
  footer .footer-copyright {
    height: 155.648px;
  }
  footer .footer-copyright .copyright small {
    font-size: 20.48px;
  }
}/*# sourceMappingURL=car-share.css.map */

.video-highlight {
  width: 100%; /* セクションの全幅に対応 */
  margin-top: 1vw; /* 上部との間隔を狭める */
  padding: 10.6666666667vw 6.4vw; /* パディングはそのまま */
  background-repeat: no-repeat;
  background-size: cover;
}

.video-highlight .video-container {
  width: 100%; /* レイアウトに合わせる */
  max-width: 78.6666666667vw; /* ボタンなどと同じ最大幅 */
  margin: 0 auto; /* センター揃え */
}

.video-highlight iframe {
  width: 100%; /* 幅100%で動画を対応 */
  height: auto; /* 比率維持 */
  aspect-ratio: 16 / 9; /* YouTubeの標準比率 */
  border-radius: 8px; /* 見た目を整える */
}

/* テキストを動画の左端に揃える */
.video-highlight .desc-txt {
  text-align: left; /* 左揃え */
  margin-left: auto; /* 自動調整 */
  margin-right: auto; /* センターの余白調整を確保 */
  width: 78.6666666667vw; /* 動画と同じ幅に調整 */
  max-width: 78.6666666667vw; /* レスポンシブ対応で固定 */
}