@font-face {
  font-family: NotoSansCJKjp;
  src: url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Medium-Alphabetic.eot);
  src: url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Medium-Alphabetic.eot?#iefix) format("embedded-opentype"),url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Medium-Alphabetic.woff) format("woff"),url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Medium-Alphabetic.ttf) format("truetype"),url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Medium-Alphabetic.svg#NotoSansCJKjp) format("svg");
  font-weight: 500;
  font-style: normal
}
@font-face {
  font-family: NotoSansCJKjp;
  src: url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Regular-Alphabetic.eot);
  src: url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Regular-Alphabetic.eot?#iefix) format("embedded-opentype"),url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Regular-Alphabetic.woff) format("woff"),url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Regular-Alphabetic.ttf) format("truetype"),url(../fonts/NotoSansCJKjp/NotoSansCJKjp-Regular-Alphabetic.svg#NotoSansCJKjp) format("svg");
  font-weight: 400;
  font-style: normal
}
.fs-8 {
  font-size: 74px!important
}
.fs-7 {
  font-size: 30px!important
}
.fs-6 {
  font-size: 26px!important
}
.fs-5 {
  font-size: 24px!important
}
.fs-4 {
  font-size: 20px!important
}
.fs-3 {
  font-size: 13px!important
}
.fs-2 {
  font-size: 12px!important
}
.fs-1 {
  font-size: 10px!important
}
.fs-base {
  font-size: 15px!important
}
@media (min-width:576px) {
  .sm\:fs-8 {
    font-size: 74px!important
  }
  .sm\:fs-7 {
    font-size: 30px!important
  }
  .sm\:fs-6 {
    font-size: 26px!important
  }
  .sm\:fs-5 {
    font-size: 24px!important
  }
  .sm\:fs-4 {
    font-size: 20px!important
  }
  .sm\:fs-3 {
    font-size: 13px!important
  }
  .sm\:fs-2 {
    font-size: 12px!important
  }
  .sm\:fs-1 {
    font-size: 10px!important
  }
  .sm\:fs-base {
    font-size: 15px!important
  }
}
@media (min-width:768px) {
  .md\:fs-8 {
    font-size: 74px!important
  }
  .md\:fs-7 {
    font-size: 30px!important
  }
  .md\:fs-6 {
    font-size: 26px!important
  }
  .md\:fs-5 {
    font-size: 24px!important
  }
  .md\:fs-4 {
    font-size: 20px!important
  }
  .md\:fs-3 {
    font-size: 13px!important
  }
  .md\:fs-2 {
    font-size: 12px!important
  }
  .md\:fs-1 {
    font-size: 10px!important
  }
  .md\:fs-base {
    font-size: 15px!important
  }
}
@media (min-width:992px) {
  .lg\:fs-8 {
    font-size: 74px!important
  }
  .lg\:fs-7 {
    font-size: 30px!important
  }
  .lg\:fs-6 {
    font-size: 26px!important
  }
  .lg\:fs-5 {
    font-size: 24px!important
  }
  .lg\:fs-4 {
    font-size: 20px!important
  }
  .lg\:fs-3 {
    font-size: 13px!important
  }
  .lg\:fs-2 {
    font-size: 12px!important
  }
  .lg\:fs-1 {
    font-size: 10px!important
  }
  .lg\:fs-base {
    font-size: 15px!important
  }
}
@media (min-width:1200px) {
  .xl\:fs-8 {
    font-size: 74px!important
  }
  .xl\:fs-7 {
    font-size: 30px!important
  }
  .xl\:fs-6 {
    font-size: 26px!important
  }
  .xl\:fs-5 {
    font-size: 24px!important
  }
  .xl\:fs-4 {
    font-size: 20px!important
  }
  .xl\:fs-3 {
    font-size: 13px!important
  }
  .xl\:fs-2 {
    font-size: 12px!important
  }
  .xl\:fs-1 {
    font-size: 10px!important
  }
  .xl\:fs-base {
    font-size: 15px!important
  }
}
@media (min-width:1400px) {
  .xxl\:fs-8 {
    font-size: 74px!important
  }
  .xxl\:fs-7 {
    font-size: 30px!important
  }
  .xxl\:fs-6 {
    font-size: 26px!important
  }
  .xxl\:fs-5 {
    font-size: 24px!important
  }
  .xxl\:fs-4 {
    font-size: 20px!important
  }
  .xxl\:fs-3 {
    font-size: 13px!important
  }
  .xxl\:fs-2 {
    font-size: 12px!important
  }
  .xxl\:fs-1 {
    font-size: 10px!important
  }
  .xxl\:fs-base {
    font-size: 15px!important
  }
}
.fw-black {
  font-weight: 900
}
.fw-bold {
  font-weight: 700
}
.fw-semibold {
  font-weight: 600
}
.fw-medium {
  font-weight: 500
}
.fw-regular {
  font-weight: 400
}
.fw-light {
  font-weight: 300
}
.ff-second {
  font-family: Manrope,sans-serif
}
.ff-cormorant {
  font-family: Cormorant,sans-serif
}
:root {
  --color-primary: #000;
  --color-second: #323230;
  --color-white: #fff;
  --color-black: #000;
  --color-blue: #357db8;
  --color-blue-light: #e7eff1;
  --color-red: #FF0000;
  --color-body: #000;
  --color-gray-light: #f1f1ee;
  --color-gray-lighter: #E5E5DF;
  --color-dark: #323230;
  --fs-8: 74px;
  --fs-7: 30px;
  --fs-6: 26px;
  --fs-5: 24px;
  --fs-4: 20px;
  --fs-3: 13px;
  --fs-2: 12px;
  --fs-1: 10px;
  --fs-base: 15px
}
body {
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  color: #000;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  line-height: 1.5;
}
@media (min-width:768px) {
  body {
    font-size: 15px
  }
}
*,
::after,
::before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-top: 0
}
a {
  text-decoration: none;
  color: inherit
}
a,
button {
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity .15s ease-out;
  transition: opacity .15s ease-out
}
a:hover,
button:hover {
  opacity: .7
}
ul {
  margin-top: 0;
  margin-bottom: 0
}
img,
video {
  vertical-align: middle
}
table {
  border-collapse: collapse
}
.p-0 {
  padding: 0!important
}
.p-1 {
  padding: 8px!important
}
.p-2 {
  padding: 12px!important
}
.p-3 {
  padding: 16px!important
}
.p-4 {
  padding: 20px!important
}
.p-5 {
  padding: 24px!important
}
.pl-0 {
  padding-left: 0!important
}
.pl-1 {
  padding-left: 8px!important
}
.pl-2 {
  padding-left: 12px!important
}
.pl-3 {
  padding-left: 16px!important
}
.pl-4 {
  padding-left: 20px!important
}
.pl-5 {
  padding-left: 24px!important
}
.pr-0 {
  padding-right: 0!important
}
.pr-1 {
  padding-right: 8px!important
}
.pr-2 {
  padding-right: 12px!important
}
.pr-3 {
  padding-right: 16px!important
}
.pr-4 {
  padding-right: 20px!important
}
.pr-5 {
  padding-right: 24px!important
}
.pt-0 {
  padding-top: 0!important
}
.pt-1 {
  padding-top: 8px!important
}
.pt-2 {
  padding-top: 12px!important
}
.pt-3 {
  padding-top: 16px!important
}
.pt-4 {
  padding-top: 20px!important
}
.pt-5 {
  padding-top: 24px!important
}
.pb-0 {
  padding-bottom: 0!important
}
.pb-1 {
  padding-bottom: 8px!important
}
.pb-2 {
  padding-bottom: 12px!important
}
.pb-3 {
  padding-bottom: 16px!important
}
.pb-4 {
  padding-bottom: 20px!important
}
.pb-5 {
  padding-bottom: 24px!important
}
@media (min-width:576px) {
  .sm\:p-0 {
    padding: 0!important
  }
  .sm\:p-1 {
    padding: 8px!important
  }
  .sm\:p-2 {
    padding: 12px!important
  }
  .sm\:p-3 {
    padding: 16px!important
  }
  .sm\:p-4 {
    padding: 20px!important
  }
  .sm\:p-5 {
    padding: 24px!important
  }
  .sm\:pl-0 {
    padding-left: 0!important
  }
  .sm\:pl-1 {
    padding-left: 8px!important
  }
  .sm\:pl-2 {
    padding-left: 12px!important
  }
  .sm\:pl-3 {
    padding-left: 16px!important
  }
  .sm\:pl-4 {
    padding-left: 20px!important
  }
  .sm\:pl-5 {
    padding-left: 24px!important
  }
  .sm\:pr-0 {
    padding-right: 0!important
  }
  .sm\:pr-1 {
    padding-right: 8px!important
  }
  .sm\:pr-2 {
    padding-right: 12px!important
  }
  .sm\:pr-3 {
    padding-right: 16px!important
  }
  .sm\:pr-4 {
    padding-right: 20px!important
  }
  .sm\:pr-5 {
    padding-right: 24px!important
  }
  .sm\:pt-0 {
    padding-top: 0!important
  }
  .sm\:pt-1 {
    padding-top: 8px!important
  }
  .sm\:pt-2 {
    padding-top: 12px!important
  }
  .sm\:pt-3 {
    padding-top: 16px!important
  }
  .sm\:pt-4 {
    padding-top: 20px!important
  }
  .sm\:pt-5 {
    padding-top: 24px!important
  }
  .sm\:pb-0 {
    padding-bottom: 0!important
  }
  .sm\:pb-1 {
    padding-bottom: 8px!important
  }
  .sm\:pb-2 {
    padding-bottom: 12px!important
  }
  .sm\:pb-3 {
    padding-bottom: 16px!important
  }
  .sm\:pb-4 {
    padding-bottom: 20px!important
  }
  .sm\:pb-5 {
    padding-bottom: 24px!important
  }
}
@media (min-width:768px) {
  .md\:p-0 {
    padding: 0!important
  }
  .md\:p-1 {
    padding: 8px!important
  }
  .md\:p-2 {
    padding: 12px!important
  }
  .md\:p-3 {
    padding: 16px!important
  }
  .md\:p-4 {
    padding: 20px!important
  }
  .md\:p-5 {
    padding: 24px!important
  }
  .md\:pl-0 {
    padding-left: 0!important
  }
  .md\:pl-1 {
    padding-left: 8px!important
  }
  .md\:pl-2 {
    padding-left: 12px!important
  }
  .md\:pl-3 {
    padding-left: 16px!important
  }
  .md\:pl-4 {
    padding-left: 20px!important
  }
  .md\:pl-5 {
    padding-left: 24px!important
  }
  .md\:pr-0 {
    padding-right: 0!important
  }
  .md\:pr-1 {
    padding-right: 8px!important
  }
  .md\:pr-2 {
    padding-right: 12px!important
  }
  .md\:pr-3 {
    padding-right: 16px!important
  }
  .md\:pr-4 {
    padding-right: 20px!important
  }
  .md\:pr-5 {
    padding-right: 24px!important
  }
  .md\:pt-0 {
    padding-top: 0!important
  }
  .md\:pt-1 {
    padding-top: 8px!important
  }
  .md\:pt-2 {
    padding-top: 12px!important
  }
  .md\:pt-3 {
    padding-top: 16px!important
  }
  .md\:pt-4 {
    padding-top: 20px!important
  }
  .md\:pt-5 {
    padding-top: 24px!important
  }
  .md\:pb-0 {
    padding-bottom: 0!important
  }
  .md\:pb-1 {
    padding-bottom: 8px!important
  }
  .md\:pb-2 {
    padding-bottom: 12px!important
  }
  .md\:pb-3 {
    padding-bottom: 16px!important
  }
  .md\:pb-4 {
    padding-bottom: 20px!important
  }
  .md\:pb-5 {
    padding-bottom: 24px!important
  }
}
@media (min-width:992px) {
  .lg\:p-0 {
    padding: 0!important
  }
  .lg\:p-1 {
    padding: 8px!important
  }
  .lg\:p-2 {
    padding: 12px!important
  }
  .lg\:p-3 {
    padding: 16px!important
  }
  .lg\:p-4 {
    padding: 20px!important
  }
  .lg\:p-5 {
    padding: 24px!important
  }
  .lg\:pl-0 {
    padding-left: 0!important
  }
  .lg\:pl-1 {
    padding-left: 8px!important
  }
  .lg\:pl-2 {
    padding-left: 12px!important
  }
  .lg\:pl-3 {
    padding-left: 16px!important
  }
  .lg\:pl-4 {
    padding-left: 20px!important
  }
  .lg\:pl-5 {
    padding-left: 24px!important
  }
  .lg\:pr-0 {
    padding-right: 0!important
  }
  .lg\:pr-1 {
    padding-right: 8px!important
  }
  .lg\:pr-2 {
    padding-right: 12px!important
  }
  .lg\:pr-3 {
    padding-right: 16px!important
  }
  .lg\:pr-4 {
    padding-right: 20px!important
  }
  .lg\:pr-5 {
    padding-right: 24px!important
  }
  .lg\:pt-0 {
    padding-top: 0!important
  }
  .lg\:pt-1 {
    padding-top: 8px!important
  }
  .lg\:pt-2 {
    padding-top: 12px!important
  }
  .lg\:pt-3 {
    padding-top: 16px!important
  }
  .lg\:pt-4 {
    padding-top: 20px!important
  }
  .lg\:pt-5 {
    padding-top: 24px!important
  }
  .lg\:pb-0 {
    padding-bottom: 0!important
  }
  .lg\:pb-1 {
    padding-bottom: 8px!important
  }
  .lg\:pb-2 {
    padding-bottom: 12px!important
  }
  .lg\:pb-3 {
    padding-bottom: 16px!important
  }
  .lg\:pb-4 {
    padding-bottom: 20px!important
  }
  .lg\:pb-5 {
    padding-bottom: 24px!important
  }
}
@media (min-width:1200px) {
  .xl\:p-0 {
    padding: 0!important
  }
  .xl\:p-1 {
    padding: 8px!important
  }
  .xl\:p-2 {
    padding: 12px!important
  }
  .xl\:p-3 {
    padding: 16px!important
  }
  .xl\:p-4 {
    padding: 20px!important
  }
  .xl\:p-5 {
    padding: 24px!important
  }
  .xl\:pl-0 {
    padding-left: 0!important
  }
  .xl\:pl-1 {
    padding-left: 8px!important
  }
  .xl\:pl-2 {
    padding-left: 12px!important
  }
  .xl\:pl-3 {
    padding-left: 16px!important
  }
  .xl\:pl-4 {
    padding-left: 20px!important
  }
  .xl\:pl-5 {
    padding-left: 24px!important
  }
  .xl\:pr-0 {
    padding-right: 0!important
  }
  .xl\:pr-1 {
    padding-right: 8px!important
  }
  .xl\:pr-2 {
    padding-right: 12px!important
  }
  .xl\:pr-3 {
    padding-right: 16px!important
  }
  .xl\:pr-4 {
    padding-right: 20px!important
  }
  .xl\:pr-5 {
    padding-right: 24px!important
  }
  .xl\:pt-0 {
    padding-top: 0!important
  }
  .xl\:pt-1 {
    padding-top: 8px!important
  }
  .xl\:pt-2 {
    padding-top: 12px!important
  }
  .xl\:pt-3 {
    padding-top: 16px!important
  }
  .xl\:pt-4 {
    padding-top: 20px!important
  }
  .xl\:pt-5 {
    padding-top: 24px!important
  }
  .xl\:pb-0 {
    padding-bottom: 0!important
  }
  .xl\:pb-1 {
    padding-bottom: 8px!important
  }
  .xl\:pb-2 {
    padding-bottom: 12px!important
  }
  .xl\:pb-3 {
    padding-bottom: 16px!important
  }
  .xl\:pb-4 {
    padding-bottom: 20px!important
  }
  .xl\:pb-5 {
    padding-bottom: 24px!important
  }
}
@media (min-width:1400px) {
  .xxl\:p-0 {
    padding: 0!important
  }
  .xxl\:p-1 {
    padding: 8px!important
  }
  .xxl\:p-2 {
    padding: 12px!important
  }
  .xxl\:p-3 {
    padding: 16px!important
  }
  .xxl\:p-4 {
    padding: 20px!important
  }
  .xxl\:p-5 {
    padding: 24px!important
  }
  .xxl\:pl-0 {
    padding-left: 0!important
  }
  .xxl\:pl-1 {
    padding-left: 8px!important
  }
  .xxl\:pl-2 {
    padding-left: 12px!important
  }
  .xxl\:pl-3 {
    padding-left: 16px!important
  }
  .xxl\:pl-4 {
    padding-left: 20px!important
  }
  .xxl\:pl-5 {
    padding-left: 24px!important
  }
  .xxl\:pr-0 {
    padding-right: 0!important
  }
  .xxl\:pr-1 {
    padding-right: 8px!important
  }
  .xxl\:pr-2 {
    padding-right: 12px!important
  }
  .xxl\:pr-3 {
    padding-right: 16px!important
  }
  .xxl\:pr-4 {
    padding-right: 20px!important
  }
  .xxl\:pr-5 {
    padding-right: 24px!important
  }
  .xxl\:pt-0 {
    padding-top: 0!important
  }
  .xxl\:pt-1 {
    padding-top: 8px!important
  }
  .xxl\:pt-2 {
    padding-top: 12px!important
  }
  .xxl\:pt-3 {
    padding-top: 16px!important
  }
  .xxl\:pt-4 {
    padding-top: 20px!important
  }
  .xxl\:pt-5 {
    padding-top: 24px!important
  }
  .xxl\:pb-0 {
    padding-bottom: 0!important
  }
  .xxl\:pb-1 {
    padding-bottom: 8px!important
  }
  .xxl\:pb-2 {
    padding-bottom: 12px!important
  }
  .xxl\:pb-3 {
    padding-bottom: 16px!important
  }
  .xxl\:pb-4 {
    padding-bottom: 20px!important
  }
  .xxl\:pb-5 {
    padding-bottom: 24px!important
  }
}
.m-0 {
  margin: 0!important
}
.m-1 {
  margin: 8px!important
}
.m-2 {
  margin: 12px!important
}
.m-3 {
  margin: 16px!important
}
.m-4 {
  margin: 20px!important
}
.m-5 {
  margin: 24px!important
}
.ml-0 {
  margin-left: 0!important
}
.ml-1 {
  margin-left: 8px!important
}
.ml-2 {
  margin-left: 12px!important
}
.ml-3 {
  margin-left: 16px!important
}
.ml-4 {
  margin-left: 20px!important
}
.ml-5 {
  margin-left: 24px!important
}
.mr-0 {
  margin-right: 0!important
}
.mr-1 {
  margin-right: 8px!important
}
.mr-2 {
  margin-right: 12px!important
}
.mr-3 {
  margin-right: 16px!important
}
.mr-4 {
  margin-right: 20px!important
}
.mr-5 {
  margin-right: 24px!important
}
.mt-0 {
  margin-top: 0!important
}
.mt-1 {
  margin-top: 8px!important
}
.mt-2 {
  margin-top: 12px!important
}
.mt-3 {
  margin-top: 16px!important
}
.mt-4 {
  margin-top: 20px!important
}
.mt-5 {
  margin-top: 24px!important
}
.mb-0 {
  margin-bottom: 0!important
}
.mb-1 {
  margin-bottom: 8px!important
}
.mb-2 {
  margin-bottom: 12px!important
}
.mb-3 {
  margin-bottom: 16px!important
}
.mb-4 {
  margin-bottom: 20px!important
}
.mb-5 {
  margin-bottom: 24px!important
}
@media (min-width:576px) {
  .sm\:m-0 {
    margin: 0!important
  }
  .sm\:m-1 {
    margin: 8px!important
  }
  .sm\:m-2 {
    margin: 12px!important
  }
  .sm\:m-3 {
    margin: 16px!important
  }
  .sm\:m-4 {
    margin: 20px!important
  }
  .sm\:m-5 {
    margin: 24px!important
  }
  .sm\:ml-0 {
    margin-left: 0!important
  }
  .sm\:ml-1 {
    margin-left: 8px!important
  }
  .sm\:ml-2 {
    margin-left: 12px!important
  }
  .sm\:ml-3 {
    margin-left: 16px!important
  }
  .sm\:ml-4 {
    margin-left: 20px!important
  }
  .sm\:ml-5 {
    margin-left: 24px!important
  }
  .sm\:mr-0 {
    margin-right: 0!important
  }
  .sm\:mr-1 {
    margin-right: 8px!important
  }
  .sm\:mr-2 {
    margin-right: 12px!important
  }
  .sm\:mr-3 {
    margin-right: 16px!important
  }
  .sm\:mr-4 {
    margin-right: 20px!important
  }
  .sm\:mr-5 {
    margin-right: 24px!important
  }
  .sm\:mt-0 {
    margin-top: 0!important
  }
  .sm\:mt-1 {
    margin-top: 8px!important
  }
  .sm\:mt-2 {
    margin-top: 12px!important
  }
  .sm\:mt-3 {
    margin-top: 16px!important
  }
  .sm\:mt-4 {
    margin-top: 20px!important
  }
  .sm\:mt-5 {
    margin-top: 24px!important
  }
  .sm\:mb-0 {
    margin-bottom: 0!important
  }
  .sm\:mb-1 {
    margin-bottom: 8px!important
  }
  .sm\:mb-2 {
    margin-bottom: 12px!important
  }
  .sm\:mb-3 {
    margin-bottom: 16px!important
  }
  .sm\:mb-4 {
    margin-bottom: 20px!important
  }
  .sm\:mb-5 {
    margin-bottom: 24px!important
  }
}
@media (min-width:768px) {
  .md\:m-0 {
    margin: 0!important
  }
  .md\:m-1 {
    margin: 8px!important
  }
  .md\:m-2 {
    margin: 12px!important
  }
  .md\:m-3 {
    margin: 16px!important
  }
  .md\:m-4 {
    margin: 20px!important
  }
  .md\:m-5 {
    margin: 24px!important
  }
  .md\:ml-0 {
    margin-left: 0!important
  }
  .md\:ml-1 {
    margin-left: 8px!important
  }
  .md\:ml-2 {
    margin-left: 12px!important
  }
  .md\:ml-3 {
    margin-left: 16px!important
  }
  .md\:ml-4 {
    margin-left: 20px!important
  }
  .md\:ml-5 {
    margin-left: 24px!important
  }
  .md\:mr-0 {
    margin-right: 0!important
  }
  .md\:mr-1 {
    margin-right: 8px!important
  }
  .md\:mr-2 {
    margin-right: 12px!important
  }
  .md\:mr-3 {
    margin-right: 16px!important
  }
  .md\:mr-4 {
    margin-right: 20px!important
  }
  .md\:mr-5 {
    margin-right: 24px!important
  }
  .md\:mt-0 {
    margin-top: 0!important
  }
  .md\:mt-1 {
    margin-top: 8px!important
  }
  .md\:mt-2 {
    margin-top: 12px!important
  }
  .md\:mt-3 {
    margin-top: 16px!important
  }
  .md\:mt-4 {
    margin-top: 20px!important
  }
  .md\:mt-5 {
    margin-top: 24px!important
  }
  .md\:mb-0 {
    margin-bottom: 0!important
  }
  .md\:mb-1 {
    margin-bottom: 8px!important
  }
  .md\:mb-2 {
    margin-bottom: 12px!important
  }
  .md\:mb-3 {
    margin-bottom: 16px!important
  }
  .md\:mb-4 {
    margin-bottom: 20px!important
  }
  .md\:mb-5 {
    margin-bottom: 24px!important
  }
}
@media (min-width:992px) {
  .lg\:m-0 {
    margin: 0!important
  }
  .lg\:m-1 {
    margin: 8px!important
  }
  .lg\:m-2 {
    margin: 12px!important
  }
  .lg\:m-3 {
    margin: 16px!important
  }
  .lg\:m-4 {
    margin: 20px!important
  }
  .lg\:m-5 {
    margin: 24px!important
  }
  .lg\:ml-0 {
    margin-left: 0!important
  }
  .lg\:ml-1 {
    margin-left: 8px!important
  }
  .lg\:ml-2 {
    margin-left: 12px!important
  }
  .lg\:ml-3 {
    margin-left: 16px!important
  }
  .lg\:ml-4 {
    margin-left: 20px!important
  }
  .lg\:ml-5 {
    margin-left: 24px!important
  }
  .lg\:mr-0 {
    margin-right: 0!important
  }
  .lg\:mr-1 {
    margin-right: 8px!important
  }
  .lg\:mr-2 {
    margin-right: 12px!important
  }
  .lg\:mr-3 {
    margin-right: 16px!important
  }
  .lg\:mr-4 {
    margin-right: 20px!important
  }
  .lg\:mr-5 {
    margin-right: 24px!important
  }
  .lg\:mt-0 {
    margin-top: 0!important
  }
  .lg\:mt-1 {
    margin-top: 8px!important
  }
  .lg\:mt-2 {
    margin-top: 12px!important
  }
  .lg\:mt-3 {
    margin-top: 16px!important
  }
  .lg\:mt-4 {
    margin-top: 20px!important
  }
  .lg\:mt-5 {
    margin-top: 24px!important
  }
  .lg\:mb-0 {
    margin-bottom: 0!important
  }
  .lg\:mb-1 {
    margin-bottom: 8px!important
  }
  .lg\:mb-2 {
    margin-bottom: 12px!important
  }
  .lg\:mb-3 {
    margin-bottom: 16px!important
  }
  .lg\:mb-4 {
    margin-bottom: 20px!important
  }
  .lg\:mb-5 {
    margin-bottom: 24px!important
  }
}
@media (min-width:1200px) {
  .xl\:m-0 {
    margin: 0!important
  }
  .xl\:m-1 {
    margin: 8px!important
  }
  .xl\:m-2 {
    margin: 12px!important
  }
  .xl\:m-3 {
    margin: 16px!important
  }
  .xl\:m-4 {
    margin: 20px!important
  }
  .xl\:m-5 {
    margin: 24px!important
  }
  .xl\:ml-0 {
    margin-left: 0!important
  }
  .xl\:ml-1 {
    margin-left: 8px!important
  }
  .xl\:ml-2 {
    margin-left: 12px!important
  }
  .xl\:ml-3 {
    margin-left: 16px!important
  }
  .xl\:ml-4 {
    margin-left: 20px!important
  }
  .xl\:ml-5 {
    margin-left: 24px!important
  }
  .xl\:mr-0 {
    margin-right: 0!important
  }
  .xl\:mr-1 {
    margin-right: 8px!important
  }
  .xl\:mr-2 {
    margin-right: 12px!important
  }
  .xl\:mr-3 {
    margin-right: 16px!important
  }
  .xl\:mr-4 {
    margin-right: 20px!important
  }
  .xl\:mr-5 {
    margin-right: 24px!important
  }
  .xl\:mt-0 {
    margin-top: 0!important
  }
  .xl\:mt-1 {
    margin-top: 8px!important
  }
  .xl\:mt-2 {
    margin-top: 12px!important
  }
  .xl\:mt-3 {
    margin-top: 16px!important
  }
  .xl\:mt-4 {
    margin-top: 20px!important
  }
  .xl\:mt-5 {
    margin-top: 24px!important
  }
  .xl\:mb-0 {
    margin-bottom: 0!important
  }
  .xl\:mb-1 {
    margin-bottom: 8px!important
  }
  .xl\:mb-2 {
    margin-bottom: 12px!important
  }
  .xl\:mb-3 {
    margin-bottom: 16px!important
  }
  .xl\:mb-4 {
    margin-bottom: 20px!important
  }
  .xl\:mb-5 {
    margin-bottom: 24px!important
  }
}
@media (min-width:1400px) {
  .xxl\:m-0 {
    margin: 0!important
  }
  .xxl\:m-1 {
    margin: 8px!important
  }
  .xxl\:m-2 {
    margin: 12px!important
  }
  .xxl\:m-3 {
    margin: 16px!important
  }
  .xxl\:m-4 {
    margin: 20px!important
  }
  .xxl\:m-5 {
    margin: 24px!important
  }
  .xxl\:ml-0 {
    margin-left: 0!important
  }
  .xxl\:ml-1 {
    margin-left: 8px!important
  }
  .xxl\:ml-2 {
    margin-left: 12px!important
  }
  .xxl\:ml-3 {
    margin-left: 16px!important
  }
  .xxl\:ml-4 {
    margin-left: 20px!important
  }
  .xxl\:ml-5 {
    margin-left: 24px!important
  }
  .xxl\:mr-0 {
    margin-right: 0!important
  }
  .xxl\:mr-1 {
    margin-right: 8px!important
  }
  .xxl\:mr-2 {
    margin-right: 12px!important
  }
  .xxl\:mr-3 {
    margin-right: 16px!important
  }
  .xxl\:mr-4 {
    margin-right: 20px!important
  }
  .xxl\:mr-5 {
    margin-right: 24px!important
  }
  .xxl\:mt-0 {
    margin-top: 0!important
  }
  .xxl\:mt-1 {
    margin-top: 8px!important
  }
  .xxl\:mt-2 {
    margin-top: 12px!important
  }
  .xxl\:mt-3 {
    margin-top: 16px!important
  }
  .xxl\:mt-4 {
    margin-top: 20px!important
  }
  .xxl\:mt-5 {
    margin-top: 24px!important
  }
  .xxl\:mb-0 {
    margin-bottom: 0!important
  }
  .xxl\:mb-1 {
    margin-bottom: 8px!important
  }
  .xxl\:mb-2 {
    margin-bottom: 12px!important
  }
  .xxl\:mb-3 {
    margin-bottom: 16px!important
  }
  .xxl\:mb-4 {
    margin-bottom: 20px!important
  }
  .xxl\:mb-5 {
    margin-bottom: 24px!important
  }
}
.m-auto {
  margin: auto!important
}
.ml-auto {
  margin-left: auto!important
}
.mr-auto {
  margin-right: auto!important
}
.mt-auto {
  margin-top: auto!important
}
.mb-auto {
  margin-bottom: auto!important
}
@media (min-width:576px) {
  .sm\:m-auto {
    margin: auto!important
  }
  .sm\:ml-auto {
    margin-left: auto!important
  }
  .sm\:mr-auto {
    margin-right: auto!important
  }
  .sm\:mt-auto {
    margin-top: auto!important
  }
  .sm\:mb-auto {
    margin-bottom: auto!important
  }
}
@media (min-width:768px) {
  .md\:m-auto {
    margin: auto!important
  }
  .md\:ml-auto {
    margin-left: auto!important
  }
  .md\:mr-auto {
    margin-right: auto!important
  }
  .md\:mt-auto {
    margin-top: auto!important
  }
  .md\:mb-auto {
    margin-bottom: auto!important
  }
}
@media (min-width:992px) {
  .lg\:m-auto {
    margin: auto!important
  }
  .lg\:ml-auto {
    margin-left: auto!important
  }
  .lg\:mr-auto {
    margin-right: auto!important
  }
  .lg\:mt-auto {
    margin-top: auto!important
  }
  .lg\:mb-auto {
    margin-bottom: auto!important
  }
}
@media (min-width:1200px) {
  .xl\:m-auto {
    margin: auto!important
  }
  .xl\:ml-auto {
    margin-left: auto!important
  }
  .xl\:mr-auto {
    margin-right: auto!important
  }
  .xl\:mt-auto {
    margin-top: auto!important
  }
  .xl\:mb-auto {
    margin-bottom: auto!important
  }
}
@media (min-width:1400px) {
  .xxl\:m-auto {
    margin: auto!important
  }
  .xxl\:ml-auto {
    margin-left: auto!important
  }
  .xxl\:mr-auto {
    margin-right: auto!important
  }
  .xxl\:mt-auto {
    margin-top: auto!important
  }
  .xxl\:mb-auto {
    margin-bottom: auto!important
  }
}
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px
}
.row > * {
  padding: 0 10px
}
.row--large {
  margin: 0 -20px
}
.row--large > * {
  padding: 0 20px
}
.row--no-spacing {
  margin: 0
}
.row--no-spacing > * {
  padding: 0
}
.col {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  width: 100%;
  max-width: 100%
}
.col-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.6666666667%;
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%
}
.col-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%
}
.col-4 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.3333333333%;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%
}
.col-5 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.6666666667%;
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%
}
.col-6 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%
}
.col-7 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.3333333333%;
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%
}
.col-8 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.6666666667%;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%
}
.col-9 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%
}
.col-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.3333333333%;
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%
}
.col-12 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}
@media (min-width:576px) {
  .sm\:col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    width: 100%;
    max-width: 100%
  }
  .sm\:col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }
  .sm\:col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .sm\:col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }
  .sm\:col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }
  .sm\:col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .sm\:col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }
  .sm\:col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }
  .sm\:col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .sm\:col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }
  .sm\:col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}
@media (min-width:768px) {
  .md\:col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    width: 100%;
    max-width: 100%
  }
  .md\:col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }
  .md\:col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .md\:col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }
  .md\:col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }
  .md\:col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .md\:col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }
  .md\:col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }
  .md\:col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .md\:col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }
  .md\:col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}
@media (min-width:992px) {
  .lg\:col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    width: 100%;
    max-width: 100%
  }
  .lg\:col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }
  .lg\:col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .lg\:col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }
  .lg\:col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }
  .lg\:col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .lg\:col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }
  .lg\:col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }
  .lg\:col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .lg\:col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }
  .lg\:col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}
@media (min-width:1200px) {
  .xl\:col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    width: 100%;
    max-width: 100%
  }
  .xl\:col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }
  .xl\:col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .xl\:col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }
  .xl\:col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }
  .xl\:col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .xl\:col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }
  .xl\:col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }
  .xl\:col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .xl\:col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }
  .xl\:col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}
@media (min-width:1400px) {
  .xxl\:col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    width: 100%;
    max-width: 100%
  }
  .xxl\:col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
  }
  .xxl\:col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
  }
  .xxl\:col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
  }
  .xxl\:col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
  }
  .xxl\:col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
  }
  .xxl\:col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
  }
  .xxl\:col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }
  .xxl\:col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
  }
  .xxl\:col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }
  .xxl\:col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
  }
}
.align-items-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}
.align-items-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.align-items-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start
}
.align-items-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end
}
.justify-content-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start
}
.justify-content-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end
}
.justify-content-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.justify-content-space-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.justify-content-space-around {
  -ms-flex-pack: distribute;
  justify-content: space-around
}
.flex-nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}
.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.color-primary {
  color: #000
}
.color-second {
  color: #323230
}
.color-white {
  color: #fff
}
.color-black {
  color: #000
}
.color-blue {
  color: #357db8
}
.color-blue-light {
  color: #e7eff1
}
.color-red {
  color: red
}
.color-body {
  color: #000
}
.color-gray-light {
  color: #f1f1ee
}
.color-gray-lighter {
  color: #e5e5df
}
.color-dark {
  color: #323230
}
.bg-primary {
  background-color: #000
}
.bg-second {
  background-color: #323230
}
.bg-white {
  background-color: #fff
}
.bg-black {
  background-color: #000
}
.bg-blue {
  background-color: #357db8
}
.bg-blue-light {
  background-color: #e7eff1
}
.bg-red {
  background-color: red
}
.bg-body {
  background-color: #000
}
.bg-gray-light {
  background-color: #f1f1ee
}
.bg-gray-lighter {
  background-color: #e5e5df
}
.bg-dark {
  background-color: #323230
}
.position-relative {
  position: relative!important
}
.position-absolute {
  position: absolute!important
}
.position-fixed {
  position: fixed!important
}
.position-static {
  position: static!important
}
.d-flex {
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important
}
.d-block {
  display: block!important
}
.d-inline {
  display: inline!important
}
.d-inline-block {
  display: inline-block!important
}
.d-inline-flex {
  display: -webkit-inline-box!important;
  display: -ms-inline-flexbox!important;
  display: inline-flex!important
}
.d-none {
  display: none!important
}
@media (min-width:576px) {
  .sm\:d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
  }
  .sm\:d-block {
    display: block!important
  }
  .sm\:d-inline {
    display: inline!important
  }
  .sm\:d-inline-block {
    display: inline-block!important
  }
  .sm\:d-inline-flex {
    display: -webkit-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
  }
  .sm\:d-none {
    display: none!important
  }
}
@media (min-width:768px) {
  .md\:d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
  }
  .md\:d-block {
    display: block!important
  }
  .md\:d-inline {
    display: inline!important
  }
  .md\:d-inline-block {
    display: inline-block!important
  }
  .md\:d-inline-flex {
    display: -webkit-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
  }
  .md\:d-none {
    display: none!important
  }
}
@media (min-width:992px) {
  .lg\:d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
  }
  .lg\:d-block {
    display: block!important
  }
  .lg\:d-inline {
    display: inline!important
  }
  .lg\:d-inline-block {
    display: inline-block!important
  }
  .lg\:d-inline-flex {
    display: -webkit-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
  }
  .lg\:d-none {
    display: none!important
  }
}
@media (min-width:1200px) {
  .xl\:d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
  }
  .xl\:d-block {
    display: block!important
  }
  .xl\:d-inline {
    display: inline!important
  }
  .xl\:d-inline-block {
    display: inline-block!important
  }
  .xl\:d-inline-flex {
    display: -webkit-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
  }
  .xl\:d-none {
    display: none!important
  }
}
@media (min-width:1400px) {
  .xxl\:d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
  }
  .xxl\:d-block {
    display: block!important
  }
  .xxl\:d-inline {
    display: inline!important
  }
  .xxl\:d-inline-block {
    display: inline-block!important
  }
  .xxl\:d-inline-flex {
    display: -webkit-inline-box!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
  }
  .xxl\:d-none {
    display: none!important
  }
}
.w-100 {
  width: 100vw
}
.h-100 {
  width: 100hw
}
.w-full {
  width: 100%
}
.h-full {
  height: 100%
}
.text-justify {
  text-align: justify !important;
  text-justify: distribute;
}
.text-center {
  text-align: center !important;
}
@media (min-width: 576px) {
  .sm\:text-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .md\:text-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .lg\:text-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .xl\:text-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .xxl\:text-center {
    text-align: center !important;
  }
}
.text-left {
  text-align: left !important;
}
@media (min-width: 576px) {
  .sm\:text-left {
    text-align: left !important;
  }
}
@media (min-width: 768px) {
  .md\:text-left {
    text-align: left !important;
  }
}
@media (min-width: 992px) {
  .lg\:text-left {
    text-align: left !important;
  }
}
@media (min-width: 1200px) {
  .xl\:text-left {
    text-align: left !important;
  }
}
@media (min-width: 1400px) {
  .xxl\:text-left {
    text-align: left !important;
  }
}
.text-right {
  text-align: right !important;
}
@media (min-width: 576px) {
  .sm\:text-right {
    text-align: right !important;
  }
}
@media (min-width: 768px) {
  .md\:text-right {
    text-align: right !important;
  }
}
@media (min-width: 992px) {
  .lg\:text-right {
    text-align: right !important;
  }
}
@media (min-width: 1200px) {
  .xl\:text-right {
    text-align: right !important;
  }
}
@media (min-width: 1400px) {
  .xxl\:text-right {
    text-align: right !important;
  }
}
@media (min-width: 576px) {
  .sm\:text-justify {
    text-align: justify !important;
    text-justify: distribute;
  }
}
@media (min-width: 768px) {
  .md\:text-justify {
    text-align: justify !important;
    text-justify: distribute;
  }
}
@media (min-width: 992px) {
  .lg\:text-justify {
    text-align: justify !important;
    text-justify: distribute;
  }
}
@media (min-width: 1200px) {
  .xl\:text-justify {
    text-align: justify !important;
  }
}
@media (min-width: 1400px) {
  .xxl\:text-justify {
    text-align: justify !important;
    text-justify: distribute;
  }
}
.btn {
  line-height: 1;
  border: 1px solid;
  padding: 9px 25px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  max-width: 290px;
  font-size: 13px;
  position: relative;
  font-family: Manrope,sans-serif;
  font-weight: 500;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.btn {
  color: #000;
  background: 0 0;
  border-color: rgba(0,0,0,.2)
}
.btn--primary {
  color: #fff;
  background: #000;
  border-color: #000
}
.btn--primary >svg g>*{
  fill: #fff;
}
.btn--second {
  color: #fff;
  background: #323230;
  border-color: #323230
}
.btn--second >svg g>*{
  fill: #fff;
}
.btn--gray {
  color: #000;
  background: #f1f1ee;
  border-color: #f1f1ee
}
.btn--rounded {
  border-radius: 5em
}
.btn--link {
  padding-right: 10px;
  padding-bottom: 26px;
  position: relative;
  color: #000;
  font-weight: 700;
  font-size: 32px;
  letter-spacing: -.64px;
  line-height: 1;
  font-family: Manrope,sans-serif;
  display: inline-block
}
@media (min-width:768px) {
  .btn--link {
    font-size: 30px;
    padding-right: 22px;
    padding-bottom: 30px;
    transition: color .6s cubic-bezier(.37,.16,.12,1);
  }
}
@media (min-width:768px) {
  .btn--link:hover {
    opacity: 1;
    color: #fff;
  }
  .btn--link:hover .btn--link__arrow {
    width: calc(50% + 24px);
  }
  .btn--link:hover .btn--link__arrow::after {
    background-color: #fff;
    animation: animate-arrow-mask 0.6s ease-in-out;
  }
  .btn--link:hover .btn--link__arrow::before {
    background-color: #fff;
  }
  .btn--link:hover .btn--link__arrow-line {
    background-color: #fff;
    animation: animate-arrow-main 0.6s ease-in-out;
  }
}
@media (min-width:768px) {
  .btn--link::after {
    width: 55%
  }
}
.btn--link__arrow {
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 16px;
  width: 50%;
  overflow: hidden;
  transition: width 0.6s cubic-bezier(.37,.16,.12,1);
}
/* @media (min-width:768px) {
  .btn--link__arrow {
    width: 250px;
    left: calc(100% - 250px);
  }
} */
.btn--link__arrow::before {
  content: "";
  position: absolute;
  right: 1px;
  bottom: 0px;
  width: 14px;
  height: 1px;
  background-color: #000;
  transform: rotate(45deg) translateX(1px);
  transform-origin: right;
  transition: background-color 0.1s cubic-bezier(.37,.16,.12,1);
}
@media (min-width:768px) {
  .btn--link__arrow::before {
    width: 22px;
    height: 2px;
  }
}
.btn--link__arrow::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0px;
  width: 100%;
  height: 2px;
  background-color: #000;
  transform: translateX(24px) scale(1, 1);
  transform-origin: left;
  display: none;
  transition: background-color 0.1s cubic-bezier(.37,.16,.12,1);
  /* transition: transform 0s ease-out 0.5s; */
  /* transition: transform 0s ease 0.6s; */
}
@media (min-width:768px) {
  .btn--link__arrow::after {
    display: block;
  }
}
.btn--link__arrow-line {
  position: absolute;
  bottom: 0;
  right: 0px;
  width: 100%;
  height: 1px;
  background-color: #000;
  transform: translateX(0%);
  transform-origin: right;
}
@media (min-width:768px) {
  .btn--link__arrow-line {
    width: calc(100% - 24px);
    height: 2px;
  }
}
@keyframes animate-arrow-main {
  0% {
    transform: translateX(0%);
  }
  70% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(100%);
  }
}
@keyframes animate-arrow-mask {
  0% {
    transform: translateX(-30%) scale(0.3, 1);
  }
  30% {
    transform: translateX(-30%) scale(0.3, 1);
  }
  60% {
    transform: translateX(0) scale(0.7, 1);
  }
  100% {
    transform: translateX(24px) scale(1, 1);
  }
}
.btn--link__arrow.btn--link__arrow--white::before {
  background-color: #fff;
}
.btn--link__arrow.btn--link__arrow--white::after {
  background-color: #fff;
}
.btn--link__arrow.btn--link__arrow--white .btn--link__arrow-line {
  background-color: #fff;
}
.btn__icon {
  margin-left: 10px;
  height: 4px
}
@media (min-width:768px) {
  .btn__icon {
    margin-left: 20px;
    height: 5px
  }
}

.btn__icon--arrow {
  --color: #fff;
  height: 5px;
  border-bottom: 1px solid var(--color);
  width: 56px;
  position: relative;
  -webkit-transition: all 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
  -moz-transition: all 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
  transition: all 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
}
.btn__icon--arrow::before {
  content: "";
  width: 7px;
  height: 1px;
  background-color: var(--color);
  position: absolute;
  right: 0;
  bottom: -1px;
  transform: rotate(45deg);
  transform-origin: bottom right;
  -webkit-transition: all 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
  -moz-transition: all 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
  transition: all 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
}
.btn__icon--arrow::after {
  content: "";
  width: 0;
  height: 6px;
  position: absolute;
  left: 0;
  bottom: -1px;
  transform-origin: right;
}
.btn--gray.btn--hover>svg g>*{
  fill: #000;
}
@keyframes animation-arrow {
  0% {
    width: 0;
    transform: scale(1, 1);
  }
  40% {
    width: 102%;
    transform: scale(1, 1);
  }
  60% {
    width: 102%;
    transform: scale(1, 1);
  }
  100% {
    width: 102%;
    transform: scale(0, 1);
  }
}
@media (min-width:768px) {
  .btn.btn--hover {
    position: relative;
    opacity: 1;
    background-color: #fff;
    -webkit-transition: all 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
    -moz-transition: all 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
    transition: all 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
  }
}
@media (min-width:768px) {
  .btn.btn--hover::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
    -moz-transition: all 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
    transition: all 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
  }
  .btn.btn--hover>svg g>*{
    -webkit-transition: all 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
    -moz-transition: all 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
    transition: all 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
  }
  .btn.btn--hover:hover .btn__icon--arrow::after {
    animation: animation-arrow 2s cubic-bezier(.19,1,.22,1) infinite 0.8s;
    background-color: #fff;
    transition: background-color 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
  }
  .btn.btn--hover:hover::before {
    width: 0px;
  }

  .btn--primary.btn--hover::before {
    background-color: var(--color-primary);
  }
  .btn--primary.btn--hover:hover {
    color: var(--color-primary);
  }
  .btn--primary.btn--hover:hover .btn__icon--arrow {
    --color: var(--color-primary);
  }
  .btn--primary.btn--hover:hover>svg g>*{
    fill:  var(--color-primary);
  }

  .btn--second.btn--hover::before {
    background-color: var(--color-second);
  }
  .btn--second.btn--hover:hover {
    color: var(--color-second);
  }
  .btn--second.btn--hover:hover .btn__icon--arrow {
    --color: var(--color-second);
  }
  .btn--second.btn--hover:hover>svg g>*{
    fill:  var(--color-second);
  }

  .btn--gray.btn--hover {
    background-color: #cececa;
  }
  .btn--gray.btn--hover::before {
    background-color: var(--color-gray-light);
  }
  .btn--gray.btn--hover:hover {
    color: var(--color-white);
    border-color: #cececa;
  }
  .btn--gray.btn--hover:hover>svg g>*{
    fill: var(--color-white);
  }
}
.container {
  max-width: calc(900px + 20vw);
  margin-left: auto;
  margin-right: auto;
  padding-left: 10vw;
  padding-right: 10vw;
}
.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 10vw;
  padding-right: 10vw;
  position: relative;
  z-index: 2
}
.container-fluid--small {
  padding-left: 3vw;
  padding-right: 3vw
}
.list-style-none {
  list-style: none;
  padding-left: 0
}
.list-style-none>li::marker {
  display: none;
}
.text-nowrap {
  white-space: nowrap
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.text-underline {
  text-decoration: underline
}
.text-decoration-none {
  text-decoration: none
}
.text-uppercase {
  text-transform: uppercase
}
.text-lowercase {
  text-transform: lowercase
}
.text-capitalize {
  text-transform: capitalize
}
.section__title-rotate {
  letter-spacing: -.36px;
  font-size: 18px;
  -webkit-transform: rotate(90deg) translateY(-100%);
  transform: rotate(90deg) translateY(-100%);
  -webkit-transform-origin: left top;
  transform-origin: left top;
  position: absolute;
  left: 3vw;
  top: 28px
}
@media (min-width:768px) {
  .section__title-rotate {
    left: 3.5vw;
    top: 86px;
    letter-spacing: -.52px
  }
}
.section__logo-rotate {
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(90deg) translate(-60%,-50%);
  transform: rotate(90deg) translate(-60%,-50%);
  -webkit-transform-origin: left;
  transform-origin: left;
  height: 18.5vw;
  left: -.2vw;
  z-index: 1;
}
@media (min-width:768px) {
  .section__logo-rotate {
    height: 50px;
    left: 10vw;
  }
}
.aos-init .btn--link::before {
  content: "";
  position: absolute;
  right: -2px;
  background-color: #fff;
  height: 20px;
  bottom: -1px;
  width: 50%;
  z-index: 1
}
@media (min-width:768px) {
  .aos-init .btn--link::before {
    width: 55%
  }
}
.aos-animate .btn--link::before {
  width: 0%;
  -webkit-transition: width .5s ease .2s;
  transition: width .5s ease .2s
}
.section-heading {
  padding-top: 20px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  --font-size-pc: 10.35vw;
  --font-size-sp: 15.5vw;
  --line-height: 1.25;
}
@media (min-width:768px) {
  .section-heading {
    padding-top: 74px
  }
}
.section-heading.section-heading--small {
  --font-size-pc: 6.1vw;
  --font-size-sp: 13.35vw;
  --line-height: 0.75;
}
@media (min-width: 1400px) {
  .section-heading.section-heading--small {
    --font-size-pc: 83px;
  }
}
.section-heading__title {
  line-height: var(--line-height);
  padding: 0 4vw 10px 3.5vw;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  font-size: var(--font-size-sp);
}
.section-heading--small .section-heading__title {
  letter-spacing: calc(var(--font-size-sp) * -20 / 1000)
}
@media (min-width:768px) {
  .section-heading__title {
    padding: 0 3vw 20px 2vw;
    font-size: var(--font-size-pc);
    letter-spacing: calc(var(--font-size-pc) * -60 / 1000)
  }
  .section-heading--small .section-heading__title {
    line-height: var(--line-height);
    letter-spacing: calc(var(--font-size-pc) * -20 / 1000);
    padding-right: 1.5vw;
  }
}
.section-heading__square {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  width: 100%;
  height: calc((var(--font-size-sp) + 10px)/ 2)
}
@media (min-width:768px) {
  .section-heading__square {
    height: calc((var(--font-size-pc) + 20px)/ 2)
  }
}
.section-heading--small .section-heading__square {
  height: calc((var(--font-size-sp) * calc(var(--line-height) - 0.3) + 10px))
}
@media (min-width:768px) {
  .section-heading--small .section-heading__square {
    height: calc((var(--font-size-pc) * var(--line-height) + 20px))
  }
}
.section-square {
  --spacing-horizontal: 30.1vw;
  --spacing-horizontal-sp: 61.16vw;
  --spacing-vertical: 6vw;
  --spacing-vertical-sp: 10vw
}
.section-square__col:first-child {
  margin-left: auto
}
@media (min-width:768px) {
  .section-square__col:first-child {
    margin-left: inherit
  }
}
.section-square__col:nth-child(2n+1) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% - var(--spacing-horizontal-sp));
  flex: 0 0 calc(100% - var(--spacing-horizontal-sp));
  max-width: calc(100% - var(--spacing-horizontal-sp))
}
@media (min-width:768px) {
  .section-square__col:nth-child(2n+1) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 var(--spacing-horizontal);
    flex: 0 0 var(--spacing-horizontal);
    max-width: var(--spacing-horizontal)
  }
}
.section-square__col:nth-child(2n+2) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%
}
@media (min-width:768px) {
  .section-square__col:nth-child(2n+2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - var(--spacing-horizontal));
    flex: 0 0 calc(100% - var(--spacing-horizontal));
    max-width: calc(100% - var(--spacing-horizontal))
  }
}
.section-square__banner {
  position: relative
}
.section-square__banner::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(100% - var(--spacing-horizontal-sp));
  height: var(--spacing-vertical-sp);
  background-color: inherit
}
@media (min-width:768px) {
  .section-square__banner::after {
    width: calc(100% - var(--spacing-horizontal));
    height: var(--spacing-vertical)
  }
}
.section-square__banner>img {
  object-fit: cover;
}
.section-square__banner-wrapper {
  padding-top: var(--spacing-vertical)
}
@media (min-width:768px) {
  .section-square--right .section-square__banner::after {
    right: initial;
    left: 0
  }
}
@media (min-width:768px) {
  .section-square--right .section-square__col:nth-child(2n+1) {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
}

.form-contact .wpcf7-form-control-wrap {
  display: block;
}
.form-contact .wpcf7-not-valid-tip {
  position: absolute;
  padding-top: 3px;
}
.form-contact .form-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .form-contact .form-row {
    padding-bottom: 26px;
  }
}
.form-contact select,.form-contact input[type="text"],.form-contact input[type="email"], .form-contact input[type="tel"] {
  width: 100%;
  border: none;
  height: 50px;
  padding: 15px 20px;
  outline: none;
  font-family: 'Noto Sans JP', sans-serif;
  border-radius: 0;
  font-size: 13px;
}
.form-contact textarea {
  width: 100%;
  border: none;
  padding: 15px 20px;
  outline: none;
  font-family: 'Noto Sans JP', sans-serif;
  border-radius: 0;
  font-size: 13px;
}
.form-contact .form-row__label {
  flex: 0 0 100%;
  max-width: 100%;
  font-weight: bold;
  padding-right: 0;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .form-contact .form-row__label {
    flex: 0 0 140px;
    font-weight: bold;
    padding-right: 13px;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .form-contact .form-row__label>br {
    display: none;
  }
}
.form-contact .form-row__label.required::after {
  content: "●";
  font-size: 10px;
  color: var(--color-red);
  padding-left: 8px;
  vertical-align: 1px;
}
.form-contact .form-row__field {
  flex: 0 0 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .form-contact .form-row__field {
    flex: 0 0 calc(100% - 140px);
    max-width: calc(100% - 140px);
  }
}
.form-contact .form-row__field.form-row__last-name {
  flex: 0 0 50%;
  max-width: 50%;
  padding-right: 9px;
}
@media (min-width: 768px) {
  .form-contact .form-row__field.form-row__last-name {
    flex: 0 0 calc((100% - 140px) / 2);
    max-width: calc((100% - 140px) / 2);
    padding-right: 15px;
  }
}
.form-contact .form-row__field.form-row__first-name {
  flex: 0 0 50%;
  max-width: 50%;
  padding-left: 9px;
}
@media (min-width: 768px) {
  .form-contact .form-row__field.form-row__first-name {
    flex: 0 0 calc((100% - 140px) / 2);
    max-width: calc((100% - 140px) / 2);
    padding-left: 15px;
  }
}
.form-contact select.work-type {
  color: #fff;
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari and Chrome */
  appearance:none;
  background: url(../images/icons/icon-arrow-bottom.svg) no-repeat;
  background-size: 10px;
  background-position: calc(100% - 20px) center;
  padding-right: 30px;
  background-color: #ACACA5;
  cursor: pointer;
  border-radius: 0;
}
.form-contact .label-acceptance {
  padding-top: 30px;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .form-contact .label-acceptance {
    padding-top: 18px;
  }
}
.form-contact .label-acceptance>.wpcf7-form-control-wrap {
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .form-contact .label-acceptance>.wpcf7-form-control-wrap {
    padding-left: 140px;
  }
}
.form-contact .label-acceptance .wpcf7-list-item {
  margin-left: 0;
  cursor: pointer;
}
.form-contact .label-acceptance .acceptance-policy {
  margin: 0;
  width: 22px;
  height: 22px;
  border-radius: 0;
  border: 1px solid var(--color-second);
  outline: none;
}
.form-contact .label-acceptance .acceptance-policy:checked + .wpcf7-list-item-label::before{
  opacity: 1;
}
.form-contact .label-acceptance .wpcf7-form-control-wrap label { 
  position: relative;
  display: inline-block;
  width: 22px;
  height: 22px;
  cursor: pointer;
  margin-right: 24px;
}
@media (min-width: 768px) {
  .form-contact .label-acceptance .wpcf7-form-control-wrap label { 
    margin-right: 12px;
  }
}
.form-contact .label-acceptance .wpcf7-list-item-label {
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  background-color: #fff;
  border: 1px solid var(--color-second);
}
.form-contact .label-acceptance .wpcf7-list-item-label::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 10px;
  left: 3px;
  top: 5px;
  background: url(../images/icons/icon-check-mark.svg) no-repeat center center;
  background-size: contain;
  opacity: 0;
}
.form-contact .label-acceptance__text {
  display: inline-block;
  width: calc(100% - 50px);
  vertical-align: middle;
  line-height: 2;
}
@media (min-width: 768px) {
  .form-contact .label-acceptance__text {
    width: calc(100% - 174px);
    line-height: 1;
    vertical-align: 1px;
  }
}
.form-contact .label-acceptance .view-policy {
  text-decoration: underline;
}
.form-contact .note {
  line-height: 2.1;
  margin-top: 30px;
  margin-bottom: 41px;
  text-align: justify;
  text-justify: distribute;
}
@media (min-width: 768px) {
  .form-contact .note {
    line-height: 2.1;
    margin-top: 53px;
    margin-bottom: 35px;
  }
}
.form-contact .form-submit {
  text-align: center;
}
.form-contact .form-submit>label {
  position: relative;
  border: none;
  outline: none;
  height: 58px;
  color: #fff;
  display: inline-block;
  border-radius: 58px;
  max-width: 502px;
  width: 100%;
  transition: opacity .15s ease-out;
  overflow: hidden;
}
.form-contact .form-submit>label:hover {
  opacity: 0.7;
}
.form-contact .form-submit .icon-arrow {
  --color: #fff;
  height: 5px;
  width: 58px;
  border-bottom: 1px solid var(--color);
  -webkit-transition: all 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
  -moz-transition: all 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
  transition: all 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
  left: calc(50% + 76px);
  transform: translateX(calc(-50% - 38px));
  position: absolute;
  top: 42%;
  z-index: 1;
}
@media (min-width: 768px) {
  .form-contact .form-submit .icon-arrow {
    left: calc(50% + 92px);
  }

  .form-contact .wpcf7-submit:disabled~.icon-arrow {
    opacity: 0.6
  }
}
.form-contact .form-submit .icon-arrow::before {
  content: "";
  width: 7px;
  height: 1px;
  background-color: var(--color);
  position: absolute;
  right: 0;
  bottom: -1px;
  transform: rotate(45deg);
  transform-origin: bottom right;
  -webkit-transition: all 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
  -moz-transition: all 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
  transition: all 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
}
.form-contact .form-submit .icon-arrow::after {
  content: "";
  width: 0;
  height: 6px;
  position: absolute;
  left: 0;
  bottom: -1px;
  transform-origin: right;
}
@media (min-width:768px) {
  .form-contact .form-submit>label {
    background-color: #fff;
  }
  .form-contact .form-submit .submit-bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-second);
    -webkit-transition: all 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
    -moz-transition: all 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
    transition: all 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990), opacity 0s;
    z-index: 0;
  }
  .form-contact .form-submit>label:hover {
    opacity: 1;
  }
  .form-contact .form-submit>label:hover>.wpcf7-submit:not(:disabled)~.submit-bg {
    width: 0px;
  }
  .form-contact .form-submit>label:hover .wpcf7-submit:not(:disabled) {
    color: var(--color-second);
  }
  .form-contact .form-submit>label:hover>.wpcf7-submit:not(:disabled)~.icon-arrow{
    --color: var(--color-second);
  }
  .form-contact .form-submit>label:hover>.wpcf7-submit:not(:disabled)~.icon-arrow::after{
    animation: animation-arrow 2s cubic-bezier(.19,1,.22,1) infinite 0.8s;
    background-color: #fff;
    transition: background-color 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
  }
}
.form-contact .wpcf7-submit {
  width: 100%;
  height: 100%;
  background-color: var(--color-second);
  border: none;
  border-radius: 58px;
  color: #fff;
  font-size: 15px;
  padding-right: 76px;
  cursor: pointer;
  position: relative;
  z-index: 1;
  border: 1px solid var(--color-second);
}
.form-contact .wpcf7-submit:disabled {
  opacity: 0.7
}
.form-contact .wpcf7-submit:disabled~.submit-bg{
  opacity: 0.7;
}
.form-contact .wpcf7-submit:hover {
  opacity: 1
}
@media (min-width:768px) {
  .form-contact .wpcf7-submit {
    padding-right: 50px;
    background-color: transparent;
    -webkit-transition: all 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990), border 0s;
    -moz-transition: all 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990), border 0s;
    transition: all 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990), border 0s;
  }
  .form-contact .wpcf7-submit:disabled {
    border: 1px solid rgba(50,50,48, 0.1);
  }
}
.form-contact .wpcf7-response-output {
  display: none;
}

.section-partner {
  padding: 80px 0;
  z-index: 1;
  overflow: hidden;
}
@media (min-width:768px) {
  .section-partner {
    padding: 210px 0;
  }
}

.section-partner__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.section-partner__wrapper {
  padding: 16px 5vw 37px;
  position: relative;
}

@media (min-width:768px) {
  .section-partner__wrapper {
    padding: 43px 38px 53px;
    max-width: calc(67.5vw + 86px);
    margin-left: auto;
    margin-right: auto;
    cursor: default;
    -webkit-transition: color 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
    -moz-transition: color 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
    transition: color 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
  }
  .section-partner__wrapper:hover {
    color: #fff;
  }
  .section-partner__wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    -webkit-transition: all 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
    -moz-transition: all 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
    transition: all 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
    background-color: var(--color-second);
  }
  .section-partner__wrapper:hover::before {
    width: 100%;
  }
  .section-partner__wrapper:hover .btn--hover {
    color: var(--color-second);
  }
  .section-partner__wrapper:hover .btn--hover::before {
    width: 0px;
  }
  .section-partner__wrapper:hover .btn--hover .btn__icon--arrow {
    --color: var(--color-second);
  }
  .section-partner__wrapper:hover .btn--hover .btn__icon--arrow::after {
    animation: animation-arrow 2s cubic-bezier(.19,1,.22,1) infinite 0.8s;
    background-color: #fff;
    transition: background-color 0.8s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
  }
  .section-partner__wrapper>a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
@media (min-width:1400px) {
  .section-partner__wrapper {
    max-width: 1014px;
  }
}

.section-partner__title {
  line-height: 0.9;
  font-size: 16vw;
  margin-bottom: 15px
}

@media (min-width:768px) {
  .section-partner__title {
    line-height: 0.95;
    margin-bottom: 38px;
    font-size: 6.6vw;
  }
}
@media (min-width:1400px) {
  .section-partner__title {
    font-size: 91px;
  }
}
.section-partner__title>i {
  font-size: 17.5vw;
  letter-spacing: -0.525vw;
  line-height: 0.6;
}
@media (min-width:768px) {
  .section-partner__title>i {
    font-size: 7.25vw;
    letter-spacing: -0.2175vw;
  }
}
@media (min-width:1400px) {
  .section-partner__title>i {
    font-size: 70px;
    letter-spacing: -3px;
  }
}

@media (min-width:768px) {
  .section-partner__row {
    max-width: 830px
  }
}

.section-partner__row>.col-left {
  width: 100%
}

@media (min-width:992px) {
  .section-partner__row>.col-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 39%;
    flex: 0 0 39%;
    max-width: 39%
  }
}

.section-partner__row>.col-right {
  width: 100%
}

@media (min-width:992px) {
  .section-partner__row>.col-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 61%;
    flex: 0 0 61%;
    max-width: 61%
  }
}

.section-partner__subtitle {
  margin-bottom: 22px;
  letter-spacing: 2.85px;
  letter-spacing: 1.41px;
  line-height: 1.9;
}

@media (min-width:768px) {
  .section-partner__subtitle {
    line-height: normal;
    letter-spacing: 2.4px;
    margin-bottom: 5px;
  }
}

.section-partner__text {
  line-height: 2.1;
  letter-spacing: .845px;
  margin-bottom: 22px
}

@media (min-width:768px) {
  .section-partner__text {
    line-height: 2.5;
    letter-spacing: 1.2px;
    margin-bottom: 30px;
  }
}

@media (min-width:768px) {
  .section-partner__group {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto
  }
}

.section-partner__circle {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 50%;
  height: calc((90vw - 95px)/ 2);
  margin: auto
}

@media (min-width:768px) {
  .section-partner__circle {
    height: 220px;
    width: 220px
  }
}

.section-partner__circle>span {
  padding-bottom: 5px
}

@media (min-width:768px) {
  .section-partner__circle>span {
    padding-bottom: 12px
  }
}

.section-partner__circle>img {
  width: 31px
}

@media (min-width:768px) {
  .section-partner__circle>img {
    width: 55px
  }
}

@media (min-width:1367px) {
  .container__1366 {
    max-width: 1366px;
    margin-left: auto;
    margin-right: auto;
  }
}

[data-aos=fade-up] {
  -webkit-transform: translate3d(0,100px,0);
  transform: translate3d(0,100px,0);
}
[data-aos^=fade][data-aos^=fade].aos-animate {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
[data-aos^=fade][data-aos^=fade] {
  -webkit-transition: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: opacity,transform;
}

.wp-block-table td, .wp-block-table th {
  border: 1px solid;
  padding: 0.5em;
  word-break: break-all;
}

#zalo-chat {
    position: fixed;
    bottom: 30px;
    right: 20px;
    z-index: 9999;
    animation: fadeIn 1s ease-in-out;
}

/* Nút Zalo */
#zalo-chat a {
    display: block;
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #0173e6, #33aaff);
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Chuyển đổi mượt mà */
    will-change: transform, box-shadow; /* Tối ưu hóa GPU */
    position: relative;
}

/* Hover không gây dịch chuyển */
#zalo-chat a:hover {
    transform: scale(1.1); /* Phóng to nhẹ */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4); /* Tăng bóng đổ */
}

/* Icon Zalo */
#zalo-chat a img {
    width: 60%;
    height: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Hiệu ứng fade-in khi tải trang */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}