@keyframes btnOnTop {
  0% {
    top: -1rem;
    transform: rotate(0deg);
  }
  75% {
    top: 0;
    transform: rotate(0deg);
  }
  100% {
    top: 0;
    transform: rotate(45deg);
  }
}
@keyframes btnOnBottom {
  0% {
    top: 1rem;
    transform: rotate(0deg);
  }
  75% {
    top: 0;
    transform: rotate(0deg);
  }
  100% {
    top: 0;
    transform: rotate(-45deg);
  }
}
@keyframes btnOffTop {
  0% {
    top: 0;
    transform: rotate(45deg);
  }
  25% {
    top: 0;
    transform: rotate(0deg);
  }
  100% {
    top: -1rem;
    transform: rotate(0deg);
  }
}
@keyframes btnOffBottom {
  0% {
    top: 0;
    transform: rotate(-45deg);
  }
  25% {
    top: 0;
    transform: rotate(0deg);
  }
  100% {
    top: 1rem;
    transform: rotate(0deg);
  }
}
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
/*--------------------
number
---------------------*/
/*--------------------
area
---------------------*/
.other-links {
  padding-top: 7rem;
  padding-bottom: 7rem;
  background-color: #bdbab3;
}
@media screen and (max-width: 749.98px) {
  .other-links {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}
.other-links__inner {
  display: flex;
  gap: 2.8rem;
}
@media screen and (max-width: 749.98px) {
  .other-links__inner {
    flex-direction: column;
    gap: 1.4rem;
  }
}
.other-links__item {
  padding: 1.2rem;
  padding-right: 3.6rem;
  width: calc((100% - 2.8rem) / 2);
  min-height: 14rem;
  background-color: #fff;
  position: relative;
  display: flex;
  align-items: center;
  gap: 3rem;
}
@media screen and (max-width: 749.98px) {
  .other-links__item {
    width: 100%;
    min-height: auto;
    padding-right: 1.2rem;
    gap: 1.6rem;
  }
}
@media (hover: hover) {
  .other-links__item:hover .other-links__img img {
    transform: scale(1.1);
  }
  .other-links__item:hover .other-links__box span {
    color: #bdbab3;
  }
  .other-links__item:hover .other-links__box i {
    opacity: 1;
    background-color: #000;
  }
  .other-links__item:hover .other-links__box i:before {
    right: -1rem;
    background-color: #fff;
  }
  .other-links__item:hover .other-links__box i:after {
    opacity: 1;
    right: calc((100% - 0.8rem) / 2);
    background-color: #fff;
  }
}
.other-links__img {
  overflow: hidden;
  width: 15.8rem;
}
@media screen and (max-width: 749.98px) {
  .other-links__img {
    width: 7.9rem;
    height: 7.9rem;
  }
}
.other-links__img img {
  transition: all 0.3s ease 0s;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.other-links__box {
  width: calc(100% - 15.8rem - 3rem);
}
@media screen and (max-width: 749.98px) {
  .other-links__box {
    width: calc(100% - 8rem - 1.6rem);
  }
}
.other-links__box .c-btn.-arrow1 {
  border: none;
  padding: 0;
  max-width: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 749.98px) {
  .other-links__box .c-btn.-arrow1 {
    min-width: 0;
  }
}
.other-links__box .c-btn.-arrow1:before {
  content: none;
}
@media screen and (max-width: 749.98px) {
  .other-links__box .c-btn.-arrow1 i {
    width: 4.4rem;
    height: 4.4rem;
  }
}
.other-links__txt {
  font-size: 2.2rem;
  font-weight: 700;
}
@media screen and (max-width: 749.98px) {
  .other-links__txt {
    font-size: 1.8rem;
    letter-spacing: 0.14em;
  }
}
.other-links__txt span {
  display: block;
  font-size: 1.2rem;
  line-height: 1.4166666667;
  font-family: "Roboto", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  color: #bdbab3;
}
@media screen and (max-width: 749.98px) {
  .other-links__txt span {
    font-size: 0.9rem;
    margin-bottom: 0.2rem;
    letter-spacing: 0.06em;
  }
}

.fixed-btn {
  position: fixed;
  top: 0;
  right: 0;
  width: 6.6rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1px;
  z-index: 10;
}
@media screen and (max-width: 749.98px) {
  .fixed-btn {
    top: auto;
    bottom: 0;
    right: auto;
    left: 0;
    width: 100%;
    height: 6rem;
    display: flex;
    flex-direction: row;
    gap: 0;
  }
}
.fixed-btn-item {
  width: 6.6rem;
  height: 6.6rem;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  transition: all 0.3s ease 0s;
}
@media screen and (max-width: 749.98px) {
  .fixed-btn-item {
    width: 50%;
    height: 6rem;
    font-size: 1.4rem;
    position: relative;
  }
}
.fixed-btn-item:before {
  content: "";
  display: block;
  width: 1.8rem;
  height: 2.2rem;
  margin-bottom: 0.6rem;
}
@media screen and (max-width: 749.98px) {
  .fixed-btn-item:before {
    position: absolute;
    left: 1.6rem;
    top: calc((100% - 2.2rem) / 2);
    margin-bottom: 0;
  }
}
@media screen and (max-width: 749.98px) {
  .fixed-btn-item:after {
    content: "";
    display: block;
    width: 0.8rem;
    height: 0.9rem;
    aspect-ratio: 13/15;
    background-color: #fff;
    clip-path: polygon(25% 50%, 0 0, 100% 50%, 0% 100%);
    position: absolute;
    top: calc((100% - 0.9rem) / 2);
    right: 1.6rem;
    transition: all 0.3s ease 0s;
  }
}
.fixed-btn-item.-reserve {
  background-color: #b23939;
  border-radius: 0.4rem 0 0;
}
@media screen and (max-width: 749.98px) {
  .fixed-btn-item.-reserve {
    border-radius: 0;
  }
}
.fixed-btn-item.-reserve:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.19 12.62"><path fill="%23ffffff" d="M.76,5.69h10.66v6.16H.76v-6.16ZM9.01,3.71v-1.69h2.42v2.9H.76v-2.9h2.42v1.69h.76v-1.69h4.29v1.69h.76ZM8.24,0v1.26H3.95V0h-.76v1.26H0v11.36h12.19V1.26h-3.19V0h-.76Z"/></svg>');
  background-color: transparent;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 12.19/12.62;
}
.fixed-btn-item.-catalog {
  background-color: #37749b;
  border-radius: 0 0 0 0.4rem;
}
@media screen and (max-width: 749.98px) {
  .fixed-btn-item.-catalog {
    border-radius: 0;
  }
}
.fixed-btn-item.-catalog:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.32 22.48"><path fill="%23ffffff" d="M18.32,6.51c0-.06,0-.11-.02-.17,0,0,0-.01,0-.02-.01-.05-.02-.09-.04-.14,0-.02-.01-.03-.02-.05-.02-.03-.04-.07-.06-.1,0-.01-.02-.03-.02-.04-.03-.04-.06-.09-.1-.13L12.45.27s-.08-.07-.13-.1c-.01-.01-.03-.02-.04-.03-.03-.02-.07-.04-.1-.05l-.05-.03s-.08-.03-.13-.04h-.03c-.05-.02-.11-.03-.16-.03H.94C.42,0,0,.42,0,.94v20.61c0,.52.42.93.94.93h16.45c.52,0,.93-.42.93-.93V6.51M12.73,3.19l2.4,2.4h-2.4v-2.4ZM16.45,20.61H1.87V1.87h8.99v4.66c0,.52.42.93.94.93h4.66v13.15Z"/><rect fill="%23ffffff" x="4.59" y="9.62" width="9.14" height="1.4"/><rect fill="%23ffffff" x="4.59" y="6.34" width="4.22" height="1.4"/><rect fill="%23ffffff" x="4.59" y="12.9" width="9.14" height="1.4"/><rect fill="%23ffffff" x="4.59" y="16.17" width="9.14" height="1.4"/></svg>');
  background-color: transparent;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 18.32/22.48;
}
@media (hover: hover) {
  .fixed-btn-item:hover {
    opacity: 0.8;
  }
}

#footer {
  background-color: #333;
  color: #fff;
}

.footer {
  padding: 6rem 0 8rem;
}
@media screen and (min-width: 750px) {
  .footer {
    padding: 8rem 0 4rem;
  }
}
.footer a {
  color: inherit;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}
@media (hover: hover) {
  .footer a:hover {
    opacity: 0.7;
  }
}
.footer__hr {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin: 3rem 0;
}
@media screen and (min-width: 750px) {
  .footer__hr {
    margin: 4rem 0;
  }
}
.footer__shop {
  display: block;
}
.footer__shop-title {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: 2rem;
}
@media screen and (max-width: 749.98px) {
  .footer__shop-title {
    font-size: 2rem;
  }
}
.footer__shop-tabs .footer__shop-tab-list {
  display: flex;
  gap: 0.8rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 749.98px) {
  .footer__shop-tabs .footer__shop-tab-list {
    display: none;
  }
}
.footer__shop-tabs .footer__shop-tab-list li {
  width: 100%;
  height: 5.6rem;
  padding: 0.8rem 1.6rem;
  border: 1px solid #fff;
  border-radius: 0.4rem;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease 0s;
}
@media screen and (max-width: 749.98px) {
  .footer__shop-tabs .footer__shop-tab-list li {
    width: -moz-fit-content;
    width: fit-content;
    height: 3.2rem;
    font-size: 1.3rem;
    color: rgba(255, 255, 255, 0.5);
    padding: 0 1.6rem;
    border: none;
    border-radius: 0;
    white-space: nowrap;
    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  }
}
.footer__shop-tabs .footer__shop-tab-list li.active {
  background-color: #fff;
  color: #333;
}
@media screen and (max-width: 749.98px) {
  .footer__shop-tabs .footer__shop-tab-list li.active {
    background-color: transparent;
    color: #fff;
  }
}
.footer__shop-tabs .footer__shop-tab-list li.active:before {
  content: "";
  display: block;
  width: 1.2rem;
  height: 0.7rem;
  background-color: #fff;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  bottom: -0.6rem;
  left: calc((100% - 1.5rem) / 2);
  transition: all 0.3s ease 0s;
}
@media screen and (max-width: 749.98px) {
  .footer__shop-tabs .footer__shop-tab-list li.active:before {
    width: 100%;
    height: 2px;
    clip-path: none;
    background-color: #fff;
    left: 0;
    bottom: -2px;
    z-index: 2;
  }
}
@media (hover: hover) {
  .footer__shop-tabs .footer__shop-tab-list li:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .footer__shop-tabs .footer__shop-tab-list li:hover.active {
    background-color: #fff;
  }
}
.footer__shop-content {
  display: none;
}
@media screen and (max-width: 749.98px) {
  .footer__shop-content {
    display: block;
  }
}
.footer__shop-content.active {
  display: block;
  animation: footerFadeIn 0.8s forwards;
}
.footer__shop-content .area {
  display: none;
}
@media screen and (max-width: 749.98px) {
  .footer__shop-content .area {
    display: block;
    font-size: 1.3rem;
    line-height: 1.4615384615;
    font-weight: 700;
    padding: 0.4rem 1.4rem;
    background-color: #3e3e3e;
  }
}
@keyframes footerFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.footer__shop-detail {
  display: flex;
  align-items: flex-start;
  gap: 2.4rem;
}
@media screen and (max-width: 749.98px) {
  .footer__shop-detail {
    padding: 1.2rem 0;
    margin-bottom: 0;
  }
}
.footer__shop-detail dt {
  font-size: 1.5rem;
  font-weight: 700;
  white-space: nowrap;
  position: relative;
}
@media screen and (max-width: 749.98px) {
  .footer__shop-detail dt {
    display: none;
  }
}
.footer__shop-detail dt:after {
  content: "";
  display: block;
  width: 1px;
  height: 2rem;
  background-color: #707070;
  position: absolute;
  right: -1.2rem;
  top: 50%;
  transform: translateY(-50%);
}
.footer__shop-detail dd {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 1.6rem;
}
.footer__shop-detail dd a {
  font-size: 1.5rem;
  position: relative;
  transition: all 0.3s ease 0s;
}
@media screen and (max-width: 749.98px) {
  .footer__shop-detail dd a {
    font-size: 1.3rem;
  }
}
.footer__main {
  padding-top: 2rem;
}
@media screen and (min-width: 750px) {
  .footer__main {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.footer__info {
  margin-bottom: 4rem;
}
@media screen and (min-width: 750px) {
  .footer__info {
    margin-bottom: 0;
    width: 35%;
  }
}
.footer__logo {
  width: 27rem;
  margin-bottom: 3rem;
}
@media screen and (max-width: 749.98px) {
  .footer__logo {
    width: 22.4rem;
  }
}
.footer__logo img {
  width: 100%;
}
@media screen and (max-width: 749.98px) {
  .footer__office {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 3rem;
  }
}
.footer__office-name {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
@media screen and (max-width: 749.98px) {
  .footer__office-name {
    letter-spacing: 0.1em;
  }
}
.footer__office-company {
  font-size: 1.3rem;
  line-height: 1.8461538462;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 749.98px) {
  .footer__office-company {
    letter-spacing: 0.1em;
  }
}
.footer__office-address {
  font-size: 1.3rem;
  line-height: 1.8461538462;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 749.98px) {
  .footer__office-address {
    letter-spacing: 0.1em;
  }
}
.footer__office-tel {
  font-size: 2.1rem;
  font-family: "Roboto", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 749.98px) {
  .footer__office-tel {
    letter-spacing: 0.03em;
  }
}
.footer__office-tel i {
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17.54 20.14"><path fill="%23ffffff" d="M11.64,12.8l-1,2.3c-3.1-1.8-5.5-4.7-6.6-8.1l2.4-.5.6-5.8L.24,0C.24.4.14.8.04,1.1-.06,1.4.04,1.8.04,2.1c0,1.9.1,3.8.7,5.6,1.3,4.5,4.4,8.3,8.5,10.5,1.7.9,3.5,1.5,5.4,1.8h0c.3,0,.6,0,1,.1s.8,0,1.2,0l.7-6.9-5.8-.6-.1.2ZM15.84,16.8l-.2,2.3h-.9c-1.4-.2-2.7-.6-4-1.2-.4-.2-.7-.3-1-.5-3.8-2.1-6.6-5.6-7.9-9.7-.1-.4-.2-.7-.3-1.1-.3-1.4-.4-2.8-.3-4.2v-.9c.1,0,4.7.5,4.7.5l-.4,3.8-1.7.4-1.1.2c0,.4.2.8.3,1.1,1.1,3.8,3.7,7,7.2,8.9.3.2.7.4,1,.5l.5-1.1.7-1.6,3.8.4-.2,2.3-.2-.1Z"/></svg>');
  background-color: transparent;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 17.54/20.14;
}
.footer__nav {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem 2rem;
  margin-bottom: 3rem;
}
@media screen and (min-width: 750px) {
  .footer__nav {
    display: flex;
    gap: 6rem;
  }
}
.footer__nav-list li {
  margin-bottom: 2rem;
}
.footer__nav-list li a {
  font-size: 1.6rem;
  font-weight: 700;
}
.footer__nav-child {
  margin-top: 1.6rem;
}
.footer__nav-child li {
  margin-bottom: 1.2rem;
  position: relative;
  padding-left: 1.2rem;
}
.footer__nav-child li:before {
  content: "";
  display: block;
  width: 0.6rem;
  height: 1px;
  background-color: #838383;
  position: absolute;
  top: 50%;
  left: 0;
}
.footer__nav-child li a {
  font-size: 1.4rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}
@media screen and (min-width: 750px) {
  .footer__action {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.footer__btns {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  margin-bottom: 3rem;
}
@media screen and (min-width: 750px) {
  .footer__btns {
    flex-direction: row;
    margin-bottom: 0;
    gap: 1.5rem;
  }
}
.footer__btns .footer__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  height: 6rem;
  padding: 0 2rem;
  border-radius: 0.4rem;
  background-color: rgba(255, 255, 255, 0.1);
  font-size: 1.4rem;
  font-weight: 700;
}
@media screen and (max-width: 749.98px) {
  .footer__btns .footer__btn {
    height: 6.8rem;
    justify-content: center;
  }
}
.footer__btns .footer__btn span {
  display: inline-flex;
  align-items: center;
}
.footer__btns .footer__btn i {
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  margin-left: 1.2rem;
}
.footer__btns .footer__btn.-partnership {
  position: relative;
}
.footer__btns .footer__btn.-partnership i {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14.89 14.89"><rect fill="%23ffffff" y="4.23" width="10.57" height="10.57"/><path fill="%23ffffff" d="M3.26,0v2.12h9.51v9.51h2.12V0H3.26Z"/></svg>');
  background-color: transparent;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 14.89/14.89;
}
.footer__btns .footer__btn.-login {
  position: relative;
}
.footer__btns .footer__btn.-login i {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18.3 17.1"><path fill="%23ffffff" d="M3.4,0v5.6h1.5V1.5h11.9v14.1H4.9v-4.1h-1.5v5.6h14.9V0H3.4ZM7.5,5.8l1.9,2H0v1.5h9.4l-1.9,2,1.1,1,3.6-3.7-3.6-3.7-1.1,1v-.1Z"/></svg>');
  background-color: transparent;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 18.3/17.1;
}
.footer__sns {
  display: flex;
  gap: 1.5rem;
}
@media screen and (max-width: 749.98px) {
  .footer__sns {
    margin-top: 2rem;
    align-items: flex-end;
  }
}
.footer__sns-link {
  display: block;
  width: 4rem;
  height: 4rem;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  position: relative;
  transition: all 0.3s ease 0s;
}
.footer__sns-link:before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s ease 0s;
}
.footer__sns-link.-facebook:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.96 19.77"><path fill="%23ffffff" d="M2.94,19.77v-9.02H0v-3.51h2.94v-2.59c-.02-.83.15-1.65.49-2.4.01-.03.03-.05.04-.08.05-.1.1-.2.16-.29.03-.04.06-.09.09-.13.05-.07.1-.15.15-.22.03-.04.07-.08.1-.12.06-.07.11-.13.17-.2.03-.03.06-.05.08-.08.07-.07.15-.14.23-.21l.03-.02C5.3.29,6.31-.03,7.33,0c.88,0,1.76.04,2.63.14v3.14h-1.81c-1.42,0-1.69.69-1.69,1.71v2.24h3.37l-.44,3.51h-2.94v9.02h-3.52Z"/></svg>');
  background-color: transparent;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 9.96/19.77;
}
.footer__sns-link.-instagram:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 165.12 167.93"><path fill="%23ffffff" d="M117.66,0H47.46C21.25,0,0,21.24,0,47.45c0,0,0,0,0,0v73.01c0,26.21,21.25,47.46,47.46,47.46h70.2c26.21,0,47.46-21.25,47.46-47.46V47.46C165.11,21.25,143.87,0,117.66,0M16.85,47.46c.02-16.9,13.71-30.59,30.61-30.61h70.2c16.9.02,30.59,13.71,30.61,30.61v73.01c-.02,16.9-13.71,30.59-30.61,30.61H47.46c-16.9-.02-30.59-13.71-30.61-30.61V47.46ZM82.56,127.21c23.88,0,43.24-19.36,43.24-43.24,0-23.88-19.36-43.25-43.24-43.25s-43.24,19.36-43.24,43.25h0c.03,23.87,19.37,43.22,43.24,43.24M82.56,54.2c16.44,0,29.77,13.33,29.77,29.77s-13.33,29.77-29.77,29.77c-16.44,0-29.77-13.33-29.77-29.77h0c.02-16.43,13.33-29.75,29.77-29.77M127.07,29.77c5.35,0,9.69,4.34,9.69,9.69s-4.34,9.69-9.69,9.69c-5.35,0-9.69-4.34-9.69-9.69h0c0-5.35,4.34-9.69,9.69-9.69"/></svg>');
  background-color: transparent;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 165.12/167.93;
}
.footer__sns-link.-youtube:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 204.814 145.414"><path fill="%23ffffff" d="M194.579,17.824c-1.9-5.031-7.868-10.112-12.9-11.156-54.724-8.877-103.663-8.9-158.543,0-5.031,1.044-10.994,6.125-12.9,11.156a152.237,152.237,0,0,0,0,109.766c1.9,5.031,7.869,10.112,12.9,11.156,54.879,8.9,103.818,8.879,158.543,0,5.031-1.046,10.994-6.126,12.9-11.158a152.248,152.248,0,0,0,0-109.766m-60.23,58.312c-17.643,10.069-26.67,15.4-43.719,25.377a4.039,4.039,0,0,1-5.982-3.529c-.465-20.221-.465-30.333,0-50.555a4.06,4.06,0,0,1,5.982-3.555c17.049,9.985,26.076,15.325,43.719,25.4a3.925,3.925,0,0,1,0,6.858"/></svg>');
  background-color: transparent;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 204.814/145.414;
}
.footer__sns-link.-tiktok:before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.954 19"><path fill="%23ffffff" d="M9.93,13.92a2.782,2.782,0,0,1-2.8,2.643,2.848,2.848,0,0,1-.983-.174,2.848,2.848,0,0,0,.983.174,2.782,2.782,0,0,0,2.8-2.643L9.935.829h2.447a4.552,4.552,0,0,0,2.039,2.979h0a4.7,4.7,0,0,0,2.531.736V7.811A8.073,8.073,0,0,1,12.3,6.349v6.639A6.09,6.09,0,0,1,6.152,19a6.216,6.216,0,0,1-3.525-1.089l0,0A5.97,5.97,0,0,1,0,12.987,6.091,6.091,0,0,1,6.152,6.974a6.417,6.417,0,0,1,.829.059v.774a6.109,6.109,0,0,0-5.969,5.34A6.108,6.108,0,0,1,6.981,7.808v2.561a2.832,2.832,0,0,0-.829-.127,2.781,2.781,0,0,0-2.809,2.746,2.741,2.741,0,0,0,1.506,2.43,2.84,2.84,0,0,0,1.3.315,2.782,2.782,0,0,0,2.8-2.643L8.961,0H12.3a4.425,4.425,0,0,0,.079.829H9.935Z"/></svg>');
  background-color: transparent;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 16.954/19;
}
@media (hover: hover) {
  .footer__sns-link:hover {
    background-color: #fff;
  }
  .footer__sns-link:hover.-facebook:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.96 19.77"><path fill="%23333333" d="M2.94,19.77v-9.02H0v-3.51h2.94v-2.59c-.02-.83.15-1.65.49-2.4.01-.03.03-.05.04-.08.05-.1.1-.2.16-.29.03-.04.06-.09.09-.13.05-.07.1-.15.15-.22.03-.04.07-.08.1-.12.06-.07.11-.13.17-.2.03-.03.06-.05.08-.08.07-.07.15-.14.23-.21l.03-.02C5.3.29,6.31-.03,7.33,0c.88,0,1.76.04,2.63.14v3.14h-1.81c-1.42,0-1.69.69-1.69,1.71v2.24h3.37l-.44,3.51h-2.94v9.02h-3.52Z"/></svg>');
    background-color: transparent;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 9.96/19.77;
  }
  .footer__sns-link:hover.-instagram:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 165.12 167.93"><path fill="%23333333" d="M117.66,0H47.46C21.25,0,0,21.24,0,47.45c0,0,0,0,0,0v73.01c0,26.21,21.25,47.46,47.46,47.46h70.2c26.21,0,47.46-21.25,47.46-47.46V47.46C165.11,21.25,143.87,0,117.66,0M16.85,47.46c.02-16.9,13.71-30.59,30.61-30.61h70.2c16.9.02,30.59,13.71,30.61,30.61v73.01c-.02,16.9-13.71,30.59-30.61,30.61H47.46c-16.9-.02-30.59-13.71-30.61-30.61V47.46ZM82.56,127.21c23.88,0,43.24-19.36,43.24-43.24,0-23.88-19.36-43.25-43.24-43.25s-43.24,19.36-43.24,43.25h0c.03,23.87,19.37,43.22,43.24,43.24M82.56,54.2c16.44,0,29.77,13.33,29.77,29.77s-13.33,29.77-29.77,29.77c-16.44,0-29.77-13.33-29.77-29.77h0c.02-16.43,13.33-29.75,29.77-29.77M127.07,29.77c5.35,0,9.69,4.34,9.69,9.69s-4.34,9.69-9.69,9.69c-5.35,0-9.69-4.34-9.69-9.69h0c0-5.35,4.34-9.69,9.69-9.69"/></svg>');
    background-color: transparent;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 165.12/167.93;
  }
  .footer__sns-link:hover.-youtube:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 204.814 145.414"><path fill="%23333333" d="M194.579,17.824c-1.9-5.031-7.868-10.112-12.9-11.156-54.724-8.877-103.663-8.9-158.543,0-5.031,1.044-10.994,6.125-12.9,11.156a152.237,152.237,0,0,0,0,109.766c1.9,5.031,7.869,10.112,12.9,11.156,54.879,8.9,103.818,8.879,158.543,0,5.031-1.046,10.994-6.126,12.9-11.158a152.248,152.248,0,0,0,0-109.766m-60.23,58.312c-17.643,10.069-26.67,15.4-43.719,25.377a4.039,4.039,0,0,1-5.982-3.529c-.465-20.221-.465-30.333,0-50.555a4.06,4.06,0,0,1,5.982-3.555c17.049,9.985,26.076,15.325,43.719,25.4a3.925,3.925,0,0,1,0,6.858"/></svg>');
    background-color: transparent;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 204.814/145.414;
  }
  .footer__sns-link:hover.-tiktok:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.954 19"><path fill="%23333333" d="M9.93,13.92a2.782,2.782,0,0,1-2.8,2.643,2.848,2.848,0,0,1-.983-.174,2.848,2.848,0,0,0,.983.174,2.782,2.782,0,0,0,2.8-2.643L9.935.829h2.447a4.552,4.552,0,0,0,2.039,2.979h0a4.7,4.7,0,0,0,2.531.736V7.811A8.073,8.073,0,0,1,12.3,6.349v6.639A6.09,6.09,0,0,1,6.152,19a6.216,6.216,0,0,1-3.525-1.089l0,0A5.97,5.97,0,0,1,0,12.987,6.091,6.091,0,0,1,6.152,6.974a6.417,6.417,0,0,1,.829.059v.774a6.109,6.109,0,0,0-5.969,5.34A6.108,6.108,0,0,1,6.981,7.808v2.561a2.832,2.832,0,0,0-.829-.127,2.781,2.781,0,0,0-2.809,2.746,2.741,2.741,0,0,0,1.506,2.43,2.84,2.84,0,0,0,1.3.315,2.782,2.782,0,0,0,2.8-2.643L8.961,0H12.3a4.425,4.425,0,0,0,.079.829H9.935Z"/></svg>');
    background-color: transparent;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 16.954/19;
  }
}
.footer__bottom {
  padding-top: 2.4rem;
  margin-top: 3rem;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  flex-direction: column-reverse;
  gap: 2rem;
}
@media screen and (min-width: 750px) {
  .footer__bottom {
    padding-top: 3rem;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.footer__copyright {
  font-size: 1.1rem;
  font-family: "Roboto", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 749.98px) {
  .footer__copyright {
    font-size: 0.9rem;
    text-align: left;
  }
}
.footer__policy {
  font-size: 1.3rem;
  font-weight: 500;
  text-decoration: underline !important;
}
@media screen and (max-width: 749.98px) {
  .footer__policy {
    margin-left: auto;
  }
}