@charset "UTF-8";
/*** wide ***/
/*** color ***/
/*** イージング ***/
/* A Modern CSS Reset */
*,
*::before,
*::after {
  box-sizing: border-box;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
article,
aside,
figcaption,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
  margin: 0;
  padding: 0;
}

ul,
ol {
  list-style: none;
}

html {
  scroll-behavior: auto;
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

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

a:not([class]) {
  text-decoration-skip-ink: auto;
}

img,
picture {
  max-width: 100%;
  display: block;
}

input,
button,
textarea,
select {
  font: inherit;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
html {
  font-size: 62.5%;
}

body {
  font-size: 1.4rem;
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  line-height: 1.8;
}
@media screen and (min-width: 769px) {
  body {
    font-size: 1.6rem;
  }
}
/** pc or sp **/
.pc {
  display: none !important;
}

.sp {
  display: block !important;
}

@media screen and (min-width: 769px) {
  .sp {
    display: none !important;
  }
  .pc {
    display: block !important;
  }
}
.v-rl {
  -moz-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  text-align: auto;
  text-align: -webkit-auto;
  display: inline-block;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 0.5rem;
}
@media screen and (min-width: 769px) {
  .v-rl {
    line-height: 1.4;
    letter-spacing: 1.5rem;
  }
}
.title {
  font-size: 2.6rem;
  font-weight: 400;
}
@media screen and (min-width: 769px) {
  .title {
    font-size: 3.6rem;
  }
}
.title-section {
  -moz-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  text-align: auto;
  text-align: -webkit-auto;
  display: inline-block;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  line-height: 1.2;
  font-weight: 500;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  letter-spacing: 1.2rem;
}
@media screen and (min-width: 769px) {
  .title-section {
    line-height: 1.4;
    letter-spacing: 1.5rem;
  }
}

.sec.gray {
  background-color: #FAFAFA;
}
.sec-inner {
  padding: 0 2rem;
}
@media screen and (min-width: 769px) {
  .sec-inner {
    max-width: 1240px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px) {
  .sec-inner--min {
    max-width: 1000px;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
  }
}

.center {
  text-align: center;
}
.center-sp {
  text-align: left;
}
@media screen and (min-width: 769px) {
  .center-sp {
    text-align: center;
  }
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.xl {
  font-size: 25px;
  font-size: 6.6666666667vw;
  font-weight: 400;
  line-height: 1.2;
}
@media (min-width: 769px) {
  .xl {
    font-size: 4rem;
  }
}
@media (min-width: 993px) {
  .xl {
    font-size: 4rem;
  }
}

.l {
  font-size: 21px;
  font-size: 5.6vw;
  font-weight: 400;
}
@media (min-width: 769px) {
  .l {
    font-size: 3.2rem;
  }
}
@media (min-width: 993px) {
  .l {
    font-size: 3.2rem;
  }
}

.m {
  font-size: 18px;
  font-size: 4.8vw;
  font-weight: 500;
}
@media (min-width: 769px) {
  .m {
    font-size: 3rem;
  }
}
@media (min-width: 993px) {
  .m {
    font-size: 3rem;
  }
}

.ms {
  font-size: 17px;
  font-size: 4.5333333333vw;
  font-weight: 400;
}
@media (min-width: 769px) {
  .ms {
    font-size: 2.8rem;
  }
}
@media (min-width: 993px) {
  .ms {
    font-size: 2.8rem;
  }
}

.sm {
  font-size: 13px;
  font-size: 3.4666666667vw;
  font-weight: 400;
}
@media (min-width: 769px) {
  .sm {
    font-size: 2.4rem;
  }
}
@media (min-width: 993px) {
  .sm {
    font-size: 2.4rem;
  }
}

.s {
  font-size: 15px;
  font-size: 4vw;
  font-weight: 400;
}
@media (min-width: 769px) {
  .s {
    font-size: 1.6rem;
  }
}
@media (min-width: 993px) {
  .s {
    font-size: 1.6rem;
  }
}

.xs {
  font-size: 13px;
  font-size: 3.4666666667vw;
  font-weight: 400;
  line-height: 2;
}
@media (min-width: 769px) {
  .xs {
    font-size: 1.4rem;
  }
}
@media (min-width: 993px) {
  .xs {
    font-size: 1.4rem;
  }
}

.xxs {
  font-size: 11px;
  font-size: 2.9333333333vw;
  font-weight: 400;
}
@media (min-width: 769px) {
  .xxs {
    font-size: 1.2rem;
  }
}
@media (min-width: 993px) {
  .xxs {
    font-size: 1.2rem;
  }
}

.table-default {
  width: 100%;
  margin-top: 2rem;
  font-size: 1.5rem;
}
.table-default * {
  padding: 0.8rem;
}
.table-default th {
  font-weight: 400;
}
.table-default td {
  font-weight: 400;
}

.submit {
  text-align: center;
}
.submit-btn {
  max-width: 400px;
  height: 80px;
  line-height: 80px;
  background-color: #433A01;
  display: inline-block;
  width: 100%;
  border-radius: 5px;
  color: white;
  text-decoration: none;
  font-size: 2rem;
  margin-top: 3rem;
  border: none;
}

.back {
  text-align: center;
}
.back-btn {
  max-width: 400px;
  height: 80px;
  line-height: 80px;
  background-color: #b2b2b2;
  display: inline-block;
  width: 100%;
  border-radius: 5px;
  color: black;
  text-decoration: none;
  font-size: 2rem;
  margin-top: 3rem;
  border: none;
}

.u-pt0 {
  padding-top: calc(0px / 1.618);
}

.u-pt4 {
  padding-top: calc(4px / 1.618);
}

.u-pt5 {
  padding-top: calc(5px / 1.618);
}

.u-pt8 {
  padding-top: calc(8px / 1.618);
}

.u-pt10 {
  padding-top: calc(10px / 1.618);
}

.u-pt12 {
  padding-top: calc(12px / 1.618);
}

.u-pt15 {
  padding-top: calc(15px / 1.618);
}

.u-pt16 {
  padding-top: calc(16px / 1.618);
}

.u-pt20 {
  padding-top: calc(20px / 1.618);
}

.u-pt24 {
  padding-top: calc(24px / 1.618);
}

.u-pt25 {
  padding-top: calc(25px / 1.618);
}

.u-pt28 {
  padding-top: calc(28px / 1.618);
}

.u-pt30 {
  padding-top: calc(30px / 1.618);
}

.u-pt32 {
  padding-top: calc(32px / 1.618);
}

.u-pt35 {
  padding-top: calc(35px / 1.618);
}

.u-pt36 {
  padding-top: calc(36px / 1.618);
}

.u-pt40 {
  padding-top: calc(40px / 1.618);
}

.u-pt44 {
  padding-top: calc(44px / 1.618);
}

.u-pt45 {
  padding-top: calc(45px / 1.618);
}

.u-pt48 {
  padding-top: calc(48px / 1.618);
}

.u-pt50 {
  padding-top: calc(50px / 1.618);
}

.u-pt52 {
  padding-top: calc(52px / 1.618);
}

.u-pt55 {
  padding-top: calc(55px / 1.618);
}

.u-pt56 {
  padding-top: calc(56px / 1.618);
}

.u-pt60 {
  padding-top: calc(60px / 1.618);
}

.u-pt64 {
  padding-top: calc(64px / 1.618);
}

.u-pt65 {
  padding-top: calc(65px / 1.618);
}

.u-pt68 {
  padding-top: calc(68px / 1.618);
}

.u-pt70 {
  padding-top: calc(70px / 1.618);
}

.u-pt72 {
  padding-top: calc(72px / 1.618);
}

.u-pt75 {
  padding-top: calc(75px / 1.618);
}

.u-pt76 {
  padding-top: calc(76px / 1.618);
}

.u-pt80 {
  padding-top: calc(80px / 1.618);
}

.u-pt84 {
  padding-top: calc(84px / 1.618);
}

.u-pt85 {
  padding-top: calc(85px / 1.618);
}

.u-pt88 {
  padding-top: calc(88px / 1.618);
}

.u-pt90 {
  padding-top: calc(90px / 1.618);
}

.u-pt92 {
  padding-top: calc(92px / 1.618);
}

.u-pt95 {
  padding-top: calc(95px / 1.618);
}

.u-pt96 {
  padding-top: calc(96px / 1.618);
}

.u-pt100 {
  padding-top: calc(100px / 1.618);
}

.u-pb0 {
  padding-bottom: calc(0px / 1.618);
}

.u-pb4 {
  padding-bottom: calc(4px / 1.618);
}

.u-pb5 {
  padding-bottom: calc(5px / 1.618);
}

.u-pb8 {
  padding-bottom: calc(8px / 1.618);
}

.u-pb10 {
  padding-bottom: calc(10px / 1.618);
}

.u-pb12 {
  padding-bottom: calc(12px / 1.618);
}

.u-pb15 {
  padding-bottom: calc(15px / 1.618);
}

.u-pb16 {
  padding-bottom: calc(16px / 1.618);
}

.u-pb20 {
  padding-bottom: calc(20px / 1.618);
}

.u-pb24 {
  padding-bottom: calc(24px / 1.618);
}

.u-pb25 {
  padding-bottom: calc(25px / 1.618);
}

.u-pb28 {
  padding-bottom: calc(28px / 1.618);
}

.u-pb30 {
  padding-bottom: calc(30px / 1.618);
}

.u-pb32 {
  padding-bottom: calc(32px / 1.618);
}

.u-pb35 {
  padding-bottom: calc(35px / 1.618);
}

.u-pb36 {
  padding-bottom: calc(36px / 1.618);
}

.u-pb40 {
  padding-bottom: calc(40px / 1.618);
}

.u-pb44 {
  padding-bottom: calc(44px / 1.618);
}

.u-pb45 {
  padding-bottom: calc(45px / 1.618);
}

.u-pb48 {
  padding-bottom: calc(48px / 1.618);
}

.u-pb50 {
  padding-bottom: calc(50px / 1.618);
}

.u-pb52 {
  padding-bottom: calc(52px / 1.618);
}

.u-pb55 {
  padding-bottom: calc(55px / 1.618);
}

.u-pb56 {
  padding-bottom: calc(56px / 1.618);
}

.u-pb60 {
  padding-bottom: calc(60px / 1.618);
}

.u-pb64 {
  padding-bottom: calc(64px / 1.618);
}

.u-pb65 {
  padding-bottom: calc(65px / 1.618);
}

.u-pb68 {
  padding-bottom: calc(68px / 1.618);
}

.u-pb70 {
  padding-bottom: calc(70px / 1.618);
}

.u-pb72 {
  padding-bottom: calc(72px / 1.618);
}

.u-pb75 {
  padding-bottom: calc(75px / 1.618);
}

.u-pb76 {
  padding-bottom: calc(76px / 1.618);
}

.u-pb80 {
  padding-bottom: calc(80px / 1.618);
}

.u-pb84 {
  padding-bottom: calc(84px / 1.618);
}

.u-pb85 {
  padding-bottom: calc(85px / 1.618);
}

.u-pb88 {
  padding-bottom: calc(88px / 1.618);
}

.u-pb90 {
  padding-bottom: calc(90px / 1.618);
}

.u-pb92 {
  padding-bottom: calc(92px / 1.618);
}

.u-pb95 {
  padding-bottom: calc(95px / 1.618);
}

.u-pb96 {
  padding-bottom: calc(96px / 1.618);
}

.u-pb100 {
  padding-bottom: calc(100px / 1.618);
}

.u-pl0 {
  padding-left: calc(0px / 1.618);
}

.u-pl4 {
  padding-left: calc(4px / 1.618);
}

.u-pl5 {
  padding-left: calc(5px / 1.618);
}

.u-pl8 {
  padding-left: calc(8px / 1.618);
}

.u-pl10 {
  padding-left: calc(10px / 1.618);
}

.u-pl12 {
  padding-left: calc(12px / 1.618);
}

.u-pl15 {
  padding-left: calc(15px / 1.618);
}

.u-pl16 {
  padding-left: calc(16px / 1.618);
}

.u-pl20 {
  padding-left: calc(20px / 1.618);
}

.u-pl24 {
  padding-left: calc(24px / 1.618);
}

.u-pl25 {
  padding-left: calc(25px / 1.618);
}

.u-pl28 {
  padding-left: calc(28px / 1.618);
}

.u-pl30 {
  padding-left: calc(30px / 1.618);
}

.u-pl32 {
  padding-left: calc(32px / 1.618);
}

.u-pl35 {
  padding-left: calc(35px / 1.618);
}

.u-pl36 {
  padding-left: calc(36px / 1.618);
}

.u-pl40 {
  padding-left: calc(40px / 1.618);
}

.u-pl44 {
  padding-left: calc(44px / 1.618);
}

.u-pl45 {
  padding-left: calc(45px / 1.618);
}

.u-pl48 {
  padding-left: calc(48px / 1.618);
}

.u-pl50 {
  padding-left: calc(50px / 1.618);
}

.u-pl52 {
  padding-left: calc(52px / 1.618);
}

.u-pl55 {
  padding-left: calc(55px / 1.618);
}

.u-pl56 {
  padding-left: calc(56px / 1.618);
}

.u-pl60 {
  padding-left: calc(60px / 1.618);
}

.u-pl64 {
  padding-left: calc(64px / 1.618);
}

.u-pl65 {
  padding-left: calc(65px / 1.618);
}

.u-pl68 {
  padding-left: calc(68px / 1.618);
}

.u-pl70 {
  padding-left: calc(70px / 1.618);
}

.u-pl72 {
  padding-left: calc(72px / 1.618);
}

.u-pl75 {
  padding-left: calc(75px / 1.618);
}

.u-pl76 {
  padding-left: calc(76px / 1.618);
}

.u-pl80 {
  padding-left: calc(80px / 1.618);
}

.u-pl84 {
  padding-left: calc(84px / 1.618);
}

.u-pl85 {
  padding-left: calc(85px / 1.618);
}

.u-pl88 {
  padding-left: calc(88px / 1.618);
}

.u-pl90 {
  padding-left: calc(90px / 1.618);
}

.u-pl92 {
  padding-left: calc(92px / 1.618);
}

.u-pl95 {
  padding-left: calc(95px / 1.618);
}

.u-pl96 {
  padding-left: calc(96px / 1.618);
}

.u-pl100 {
  padding-left: calc(100px / 1.618);
}

.u-pr0 {
  padding-right: calc(0px / 1.618);
}

.u-pr4 {
  padding-right: calc(4px / 1.618);
}

.u-pr5 {
  padding-right: calc(5px / 1.618);
}

.u-pr8 {
  padding-right: calc(8px / 1.618);
}

.u-pr10 {
  padding-right: calc(10px / 1.618);
}

.u-pr12 {
  padding-right: calc(12px / 1.618);
}

.u-pr15 {
  padding-right: calc(15px / 1.618);
}

.u-pr16 {
  padding-right: calc(16px / 1.618);
}

.u-pr20 {
  padding-right: calc(20px / 1.618);
}

.u-pr24 {
  padding-right: calc(24px / 1.618);
}

.u-pr25 {
  padding-right: calc(25px / 1.618);
}

.u-pr28 {
  padding-right: calc(28px / 1.618);
}

.u-pr30 {
  padding-right: calc(30px / 1.618);
}

.u-pr32 {
  padding-right: calc(32px / 1.618);
}

.u-pr35 {
  padding-right: calc(35px / 1.618);
}

.u-pr36 {
  padding-right: calc(36px / 1.618);
}

.u-pr40 {
  padding-right: calc(40px / 1.618);
}

.u-pr44 {
  padding-right: calc(44px / 1.618);
}

.u-pr45 {
  padding-right: calc(45px / 1.618);
}

.u-pr48 {
  padding-right: calc(48px / 1.618);
}

.u-pr50 {
  padding-right: calc(50px / 1.618);
}

.u-pr52 {
  padding-right: calc(52px / 1.618);
}

.u-pr55 {
  padding-right: calc(55px / 1.618);
}

.u-pr56 {
  padding-right: calc(56px / 1.618);
}

.u-pr60 {
  padding-right: calc(60px / 1.618);
}

.u-pr64 {
  padding-right: calc(64px / 1.618);
}

.u-pr65 {
  padding-right: calc(65px / 1.618);
}

.u-pr68 {
  padding-right: calc(68px / 1.618);
}

.u-pr70 {
  padding-right: calc(70px / 1.618);
}

.u-pr72 {
  padding-right: calc(72px / 1.618);
}

.u-pr75 {
  padding-right: calc(75px / 1.618);
}

.u-pr76 {
  padding-right: calc(76px / 1.618);
}

.u-pr80 {
  padding-right: calc(80px / 1.618);
}

.u-pr84 {
  padding-right: calc(84px / 1.618);
}

.u-pr85 {
  padding-right: calc(85px / 1.618);
}

.u-pr88 {
  padding-right: calc(88px / 1.618);
}

.u-pr90 {
  padding-right: calc(90px / 1.618);
}

.u-pr92 {
  padding-right: calc(92px / 1.618);
}

.u-pr95 {
  padding-right: calc(95px / 1.618);
}

.u-pr96 {
  padding-right: calc(96px / 1.618);
}

.u-pr100 {
  padding-right: calc(100px / 1.618);
}

.u-mt0 {
  margin-top: calc(0px / 1.618);
}

.u-mt4 {
  margin-top: calc(4px / 1.618);
}

.u-mt5 {
  margin-top: calc(5px / 1.618);
}

.u-mt8 {
  margin-top: calc(8px / 1.618);
}

.u-mt10 {
  margin-top: calc(10px / 1.618);
}

.u-mt12 {
  margin-top: calc(12px / 1.618);
}

.u-mt15 {
  margin-top: calc(15px / 1.618);
}

.u-mt16 {
  margin-top: calc(16px / 1.618);
}

.u-mt20 {
  margin-top: calc(20px / 1.618);
}

.u-mt24 {
  margin-top: calc(24px / 1.618);
}

.u-mt25 {
  margin-top: calc(25px / 1.618);
}

.u-mt28 {
  margin-top: calc(28px / 1.618);
}

.u-mt30 {
  margin-top: calc(30px / 1.618);
}

.u-mt32 {
  margin-top: calc(32px / 1.618);
}

.u-mt35 {
  margin-top: calc(35px / 1.618);
}

.u-mt36 {
  margin-top: calc(36px / 1.618);
}

.u-mt40 {
  margin-top: calc(40px / 1.618);
}

.u-mt44 {
  margin-top: calc(44px / 1.618);
}

.u-mt45 {
  margin-top: calc(45px / 1.618);
}

.u-mt48 {
  margin-top: calc(48px / 1.618);
}

.u-mt50 {
  margin-top: calc(50px / 1.618);
}

.u-mt52 {
  margin-top: calc(52px / 1.618);
}

.u-mt55 {
  margin-top: calc(55px / 1.618);
}

.u-mt56 {
  margin-top: calc(56px / 1.618);
}

.u-mt60 {
  margin-top: calc(60px / 1.618);
}

.u-mt64 {
  margin-top: calc(64px / 1.618);
}

.u-mt65 {
  margin-top: calc(65px / 1.618);
}

.u-mt68 {
  margin-top: calc(68px / 1.618);
}

.u-mt70 {
  margin-top: calc(70px / 1.618);
}

.u-mt72 {
  margin-top: calc(72px / 1.618);
}

.u-mt75 {
  margin-top: calc(75px / 1.618);
}

.u-mt76 {
  margin-top: calc(76px / 1.618);
}

.u-mt80 {
  margin-top: calc(80px / 1.618);
}

.u-mt84 {
  margin-top: calc(84px / 1.618);
}

.u-mt85 {
  margin-top: calc(85px / 1.618);
}

.u-mt88 {
  margin-top: calc(88px / 1.618);
}

.u-mt90 {
  margin-top: calc(90px / 1.618);
}

.u-mt92 {
  margin-top: calc(92px / 1.618);
}

.u-mt95 {
  margin-top: calc(95px / 1.618);
}

.u-mt96 {
  margin-top: calc(96px / 1.618);
}

.u-mt100 {
  margin-top: calc(100px / 1.618);
}

.u-mb0 {
  margin-bottom: calc(0px / 1.618);
}

.u-mb4 {
  margin-bottom: calc(4px / 1.618);
}

.u-mb5 {
  margin-bottom: calc(5px / 1.618);
}

.u-mb8 {
  margin-bottom: calc(8px / 1.618);
}

.u-mb10 {
  margin-bottom: calc(10px / 1.618);
}

.u-mb12 {
  margin-bottom: calc(12px / 1.618);
}

.u-mb15 {
  margin-bottom: calc(15px / 1.618);
}

.u-mb16 {
  margin-bottom: calc(16px / 1.618);
}

.u-mb20 {
  margin-bottom: calc(20px / 1.618);
}

.u-mb24 {
  margin-bottom: calc(24px / 1.618);
}

.u-mb25 {
  margin-bottom: calc(25px / 1.618);
}

.u-mb28 {
  margin-bottom: calc(28px / 1.618);
}

.u-mb30 {
  margin-bottom: calc(30px / 1.618);
}

.u-mb32 {
  margin-bottom: calc(32px / 1.618);
}

.u-mb35 {
  margin-bottom: calc(35px / 1.618);
}

.u-mb36 {
  margin-bottom: calc(36px / 1.618);
}

.u-mb40 {
  margin-bottom: calc(40px / 1.618);
}

.u-mb44 {
  margin-bottom: calc(44px / 1.618);
}

.u-mb45 {
  margin-bottom: calc(45px / 1.618);
}

.u-mb48 {
  margin-bottom: calc(48px / 1.618);
}

.u-mb50 {
  margin-bottom: calc(50px / 1.618);
}

.u-mb52 {
  margin-bottom: calc(52px / 1.618);
}

.u-mb55 {
  margin-bottom: calc(55px / 1.618);
}

.u-mb56 {
  margin-bottom: calc(56px / 1.618);
}

.u-mb60 {
  margin-bottom: calc(60px / 1.618);
}

.u-mb64 {
  margin-bottom: calc(64px / 1.618);
}

.u-mb65 {
  margin-bottom: calc(65px / 1.618);
}

.u-mb68 {
  margin-bottom: calc(68px / 1.618);
}

.u-mb70 {
  margin-bottom: calc(70px / 1.618);
}

.u-mb72 {
  margin-bottom: calc(72px / 1.618);
}

.u-mb75 {
  margin-bottom: calc(75px / 1.618);
}

.u-mb76 {
  margin-bottom: calc(76px / 1.618);
}

.u-mb80 {
  margin-bottom: calc(80px / 1.618);
}

.u-mb84 {
  margin-bottom: calc(84px / 1.618);
}

.u-mb85 {
  margin-bottom: calc(85px / 1.618);
}

.u-mb88 {
  margin-bottom: calc(88px / 1.618);
}

.u-mb90 {
  margin-bottom: calc(90px / 1.618);
}

.u-mb92 {
  margin-bottom: calc(92px / 1.618);
}

.u-mb95 {
  margin-bottom: calc(95px / 1.618);
}

.u-mb96 {
  margin-bottom: calc(96px / 1.618);
}

.u-mb100 {
  margin-bottom: calc(100px / 1.618);
}

.u-ml0 {
  margin-left: calc(0px / 1.618);
}

.u-ml4 {
  margin-left: calc(4px / 1.618);
}

.u-ml5 {
  margin-left: calc(5px / 1.618);
}

.u-ml8 {
  margin-left: calc(8px / 1.618);
}

.u-ml10 {
  margin-left: calc(10px / 1.618);
}

.u-ml12 {
  margin-left: calc(12px / 1.618);
}

.u-ml15 {
  margin-left: calc(15px / 1.618);
}

.u-ml16 {
  margin-left: calc(16px / 1.618);
}

.u-ml20 {
  margin-left: calc(20px / 1.618);
}

.u-ml24 {
  margin-left: calc(24px / 1.618);
}

.u-ml25 {
  margin-left: calc(25px / 1.618);
}

.u-ml28 {
  margin-left: calc(28px / 1.618);
}

.u-ml30 {
  margin-left: calc(30px / 1.618);
}

.u-ml32 {
  margin-left: calc(32px / 1.618);
}

.u-ml35 {
  margin-left: calc(35px / 1.618);
}

.u-ml36 {
  margin-left: calc(36px / 1.618);
}

.u-ml40 {
  margin-left: calc(40px / 1.618);
}

.u-ml44 {
  margin-left: calc(44px / 1.618);
}

.u-ml45 {
  margin-left: calc(45px / 1.618);
}

.u-ml48 {
  margin-left: calc(48px / 1.618);
}

.u-ml50 {
  margin-left: calc(50px / 1.618);
}

.u-ml52 {
  margin-left: calc(52px / 1.618);
}

.u-ml55 {
  margin-left: calc(55px / 1.618);
}

.u-ml56 {
  margin-left: calc(56px / 1.618);
}

.u-ml60 {
  margin-left: calc(60px / 1.618);
}

.u-ml64 {
  margin-left: calc(64px / 1.618);
}

.u-ml65 {
  margin-left: calc(65px / 1.618);
}

.u-ml68 {
  margin-left: calc(68px / 1.618);
}

.u-ml70 {
  margin-left: calc(70px / 1.618);
}

.u-ml72 {
  margin-left: calc(72px / 1.618);
}

.u-ml75 {
  margin-left: calc(75px / 1.618);
}

.u-ml76 {
  margin-left: calc(76px / 1.618);
}

.u-ml80 {
  margin-left: calc(80px / 1.618);
}

.u-ml84 {
  margin-left: calc(84px / 1.618);
}

.u-ml85 {
  margin-left: calc(85px / 1.618);
}

.u-ml88 {
  margin-left: calc(88px / 1.618);
}

.u-ml90 {
  margin-left: calc(90px / 1.618);
}

.u-ml92 {
  margin-left: calc(92px / 1.618);
}

.u-ml95 {
  margin-left: calc(95px / 1.618);
}

.u-ml96 {
  margin-left: calc(96px / 1.618);
}

.u-ml100 {
  margin-left: calc(100px / 1.618);
}

.u-mr0 {
  margin-right: calc(0px / 1.618);
}

.u-mr4 {
  margin-right: calc(4px / 1.618);
}

.u-mr5 {
  margin-right: calc(5px / 1.618);
}

.u-mr8 {
  margin-right: calc(8px / 1.618);
}

.u-mr10 {
  margin-right: calc(10px / 1.618);
}

.u-mr12 {
  margin-right: calc(12px / 1.618);
}

.u-mr15 {
  margin-right: calc(15px / 1.618);
}

.u-mr16 {
  margin-right: calc(16px / 1.618);
}

.u-mr20 {
  margin-right: calc(20px / 1.618);
}

.u-mr24 {
  margin-right: calc(24px / 1.618);
}

.u-mr25 {
  margin-right: calc(25px / 1.618);
}

.u-mr28 {
  margin-right: calc(28px / 1.618);
}

.u-mr30 {
  margin-right: calc(30px / 1.618);
}

.u-mr32 {
  margin-right: calc(32px / 1.618);
}

.u-mr35 {
  margin-right: calc(35px / 1.618);
}

.u-mr36 {
  margin-right: calc(36px / 1.618);
}

.u-mr40 {
  margin-right: calc(40px / 1.618);
}

.u-mr44 {
  margin-right: calc(44px / 1.618);
}

.u-mr45 {
  margin-right: calc(45px / 1.618);
}

.u-mr48 {
  margin-right: calc(48px / 1.618);
}

.u-mr50 {
  margin-right: calc(50px / 1.618);
}

.u-mr52 {
  margin-right: calc(52px / 1.618);
}

.u-mr55 {
  margin-right: calc(55px / 1.618);
}

.u-mr56 {
  margin-right: calc(56px / 1.618);
}

.u-mr60 {
  margin-right: calc(60px / 1.618);
}

.u-mr64 {
  margin-right: calc(64px / 1.618);
}

.u-mr65 {
  margin-right: calc(65px / 1.618);
}

.u-mr68 {
  margin-right: calc(68px / 1.618);
}

.u-mr70 {
  margin-right: calc(70px / 1.618);
}

.u-mr72 {
  margin-right: calc(72px / 1.618);
}

.u-mr75 {
  margin-right: calc(75px / 1.618);
}

.u-mr76 {
  margin-right: calc(76px / 1.618);
}

.u-mr80 {
  margin-right: calc(80px / 1.618);
}

.u-mr84 {
  margin-right: calc(84px / 1.618);
}

.u-mr85 {
  margin-right: calc(85px / 1.618);
}

.u-mr88 {
  margin-right: calc(88px / 1.618);
}

.u-mr90 {
  margin-right: calc(90px / 1.618);
}

.u-mr92 {
  margin-right: calc(92px / 1.618);
}

.u-mr95 {
  margin-right: calc(95px / 1.618);
}

.u-mr96 {
  margin-right: calc(96px / 1.618);
}

.u-mr100 {
  margin-right: calc(100px / 1.618);
}

@media screen and (min-width: 769px) {
  .u-pt0 {
    padding-top: 0px;
  }
  .u-pt4 {
    padding-top: 4px;
  }
  .u-pt5 {
    padding-top: 5px;
  }
  .u-pt8 {
    padding-top: 8px;
  }
  .u-pt10 {
    padding-top: 10px;
  }
  .u-pt12 {
    padding-top: 12px;
  }
  .u-pt15 {
    padding-top: 15px;
  }
  .u-pt16 {
    padding-top: 16px;
  }
  .u-pt20 {
    padding-top: 20px;
  }
  .u-pt24 {
    padding-top: 24px;
  }
  .u-pt25 {
    padding-top: 25px;
  }
  .u-pt28 {
    padding-top: 28px;
  }
  .u-pt30 {
    padding-top: 30px;
  }
  .u-pt32 {
    padding-top: 32px;
  }
  .u-pt35 {
    padding-top: 35px;
  }
  .u-pt36 {
    padding-top: 36px;
  }
  .u-pt40 {
    padding-top: 40px;
  }
  .u-pt44 {
    padding-top: 44px;
  }
  .u-pt45 {
    padding-top: 45px;
  }
  .u-pt48 {
    padding-top: 48px;
  }
  .u-pt50 {
    padding-top: 50px;
  }
  .u-pt52 {
    padding-top: 52px;
  }
  .u-pt55 {
    padding-top: 55px;
  }
  .u-pt56 {
    padding-top: 56px;
  }
  .u-pt60 {
    padding-top: 60px;
  }
  .u-pt64 {
    padding-top: 64px;
  }
  .u-pt65 {
    padding-top: 65px;
  }
  .u-pt68 {
    padding-top: 68px;
  }
  .u-pt70 {
    padding-top: 70px;
  }
  .u-pt72 {
    padding-top: 72px;
  }
  .u-pt75 {
    padding-top: 75px;
  }
  .u-pt76 {
    padding-top: 76px;
  }
  .u-pt80 {
    padding-top: 80px;
  }
  .u-pt84 {
    padding-top: 84px;
  }
  .u-pt85 {
    padding-top: 85px;
  }
  .u-pt88 {
    padding-top: 88px;
  }
  .u-pt90 {
    padding-top: 90px;
  }
  .u-pt92 {
    padding-top: 92px;
  }
  .u-pt95 {
    padding-top: 95px;
  }
  .u-pt96 {
    padding-top: 96px;
  }
  .u-pt100 {
    padding-top: 100px;
  }
  .u-pb0 {
    padding-bottom: 0px;
  }
  .u-pb4 {
    padding-bottom: 4px;
  }
  .u-pb5 {
    padding-bottom: 5px;
  }
  .u-pb8 {
    padding-bottom: 8px;
  }
  .u-pb10 {
    padding-bottom: 10px;
  }
  .u-pb12 {
    padding-bottom: 12px;
  }
  .u-pb15 {
    padding-bottom: 15px;
  }
  .u-pb16 {
    padding-bottom: 16px;
  }
  .u-pb20 {
    padding-bottom: 20px;
  }
  .u-pb24 {
    padding-bottom: 24px;
  }
  .u-pb25 {
    padding-bottom: 25px;
  }
  .u-pb28 {
    padding-bottom: 28px;
  }
  .u-pb30 {
    padding-bottom: 30px;
  }
  .u-pb32 {
    padding-bottom: 32px;
  }
  .u-pb35 {
    padding-bottom: 35px;
  }
  .u-pb36 {
    padding-bottom: 36px;
  }
  .u-pb40 {
    padding-bottom: 40px;
  }
  .u-pb44 {
    padding-bottom: 44px;
  }
  .u-pb45 {
    padding-bottom: 45px;
  }
  .u-pb48 {
    padding-bottom: 48px;
  }
  .u-pb50 {
    padding-bottom: 50px;
  }
  .u-pb52 {
    padding-bottom: 52px;
  }
  .u-pb55 {
    padding-bottom: 55px;
  }
  .u-pb56 {
    padding-bottom: 56px;
  }
  .u-pb60 {
    padding-bottom: 60px;
  }
  .u-pb64 {
    padding-bottom: 64px;
  }
  .u-pb65 {
    padding-bottom: 65px;
  }
  .u-pb68 {
    padding-bottom: 68px;
  }
  .u-pb70 {
    padding-bottom: 70px;
  }
  .u-pb72 {
    padding-bottom: 72px;
  }
  .u-pb75 {
    padding-bottom: 75px;
  }
  .u-pb76 {
    padding-bottom: 76px;
  }
  .u-pb80 {
    padding-bottom: 80px;
  }
  .u-pb84 {
    padding-bottom: 84px;
  }
  .u-pb85 {
    padding-bottom: 85px;
  }
  .u-pb88 {
    padding-bottom: 88px;
  }
  .u-pb90 {
    padding-bottom: 90px;
  }
  .u-pb92 {
    padding-bottom: 92px;
  }
  .u-pb95 {
    padding-bottom: 95px;
  }
  .u-pb96 {
    padding-bottom: 96px;
  }
  .u-pb100 {
    padding-bottom: 100px;
  }
  .u-pl0 {
    padding-left: 0px;
  }
  .u-pl4 {
    padding-left: 4px;
  }
  .u-pl5 {
    padding-left: 5px;
  }
  .u-pl8 {
    padding-left: 8px;
  }
  .u-pl10 {
    padding-left: 10px;
  }
  .u-pl12 {
    padding-left: 12px;
  }
  .u-pl15 {
    padding-left: 15px;
  }
  .u-pl16 {
    padding-left: 16px;
  }
  .u-pl20 {
    padding-left: 20px;
  }
  .u-pl24 {
    padding-left: 24px;
  }
  .u-pl25 {
    padding-left: 25px;
  }
  .u-pl28 {
    padding-left: 28px;
  }
  .u-pl30 {
    padding-left: 30px;
  }
  .u-pl32 {
    padding-left: 32px;
  }
  .u-pl35 {
    padding-left: 35px;
  }
  .u-pl36 {
    padding-left: 36px;
  }
  .u-pl40 {
    padding-left: 40px;
  }
  .u-pl44 {
    padding-left: 44px;
  }
  .u-pl45 {
    padding-left: 45px;
  }
  .u-pl48 {
    padding-left: 48px;
  }
  .u-pl50 {
    padding-left: 50px;
  }
  .u-pl52 {
    padding-left: 52px;
  }
  .u-pl55 {
    padding-left: 55px;
  }
  .u-pl56 {
    padding-left: 56px;
  }
  .u-pl60 {
    padding-left: 60px;
  }
  .u-pl64 {
    padding-left: 64px;
  }
  .u-pl65 {
    padding-left: 65px;
  }
  .u-pl68 {
    padding-left: 68px;
  }
  .u-pl70 {
    padding-left: 70px;
  }
  .u-pl72 {
    padding-left: 72px;
  }
  .u-pl75 {
    padding-left: 75px;
  }
  .u-pl76 {
    padding-left: 76px;
  }
  .u-pl80 {
    padding-left: 80px;
  }
  .u-pl84 {
    padding-left: 84px;
  }
  .u-pl85 {
    padding-left: 85px;
  }
  .u-pl88 {
    padding-left: 88px;
  }
  .u-pl90 {
    padding-left: 90px;
  }
  .u-pl92 {
    padding-left: 92px;
  }
  .u-pl95 {
    padding-left: 95px;
  }
  .u-pl96 {
    padding-left: 96px;
  }
  .u-pl100 {
    padding-left: 100px;
  }
  .u-pr0 {
    padding-right: 0px;
  }
  .u-pr4 {
    padding-right: 4px;
  }
  .u-pr5 {
    padding-right: 5px;
  }
  .u-pr8 {
    padding-right: 8px;
  }
  .u-pr10 {
    padding-right: 10px;
  }
  .u-pr12 {
    padding-right: 12px;
  }
  .u-pr15 {
    padding-right: 15px;
  }
  .u-pr16 {
    padding-right: 16px;
  }
  .u-pr20 {
    padding-right: 20px;
  }
  .u-pr24 {
    padding-right: 24px;
  }
  .u-pr25 {
    padding-right: 25px;
  }
  .u-pr28 {
    padding-right: 28px;
  }
  .u-pr30 {
    padding-right: 30px;
  }
  .u-pr32 {
    padding-right: 32px;
  }
  .u-pr35 {
    padding-right: 35px;
  }
  .u-pr36 {
    padding-right: 36px;
  }
  .u-pr40 {
    padding-right: 40px;
  }
  .u-pr44 {
    padding-right: 44px;
  }
  .u-pr45 {
    padding-right: 45px;
  }
  .u-pr48 {
    padding-right: 48px;
  }
  .u-pr50 {
    padding-right: 50px;
  }
  .u-pr52 {
    padding-right: 52px;
  }
  .u-pr55 {
    padding-right: 55px;
  }
  .u-pr56 {
    padding-right: 56px;
  }
  .u-pr60 {
    padding-right: 60px;
  }
  .u-pr64 {
    padding-right: 64px;
  }
  .u-pr65 {
    padding-right: 65px;
  }
  .u-pr68 {
    padding-right: 68px;
  }
  .u-pr70 {
    padding-right: 70px;
  }
  .u-pr72 {
    padding-right: 72px;
  }
  .u-pr75 {
    padding-right: 75px;
  }
  .u-pr76 {
    padding-right: 76px;
  }
  .u-pr80 {
    padding-right: 80px;
  }
  .u-pr84 {
    padding-right: 84px;
  }
  .u-pr85 {
    padding-right: 85px;
  }
  .u-pr88 {
    padding-right: 88px;
  }
  .u-pr90 {
    padding-right: 90px;
  }
  .u-pr92 {
    padding-right: 92px;
  }
  .u-pr95 {
    padding-right: 95px;
  }
  .u-pr96 {
    padding-right: 96px;
  }
  .u-pr100 {
    padding-right: 100px;
  }
  .u-mt0 {
    margin-top: 0px;
  }
  .u-mt4 {
    margin-top: 4px;
  }
  .u-mt5 {
    margin-top: 5px;
  }
  .u-mt8 {
    margin-top: 8px;
  }
  .u-mt10 {
    margin-top: 10px;
  }
  .u-mt12 {
    margin-top: 12px;
  }
  .u-mt15 {
    margin-top: 15px;
  }
  .u-mt16 {
    margin-top: 16px;
  }
  .u-mt20 {
    margin-top: 20px;
  }
  .u-mt24 {
    margin-top: 24px;
  }
  .u-mt25 {
    margin-top: 25px;
  }
  .u-mt28 {
    margin-top: 28px;
  }
  .u-mt30 {
    margin-top: 30px;
  }
  .u-mt32 {
    margin-top: 32px;
  }
  .u-mt35 {
    margin-top: 35px;
  }
  .u-mt36 {
    margin-top: 36px;
  }
  .u-mt40 {
    margin-top: 40px;
  }
  .u-mt44 {
    margin-top: 44px;
  }
  .u-mt45 {
    margin-top: 45px;
  }
  .u-mt48 {
    margin-top: 48px;
  }
  .u-mt50 {
    margin-top: 50px;
  }
  .u-mt52 {
    margin-top: 52px;
  }
  .u-mt55 {
    margin-top: 55px;
  }
  .u-mt56 {
    margin-top: 56px;
  }
  .u-mt60 {
    margin-top: 60px;
  }
  .u-mt64 {
    margin-top: 64px;
  }
  .u-mt65 {
    margin-top: 65px;
  }
  .u-mt68 {
    margin-top: 68px;
  }
  .u-mt70 {
    margin-top: 70px;
  }
  .u-mt72 {
    margin-top: 72px;
  }
  .u-mt75 {
    margin-top: 75px;
  }
  .u-mt76 {
    margin-top: 76px;
  }
  .u-mt80 {
    margin-top: 80px;
  }
  .u-mt84 {
    margin-top: 84px;
  }
  .u-mt85 {
    margin-top: 85px;
  }
  .u-mt88 {
    margin-top: 88px;
  }
  .u-mt90 {
    margin-top: 90px;
  }
  .u-mt92 {
    margin-top: 92px;
  }
  .u-mt95 {
    margin-top: 95px;
  }
  .u-mt96 {
    margin-top: 96px;
  }
  .u-mt100 {
    margin-top: 100px;
  }
  .u-mb0 {
    margin-bottom: 0px;
  }
  .u-mb4 {
    margin-bottom: 4px;
  }
  .u-mb5 {
    margin-bottom: 5px;
  }
  .u-mb8 {
    margin-bottom: 8px;
  }
  .u-mb10 {
    margin-bottom: 10px;
  }
  .u-mb12 {
    margin-bottom: 12px;
  }
  .u-mb15 {
    margin-bottom: 15px;
  }
  .u-mb16 {
    margin-bottom: 16px;
  }
  .u-mb20 {
    margin-bottom: 20px;
  }
  .u-mb24 {
    margin-bottom: 24px;
  }
  .u-mb25 {
    margin-bottom: 25px;
  }
  .u-mb28 {
    margin-bottom: 28px;
  }
  .u-mb30 {
    margin-bottom: 30px;
  }
  .u-mb32 {
    margin-bottom: 32px;
  }
  .u-mb35 {
    margin-bottom: 35px;
  }
  .u-mb36 {
    margin-bottom: 36px;
  }
  .u-mb40 {
    margin-bottom: 40px;
  }
  .u-mb44 {
    margin-bottom: 44px;
  }
  .u-mb45 {
    margin-bottom: 45px;
  }
  .u-mb48 {
    margin-bottom: 48px;
  }
  .u-mb50 {
    margin-bottom: 50px;
  }
  .u-mb52 {
    margin-bottom: 52px;
  }
  .u-mb55 {
    margin-bottom: 55px;
  }
  .u-mb56 {
    margin-bottom: 56px;
  }
  .u-mb60 {
    margin-bottom: 60px;
  }
  .u-mb64 {
    margin-bottom: 64px;
  }
  .u-mb65 {
    margin-bottom: 65px;
  }
  .u-mb68 {
    margin-bottom: 68px;
  }
  .u-mb70 {
    margin-bottom: 70px;
  }
  .u-mb72 {
    margin-bottom: 72px;
  }
  .u-mb75 {
    margin-bottom: 75px;
  }
  .u-mb76 {
    margin-bottom: 76px;
  }
  .u-mb80 {
    margin-bottom: 80px;
  }
  .u-mb84 {
    margin-bottom: 84px;
  }
  .u-mb85 {
    margin-bottom: 85px;
  }
  .u-mb88 {
    margin-bottom: 88px;
  }
  .u-mb90 {
    margin-bottom: 90px;
  }
  .u-mb92 {
    margin-bottom: 92px;
  }
  .u-mb95 {
    margin-bottom: 95px;
  }
  .u-mb96 {
    margin-bottom: 96px;
  }
  .u-mb100 {
    margin-bottom: 100px;
  }
  .u-ml0 {
    margin-left: 0px;
  }
  .u-ml4 {
    margin-left: 4px;
  }
  .u-ml5 {
    margin-left: 5px;
  }
  .u-ml8 {
    margin-left: 8px;
  }
  .u-ml10 {
    margin-left: 10px;
  }
  .u-ml12 {
    margin-left: 12px;
  }
  .u-ml15 {
    margin-left: 15px;
  }
  .u-ml16 {
    margin-left: 16px;
  }
  .u-ml20 {
    margin-left: 20px;
  }
  .u-ml24 {
    margin-left: 24px;
  }
  .u-ml25 {
    margin-left: 25px;
  }
  .u-ml28 {
    margin-left: 28px;
  }
  .u-ml30 {
    margin-left: 30px;
  }
  .u-ml32 {
    margin-left: 32px;
  }
  .u-ml35 {
    margin-left: 35px;
  }
  .u-ml36 {
    margin-left: 36px;
  }
  .u-ml40 {
    margin-left: 40px;
  }
  .u-ml44 {
    margin-left: 44px;
  }
  .u-ml45 {
    margin-left: 45px;
  }
  .u-ml48 {
    margin-left: 48px;
  }
  .u-ml50 {
    margin-left: 50px;
  }
  .u-ml52 {
    margin-left: 52px;
  }
  .u-ml55 {
    margin-left: 55px;
  }
  .u-ml56 {
    margin-left: 56px;
  }
  .u-ml60 {
    margin-left: 60px;
  }
  .u-ml64 {
    margin-left: 64px;
  }
  .u-ml65 {
    margin-left: 65px;
  }
  .u-ml68 {
    margin-left: 68px;
  }
  .u-ml70 {
    margin-left: 70px;
  }
  .u-ml72 {
    margin-left: 72px;
  }
  .u-ml75 {
    margin-left: 75px;
  }
  .u-ml76 {
    margin-left: 76px;
  }
  .u-ml80 {
    margin-left: 80px;
  }
  .u-ml84 {
    margin-left: 84px;
  }
  .u-ml85 {
    margin-left: 85px;
  }
  .u-ml88 {
    margin-left: 88px;
  }
  .u-ml90 {
    margin-left: 90px;
  }
  .u-ml92 {
    margin-left: 92px;
  }
  .u-ml95 {
    margin-left: 95px;
  }
  .u-ml96 {
    margin-left: 96px;
  }
  .u-ml100 {
    margin-left: 100px;
  }
  .u-mr0 {
    margin-right: 0px;
  }
  .u-mr4 {
    margin-right: 4px;
  }
  .u-mr5 {
    margin-right: 5px;
  }
  .u-mr8 {
    margin-right: 8px;
  }
  .u-mr10 {
    margin-right: 10px;
  }
  .u-mr12 {
    margin-right: 12px;
  }
  .u-mr15 {
    margin-right: 15px;
  }
  .u-mr16 {
    margin-right: 16px;
  }
  .u-mr20 {
    margin-right: 20px;
  }
  .u-mr24 {
    margin-right: 24px;
  }
  .u-mr25 {
    margin-right: 25px;
  }
  .u-mr28 {
    margin-right: 28px;
  }
  .u-mr30 {
    margin-right: 30px;
  }
  .u-mr32 {
    margin-right: 32px;
  }
  .u-mr35 {
    margin-right: 35px;
  }
  .u-mr36 {
    margin-right: 36px;
  }
  .u-mr40 {
    margin-right: 40px;
  }
  .u-mr44 {
    margin-right: 44px;
  }
  .u-mr45 {
    margin-right: 45px;
  }
  .u-mr48 {
    margin-right: 48px;
  }
  .u-mr50 {
    margin-right: 50px;
  }
  .u-mr52 {
    margin-right: 52px;
  }
  .u-mr55 {
    margin-right: 55px;
  }
  .u-mr56 {
    margin-right: 56px;
  }
  .u-mr60 {
    margin-right: 60px;
  }
  .u-mr64 {
    margin-right: 64px;
  }
  .u-mr65 {
    margin-right: 65px;
  }
  .u-mr68 {
    margin-right: 68px;
  }
  .u-mr70 {
    margin-right: 70px;
  }
  .u-mr72 {
    margin-right: 72px;
  }
  .u-mr75 {
    margin-right: 75px;
  }
  .u-mr76 {
    margin-right: 76px;
  }
  .u-mr80 {
    margin-right: 80px;
  }
  .u-mr84 {
    margin-right: 84px;
  }
  .u-mr85 {
    margin-right: 85px;
  }
  .u-mr88 {
    margin-right: 88px;
  }
  .u-mr90 {
    margin-right: 90px;
  }
  .u-mr92 {
    margin-right: 92px;
  }
  .u-mr95 {
    margin-right: 95px;
  }
  .u-mr96 {
    margin-right: 96px;
  }
  .u-mr100 {
    margin-right: 100px;
  }
}
.swiper-plan {
  margin-right: 0 !important;
  position: relative;
  z-index: 0;
  margin-top: 3rem;
}
@media screen and (min-width: 769px) {
  .swiper-plan {
    margin-top: auto;
  }
}
.swiper-plan a {
  text-decoration: none;
  position: relative;
}
.swiper-plan a h3 {
  position: relative;
  padding-top: 2rem;
  font-size: 1.5rem;
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-weight: 300;
}
@media screen and (min-width: 769px) {
  .swiper-plan a h3 {
    padding-top: 3rem;
    font-size: 1.7rem;
  }
}
.swiper-plan a img {
  max-height: 228px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 769px) {
  .swiper-plan a img {
    max-width: 340px;
  }
}
.swiper-plan a i {
  font-style: normal;
  font-size: 1.2rem;
  background-color: #FFC652;
  padding: 0.5rem;
  display: inline-block;
  position: absolute;
  top: -12px;
  left: 12px;
}
@media screen and (min-width: 769px) {
  .swiper-plan a i {
    font-size: 1.4rem;
  }
}

.swiper-news {
  position: relative;
  z-index: 0;
  padding: 6.76vw;
}
@media screen and (min-width: 769px) {
  .swiper-news {
    margin-top: 8rem;
    padding: 0;
  }
}
.swiper-news a {
  text-decoration: none;
  position: relative;
}
.swiper-news a h3 {
  position: relative;
  padding-top: 2rem;
  font-size: 1.5rem;
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-weight: 300;
  text-align: left;
}
@media screen and (min-width: 769px) {
  .swiper-news a h3 {
    padding-top: 3rem;
    font-size: 1.7rem;
  }
}
.swiper-news a img {
  max-height: 239px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 769px) {
  .swiper-news a img {
    max-width: 357px;
  }
}
.swiper-news a i {
  font-style: normal;
  font-size: 1.2rem;
  background-color: black;
  color: white;
  padding: 0.5rem;
  display: inline-block;
  position: absolute;
  top: -12px;
  left: 12px;
}
@media screen and (min-width: 769px) {
  .swiper-news a i {
    font-size: 1.4rem;
  }
}

main {
  overflow: hidden;
}

.invieb {
  opacity: 0;
  visibility: hidden;
  transform: translateY(80px);
  transition: opacity 1s, visibility 1s, transform 1s;
}

.inviet {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-80px);
  transition: opacity 1s, visibility 1s, transform 1s;
}

.inviel {
  opacity: 0;
  visibility: hidden;
  transform: translateX(80px);
  transition: opacity 3s, visibility 3s, transform 3s;
}

.inviel2 {
  opacity: 0;
  visibility: hidden;
  transform: translateX(80px);
  transition: opacity 1s, visibility 1s, transform 1s;
}

.invier {
  opacity: 0;
  visibility: hidden;
  transform: translateX(-80px);
  transition: opacity 1s, visibility 1s, transform 1s;
}

.invier2 {
  opacity: 0;
  visibility: hidden;
  transform: translateX(-80px);
  transition: opacity 3s, visibility 3s, transform 3s;
}

.scroll {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

@-webkit-keyframes imageBlur {
  from {
    opacity: 0;
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -ms-filter: blur(15px);
    -o-filter: blur(15px);
    filter: blur(15px);
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
  }
}
.nav_toggle {
  position: fixed;
  cursor: pointer;
  width: 33px;
  height: 29px;
  z-index: 999;
  top: 28px;
  left: 87%;
  display: block;
}
@media screen and (min-width: 769px) {
  .nav_toggle {
    left: 94%;
  }
}
@media screen and (min-width: 993px) {
  .nav_toggle {
    display: none;
  }
}
.nav_toggle i {
  display: inline-block;
  transition: all 0.4s;
  /*アニメーションの設定*/
  position: absolute;
  right: 0;
  top: 0;
  height: 1px;
  border-radius: 2px;
  background: black;
}
.nav_toggle i:nth-of-type(1) {
  top: 5px;
  right: 5px;
  width: 100%;
}
.nav_toggle i:nth-of-type(2) {
  top: 13px;
  right: 5px;
  width: 100%;
}
.nav_toggle i:nth-of-type(3) {
  top: 20px;
  right: 5px;
  width: 100%;
}
.nav_toggle.show i:nth-child(1) {
  transform: translateY(8px) rotate(-45deg);
  background: white;
}
.nav_toggle.show i:nth-child(2) {
  opacity: 0;
}
.nav_toggle.show i:nth-child(3) {
  transform: translateY(-7px) rotate(45deg);
  background: white;
}

.header {
  width: 100%;
  z-index: 3;
  position: relative;
}
.header-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: absolute;
  top: 1rem;
  padding: 0 3.64vw !important;
}
@media screen and (min-width: 769px) {
  .header-inner {
    top: 5rem;
    max-width: 100%;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
  }
}
.header-inner h1 img {
  width: 60px;
}
@media screen and (min-width: 769px) {
  .header-inner h1 img {
    width: 96px;
  }
}
.header-inner .globalnavi {
  display: none;
}
@media screen and (min-width: 993px) {
  .header-inner .globalnavi {
    display: block;
  }
}
.header-inner .globalnavi-list {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.header-inner .globalnavi-list--item {
  margin-right: 3.47vw;
}
.header-inner .globalnavi-list--item a {
  color: white;
}

.sp-logo {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: black;
  text-align: center;
  color: white;
  padding: 1rem 0;
}
.sp-btn {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #9C363B;
  text-align: center;
  padding: 2.5rem 0;
  z-index: 5;
}
.sp-btn a {
  color: white;
  text-decoration: none;
}

.show .header {
  z-index: 900;
}
.show .header h1 {
  z-index: 991;
  text-align: center;
  padding-top: 2rem;
  padding-left: 2rem;
  position: fixed;
}
.show .header h1 a {
  display: inline-block;
  margin: 0 auto;
}
.show .header .header-inner {
  top: 0;
  padding: 0 !important;
}
.show .globalnavi {
  position: fixed;
  background-color: black;
  display: block;
  opacity: 1;
  visibility: visible;
  transition: all 0.4s;
  height: 100vh;
  z-index: 990;
  width: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.show .globalnavi-list {
  padding-top: 130px;
  max-width: 1240px;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
  display: block;
}
.show .globalnavi-list--item {
  padding: 2rem;
  border-top: 1px solid #525252;
  margin-right: 0;
}
.show .globalnavi-list--itemsub {
  padding: 2rem 2rem 0 2rem;
}
.show .globalnavi-list a {
  color: white;
  text-decoration: none;
}
@media screen and (min-width: 769px) {
  .show .globalnavi-list a {
    font-size: 2rem;
  }
}

.footer {
  background-color: #2C2C2C;
}
.footer-inner {
  width: 100%;
  margin: 0 auto;
  color: white;
  padding: 0 2rem;
}
@media screen and (min-width: 769px) {
  .footer-inner {
    padding: 0;
    position: relative;
    max-width: 1194px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.footer-inner--left img {
  max-width: 60px;
}
@media screen and (min-width: 769px) {
  .footer-inner--left img {
    max-width: 96px;
  }
}
.footer-inner--left p {
  letter-spacing: 1px;
}
.footer-inner--right ul {
  display: none;
}
@media screen and (min-width: 769px) {
  .footer-inner--right ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
  .footer-inner--right ul li a {
    color: white;
  }
}
.footer-inner--right address {
  display: none;
}
@media screen and (min-width: 769px) {
  .footer-inner--right address {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}

#home .mainvisual img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
}
@media screen and (min-width: 769px) {
  #home .mainvisual img {
    height: auto;
    aspect-ratio: 16/9;
  }
}
#home .about {
  position: relative;
}
#home .about-inner--text {
  z-index: 1;
  position: relative;
}
@media screen and (min-width: 769px) {
  #home .about-inner--text {
    width: 63.6515912898%;
  }
}
#home .about-list li::before {
  content: "・";
}
#home .about-img {
  margin-top: 3rem;
}
@media screen and (min-width: 769px) {
  #home .about-img {
    margin-top: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 38.8888888889%;
    max-width: 560px;
  }
}
#home .consept-inner {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: row-reverse;
}
#home .consept-inner .text {
  display: inline-block;
}
#home .consept-inner .text li {
  padding: 2rem 1rem 0 1rem;
  position: relative;
  line-height: 1.5;
}
@media screen and (min-width: 769px) {
  #home .consept-inner .text li {
    padding: 6rem 2rem 0 2rem;
  }
}
#home .consept-inner .text li span {
  rotate: 270deg;
  display: inline-block;
  letter-spacing: -0.5px;
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  font-style: italic;
  font-weight: 300;
  font-size: 2.2rem;
  position: absolute;
  top: 0;
}
@media screen and (min-width: 769px) {
  #home .consept-inner .text li span {
    position: static;
  }
}
#home .consept-inner .text li:last-child span, #home .consept-inner .text li:first-child span {
  right: 10px;
}
#home .consept-inner .text li:nth-child(2) span {
  right: 3px;
}
#home .works {
  position: relative;
}
@media screen and (min-width: 769px) {
  #home .works-inner {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
#home .works-inner--text {
  margin-top: -10rem;
  padding-top: 0;
  padding-left: 5rem;
}
@media screen and (min-width: 769px) {
  #home .works-inner--text {
    margin-top: 0;
    padding-top: 10rem;
    padding-left: 8rem;
  }
}
#home .works-inner--text dd {
  border-left: 1px solid black;
  margin-left: 1rem;
  padding-left: 1rem;
}
#home .works--img {
  margin-top: 3rem;
}
@media screen and (min-width: 769px) {
  #home .works--img {
    margin-top: 0;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
#home .works--img img {
  width: 100%;
}
@media screen and (min-width: 769px) {
  #home .works--img img {
    max-width: 400px;
  }
}
#home .oem .title {
  display: inline-block;
  border-bottom: 1px solid black;
  position: relative;
  margin-top: -10rem;
}
@media screen and (min-width: 769px) {
  #home .oem .title {
    margin-top: auto;
  }
}
#home .oem .title::before {
  content: "";
  display: block;
  width: 30%;
  height: 3px;
  background-color: black;
  position: absolute;
  bottom: -4px;
}
@media screen and (min-width: 769px) {
  #home .oem-about {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
#home .oem-about--point {
  font-size: 1.8rem;
  font-weight: 600;
}
@media screen and (min-width: 769px) {
  #home .oem-about--point {
    font-size: 2.4rem;
  }
}
#home .oem-about--img {
  background-color: #F5F5F5;
  text-align: center;
  padding: 1.5rem;
  border-radius: 20px;
  display: inline-block;
  margin-top: 1.5rem;
}
@media screen and (min-width: 769px) {
  #home .oem-about--img {
    margin-top: 0;
    padding: 3rem;
    margin-left: 3rem;
  }
}
#home .oem-about--img h4 {
  font-size: 2rem;
  letter-spacing: 1px;
}
@media screen and (min-width: 769px) {
  #home .oem-about--img h4 {
    font-size: 2.4rem;
  }
}
#home .oem-about--img h4 span {
  font-size: 2.6rem;
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}
@media screen and (min-width: 769px) {
  #home .oem-about--img h4 span {
    font-size: 3.6rem;
  }
}
#home .oem-about--relationship {
  margin: 0 auto;
  text-align: center;
  width: 100%;
  max-width: 790px;
}
#home .products .title {
  display: inline-block;
  border-bottom: 1px solid black;
  position: relative;
}
#home .products .title::before {
  content: "";
  display: block;
  width: 30%;
  height: 3px;
  background-color: black;
  position: absolute;
  bottom: -4px;
}
#home .products-list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 24px;
  text-align: center;
}
@media screen and (min-width: 769px) {
  #home .products-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
#home .products-list img {
  width: 100%;
  max-width: 80%;
  display: block;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #home .products-list img {
    max-width: auto;
  }
}
#home .products-list li {
  font-size: 1.6rem;
}
@media screen and (min-width: 769px) {
  #home .products-list li {
    font-size: 1.8rem;
  }
}
#home .products-list--point {
  font-size: 2rem;
  font-weight: 600;
}
@media screen and (min-width: 769px) {
  #home .products-list--point {
    font-size: 2.4rem;
  }
}
#home .suppliers-inner {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
#home .suppliers-inner--list {
  line-height: 2.8;
  font-size: 1.4rem;
}
@media screen and (min-width: 769px) {
  #home .suppliers-inner--list {
    font-size: 1.8rem;
  }
}
#home .instagram {
  text-align: center;
}
#home .instagram-qr img {
  max-width: 200px;
  margin: 0 auto;
}
@media screen and (min-width: 769px) {
  #home .instagram-qr img {
    max-width: 240px;
  }
}
#home .contact h2 {
  text-align: center;
  margin: 0 auto;
  display: table;
}
#home .contact p {
  text-align: center;
}
#home .contact-table {
  text-align: left;
  width: 100%;
}
#home .contact-table th {
  font-size: 1.6rem;
  font-weight: 500;
  width: 100%;
  padding-bottom: 1rem;
  display: block;
}
@media screen and (min-width: 769px) {
  #home .contact-table th {
    font-size: 1.8rem;
    padding-bottom: 3rem;
    display: table-cell;
    width: 20%;
  }
}
#home .contact-table td {
  display: block;
  padding-bottom: 1rem;
  width: 100%;
}
@media screen and (min-width: 769px) {
  #home .contact-table td {
    padding-bottom: 3rem;
    display: table-cell;
    width: 80%;
  }
}
#home .contact-table td .input-text {
  width: 100%;
  background-color: #F5F5F5;
  border: solid 1px #AEAEAE;
  height: 5rem;
  line-height: 5rem;
  border-radius: 5px;
}
@media screen and (min-width: 769px) {
  #home .contact-table td .input-text {
    height: 7rem;
    line-height: 7rem;
  }
}
#home .contact-table td textarea {
  width: 100%;
  background-color: #F5F5F5;
  border: solid 1px #AEAEAE;
  min-height: 20rem;
  border-radius: 5px;
  margin-top: 0.5rem;
}
#home .contact .btn-link {
  background-color: black;
  color: white;
  width: 100%;
  height: 7rem;
  line-height: 7rem;
  display: inline-block;
  border-radius: 10px;
}
@media screen and (min-width: 769px) {
  #home .contact .btn-link {
    max-width: 300px;
  }
}
#home .sec {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
#home .sec.visible {
  opacity: 1;
  transform: translateY(0);
}

#form .mainvisual {
  height: 110px;
  background-color: burlywood;
}
@media screen and (min-width: 769px) {
  #form .mainvisual {
    height: 250px;
  }
}
#form .contact {
  padding: 0 2rem;
}
#form .formTable {
  max-width: 760px;
  margin: 3rem auto;
  border: solid 1px #ccc;
  width: 100%;
}
#form .formTable tr {
  border-bottom: 1px solid #ccc;
}
#form .formTable tr th {
  padding: 1rem;
  border-right: 1px solid #ccc;
  background-color: #eee;
  text-align: left;
}
#form .formTable tr td {
  padding: 1rem;
}

.btn {
  max-width: 760px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 5rem;
}
@media screen and (min-width: 769px) {
  .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding-bottom: 10rem;
  }
}
.btn-link {
  background-color: black;
  color: white;
  width: 100%;
  height: 5rem;
  line-height: 5rem;
  display: inline-block;
  border-radius: 10px;
  border: none;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 769px) {
  .btn-link {
    margin-bottom: 0;
    width: 50%;
    height: 7rem;
    line-height: 7rem;
  }
}
.btn-link--back {
  background-color: #ccc;
  color: white;
  width: 100%;
  height: 5rem;
  line-height: 5rem;
  display: inline-block;
  border-radius: 10px;
  border: none;
}
@media screen and (min-width: 769px) {
  .btn-link--back {
    width: 50%;
    height: 7rem;
    line-height: 7rem;
  }
}