@media (min-width: 768px) {
  #gMenuHeader {
    min-width: 1100px;
  }
}

.autobacs {
  background-color: #fbdfc5;
  width: 100%;
  min-width: 1100px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  .autobacs {
    min-width: 100%;
  }
}
.autobacs img {
  max-width: 100%;
}
@media (max-width: 767px) {
  .autobacs .only-pc {
    display: none;
  }
}
@media (min-width: 768px) {
  .autobacs .only-sp {
    display: none;
  }
}
@-webkit-keyframes Animation-right {
  0% {
    -webkit-transform: translateX(20vw);
            transform: translateX(20vw);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes Animation-right {
  0% {
    -webkit-transform: translateX(20vw);
            transform: translateX(20vw);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes Animation-right-pc {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes Animation-right-pc {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes Animation-left {
  0% {
    -webkit-transform: translateX(-33.3333333333vw);
            transform: translateX(-33.3333333333vw);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes Animation-left {
  0% {
    -webkit-transform: translateX(-33.3333333333vw);
            transform: translateX(-33.3333333333vw);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes Animation-left-pc {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes Animation-left-pc {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes Animation-bottom {
  0% {
    top: 110%;
  }
  100% {
    top: 0;
  }
}
@keyframes Animation-bottom {
  0% {
    top: 110%;
  }
  100% {
    top: 0;
  }
}
@-webkit-keyframes Animation-bottom2 {
  0% {
    -webkit-transform: translateY(33.3333333333vw);
            transform: translateY(33.3333333333vw);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes Animation-bottom2 {
  0% {
    -webkit-transform: translateY(33.3333333333vw);
            transform: translateY(33.3333333333vw);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes Animation-bottom2-pc {
  0% {
    -webkit-transform: translateY(250px);
            transform: translateY(250px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes Animation-bottom2-pc {
  0% {
    -webkit-transform: translateY(250px);
            transform: translateY(250px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes flipBook {
  0% {
    width: 0;
    height: 0;
  }
  100% {
    width: 33.6vw;
    height: 14.2666666667vw;
  }
}
@keyframes flipBook {
  0% {
    width: 0;
    height: 0;
  }
  100% {
    width: 33.6vw;
    height: 14.2666666667vw;
  }
}
@-webkit-keyframes flipBook-pc {
  0% {
    width: 0;
    height: 0;
  }
  100% {
    width: 252px;
    height: 107px;
  }
}
@keyframes flipBook-pc {
  0% {
    width: 0;
    height: 0;
  }
  100% {
    width: 252px;
    height: 107px;
  }
}
@-webkit-keyframes flipBook-right {
  0% {
    width: 0;
    height: 0;
  }
  100% {
    width: 38vw;
    height: 14.8vw;
  }
}
@keyframes flipBook-right {
  0% {
    width: 0;
    height: 0;
  }
  100% {
    width: 38vw;
    height: 14.8vw;
  }
}
@-webkit-keyframes flipBook-pc-right {
  0% {
    width: 0;
    height: 0;
  }
  100% {
    width: 306px;
    height: 111px;
  }
}
@keyframes flipBook-pc-right {
  0% {
    width: 0;
    height: 0;
  }
  100% {
    width: 306px;
    height: 111px;
  }
}
.autobacs #gotop {
  position: absolute;
  left: 0;
  top: -52px;
}
@media (min-width: 768px) {
  .autobacs #gotop {
    top: -4.0625vw;
  }
}
@media (max-width: 767px) {
  .autobacs #gotop {
    top: -16vw;
  }
}
.autobacs-wrap {
  width: 100%;
  max-width: 1366px;
  margin: 0 auto;
}
.autobacs .main-kv {
  background-color: #ec6c00;
  padding-top: 7.2vw;
  position: relative;
}
@media (max-width: 767px) {
  .autobacs .main-kv {
    overflow: hidden;
  }
  .autobacs .main-kv::after {
    content: "";
    width: 100%;
    height: 0.2666666667vw;
    background: #ecb68a;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
  }
}
@media (min-width: 768px) {
  .autobacs .main-kv {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .autobacs .main-kv__wrap {
    position: relative;
    z-index: 2;
  }
}
.autobacs .main-kv__img {
  width: 100%;
  line-height: 0;
  position: relative;
  z-index: 1;
  background-color: #ec6c00;
}
@media (min-width: 768px) {
  .autobacs .main-kv__img {
    text-align: center;
  }
}
.autobacs .main-kv__img img {
  width: 100%;
  max-width: 1366px;
}
.autobacs .main-kv__img::after {
  content: "";
  width: 33.6vw;
  height: 14.2666666667vw;
  background: url("../_images/icon-paper.png") no-repeat center center/cover;
  position: absolute;
  left: 0;
  bottom: -2px;
  z-index: 2;
}
@media (min-width: 768px) {
  .autobacs .main-kv__img::after {
    width: 265px;
    height: 111px;
  }
}
.autobacs .main-kv__img.animated::after {
  -webkit-animation: flipBook 0.8s ease-in-out;
          animation: flipBook 0.8s ease-in-out;
}
@media (min-width: 768px) {
  .autobacs .main-kv__img.animated::after {
    -webkit-animation: flipBook-pc 0.8s ease-in-out;
            animation: flipBook-pc 0.8s ease-in-out;
  }
}
.autobacs__shadow {
  position: absolute;
  width: 100%;
  bottom: -28vw;
  left: 0;
  z-index: 0;
}
@media (min-width: 768px) {
  .autobacs__shadow {
    bottom: -15vw;
  }
}
.autobacs__shadow img {
  width: 100%;
}
.autobacs01 {
  position: relative;
  z-index: 2;
}
.autobacs01::after {
  content: "";
  width: 301px;
  height: 55px;
  background: url("../_images/sec1-left.png") no-repeat center center/cover;
  position: absolute;
  left: 0;
  bottom: -2px;
  z-index: 2;
}
@media (max-width: 767px) {
  .autobacs01::after {
    width: 40.1333333333vw;
    height: 7.3333333333vw;
    bottom: -0.1333333333vw;
    background: url("../_images/sec1-left-sp.png") no-repeat center center/cover;
  }
}
.autobacs01 .autobacs-wrap {
  position: relative;
}
.autobacs01__top {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 0;
}
.autobacs01__top img {
  width: 100%;
}
.autobacs01__txt {
  padding: 6.5333333333vw 0 7.2vw;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .autobacs01__txt {
    padding: 79px 0 83px;
  }
}
.autobacs01__text {
  font-size: 3.7333333333vw;
  line-height: 1.7910714286;
  font-weight: 600;
  font-family: "Zen Kaku Gothic New", sans-serif;
  color: #000;
  text-align: center;
}
@media (min-width: 768px) {
  .autobacs01__text {
    font-size: 22.4px;
    line-height: 1.7910714286;
  }
}
@media (max-width: 900px) and (min-width: 768px) {
  .autobacs01__text {
    font-size: 20px;
  }
}
.autobacs01__text span {
  line-height: 1.7910714286;
  font-weight: 600;
}
@media (min-width: 768px) {
  .autobacs01__text span {
    line-height: 1.7910714286;
  }
}
.autobacs01__text span i {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(80%, transparent), color-stop(10%, #faaf6e));
  background: linear-gradient(transparent 80%, #faaf6e 10%);
  font-weight: 600;
  line-height: 1;
  display: inline-block;
  font-style: normal;
}
.autobacs01__text b {
  font-weight: 600;
  line-height: 1;
  display: inline-block;
  font-style: normal;
  color: #000;
  letter-spacing: -0.4em;
}
.autobacs01__text + .autobacs01__text {
  margin-top: 6.6666666667vw;
}
@media (min-width: 768px) {
  .autobacs01__text + .autobacs01__text {
    margin-top: 40px;
  }
}
.autobacs01__img1 {
  width: 39.3333333333vw;
  position: absolute;
  top: -6.6666666667vw;
  right: -10.1333333333vw;
}
@media (min-width: 768px) {
  .autobacs01__img1 {
    width: 366px;
    top: -80px;
    right: -92px;
  }
}
@media (max-width: 900px) and (min-width: 768px) {
  .autobacs01__img1 {
    width: 300px;
    top: -94px;
    right: -102px;
  }
}
.autobacs01__img1.animated img {
  -webkit-animation: Animation-right 0.8s ease-in-out;
          animation: Animation-right 0.8s ease-in-out;
}
@media (min-width: 768px) {
  .autobacs01__img1.animated img {
    -webkit-animation: Animation-right-pc 0.8s ease-in-out;
            animation: Animation-right-pc 0.8s ease-in-out;
  }
}
.autobacs01-anim1 {
  width: 27.6vw;
  height: 36.6666666667vw;
  position: absolute;
  bottom: -4.2666666667vw;
  left: -2.4vw;
  padding-top: 9.0666666667vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  z-index: 3;
  border-radius: 0 0 13.3333333333vw 13.3333333333vw;
}
@media (min-width: 768px) {
  .autobacs01-anim1 {
    width: 244px;
    height: 325px;
    bottom: -47px;
    left: -18px;
    padding-top: 77px;
    border-radius: 0 0 126px 126px;
  }
}
@media (max-width: 900px) and (min-width: 768px) {
  .autobacs01-anim1 {
    width: 204px;
    height: 270px;
  }
}
.autobacs01-anim1.animated .autobacs01-anim1__men {
  -webkit-animation: Animation-bottom 1s ease-in-out;
          animation: Animation-bottom 1s ease-in-out;
}
@media (min-width: 768px) {
  .autobacs01-anim1.animated .autobacs01-anim1__men {
    -webkit-animation: Animation-bottom2-pc 1s ease-in-out;
            animation: Animation-bottom2-pc 1s ease-in-out;
  }
}
.autobacs01-anim1__wrap {
  width: 27.6vw;
  height: 27.6vw;
  background-color: #ec6c00;
  border-radius: 50%;
}
@media (min-width: 768px) {
  .autobacs01-anim1__wrap {
    width: 244px;
    height: 244px;
  }
}
@media (max-width: 900px) and (min-width: 768px) {
  .autobacs01-anim1__wrap {
    width: 204px;
    height: 204px;
  }
}
.autobacs01-anim1__men {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.autobacs01-anim1__men img {
  width: 100%;
}
.autobacs01-anim-bottom {
  width: 38vw;
  height: 14.8vw;
  background: url("../_images/sec1-label.png") no-repeat center center/cover;
  position: absolute;
  right: 0;
  bottom: -0.2666666667vw;
  z-index: 2;
}
@media (min-width: 768px) {
  .autobacs01-anim-bottom {
    width: 306px;
    height: 111px;
    bottom: -2px;
    background: url("../_images/sec1-right.png") no-repeat center center/cover;
  }
}
.autobacs01-anim-bottom img {
  width: 100%;
}
.autobacs01-anim-bottom.animated {
  -webkit-animation: flipBook-right 0.8s ease-in-out;
          animation: flipBook-right 0.8s ease-in-out;
}
@media (min-width: 768px) {
  .autobacs01-anim-bottom.animated {
    -webkit-animation: flipBook-pc-right 0.8s ease-in-out;
            animation: flipBook-pc-right 0.8s ease-in-out;
  }
}
.autobacs02 {
  background: #ec6c00;
  position: relative;
}
.autobacs02 .autobacs-wrap {
  position: relative;
  z-index: 2;
  padding: 10.9333333333vw 0 8.2666666667vw;
}
@media (min-width: 768px) {
  .autobacs02 .autobacs-wrap {
    max-width: 900px;
    padding: 113px 0 83px;
  }
}
.autobacs02__top {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index: 0;
}
.autobacs02__top img {
  width: 100%;
}
.autobacs02__ttl {
  width: 100%;
  padding-left: 33px;
  position: relative;
}
@media (max-width: 767px) {
  .autobacs02__ttl {
    padding-left: 7.8666666667vw;
    line-height: 1;
  }
}
.autobacs02__ttl span {
  position: relative;
}
.autobacs02__ttl span::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #fbdfc5;
  position: absolute;
  left: 0;
  bottom: -2px;
}
@media (max-width: 767px) {
  .autobacs02__ttl span::after {
    width: 102%;
    left: -1%;
    height: 1px;
    bottom: -0.4vw;
  }
}
.autobacs02__ttl img {
  width: 29.2vw;
}
@media (min-width: 768px) {
  .autobacs02__ttl img {
    width: 176px;
  }
}
.autobacs02__txt {
  padding: 4.8vw 7.6vw;
  position: relative;
  z-index: 2;
}
@media (min-width: 768px) {
  .autobacs02__txt {
    padding: 23px 30px;
  }
}
.autobacs02__text {
  font-size: 3.7333333333vw;
  line-height: 1.6071428571;
  font-weight: 400;
  font-family: "Zen Maru Gothic", serif;
  color: #fbdfc5;
  letter-spacing: -0.07em;
}
@media (min-width: 768px) {
  .autobacs02__text {
    font-size: 22.4px;
    line-height: 1.6071428571;
  }
}
@media (max-width: 900px) and (min-width: 768px) {
  .autobacs02__text {
    font-size: 20px;
  }
}
.autobacs02__text + .autobacs02__text {
  margin-top: 6vw;
}
@media (min-width: 768px) {
  .autobacs02__text + .autobacs02__text {
    margin-top: 36px;
  }
}
.autobacs02__img {
  width: 62.2666666667vw;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  line-height: 0;
}
@media (min-width: 768px) {
  .autobacs02__img {
    width: 467px;
    right: -9px;
    bottom: 0;
  }
}
@media (max-width: 900px) and (min-width: 768px) {
  .autobacs02__img {
    width: 420px;
  }
}
.autobacs02__img img {
  width: 100%;
}
.autobacs02-anim-bottom {
  width: 33.6vw;
  height: 14.2666666667vw;
  background: url("../_images/icon-paper.png") no-repeat center center/cover;
  position: absolute;
  left: 0;
  bottom: -0.2666666667vw;
  z-index: 2;
}
@media (min-width: 768px) {
  .autobacs02-anim-bottom {
    width: 252px;
    height: 107px;
    bottom: -2px;
  }
}
.autobacs02-anim-bottom.animated {
  -webkit-animation: flipBook 0.8s ease-in-out;
          animation: flipBook 0.8s ease-in-out;
}
@media (min-width: 768px) {
  .autobacs02-anim-bottom.animated {
    -webkit-animation: flipBook-pc 0.8s ease-in-out;
            animation: flipBook-pc 0.8s ease-in-out;
  }
}
.autobacs03 {
  position: relative;
}
.autobacs03 .autobacs-wrap {
  position: relative;
  z-index: 2;
  padding: 11.6vw 0 18.6666666667vw;
}
@media (min-width: 768px) {
  .autobacs03 .autobacs-wrap {
    padding: 111px 0 105px;
    max-width: 900px;
  }
}
.autobacs03__top {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}
.autobacs03__top img {
  width: 100%;
}
.autobacs03__ttl {
  text-align: right;
  width: 100%;
  padding-right: 30px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (max-width: 767px) {
  .autobacs03__ttl {
    padding-right: 7.2vw;
    line-height: 1;
  }
}
.autobacs03__ttl span {
  position: relative;
}
.autobacs03__ttl img {
  width: 49.7333333333vw;
}
@media (min-width: 768px) {
  .autobacs03__ttl img {
    width: 300px;
  }
}
.autobacs03__txt {
  padding: 4vw 8.5333333333vw;
  position: relative;
  z-index: 2;
  text-align: right;
}
@media (min-width: 768px) {
  .autobacs03__txt {
    padding: 18px 30px;
  }
}
.autobacs03__text {
  font-size: 3.7333333333vw;
  line-height: 1.6071428571;
  font-weight: 400;
  font-family: "Zen Maru Gothic", serif;
  color: #ec6c00;
  letter-spacing: -0.05em;
}
@media (min-width: 768px) {
  .autobacs03__text {
    font-size: 22.4px;
    line-height: 1.6071428571;
  }
}
@media (max-width: 900px) and (min-width: 768px) {
  .autobacs03__text {
    font-size: 20px;
  }
}
.autobacs03__text + .autobacs03__text {
  margin-top: 6vw;
}
@media (min-width: 768px) {
  .autobacs03__text + .autobacs03__text {
    margin-top: 36px;
  }
}
.autobacs04 {
  background: #ec6c00;
  position: relative;
  z-index: 1;
}
.autobacs04 .autobacs-wrap {
  position: relative;
  padding: 17.3333333333vw 6.6666666667vw 33.2vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 768px) {
  .autobacs04 .autobacs-wrap {
    padding: 102px 20px 234px;
    max-width: 1130px;
  }
}
.autobacs04 .autobacs-wrap::before {
  content: "";
  width: 21.2vw;
  height: 11.8666666667vw;
  background: url("../_images/sec4-label.svg") no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -8vw;
  z-index: 0;
  margin-left: 10.9333333333vw;
}
@media (min-width: 768px) {
  .autobacs04 .autobacs-wrap::before {
    width: 159px;
    height: 89px;
    top: -60px;
    margin-left: -31px;
  }
}
.autobacs04__ttlmain {
  text-align: center;
}
.autobacs04__ttlmain img {
  width: 267px;
}
@media (max-width: 767px) {
  .autobacs04__ttlmain img {
    width: 56.4vw;
  }
}
.autobacs04__anim1 {
  width: 58vw;
  position: absolute;
  left: -0.8vw;
  top: -45.3333333333vw;
}
@media (min-width: 768px) {
  .autobacs04__anim1 {
    width: 396px;
    left: 102px;
    top: -305px;
  }
}
@media (max-width: 900px) and (min-width: 768px) {
  .autobacs04__anim1 {
    width: 257px;
    top: -195px;
    left: 15px;
  }
}
.autobacs04__anim1.animated img {
  -webkit-animation: Animation-left 0.8s ease-in-out;
          animation: Animation-left 0.8s ease-in-out;
}
@media (min-width: 768px) {
  .autobacs04__anim1.animated img {
    -webkit-animation: Animation-left-pc 0.8s ease-in-out;
            animation: Animation-left-pc 0.8s ease-in-out;
  }
}
.autobacs04__anim1 img {
  width: 100%;
}
.autobacs04__anim2 {
  width: 46.4vw;
  position: absolute;
  left: calc(50% - 23.2vw);
  bottom: -17.8666666667vw;
}
@media (min-width: 768px) {
  .autobacs04__anim2 {
    width: 312px;
    left: calc(50% - 158px);
    bottom: -116px;
  }
}
.autobacs04__anim2.animated img {
  -webkit-animation: Animation-bottom2 1s ease-in-out;
          animation: Animation-bottom2 1s ease-in-out;
}
@media (min-width: 768px) {
  .autobacs04__anim2.animated img {
    -webkit-animation: Animation-bottom2-pc 1s ease-in-out;
            animation: Animation-bottom2-pc 1s ease-in-out;
  }
}
.autobacs04__anim2 img {
  width: 100%;
}
.autobacs04__ttl {
  margin-bottom: 5.6vw;
  font-size: 0;
  line-height: 1;
}
@media (min-width: 768px) {
  .autobacs04__ttl {
    margin-bottom: 19px;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .autobacs04__ttl img {
    -o-object-fit: contain;
       object-fit: contain;
    height: 148px;
  }
}
@media (max-width: 767px) {
  .autobacs04__ttl img {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .autobacs04__ttl.--ttl1 {
    margin-right: -3px;
  }
}
@media (max-width: 767px) {
  .autobacs04__ttl.--ttl1 {
    margin-right: -0.5333333333vw;
  }
}
.autobacs04__img {
  line-height: 0;
}
.autobacs04__img img {
  width: 100%;
}
@media (min-width: 768px) {
  .autobacs04__img:focus-visible {
    outline: 2px solid #3496dd !important;
  }
}
.autobacs04__btn {
  text-align: center;
  margin-top: 6.5333333333vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1;
  background-color: #ec6c00;
}
@media (min-width: 768px) {
  .autobacs04__btn {
    margin-top: 23px;
    padding-left: 0;
  }
}
.autobacs04__btn a {
  display: block;
  margin-inline: auto;
  width: 65.3333333333vw;
  position: relative;
}
@media (min-width: 768px) {
  .autobacs04__btn a {
    width: 247px;
  }
  .autobacs04__btn a:focus-visible {
    outline: 2px solid #3496dd !important;
  }
  .autobacs04__btn a:hover {
    opacity: 1;
  }
  .autobacs04__btn a:hover:after {
    opacity: 0.8;
  }
  .autobacs04__btn a:hover img {
    opacity: 0.8;
  }
}
.autobacs04__btn a:before, .autobacs04__btn a:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f4dcc5;
  mix-blend-mode: multiply;
  border-radius: 30px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .autobacs04__btn a:before, .autobacs04__btn a:after {
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
}
@media (max-width: 767px) {
  .autobacs04__btn a:before, .autobacs04__btn a:after {
    border-radius: 5.3333333333vw;
    top: 0.6666666667vw;
  }
}
.autobacs04__btn a img {
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .autobacs04__btn a img {
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
}
@media (min-width: 768px) {
  .autobacs04__imgtxt {
    width: 344px;
  }
}
@media (max-width: 767px) {
  .autobacs04__imgtxt:not(:last-child) {
    margin-bottom: 13.7333333333vw;
  }
}
.autobacs04__imgtxt.--w490 {
  display: none;
}
@media (min-width: 768px) {
  .autobacs04__imgtxt.--w490 {
    width: 490px;
    margin-bottom: 79px;
  }
  .autobacs04__imgtxt.--w490 .autobacs04__ttl {
    margin-bottom: 29px;
  }
  .autobacs04__imgtxt.--w490 .autobacs04__ttl img {
    height: 167px;
  }
  .autobacs04__imgtxt.--w490 .autobacs04__btn {
    margin-top: 35px;
  }
  .autobacs04__imgtxt.--w490 .autobacs04__btn a {
    width: 309px;
  }
  .autobacs04__imgtxt.--w490 .autobacs04__btn a:after {
    top: 3px;
  }
}
.autobacs04__list {
  margin-top: 12.2666666667vw;
}
@media (min-width: 768px) {
  .autobacs04__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 58px;
  }
}

@media (max-width: 767px) {
  .is-compact .fancybox__content > .f-button.is-close-btn {
    top: -11.3333333333vw !important;
  }
}

.fancybox__content > .f-button.is-close-btn {
  --f-button-svg-width: 50px;
  --f-button-svg-height: 50px;
}