@media screen and (min-width: 751px) { .sp { display: none !important; }
  .pc { display: block; } }
@media screen and (max-width: 750px) { .pc { display: none !important; }
  .sp { display: block; }
  .fit { width: 100%; height: auto; } }
/*-------------------------------------------------
	++ HEAD
-------------------------------------------------*/
@media screen and (max-width: 750px) { #header { padding-top: 2vw; } }
#header #logo { text-align: center; margin: 0 auto; padding: 20px 0; width: 260px; }
@media screen and (max-width: 750px) { #header #logo { width: 30%; margin: 0 auto 2vw auto; } }
#header #logo img { width: 100%; height: auto; margin: 0 auto; }

/*-------------------------------------------------
	++ FOOTER
-------------------------------------------------*/
#footer { border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 80px 0 40px; }
@media screen and (max-width: 750px) { #footer { padding: 10vw 0 5vw 0; } }
#footer .inner { max-width: 850px; margin: 0 auto; }
#footer .footerCopy { margin-top: 2rem; text-align: center; font-size: 13px; }
@media screen and (max-width: 750px) { #footer .footerCopy { font-size: 2.8vw; } }
#footer .footerCopy .copyright { margin-top: 1rem; }

.footerLinkList { display: flex; flex-wrap: wrap; gap: 20px; list-style: none; padding: 0; }
.footerLinkList li { list-style: none; }
.footerLinkList li.full { width: 100%; }
.footerLinkList li:not(.full) { width: calc(50% - 10px); }
.footerLinkList li img { max-width: 100%; height: auto; vertical-align: top; }

#pageTop { position: fixed; bottom: 0; right: 0; width: 80px; aspect-ratio: 1; clip-path: polygon(0 100%, 100% 0, 100% 100%); background: #000; display: flex; justify-content: flex-end; align-items: flex-end; padding: 10px; z-index: 99; }
#pageTop a { display: block; width: 35px; height: 35px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg  xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cg%3E%3Cpolygon fill='%23FFFFFF' points='22.9 12 12.5 1.6 2.1 12 2.9 12.7 12 3.6 12 4 12 23.4 13 23.4 13 4 13 3.6 22.1 12.7 22.9 12' /%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; background-size: 25px 25px; }
#pageTop a:hover { transform: translateY(-5px); }

.up { transform: translateY(80px); opacity: 0; transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1); }
.up.upstyle { transform: translateY(0); opacity: 1; }
