/* RESET */
body {
  padding: 0;
  margin: 0;
}

iframe {
  padding: 0;
  margin: 0;
}

h1, h2, h3, h4, h5, h6, p, a, span {
  line-height: 1;
  font-size: 100%;
  padding: 0;
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

ul, li, dl, dt, dd {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.pc {
  display: block;
}

@media only screen and (max-width: 750px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}

@media only screen and (max-width: 750px) {
  .sp {
    display: block;
  }
}

.mv {
  width: 100%;
}

.mv .mv_logo {
  width: 12.33333vw;
  position: absolute;
  top: 1.66667vw;
  left: 1.66667vw;
}

@media only screen and (max-width: 750px) {
  .mv .mv_logo {
    width: 28.53333vw;
    top: 4vw;
    left: 4vw;
  }
}

.mv .mv_title {
  width: 41.66667vw;
  position: absolute;
  top: 20vw;
  left: 42.5vw;
}

@media only screen and (max-width: 750px) {
  .mv .mv_title {
    width: 100vw;
    top: 84vw;
    left: 50%;
    transform: translateX(-50%);
  }
}

.mv .mv_back {
  width: 100%;
}

.read {
  width: 100%;
  display: flex;
  justify-content: center;
}

.read p {
  margin-top: 8.33333vw;
  margin-bottom: 8.33333vw;
  line-height: 2;
  text-align: center;
  font-size: 1.5vw;
  font-weight: 300;
  font-weight: light;
  font-family: 'Noto Sans JP', sans-serif;
}

@media only screen and (min-width: 1200px) {
  .read p {
    margin-top: 100px;
    margin-bottom: 100px;
    font-size: 18px;
  }
}

@media only screen and (max-width: 750px) {
  .read p {
    width: 93.33333vw;
    margin-top: 13.33333vw;
    margin-bottom: 13.33333vw;
    word-break: break-all;
    font-size: 3.73333vw;
  }
}

.top_nav {
  width: 78.33333vw;
  display: flex;
  justify-content: space-between;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 16.66667vw;
}

@media only screen and (min-width: 1200px) {
  .top_nav {
    width: 940px;
    margin-bottom: 200px;
  }
}

@media only screen and (max-width: 750px) {
  .top_nav {
    width: 100%;
    margin-bottom: 26.66667vw;
  }
}

.top_nav li {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.top_nav li a img:nth-of-type(1) {
  width: 25vw;
}

@media only screen and (min-width: 1200px) {
  .top_nav li a img:nth-of-type(1) {
    width: 300px;
  }
}

@media only screen and (max-width: 750px) {
  .top_nav li a img:nth-of-type(1) {
    width: 32vw;
  }
}

.top_nav li a img:nth-of-type(2) {
  margin-top: 1.25vw;
}

@media only screen and (min-width: 1200px) {
  .top_nav li a img:nth-of-type(2) {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 750px) {
  .top_nav li a img:nth-of-type(2) {
    margin-top: 2vw;
  }
}

.top_nav li a img.top_nav_title1 {
  width: 6.41667vw;
  margin-bottom: 1.08333vw;
}

@media only screen and (min-width: 1200px) {
  .top_nav li a img.top_nav_title1 {
    width: 77px;
    margin-bottom: 13px;
  }
}

@media only screen and (max-width: 750px) {
  .top_nav li a img.top_nav_title1 {
    width: 13.33333vw;
    margin-bottom: 2.13333vw;
  }
}

.top_nav li a img.top_nav_title2 {
  width: 12.83333vw;
  margin-bottom: 0.58333vw;
}

@media only screen and (min-width: 1200px) {
  .top_nav li a img.top_nav_title2 {
    width: 154px;
    margin-bottom: 7px;
  }
}

@media only screen and (max-width: 750px) {
  .top_nav li a img.top_nav_title2 {
    width: 26.66667vw;
    margin-bottom: 0.93333vw;
  }
}

.top_nav li a img.top_nav_title3 {
  width: 5.5vw;
  margin-bottom: 0.91667vw;
}

@media only screen and (min-width: 1200px) {
  .top_nav li a img.top_nav_title3 {
    width: 66px;
    margin-bottom: 11px;
  }
}

@media only screen and (max-width: 750px) {
  .top_nav li a img.top_nav_title3 {
    width: 12vw;
    margin-bottom: 1.86667vw;
  }
}

.top_nav li a p {
  font-size: 1.5vw;
  font-weight: 300;
  font-family: 'Noto Serif JP', serif;
}

@media only screen and (min-width: 1200px) {
  .top_nav li a p {
    font-size: 18px;
  }
}

@media only screen and (max-width: 750px) {
  .top_nav li a p {
    font-size: 3.2vw;
  }
}

.right_nav {
  opacity: -0;
  width: 7.5vw;
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%) translateX(0%);
  transition: .6s;
  z-index: -100;
}

@media only screen and (min-width: 1200px) {
  .right_nav {
    width: 90px;
  }
}

@media only screen and (max-width: 750px) {
  .right_nav {
    display: flex;
    width: 100%;
    top: inherit;
    right: inherit;
    bottom: 0;
    transform: translateY(0%);
    transition: 0s;
  }
}

.right_nav li:not(:first-of-type) {
  margin-top: 0.83333vw;
}

@media only screen and (min-width: 1200px) {
  .right_nav li:not(:first-of-type) {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 750px) {
  .right_nav li:not(:first-of-type) {
    margin-top: 0;
  }
}

.right_nav li:nth-of-type(1) a span {
  background-color: #EAB8B7;
}

.right_nav li:nth-of-type(2) a span {
  background-color: #BF9D6D;
}

.right_nav li:nth-of-type(3) a span {
  background-color: #A5CFB4;
}

.right_nav li a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.right_nav li a img.side_nav_img {
  width: 100%;
}

@media only screen and (max-width: 750px) {
  .right_nav li a img.side_nav_img {
    display: none;
  }
}

.right_nav li a span {
  width: 100%;
  height: 2vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: 100%;
  background-repeat: no-repeat;
}

@media only screen and (min-width: 1200px) {
  .right_nav li a span {
    height: 24px;
  }
}

@media only screen and (max-width: 750px) {
  .right_nav li a span {
    width: 33.33333vw;
    height: 14.66667vw;
  }
}

.right_nav li a span .side_nav_title1 {
  width: 2.33333vw;
}

@media only screen and (min-width: 1200px) {
  .right_nav li a span .side_nav_title1 {
    width: 28px;
  }
}

@media only screen and (max-width: 750px) {
  .right_nav li a span .side_nav_title1 {
    width: 13.33333vw;
  }
}

.right_nav li a span .side_nav_title2 {
  width: 4.75vw;
}

@media only screen and (min-width: 1200px) {
  .right_nav li a span .side_nav_title2 {
    width: 57px;
  }
}

@media only screen and (max-width: 750px) {
  .right_nav li a span .side_nav_title2 {
    width: 26.66667vw;
  }
}

.right_nav li a span .side_nav_title3 {
  width: 2.08333vw;
}

@media only screen and (min-width: 1200px) {
  .right_nav li a span .side_nav_title3 {
    width: 25px;
  }
}

@media only screen and (max-width: 750px) {
  .right_nav li a span .side_nav_title3 {
    width: 12vw;
  }
}

section {
  margin-bottom: 16.66667vw;
}

@media only screen and (min-width: 1200px) {
  section {
    margin-bottom: 200px;
  }
}

@media only screen and (max-width: 750px) {
  section {
    margin-bottom: 20vw;
  }
}

#Knit1 .top_box_text, #Knit3 .top_box_text, #Cardigan1 .top_box_text, #Cardigan3 .top_box_text, #Vest1 .top_box_text {
  margin-right: auto;
  margin-left: 4.16667vw;
}

@media only screen and (min-width: 1200px) {
  #Knit1 .top_box_text, #Knit3 .top_box_text, #Cardigan1 .top_box_text, #Cardigan3 .top_box_text, #Vest1 .top_box_text {
    margin-left: 50px;
  }
}

@media only screen and (max-width: 750px) {
  #Knit1 .top_box_text, #Knit3 .top_box_text, #Cardigan1 .top_box_text, #Cardigan3 .top_box_text, #Vest1 .top_box_text {
    margin-right: inherit;
    margin-left: inherit;
  }
}

#Knit2 .top_box_text {
  margin-right: auto;
  margin-left: 0vw;
}

@media only screen and (min-width: 1200px) {
  #Knit2 .top_box_text {
    margin-left: 0;
  }
}

@media only screen and (max-width: 750px) {
  #Knit2 .top_box_text {
    margin-right: inherit;
    margin-left: inherit;
  }
}

#Knit4 .top_box .top_box_img, #Knit6 .top_box .top_box_img, #Cardigan2 .top_box .top_box_img, #Vest2 .top_box .top_box_img {
  margin-right: 4.16667vw;
}

@media only screen and (min-width: 1200px) {
  #Knit4 .top_box .top_box_img, #Knit6 .top_box .top_box_img, #Cardigan2 .top_box .top_box_img, #Vest2 .top_box .top_box_img {
    margin-right: 50px;
  }
}

@media only screen and (max-width: 750px) {
  #Knit4 .top_box .top_box_img, #Knit6 .top_box .top_box_img, #Cardigan2 .top_box .top_box_img, #Vest2 .top_box .top_box_img {
    margin-right: inherit;
    margin-left: inherit;
  }
}

#Knit5 .top_box_text {
  margin-right: 4.16667vw;
}

@media only screen and (min-width: 1200px) {
  #Knit5 .top_box_text {
    margin-right: 50px;
  }
}

@media only screen and (max-width: 750px) {
  #Knit5 .top_box_text {
    margin-right: inherit;
    margin-left: inherit;
  }
}

#Knit1 .sp_img_box a:nth-of-type(2), #Vest1 .sp_img_box a:nth-of-type(2) {
  text-align: right;
}

#Knit1 .sp_img_box a:nth-of-type(2) p, #Vest1 .sp_img_box a:nth-of-type(2) p {
  width: 84vw;
  margin-right: 3.33333vw;
}

#Knit1 .sp_img_box a:nth-of-type(3) p, #Vest1 .sp_img_box a:nth-of-type(3) p {
  width: 59.33333vw;
  margin-left: 6.66667vw;
}

#Knit2 .sp_img_box a:nth-of-type(1) {
  text-align: right;
}

#Knit2 .sp_img_box a:nth-of-type(2) p {
  width: 84vw;
  margin-left: 3.33333vw;
}

#Knit2 .sp_img_box a:nth-of-type(3) {
  text-align: right;
}

#Knit2 .sp_img_box a:nth-of-type(3) p {
  width: 59.33333vw;
  margin-right: 6.66667vw;
}

#Knit3 .sp_img_box a, #Knit4 .sp_img_box a, #Knit5 .sp_img_box a, #Knit6 .sp_img_box a, #Cardigan1 .sp_img_box a, #Cardigan2 .sp_img_box a, #Cardigan3 .sp_img_box a, #Vest2 .sp_img_box a {
  text-align: center;
}

.top_box {
  width: 83.33333vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (min-width: 1200px) {
  .top_box {
    width: 1000px;
  }
}

@media only screen and (max-width: 750px) {
  .top_box {
    width: 100%;
  }
}

.top_box .top_box_img {
  width: 39.58333vw;
}

@media only screen and (min-width: 1200px) {
  .top_box .top_box_img {
    width: 475px;
  }
}

@media only screen and (max-width: 750px) {
  .top_box .top_box_img {
    display: none;
  }
}

.top_box .top_box_img a {
  display: block;
}

.top_box .top_box_img a img {
  width: 100%;
}

.top_box .top_box_text {
  width: 35vw;
}

@media only screen and (min-width: 1200px) {
  .top_box .top_box_text {
    width: 420px;
  }
}

@media only screen and (max-width: 750px) {
  .top_box .top_box_text {
    width: 100%;
  }
}

.top_box .top_box_text div .knit_num {
  width: 19vw;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (min-width: 1200px) {
  .top_box .top_box_text div .knit_num {
    width: 228px;
  }
}

@media only screen and (max-width: 750px) {
  .top_box .top_box_text div .knit_num {
    width: 44.26667vw;
  }
}

.top_box .top_box_text div .cardigan_num {
  width: 28.16667vw;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (min-width: 1200px) {
  .top_box .top_box_text div .cardigan_num {
    width: 338px;
  }
}

@media only screen and (max-width: 750px) {
  .top_box .top_box_text div .cardigan_num {
    width: 66.66667vw;
  }
}

.top_box .top_box_text div .vest_num {
  width: 18.33333vw;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (min-width: 1200px) {
  .top_box .top_box_text div .vest_num {
    width: 220px;
  }
}

@media only screen and (max-width: 750px) {
  .top_box .top_box_text div .vest_num {
    width: 42.66667vw;
  }
}

.top_box .top_box_text div h1 {
  margin-top: 3.75vw;
  line-height: 1.5;
  text-align: center;
  font-size: 2vw;
  font-weight: 500;
  font-family: 'Noto Serif JP', serif;
}

@media only screen and (min-width: 1200px) {
  .top_box .top_box_text div h1 {
    margin-top: 45px;
    font-size: 24px;
  }
}

@media only screen and (max-width: 750px) {
  .top_box .top_box_text div h1 {
    margin-top: 8.66667vw;
    font-size: 5.2vw;
  }
}

.top_box .top_box_text div p {
  width: 30vw;
  margin-top: 2.5vw;
  margin-right: auto;
  margin-left: auto;
  text-align: justify;
  word-break: break-all;
  line-height: 1.75;
  letter-spacing: 0.08333vw;
  font-size: 1.33333vw;
  font-weight: 300;
  font-family: 'Noto Sans JP', sans-serif;
}

@media only screen and (min-width: 1200px) {
  .top_box .top_box_text div p {
    width: 360px;
    margin-top: 30px;
    font-size: 16px;
  }
}

@media only screen and (max-width: 750px) {
  .top_box .top_box_text div p {
    width: 86.66667vw;
    margin-top: 4.66667vw;
    margin-bottom: 5.33333vw;
    font-size: 3.46667vw;
  }
}

.top_box .top_box_text .sp_img_box a {
  display: block;
}

.top_box .top_box_text .sp_img_box a:not(:first-of-type) {
  margin-top: 10.66667vw;
}

.top_box .top_box_text .sp_img_box a .min {
  width: 65.33333vw;
}

.top_box .top_box_text .sp_img_box a img {
  width: 86.66667vw;
}

.top_box .top_box_text .sp_img_box a .max {
  width: 100%;
}

.top_box .top_box_text .credit {
  width: 100%;
  margin-top: 3.33333vw;
}

@media only screen and (min-width: 1200px) {
  .top_box .top_box_text .credit {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 750px) {
  .top_box .top_box_text .credit {
    width: 86.66667vw;
    margin-top: 4.16667vw;
    margin-right: auto;
    margin-left: auto;
  }
}

.top_box .top_box_text .credit dl {
  display: flex;
}

@media only screen and (max-width: 750px) {
  .top_box .top_box_text .credit dl {
    flex-wrap: wrap;
  }
}

.top_box .top_box_text .credit dl:not(:first-of-type) {
  margin-top: 1.25vw;
}

@media only screen and (min-width: 1200px) {
  .top_box .top_box_text .credit dl:not(:first-of-type) {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 750px) {
  .top_box .top_box_text .credit dl:not(:first-of-type) {
    margin-top: 4.66667vw;
  }
}

.top_box .top_box_text .credit dl dt {
  display: flex;
}

.top_box .top_box_text .credit dl dt.name {
  align-items: center;
  letter-spacing: -0.04167vw;
  font-size: 1.33333vw;
  font-weight: 300;
  font-family: 'Noto Sans JP', sans-serif;
}

@media only screen and (min-width: 1200px) {
  .top_box .top_box_text .credit dl dt.name {
    letter-spacing: -.5px;
    font-size: 16px;
  }
}

@media only screen and (max-width: 750px) {
  .top_box .top_box_text .credit dl dt.name {
    letter-spacing: -0.06667vw;
    font-size: 3.73333vw;
  }
}

.top_box .top_box_text .credit dl dd {
  display: flex;
}

.top_box .top_box_text .credit dl dd.price {
  margin-left: auto;
  align-items: center;
  font-size: 1.33333vw;
  font-weight: 300;
  font-family: 'Noto Sans JP', sans-serif;
}

@media only screen and (min-width: 1200px) {
  .top_box .top_box_text .credit dl dd.price {
    font-size: 16px;
  }
}

@media only screen and (max-width: 750px) {
  .top_box .top_box_text .credit dl dd.price {
    font-size: 3.73333vw;
  }
}

.top_box .top_box_text .credit dl dd.price span {
  margin-left: 0.16667vw;
  font-size: 0.83333vw;
}

@media only screen and (min-width: 1200px) {
  .top_box .top_box_text .credit dl dd.price span {
    margin-left: 2px;
    font-size: 10px;
  }
}

@media only screen and (max-width: 750px) {
  .top_box .top_box_text .credit dl dd.price span {
    margin-left: 0.26667vw;
    font-size: 2.13333vw;
  }
}

.top_box .top_box_text .credit dl dd.detail {
  padding-top: 0.41667vw;
  padding-left: 1.66667vw;
  padding-right: 1.66667vw;
  padding-bottom: 0.5vw;
  margin-left: 0.83333vw;
  letter-spacing: 0.08333vw;
  align-items: center;
  border: 1px solid #000;
  font-size: 1.16667vw;
  font-weight: 300;
  font-family: 'Noto Sans JP', sans-serif;
  transition: .6s;
}

.top_box .top_box_text .credit dl dd.detail:hover {
  border: 1px solid #6C6A65;
  background: #6C6A65;
  color: #fff;
  transition: .3s;
}

@media only screen and (min-width: 1200px) {
  .top_box .top_box_text .credit dl dd.detail {
    padding-top: 5px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 6px;
    margin-left: 10px;
    letter-spacing: 1px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 750px) {
  .top_box .top_box_text .credit dl dd.detail {
    padding-top: 1.33333vw;
    padding-left: 8vw;
    padding-right: 8vw;
    padding-bottom: 1.33333vw;
    margin-left: 1.33333vw;
    font-size: 3.2vw;
  }
}

.top_box .top_box_text .credit dl dd.grey_color {
  border: 1px solid #6C6A65;
  background: #6C6A65;
  color: #fff;
}

.top_box .top_box_text .credit dl dd.grey_color:hover {
  border: 1px solid #000;
  background: #fff;
  color: #000;
}

.top_box .top_box_text .credit dl dd.size_box {
  margin-left: 0.83333vw;
  align-items: center;
  font-size: 1.16667vw;
  font-weight: 300;
  font-family: 'Noto Sans JP', sans-serif;
}

@media only screen and (min-width: 1200px) {
  .top_box .top_box_text .credit dl dd.size_box {
    margin-left: 10px;
    font-size: 14px;
  }
}

@media only screen and (max-width: 750px) {
  .top_box .top_box_text .credit dl dd.size_box {
    width: 100%;
    margin-top: 2.66667vw;
    margin-left: 0vw;
    letter-spacing: 0.36667vw;
    font-size: 3.2vw;
  }
}

.top_box .top_box_text .credit dl dd.size_box a {
  text-decoration: underline;
}

@media only screen and (max-width: 750px) {
  .top_box .top_box_text .credit dl dd.size_box a:first-of-type {
    margin-right: 6.53333vw;
    margin-left: auto;
  }
}

.top_box .top_box_text .credit dl dd.visible {
  visibility: hidden;
}

@media only screen and (max-width: 750px) {
  .top_box .top_box_text .credit dl dd.visible {
    display: none;
  }
}

.top_box .top_box_text .credit .w_line {
  width: 100%;
  height: 1px;
  background: #000;
}

.bottom_box {
  width: 83.33333vw;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 5.41667vw;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (min-width: 1200px) {
  .bottom_box {
    width: 1000px;
    margin-top: 65px;
  }
}

.bottom_box .img_min {
  width: 34.66667vw;
  margin-top: 12.5vw;
}

@media only screen and (min-width: 1200px) {
  .bottom_box .img_min {
    width: 416px;
  }
}

@media only screen and (max-width: 750px) {
  .bottom_box .img_min {
    display: none;
  }
}

.bottom_box .img_mid {
  width: 39.58333vw;
}

@media only screen and (min-width: 1200px) {
  .bottom_box .img_mid {
    width: 475px;
  }
}

@media only screen and (max-width: 750px) {
  .bottom_box .img_mid {
    display: none;
  }
}

.bottom_box .img_center {
  width: 39.58333vw;
  margin-right: auto;
  margin-left: auto;
}

@media only screen and (min-width: 1200px) {
  .bottom_box .img_center {
    width: 475px;
  }
}

@media only screen and (max-width: 750px) {
  .bottom_box .img_center {
    display: none;
  }
}

.bottom_box img {
  width: 100%;
}

.bottom_box p {
  margin-top: 1.25vw;
  line-height: 1.75;
  text-align: justify;
  word-break: break-all;
  font-size: 1.33333vw;
  font-weight: 300;
  font-family: 'Noto Sans JP', sans-serif;
}

@media only screen and (min-width: 1200px) {
  .bottom_box p {
    margin-top: 15px;
    font-size: 16px;
  }
}

.ori {
  width: 37.5vw;
  display: flex;
  position: relative;
  margin-right: auto;
  margin-bottom: 12.5vw;
  margin-left: auto;
}

@media only screen and (min-width: 1200px) {
  .ori {
    width: 450px;
    margin-bottom: 150px;
  }
}

@media only screen and (max-width: 750px) {
  .ori {
    width: 60vw;
    margin-bottom: 37.33333vw;
  }
}

.ori img:nth-of-type(1) {
  width: 22.16667vw;
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translateY(-60%) translateX(-50%);
}

@media only screen and (min-width: 1200px) {
  .ori img:nth-of-type(1) {
    width: 266px;
  }
}

@media only screen and (max-width: 750px) {
  .ori img:nth-of-type(1) {
    width: 53.33333vw;
    top: 75%;
    transform: translateY(-75%) translateX(-50%);
  }
}

.ori img:nth-of-type(2) {
  width: 100%;
}

.scroll_top {
  display: block;
  width: 1.66667vw;
  position: fixed;
  right: 1.25vw;
  bottom: 2.5vw;
  opacity: 0;
  transition: .3s;
  z-index: -100;
}

@media only screen and (min-width: 1200px) {
  .scroll_top {
    width: 20px;
    right: 15px;
    bottom: 30px;
  }
}

@media only screen and (max-width: 750px) {
  .scroll_top {
    width: 4vw;
    right: 1.33333vw;
    bottom: 22.66667vw;
  }
}

.scroll_top img {
  width: 100%;
}

footer {
  width: 100%;
  /* ul:first-of-type */
  /* ul:last-of-type */
}

footer img {
  width: 100%;
}

footer ul:first-of-type {
  display: flex;
  justify-content: space-between;
  width: 20vw;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 2.5vw;
}

@media only screen and (min-width: 1200px) {
  footer ul:first-of-type {
    width: 240px;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 750px) {
  footer ul:first-of-type {
    width: 56vw;
    margin-bottom: 13.33333vw;
  }
}

footer ul:first-of-type li {
  width: 3.33333vw;
}

@media only screen and (min-width: 1200px) {
  footer ul:first-of-type li {
    width: 40px;
  }
}

@media only screen and (max-width: 750px) {
  footer ul:first-of-type li {
    width: 8vw;
  }
}

footer ul:last-of-type {
  display: flex;
  width: 46.66667vw;
  justify-content: space-between;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 3.33333vw;
}

@media only screen and (min-width: 1200px) {
  footer ul:last-of-type {
    width: 560px;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 750px) {
  footer ul:last-of-type {
    width: 60vw;
    flex-direction: column;
    margin-bottom: 0;
  }
}

footer ul:last-of-type li {
  width: 22vw;
}

@media only screen and (min-width: 1200px) {
  footer ul:last-of-type li {
    width: 264px;
  }
}

@media only screen and (max-width: 750px) {
  footer ul:last-of-type li {
    width: 100%;
    margin-bottom: 4.66667vw;
  }
}

footer p {
  display: block;
  text-align: center;
  margin-bottom: 16.66667vw;
  font-size: 0.91667vw;
}

@media only screen and (min-width: 1200px) {
  footer p {
    margin-bottom: 200px;
    font-size: 11px;
  }
}

@media only screen and (max-width: 750px) {
  footer p {
    font-size: 2.53333vw;
    margin-bottom: 20vw;
  }
}

.fade {
  opacity: 1;
  transition: .6s;
  z-index: 100;
}