.section__ttl {
  font-size: 4.0625vw;
  font-weight: 400;
  color: black;
  text-align: center;
  letter-spacing: 0.3rem;
}
@media screen and (min-width: 480px) {
  .section__ttl {
    font-size: max(20px, 1.4285714286vw);
  }
}
.intro {
  padding: 21.09375vw 0 17.96875vw;
  position: relative;
}
@media screen and (min-width: 480px) {
  .intro {
    padding: max(135px, 9.6428571429vw) 0 max(85px, 6.0714285714vw);
  }
}
@media screen and (min-width: 480px) {
  .intro__inner {
    width: max(1200px, 85.7142857143vw);
    margin: auto;
  }
}
.intro__ttl {
  width: 80.46875vw;
  margin-left: 3.90625vw;
}
@media screen and (min-width: 480px) {
  .intro__ttl {
    width: max(686px, 49vw);
    margin-left: max(120px, 8.5714285714vw);
  }
}
.intro__ttl > img {
  width: 100%;
}
.intro__bg {
  display: none;
}
@media screen and (min-width: 480px) {
  .intro__bg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: max(1099px, 78.5vw);
    z-index: -2;
  }
}
.intro__bg--circle {
  width: max(898px, 64.1428571429vw);
  height: max(898px, 64.1428571429vw);
  top: max(125px, 8.9285714286vw);
  left: 50%;
  transform: translate(-50%, 0%);
}
.facebook__contents {
  width: 95.3125vw;
  min-height: 340px;
  text-align: center;
  margin: auto;
  margin-top: 8.59375vw;
}
@media screen and (min-width: 480px) {
  .facebook__contents {
    width: max(910px, 65vw);
    height: max(410px, 29.2857142857vw);
    margin-top: max(30px, 2.1428571429vw);
  }
}
.facebook__contents iframe {
  height: 132.8125vw !important;
}
@media screen and (min-width: 480px) {
  .facebook__contents iframe {
    height: max(410px, 29.2857142857vw) !important;
  }
}
.sns {
  padding-top: 18.75vw;
}
@media screen and (min-width: 480px) {
  .sns {
    padding-top: max(80px, 5.7142857143vw);
  }
}
.bunner {
  margin-top: 7.8125vw;
  margin-bottom: 23.4375vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16.40625vw;
}
@media screen and (min-width: 480px) {
  .bunner {
    margin: auto;
    margin-top: max(35px, 2.5vw);
    margin-bottom: max(125px, 8.9285714286vw);
    flex-direction: row;
    justify-content: space-between;
    width: max(950px, 67.8571428571vw);
    gap: unset;
  }
}
.bunner__link {
  width: 60.625vw;
  height: 46.09375vw;
}
@media screen and (min-width: 480px) {
  .bunner__link {
    width: max(284px, 20.2857142857vw);
    height: max(215px, 15.3571428571vw);
  }
}
.bunner__item {
  background-color: #393737;
  border-radius: 2.03125vw;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6.25vw;
  padding-top: 9.375vw;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 480px) {
  .bunner__item {
    border-radius: max(10px, 0.7142857143vw);
    gap: max(25px, 1.7857142857vw);
    padding-top: max(45px, 3.2142857143vw);
  }
}
.bunner__item::after {
  content: "";
  width: 60.625vw;
  height: 46.09375vw;
  border-radius: 2.03125vw;
  border: 1px solid #C8C8C9;
  position: absolute;
  left: 2.03125vw;
  top: 2.03125vw;
}
@media screen and (min-width: 480px) {
  .bunner__item::after {
    width: max(284px, 20.2857142857vw);
    height: max(215px, 15.3571428571vw);
    border-radius: max(10px, 0.7142857143vw);
    left: max(10px, 0.7142857143vw);
    top: max(10px, 0.7142857143vw);
  }
}
.bunner__icon--x {
  width: 9.0625vw;
}
@media screen and (min-width: 480px) {
  .bunner__icon--x {
    width: max(45px, 3.2142857143vw);
  }
}
.bunner__icon--insta {
  width: 10.15625vw;
}
@media screen and (min-width: 480px) {
  .bunner__icon--insta {
    width: max(50px, 3.5714285714vw);
  }
}
.bunner__ttl {
  font-family: "BIZ UDPGothic", sans-serif;
  font-size: 5.3125vw;
  line-height: 5.46875vw;
  color: white;
  font-weight: 400;
  position: relative;
}
@media screen and (min-width: 480px) {
  .bunner__ttl {
    font-size: max(25px, 1.7857142857vw);
    line-height: max(25px, 1.7857142857vw);
  }
}
.bunner__ttl::after {
  content: "";
  width: 12.1875vw;
  height: 1px;
  background-color: white;
  position: absolute;
  bottom: -3.125vw;
  left: 50%;
  transform: translate(-50%, 0%);
}
@media screen and (min-width: 480px) {
  .bunner__ttl::after {
    width: max(57px, 4.0714285714vw);
    bottom: min(-15px, -1.0714285714vw);
  }
}
.bunner__linkTxt {
  font-size: 2.34375vw;
  height: 7.1875vw;
  font-weight: 400;
  color: white;
  align-self: end;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 480px) {
  .bunner__linkTxt {
    font-size: max(11px, 0.7857142857vw);
    height: max(35px, 2.5vw);
  }
}
.bunner__linkTxt::after {
  content: "";
  display: inline-block;
  width: 7.1875vw;
  height: 7.1875vw;
  background-image: url(../images/common/arrow_white_gray.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: top center;
  margin-left: 1.5625vw;
  margin-right: 3.125vw;
}
@media screen and (min-width: 480px) {
  .bunner__linkTxt::after {
    width: max(35px, 2.5vw);
    height: max(35px, 2.5vw);
    margin-left: max(10px, 0.7142857143vw);
    margin-right: max(15px, 1.0714285714vw);
  }
}
.ec__inner {
  width: 100%;
  height: 129.21875vw;
  position: relative;
}
@media screen and (min-width: 480px) {
  .ec__inner {
    height: max(592px, 42.2857142857vw);
    width: max(1200px, 85.7142857143vw);
    margin: auto;
  }
}
.ec__link {
  width: 88.4375vw;
  height: 26.09375vw;
  margin: auto;
  display: block;
}
@media screen and (min-width: 480px) {
  .ec__link {
    width: max(566px, 40.4285714286vw);
    height: max(167px, 11.9285714286vw);
  }
}
.ec__item {
  width: 100%;
  height: 100%;
  padding-top: 9.375vw;
  border-radius: 1.5625vw;
  background-color: unset;
  background-image: url(../images/sns/ec_bg.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: top center;
  margin: auto;
  position: relative;
}
@media screen and (min-width: 480px) {
  .ec__item {
    padding-top: max(60px, 4.2857142857vw);
    border-radius: max(10px, 0.7142857143vw);
  }
}
.ec__item::after {
  content: "";
  width: 88.4375vw;
  height: 26.09375vw;
  border-radius: 1.5625vw;
  position: absolute;
  left: 1.5625vw;
  top: 1.5625vw;
  border: 1px solid #C8C8C9;
}
@media screen and (min-width: 480px) {
  .ec__item::after {
    width: max(566px, 40.4285714286vw);
    height: max(167px, 11.9285714286vw);
    border-radius: max(10px, 0.7142857143vw);
    left: max(10px, 0.7142857143vw);
    top: max(10px, 0.7142857143vw);
  }
}
.ec__icon {
  width: 10.15625vw;
  position: absolute;
  left: 10.9375vw;
}
@media screen and (min-width: 480px) {
  .ec__icon {
    width: max(65px, 4.6428571429vw);
    left: max(70px, 5vw);
  }
}
.ec__ttl {
  font-family: "BIZ UDPGothic", sans-serif;
  font-size: 3.75vw;
  line-height: 4.21875vw;
  font-weight: 400;
  color: white;
  text-align: center;
  margin-top: 1.5625vw;
  position: relative;
}
@media screen and (min-width: 480px) {
  .ec__ttl {
    font-size: max(24px, 1.7142857143vw);
    line-height: max(27px, 1.9285714286vw);
    margin-top: max(10px, 0.7142857143vw);
  }
}
.ec__ttl::after {
  content: "";
  width: 9.375vw;
  height: 1px;
  background-color: white;
  position: absolute;
  bottom: -2.34375vw;
  left: 50%;
  transform: translate(-50%, 0%);
}
@media screen and (min-width: 480px) {
  .ec__ttl::after {
    width: max(60px, 4.2857142857vw);
    bottom: min(-15px, -1.0714285714vw);
  }
}
.ec__linkTxt {
  font-size: 1.71875vw;
  height: 5.46875vw;
  line-height: 5.46875vw;
  font-weight: 400;
  color: white;
  position: absolute;
  bottom: 3.125vw;
  right: 3.90625vw;
  display: flex;
}
@media screen and (min-width: 480px) {
  .ec__linkTxt {
    font-size: max(11px, 0.7857142857vw);
    height: max(35px, 2.5vw);
    line-height: max(35px, 2.5vw);
    bottom: max(20px, 1.4285714286vw);
    right: max(25px, 1.7857142857vw);
  }
}
.ec__linkTxt::after {
  content: "";
  width: 5.46875vw;
  height: 5.46875vw;
  background-image: url(../images/sns/arrow_white_gray.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: top center;
  margin-left: 1.5625vw;
}
@media screen and (min-width: 480px) {
  .ec__linkTxt::after {
    width: max(35px, 2.5vw);
    height: max(35px, 2.5vw);
    margin-left: max(10px, 0.7142857143vw);
  }
}
.ec__object {
  position: absolute;
}
.ec__object--circle {
  width: 14.375vw;
  bottom: 54.6875vw;
  right: 8.59375vw;
}
@media screen and (min-width: 480px) {
  .ec__object--circle {
    width: max(91px, 6.5vw);
    bottom: max(40px, 2.8571428571vw);
    right: max(80px, 5.7142857143vw);
  }
}
.ec__object--o {
  width: 105.46875vw;
  bottom: -28%;
  left: -35%;
  z-index: -3;
}
@media screen and (min-width: 480px) {
  .ec__object--o {
    width: max(675px, 48.2142857143vw);
    bottom: -40%;
    left: -28%;
  }
}
/*# sourceMappingURL=sns.css.map */