@charset "UTF-8";

.btn-phone,
.contact-container p,
.privacy-policy a,
h1 {
  text-align: center
}

.btn,
.icon-container,
.overlayArea {
  position: relative
}

.btn,
.btn2,
.cta-btn3,
.phone-btn3 {
  text-decoration: none;
  transition: .3s
}

button,
nav ul {
  margin: 0 auto
}

img,
input,
nav,
nav ul {
  width: 100%
}

.contact-form {
  font-family: "Noto Sans JP";
  background-color: #f8f7f1;
  padding: 0 0 140px;
  display: flex;
  justify-content: center
}

.contact-container,
button:hover,
input,
textarea {
  background: #fff
}

.contact-container {
  padding: 80px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgb(0 0 0 / .1);
  width: 928px
}

.contact-container p {
  color: #333;
  font-family: "Noto Sans JP";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding-bottom: 24px
}

.contact-container h1,
label {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700
}

.contact-container h1 {
  color: #ff760d;
  text-align: center;
  font-size: 48px;
  line-height: normal
}

h1 {
  color: #ff760d;
  font-size: 28px
}

.contact-underline {
  display: flex;
  justify-content: center;
  margin-bottom: 30px
}

.privacy-policy-font,
label {
  margin-bottom: 5px;
  color: #333;
  font-size: 14px;
  display: block
}

label {
  line-height: 150%
}

button,
button:hover {
  font-size: 16px;
  font-weight: 500
}

.privacy-policy a,
.privacy-policy-font,
button,
button:hover {
  line-height: normal;
  font-family: "Noto Sans JP";
  font-style: normal
}

.privacy-policy-font {
  align-items: center;
  gap: 5px;
  font-weight: 400
}

.header {
  padding: 10px 40px;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ccc;
  background: #fff;
  height: 98px;
}

.btn-form p {
  margin-top: 30px;
}

.btn,
.btn-container,
.header,
button {
  display: flex;
  justify-content: center;
}

.required {
  margin-left: 5px;
  border-radius: 2px;
  background: #ef0000;
  padding: 0 9.184px;
  color: #fff;
  font-family: "Noto Sans JP";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%
}

.btn,
.btn-phone {
  font-weight: 700
}

input {
  padding: 10px;
  margin-bottom: 27px;
  border-radius: 50.512px;
  border: .918px solid #333
}

button {
  background-color: #ff760d;
  border: none;
  cursor: pointer;
  border-radius: 80px;
  padding: 20px 20px 20px 40px;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 276px;
  height: 63px;
  color: #fff
}

button:hover {
  border-radius: 80px;
  border: 2px solid #ff760d;
  color: #ff760d
}

.privacy-policy {
  font-size: 14px;
  margin-bottom: 3px;
  display: flex;
  align-items: flex-start;
  gap: 5px;
  justify-content: center
}

.privacy-policy a {
  text-decoration: underline;
  color: #23a8d8;
  font-size: 14px;
  font-weight: 400;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  cursor: pointer
}

.privacy-policy a:hover {
  opacity: .7
}

input[type=checkbox] {
  width: 16px;
  height: 16px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background: #fff
}

input[type=email],
input[type=tel],
input[type=text],
textarea {
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 16px;
  box-sizing: border-box;
  margin-bottom: 15px
}

picture {
  display: block
}

img {
  vertical-align: bottom;
  height: auto
}

a {
  text-decoration: none
}

button:hover svg path {
  fill: #FF760D
}

.btn,
.btn-form,
.btn2,
.cta-btn3 {
  box-shadow: 0 2px 4px 0 rgb(75 75 75 / .4)
}

body {
  font-family: "Noto Sans JP", sans-serif;
  overflow: auto
}

.header {
  padding: 10px 40px;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ccc;
  background: #fff
}

.logo,
.logo img {
  width: 250px;
  height: 64px;
  flex-shrink: 0
}

.btn-form .icon-container,
.btn-phone .icon-container,
.icon-container,
.phone-btn3 .icon-container3 {
  width: 40px;
  height: 40px
}

.btn-container {
  gap: 10px
}

.btn {
  border-radius: 55px;
  align-items: center;
  gap: 30px;
  padding: 10px 20px;
  border: 2px solid #fff0;
}

.btn-form,
.btn-phone {
  border: 2px solid #ff760d
}

.icon-container {
  display: inline-block
}

.icon-container img,
.icon-container2 img,
.icon-container3 img {
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity .3s
}

.arrow-container img.hover,
.arrow-container2 img.hover,
.arrow-container3 img.hover,
.btn2:hover .arrow-container2 img.default,
.btn2:hover .icon-container2 img.default,
.btn3:hover .arrow-container3 img.default,
.btn3:hover .icon-container3 img.default,
.btn:hover .arrow-container img.default,
.btn:hover .icon-container img.default,
.icon-container img.hover,
.icon-container2 img.hover,
.icon-container3 img.hover {
  opacity: 0
}

.btn2:hover .arrow-container2 img.hover,
.btn2:hover .icon-container2 img.hover,
.btn3:hover .arrow-container3 img.hover,
.btn3:hover .icon-container3 img.hover,
.btn:hover .arrow-container img.hover,
.btn:hover .icon-container img.hover {
  opacity: 1
}

.arrow-container,
.arrow-container2 {
  display: inline-block;
  margin-left: auto;
  position: relative;
  width: 24px;
  height: 24px
}

.arrow-container img,
.arrow-container2 img,
.arrow-container3 img {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  transition: opacity .3s
}

.btn-phone {
  background-color: #ff760d;
  color: #fff;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  line-height: 130%
}

.btn-form,
.btn-line {
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 18px
}

.btn-phone:hover {
  background-color: #fff;
  color: #ff760d
}

.btn-line {
  background-color: #57be4a;
  color: #fff
}

.btn-line2:hover,
.btn-line:hover {
  background-color: #fff;
  color: #57be4a;
  border-color: #57be4a
}

.btn-form {
  background-color: #fff;
  color: #ff760d
}

.btn-form2:hover,
.btn-form:hover {
  background-color: #ff760d;
  color: #fff
}

@media (max-width:1024px) {
  .icon-container {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 25px
  }
}

.btn-frame2 {
  position: absolute;
  top: 34%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: auto;
  left: 29.8%;
  height: auto;
  animation: 1.4s ease-in-out infinite ponpon
}

.btn2,
.cta-btn3,
.icon-container2 {
  position: relative
}

.btn-line2 {
  background-color: #57be4a;
  color: #fff
}

.btn2 {
  padding: 7px 16px;
  border: 2px solid #fff0;
  flex-wrap: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 55px;
  height: 66px;
  white-space: nowrap;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: .3
}

.btn-form2 .icon-container2,
.icon-container2 {
  width: 50px;
  height: 50px
}

.cta-text2,
.cta-text3 {
  font-size: 24px;
  line-height: 120%;
  text-align: center;
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700
}

.icon-container2 {
  display: inline-block;
  margin-right: 10px
}

.btn-form2 {
  border: 2px solid #ff760d;
  background-color: #fff;
  color: #ff760d
}

.cta-container3 {
  display: flex;
  padding: 80px 0;
  flex-direction: column;
  align-items: center;
  gap: 26.278px
}

.cta-btn3 {
  width: 448px;
  border-radius: 55px;
  border: 2px solid #fff0;
  font-weight: 700;
  display: flex;
  padding: 12px 16px 12px 24px;
  justify-content: center;
  align-items: center;
  gap: 1px
}

.arrow-container3,
.icon-container3 {
  display: inline-block;
  position: relative
}

.cta-bottom3,
.phone-btn3 {
  gap: 20px;
  display: flex
}

.arrow-container3 {
  width: 32px !important;
  height: 32px !important
}

.cta-text3 {
  margin: 0
}

.icon-container3 {
  width: 57px;
  height: 57px
}

.cta-text2 {
  margin: 38px 0 0
}

.phone-btn3 {
  background-color: #f57c00;
  align-items: center;
  padding: 15px 20px;
  color: #fff;
  font-weight: 700;
  position: relative;
  box-shadow: 2px 4px 6px rgb(0 0 0 / .1);
  height: 100px;
  width: 478px;
  border: 4px solid #f57c00
}

.badge3,
.line-btn3 {
  justify-content: center
}

.cta-subtext3 {
  margin: 0;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%
}

.badge3,
.form-btn3 {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-align: center
}

.badge3 {
  position: absolute;
  top: 10px;
  border-radius: 40px;
  background: #fff700;
  display: flex;
  padding: 5px 20px;
  align-items: center;
  gap: 8px;
  color: #333;
  font-size: 20px
}

.badge2 {
  position: absolute;
  top: 10px;
  border-radius: 40px;
  background: #fff700;
  display: flex;
  padding: 3px 25px;
  align-items: center;
  gap: 8px;
  color: #333;
  font-size: 15px;
}

.form-btn3,
.line-btn3 {
  position: relative;
  gap: 20px;
  border-radius: 80px;
  box-shadow: 0 2px 4px 0 rgb(75 75 75 / .4);
  height: 100px;
  display: flex
}

.line-btn3 {
  align-items: center;
  background: #57be4a;
  width: 478px
}

.form-btn3 {
  padding: 12px 16px 12px 24px;
  justify-content: space-around;
  align-items: center;
  align-self: stretch;
  border: 3px solid #ff760d;
  background: #fff;
  width: 502px;
  color: #ff760d;
  font-size: 28px;
}

.line-btn3 {
  color: #fff;
  border: 3px solid #57be4a
}

.line-btn3:hover {
  background-color: #fff0;
  color: #57be4a;
  border: 3px solid #57be4a
}

.form-btn3:hover {
  background-color: #f57c00;
  color: #fff;
  border: 3px solid #fff
}

.phone-btn3:hover {
  background-color: #fff;
  color: #f57c00;
  border: 4px solid #f57c00
}

.cta-container2 {
  display: flex;
  padding: 64px 0 64px;
  flex-direction: column;
  align-items: center;
  gap: 26.278px
}

@media screen and (min-width:2000px) {
  .btn-frame2 {
    position: absolute;
    top: 33.5%;
    left: 29.8%;
    height: auto;
    width: 46%;
    animation: 1.4s ease-in-out infinite ponpon;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start
  }
}

@media screen and (max-width:1024px) {
  .btn-frame2 {
    position: absolute;
    top: 34%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: auto;
    left: 29.8%;
    height: auto;
    animation: 1.4s ease-in-out infinite ponpon
  }

  .icon-container2 {
    display: inline-block;
    position: relative;
    width: 38px;
    height: 38px;
    margin-right: 10px
  }

  .btn2 {
    position: relative;
    padding: 6px 16px;
    border: 2px solid #fff0;
    flex-wrap: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 55px;
    box-shadow: 0 2px 4px 0 rgb(75 75 75 / .4);
    text-decoration: none;
    transition: .3s;
    height: 53px;
    white-space: nowrap;
    text-align: center;
    font-family: "Noto Sans JP";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: .3
  }

  .btn-form2 .icon-container2 {
    width: 30px;
    height: 30px
  }

  .arrow-container2 {
    display: inline-block;
    margin-left: auto;
    position: relative;
    width: 19px;
    height: 19px
  }

  .btn-form2 {
    border: 2px solid #ff760d;
    background-color: #fff;
    color: #ff760d
  }

  .icon-container2 img {
    width: 30px !important;
    height: 30px !important;
    flex-shrink: 0
  }

  .btn-line2 img {
    width: 38px !important;
    height: 38px !important
  }

  .arrow-container2 img {
    width: 19px !important;
    height: 19px !important
  }
}

@media screen and (max-width:768px) {
  .contact-form {
    font-family: "Noto Sans JP";
    background-color: #f8f7f1;
    padding: 60px 13px 140px;
    display: flex;
    justify-content: center
  }

  .contact-container {
    background: #fff;
    padding: 40px 13px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgb(0 0 0 / .1);
    width: 100%
  }

  .privacy-policy {
    font-size: 14px;
    display: flex;
    gap: 5px;
    justify-content: center;
    width: 260px;
    margin: 15px auto
  }

  .cta-subtext3,
  .form-btn3 {
    font-family: "Noto Sans JP";
    font-weight: 700
  }

  .cta-subtext3,
  .cta-text3 {
    margin: 0;
    text-align: center;
    font-style: normal
  }

  .cta-bottom3 {
    display: flex;
    gap: 12px;
    flex-direction: column;
    width: 100%
  }

  .cta-container2 {
    display: flex;
    padding: 40px 135px 64px;
    flex-direction: column;
    align-items: center;
    gap: 12px
  }

  .phone-btn3 {
    background-color: #f57c00;
    display: flex;
    align-items: center;
    padding: 18px 14px;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    position: relative;
    transition: .3s;
    box-shadow: 2px 4px 6px rgb(0 0 0 / .1);
    gap: 15px;
    height: 100px;
    width: 100%;
    border: 4px solid #f57c00
  }

  .icon-container3 {
    display: inline-block;
    position: relative;
    width: 55px;
    height: 49px
  }

  .form-btn3,
  .line-btn3 {
    display: flex;
    border-radius: 80px;
    box-shadow: 0 2px 4px 0 rgb(75 75 75 / .4);
    height: 100px;
    width: 100%;
    position: relative
  }

  .line-btn3 {
    justify-content: center;
    align-items: center;
    gap: 20px;
    background: #57be4a;
    color: #fff
  }

  .cta-subtext3 {
    opacity: initial;
    font-size: 14px;
    line-height: 130%
  }

  .form-btn3 {
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border: 3px solid #ff760d;
    background: #fff;
    color: #ff760d;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    line-height: 120%
  }

  .phone-btn3 .icon-container3 {
    width: 30px;
    height: 30px
  }

  .phone-btn3 .icon-container3 img {
    width: 30px !important;
    height: 30px !important
  }

  .cta-text3 {
    font-family: "Hiragino Sans";
    font-size: 20px;
    font-weight: 600;
    line-height: 130%
  }

  .badge3,
  .cta-text2 {
    text-align: center;
    font-family: "Noto Sans JP";
    font-style: normal;
    font-weight: 700;
    line-height: 120%
  }

  .arrow-container3 {
    display: inline-block;
    position: relative;
    width: 20.944px;
    height: 20.944px;
    flex-shrink: 0
  }

  .arrow-container3 img {
    width: 20.944px !important;
    height: 20.944px !important;
    flex-shrink: 0
  }

  .cta-btn3 {
    padding: 18px 8px 14px
  }

  .cta-text2 {
    margin: 28px 0 0;
    font-size: 18px
  }

  .badge3 {
    position: absolute;
    top: 23px;
    color: #333;
    font-size: 14px;
    display: flex;
    padding: 3.273px 13.09px;
    justify-content: center;
    align-items: center;
    gap: 5.236px;
    border-radius: 26.18px;
    background: #fff700
  }

  .badge2 {
    position: absolute;
    top: 23px;
    color: #333;
    font-size: 14px;
    display: flex;
    padding: 3.273px 13.09px;
    justify-content: center;
    align-items: center;
    gap: 5.236px;
    border-radius: 26.18px;
    background: #fff700
  }

  .btn-frame2 {
    position: absolute;
    top: 26.6%;
    left: 24.5%;
    height: auto;
    width: 511px;
    animation: 1.4s ease-in-out infinite ponpon;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 8px
  }

  .btn-line2 {
    font-size: 26px
  }

  .btn2 {
    font-size: 26px;
    align-self: stretch;
    height: 110px;
    padding: 0
  }

  .icon-container2 {
    display: inline-block;
    position: relative;
    width: 55px;
    height: 55px;
    flex-shrink: 0
  }

  .icon-container2 img {
    width: 55px !important;
    height: 55px !important;
    flex-shrink: 0
  }

  .btn-form2 .icon-container2 img,
  .default {
    width: 55px !important;
    height: 55px !important
  }

  .arrow-container2 {
    display: inline-block;
    margin-left: inherit;
    position: relative;
    width: 38px;
    height: 38px
  }

  .arrow-container2 img {
    width: 38px !important;
    height: 38px !important
  }

  .btn-form2 {
    font-size: 23px
  }

  .btn-form2 .icon-container2 {
    width: 55px;
    height: 55px
  }

  .cta-container3 {
    display: flex;
    padding: 50px 135px 64px;
    flex-direction: column;
    align-items: center;
    gap: 12px
  }
}

@media screen and (max-width:425px) {
  .icon-container3 {
    display: inline-block;
    position: relative;
    width: 37.622px;
    height: 37.622px;
    flex-shrink: 0
  }

  .icon-container3 img {
    width: 37.622px !important;
    height: 37.622px !important;
    flex-shrink: 0
  }
}

@media screen and (max-width:430px) {
  .contact-form {
    font-family: "Noto Sans JP";
    background-color: #f8f7f1;
    padding: 60px 13px 103px;
    display: flex;
    justify-content: center
  }

  .cta-container2 {
    display: flex;
    padding: 40px 12px 64px;
    flex-direction: column;
    align-items: center;
    gap: 12px
  }

  .cta-container3 {
    display: flex;
    padding: 50px 12px 64px;
    flex-direction: column;
    align-items: center;
    gap: 12px
  }

  .btn-frame2 {
    position: absolute;
    top: 26.6%;
    left: 24%;
    height: auto;
    width: 300px;
    animation: 1.4s ease-in-out infinite ponpon;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 8px
  }

  .arrow-container2,
  .icon-container2 {
    display: inline-block;
    position: relative
  }

  .icon-container2 img {
    width: 35px !important;
    height: 35px !important;
    flex-shrink: 0
  }

  .btn2 {
    align-self: stretch;
    height: 75px
  }

  .btn-form2 .icon-container2,
  .icon-container2 {
    width: 35px;
    height: 35px
  }

  .btn-line2 {
    font-size: 16px
  }

  .icon-container2 {
    flex-shrink: 0
  }

  .btn-form2 .icon-container2 img,
  .default {
    width: 35px !important;
    height: 35px !important
  }

  .arrow-container2 {
    margin-left: inherit;
    margin-left: inherit;
    width: 23px;
    height: 23px
  }

  .btn-form2 {
    font-size: 14px
  }

  .arrow-container2 img {
    width: 23px !important;
    height: 23px !important
  }
}

@media screen and (max-width:400px) {
  .btn-frame2 {
    position: absolute;
    top: 26.6%;
    left: 24%;
    height: auto;
    width: 280px;
    animation: 1.4s ease-in-out infinite ponpon;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 8px
  }
}

@media screen and (max-width:375px) {

  .btn-form2 .icon-container2 img,
  .icon-container2 img {
    width: 32px !important;
    height: 32px !important
  }

  .btn2 {
    padding: 0
  }

  .btn-frame2 {
    position: absolute;
    top: 26%;
    left: 24%;
    height: auto;
    width: 270px;
    animation: 1.4s ease-in-out infinite ponpon;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 8px
  }

  .btn-form2 .icon-container2,
  .icon-container2 {
    width: 32px;
    height: 32px
  }

  .btn-line2 {
    font-size: 15px
  }

  .btn-form2 {
    font-size: 13px
  }

  .icon-container2 {
    margin-right: 4px;
    display: inline-block;
    position: relative;
    flex-shrink: 0
  }

  .icon-container2 img {
    flex-shrink: 0
  }
}

@media screen and (max-width:320px) {
  .badge3 {
    position: absolute;
    top: 13px;
    color: #333;
    text-align: center;
    font-family: "Noto Sans JP";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    display: flex;
    padding: 3.273px 13.09px;
    justify-content: center;
    align-items: center;
    gap: 5.236px;
    border-radius: 26.18px;
    background: #fff700
  }

  .badge2 {
    position: absolute;
    top: 13px;
    color: #333;
    text-align: center;
    font-family: "Noto Sans JP";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    display: flex;
    padding: 3.273px 13.09px;
    justify-content: center;
    align-items: center;
    gap: 5.236px;
    border-radius: 26.18px;
    background: #fff700
  }

  .btn-form2 .icon-container2 img,
  .icon-container2 img {
    width: 28px !important;
    height: 28px !important
  }

  .btn2 {
    align-self: stretch;
    height: 60px;
    padding: 0
  }

  .btn-frame2 {
    position: absolute;
    top: 26%;
    left: 24%;
    height: auto;
    width: 234px;
    animation: 1.4s ease-in-out infinite ponpon;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 8px
  }

  .btn-form2 .icon-container2,
  .icon-container2 {
    width: 28px;
    height: 28px
  }

  .arrow-container2,
  .icon-container2 {
    display: inline-block;
    position: relative
  }

  .icon-container2,
  .icon-container2 img {
    flex-shrink: 0
  }

  .arrow-container2 {
    margin-left: inherit;
    width: 18px;
    height: 18px
  }

  .arrow-container2 img {
    width: 18px !important;
    height: 18px !important
  }

  .btn-line2 {
    font-size: 14px
  }

  .btn-form2 {
    font-size: 12px
  }
}

html {
  scroll-behavior: smooth
}

nav {
  display: block;
  background: #fff0;
  padding: 22px 0 0;
  position: fixed;
  z-index: 999;
  line-height: 1;
  max-width: 750px;
  margin-inline: auto;
  margin: 0 auto !important
}

ul {
  list-style: none
}

nav ul {
  padding: 0;
  display: flex;
  text-align: center
}

nav ul li img {
  animation: .6s infinite alternate animefix;
  transform-origin: center
}

@media screen and (max-width:800px) {
  nav ul {
    padding: 0;
    display: flex;
    max-width: 500px;
    margin: 0 auto;
    width: 90%;
    text-align: center
  }

  nav ul li img {
    animation: .6s infinite alternate animefix;
    transform-origin: center
  }
}

@media screen and (max-width:960px) {
  nav {
    display: block;
    width: 100%;
    background: #fff0;
    padding: 12px 3px 0;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999
  }
}

@media screen and (max-width:432px) {
  nav {
    display: block;
    width: 100%;
    background: #fff0;
    padding: 0;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999
  }
}