body { position: relative; margin: 0; padding: 0; background: #0B1208; color: #fff; font-size: 1rem; line-height: 1.5; font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; }

a:link, a:visited { color: #fff; text-decoration: none; }

header { padding: 8% 0; text-align: center; }

header img { max-width: 70%; }

.slider { margin-bottom: 12%; }

.heading { margin: 0 10% 12%; }

.movie { margin: 0 10% 12%; }

.movie div { position: relative; width: 100%; padding-top: 56.25%; }

.movie div iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }

.desc { margin: 0 0 12%; line-height: 2.2; text-align: center; }

.logo_5019 { margin: 0 30% 12%; }

.logo_foodtruck { margin: 0 30% 12%; }

.sns { display: flex; justify-content: space-between; margin: 0 12% 12%; }

.sns div p { margin: 0; }

.sns div:first-child { width: 41%; }

.sns div:last-child { width: 50%; text-align: center; }

.sns div:last-child img { width: 82%; margin-bottom: 4vw; }

.sns div:last-child p:first-of-type { margin-bottom: 4vw; font-size: 1.2rem; }

.sns div:last-child p:last-of-type { font-size: .8rem; }

footer { margin: 0 10% 12%; border: 4px solid #13221F; border-radius: 6px; text-align: center; }

footer div p { margin: 0; }

footer div:first-child { background: #13221F; padding: 3vw 0; }

footer div:first-child p:first-child { margin-bottom: 2vw; font-size: .7rem; }

footer div:first-child p:last-child { font-size: 1.3rem; }

footer div:last-child { padding: 2vw 0 5vw; }

footer div:last-child p:first-child { margin-bottom: 3vw; font-size: 2.2rem; }

footer div:last-child p:first-child::before { content: ''; display: inline-block; width: 26px; height: 35px; background: url(img/telephone.png); background-size: contain; margin-right: 10px; vertical-align: middle; }

footer div:last-child p:last-child { font-size: .8rem; }

@media screen and (min-width: 1025px) { header { padding: 60px 0; }
  header img { max-width: 715px; }
  .pcn { display: none; }
  .slide { margin-bottom: 100px; }
  .heading { max-width: 960px; margin: 0 auto 100px; }
  .movie { max-width: 1170px; margin: 0 auto 100px; }
  .desc { margin: 0 0 100px; font-size: 1.4rem; line-height: 2; }
  .logo_5019 { max-width: 500px; margin: 0 auto 100px; }
  .logo_foodtruck { max-width: 550px; margin: 0 auto 100px; }
  .sns { max-width: 1000px; margin: 0 auto 10%; }
  .sns div:first-child { width: 40%; }
  .sns div:last-child { width: 50%; }
  .sns div:last-child img { width: 80%; margin-bottom: 45px; }
  .sns div:last-child p:first-of-type { margin-bottom: 45px; font-size: 4rem; }
  .sns div:last-child p:last-of-type { font-size: 2.3rem; }
  footer { max-width: 1170px; margin: 0 auto 60px; border: 4px solid #13221F; border-radius: 4px; }
  footer div:first-child { padding: 30px 0; }
  footer div:first-child p:first-child { margin-bottom: 10px; font-size: 1.1rem; }
  footer div:first-child p:last-child { font-size: 3.5rem; letter-spacing: 2px; }
  footer div:last-child { padding: 20px 0 50px; }
  footer div:last-child p:first-child { margin-bottom: 0; font-size: 6rem; letter-spacing: 3px; }
  footer div:last-child p:first-child::before { width: 59px; height: 80px; margin-right: 15px; }
  footer div:last-child p:last-child { font-size: 1.1rem; } }