/*reset*/
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
  line-height: 2;
  font-size: 100%;
  font-style: normal;
  text-align: justify;
}

span, del, dfn, em, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, label, caption, time, mark {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
  line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, picture, source {
  display: block;
  box-sizing: border-box;
}

ol, ul, li {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  text-decoration: none;
}

mark {
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

img {
  vertical-align: bottom;
  font-size: 0;
  line-height: 0;
  width: 100%;
  height: auto;
  border: 0;
  display: block;
}

h2, h3, h4, h5 {
  font-weight: 400;
}

/*base*/
html {
  -webkit-overflow-scrolling: touch;
}

html, body {
  height: 100%;
}

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

/* CSS Document */
#floating{
    display: none;
}





.frontContainer {
  max-width: 3000px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  .frontContainer {
    padding: 11vw 0 0;
  }
}

.conceptOuter {
  padding: 100px 0 204px;
  background: #000000;
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .conceptOuter {
    padding: 7.8125vw 0 15.9375vw;
  }
}
@media screen and (max-width: 640px) {
  .conceptOuter {
    padding: 19.3% 0 2.8%;
  }
}
.conceptContainer {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  z-index: 1;
}
.concept__ttl {
  width: 23.83%;
  margin: 0 auto 7.8%;
}
@media screen and (max-width: 640px) {
  .concept__ttl {
    width: 47.8%;
    margin: 0 0 16.5% 6.5%;
  }
}
.concept__bg {
  position: absolute;
  width: 82.4%;
  top: 8.7%;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 640px) {
  .concept__bg {
    width: 100%;
    top: 7.1%;
  }
}
.concept__bg::before {
  position: absolute;
  content: "";
  display: block;
  width: 74.7%;
  aspect-ratio: 787.994/539.728;
  bottom: -62.5%;
  right: -19.8%;
  background: 0 0/100% auto url(../img/top/concept_elm_03_pc.svg) no-repeat;
  z-index: -1;
}
.conceptContents {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 75.3%;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .conceptContents {
    width: 100%;
  }
}
.concept__item--01 {
  width: 45.3%;
  margin: 0 0 3.2%;
  padding: 0 0 0 12.5%;
}
@media screen and (max-width: 640px) {
  .concept__item--01 {
    width: 34.9%;
    margin: 0 0 10.7% 0;
    padding: 0 0 0 7.4%;
  }
}
.concept__item--02 {
  order: 1;
  flex: 0 1 100%;
  margin: 0 0 4.9%;
}
@media screen and (max-width: 640px) {
  .concept__item--02 {
    margin: 0 0 4.5%;
  }
}
.concept__item--03 {
  order: 3;
  width: 65.7%;
}
@media screen and (max-width: 640px) {
  .concept__item--03 {
    order: 2;
    width: 76.4%;
    margin: 0 0 5.4%;
  }
}
.concept__item--04 {
  order: 2;
  margin: 0 0 8.5%;
}
@media screen and (max-width: 640px) {
  .concept__item--04 {
    order: 3;
  }
}
.concept__item--02, .concept__item--04 {
  line-height: 2.68;
  color: #fff;
  font-weight: 300;
}
@media screen and (max-width: 640px) {
  .concept__item--02, .concept__item--04 {
    padding: 0 0 0 6.2%;
    font-size: 3.125vw;
    line-height: 2.63;
  }
}

.producerOuter {
  max-width: 3000px;
  width: 100%;
  height: 684px;
  padding: 124px 0 0;
  background: 50% 50%/cover url(../img/top/koda_kumi_elm_01_pc.png) no-repeat;
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .producerOuter {
    height: 53.4375vw;
    padding: 9.6875vw 0 0;
  }
}
@media screen and (max-width: 640px) {
  .producerOuter {
    position: relative;
    height: auto;
    aspect-ratio: 640/1203;
    margin: -1vw 0 0;
    padding: 87.4% 0 0;
    background: 100% 0/93.3% auto url(../img/top/koda_kumi_elm_01_sp.png) no-repeat, #000;
  }
  .producerOuter::before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 1/0.11;
    bottom: -1px;
    background: #000;
    clip-path: polygon(0 100%, 100% 0%, 100% 100%);
  }
}
.producerContainer {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 0 143px 0 635px;
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .producerContainer {
    padding: 0 11.171875vw 0 49.609375vw;
  }
}
@media screen and (max-width: 640px) {
  .producerContainer {
    width: 78.5%;
    margin: 0 7.7% 0 auto;
    padding: 0;
  }
}
.producer__ttl {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: #fff 1px solid;
  margin: 0 0 4%;
  padding: 0 0 7.5% 0;
}
.producer__ttlPosition {
  flex: 0 1 42%;
  padding: 2.6% 0 0;
}
.producer__ttlName {
  flex: 0 1 54%;
  line-height: 1;
  color: #fff;
  letter-spacing: 0.16rem;
}
@media screen and (max-width: 640px) {
  .producer__ttlName {
    font-size: 9.0625vw;
  }
}
.producer__txt {
  color: #fff;
  line-height: 2.72;
  font-weight: 300;
  letter-spacing: -0.01rem;
}
@media screen and (max-width: 640px) {
  .producer__txt {
    font-size: 3.125vw;
    line-height: 2.506;
    letter-spacing: -0.01vw;
  }
}

.productsOuter {
  padding: 164px 0 128px;
  background: #000;
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .productsOuter {
    padding: 12.8125vw 0 10vw;
  }
}
@media screen and (max-width: 640px) {
  .productsOuter {
    padding: 24.7% 0 24.1%;
  }
}
.productsContainer {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}
.products__ttl {
  width: 24%;
  margin: 0 auto 6.3%;
}
@media screen and (max-width: 640px) {
  .products__ttl {
    width: 72.4%;
    margin: 0 0 0 6.8%;
  }
}
.productsItem {
  position: relative;
}
.productsItem--01 {
  margin: 0 0 7%;
}
@media screen and (max-width: 640px) {
  .productsItem--01 {
    margin: 0 0 11.7%;
    padding: 90.2% 0 0;
  }
}
@media screen and (max-width: 640px) {
  .productsItem--02 {
    padding: 82.1% 0 0;
  }
}
.productsItemInner {
  width: 31%;
  text-align: right;
}
@media screen and (max-width: 640px) {
  .productsItemInner {
    width: 87.5%;
  }
}
.productsItemInner--01 {
  margin: 0 0 3.5% 12.4%;
}
@media screen and (max-width: 640px) {
  .productsItemInner--01 {
    margin: 0 auto 2.5%;
  }
}
.productsItemInner--02 {
  margin: 0 0 7.1% 12.4%;
  padding: 3% 0 0;
}
@media screen and (max-width: 640px) {
  .productsItemInner--02 {
    margin: 0 auto;
  }
}
.products__num {
  width: 80%;
}
@media screen and (max-width: 640px) {
  .products__num {
    width: 58%;
  }
}
.products__num--01 {
  margin: 0 auto 7.9%;
}
@media screen and (max-width: 640px) {
  .products__num--01 {
    margin: 0 auto 6.8%;
  }
}
.products__num--02 {
  margin: 0 auto 10.3%;
}
@media screen and (max-width: 640px) {
  .products__num--02 {
    margin: 0 auto 6.8%;
  }
}
.products__nameType {
  display: block;
  color: #fff;
  text-align: center;
  letter-spacing: 0.15rem;
}
@media screen and (max-width: 640px) {
  .products__nameType {
    font-size: 4.578125vw;
  }
}
.products__nameType--01 {
  margin: 0 0 4.6%;
}
@media screen and (max-width: 640px) {
  .products__nameType--01 {
    margin: 0 0 3.5%;
  }
}
.products__nameType--02 {
  margin: 0 0 3.4%;
}
@media screen and (max-width: 640px) {
  .products__nameType--02 {
    margin: 0 0 1.4%;
  }
}
.products__nameEng--01 {
  width: 95.8%;
  margin: 0 auto 3.4%;
}
@media screen and (max-width: 640px) {
  .products__nameEng--01 {
    width: 79%;
    margin: 0 auto 3.7%;
  }
}
.products__nameEng--02 {
  width: 101.1%;
  margin: 0 auto 6.3%;
}
@media screen and (max-width: 640px) {
  .products__nameEng--02 {
    width: 84.5%;
    margin: 0 auto 2.5%;
  }
}
.products__nameJpn {
  margin: 0 0 0 7%;
  letter-spacing: 0.06rem;
  color: #fff;
  font-weight: 500;
}
@media screen and (max-width: 640px) {
  .products__nameJpn {
    font-size: 4.01875vw;
  }
}
@media screen and (max-width: 640px) {
  .products__nameJpn--01 {
    margin: 0 0 0 17.6%;
  }
}
@media screen and (max-width: 640px) {
  .products__nameJpn--02 {
    margin: 0 0 0 16.3%;
  }
}
.products__capacity {
  position: relative;
  display: inline-block;
  letter-spacing: 0.16rem;
  color: #fff;
  color: #fff;
}
@media screen and (max-width: 640px) {
  .products__capacity {
    top: -6.5vw;
    right: 23%;
    font-size: 3.59375vw;
  }
}
.products__capacity::before, .products__capacity::after {
  position: absolute;
  content: "";
  display: block;
  width: 7.3%;
  top: 6%;
  aspect-ratio: 1/4;
  border-top: #fff 1px solid;
  border-bottom: #fff 1px solid;
}
.products__capacity::before {
  left: -11%;
  border-left: #fff 1px solid;
}
.products__capacity::after {
  right: -7%;
  border-right: #fff 1px solid;
}
.products__capacity--01 {
  top: -32px;
  right: 8.5%;
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .products__capacity--01 {
    top: -2.5vw;
  }
}
.products__capacity--02 {
  top: -38px;
  right: 9.3%;
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .products__capacity--02 {
    top: -2.96875vw;
  }
}
@media screen and (max-width: 640px) {
  .products__capacity--02 {
    right: 17.9%;
  }
}
.products__txt {
  color: #fff;
  line-height: 2.0588;
  border-top: #fff 1px solid;
}
@media screen and (max-width: 640px) {
  .products__txt {
    line-height: 2.25;
    font-size: 3.125vw;
  }
}
.products__txt--01 {
  margin: -1% 0 0;
  padding: 6.6% 0 0;
}
@media screen and (max-width: 640px) {
  .products__txt--01 {
    margin: -2.8% 0 0;
    padding: 3.4% 0 0;
  }
}
.products__txt--02 {
  margin: -4% 0 0;
  padding: 5.7% 0 0;
}
@media screen and (max-width: 640px) {
  .products__txt--02 {
    margin: -2% 0 7%;
    padding: 4.4% 0 0;
    letter-spacing: -0.06vw;
  }
}
.products__img {
  position: absolute;
  top: 0;
  right: 0;
  width: 50.8%;
}
@media screen and (max-width: 640px) {
  .products__img {
    width: 100%;
    top: 1.6%;
  }
}
.products__annotation {
  /* width: 65%; */
  margin: 0 0 5.3% 12.5%;
  color: #fff;
  letter-spacing: 0.07rem;
}
@media screen and (max-width: 640px) {
  .products__annotation {
    width: 87%;
    margin: 0 auto 12.8%;
    font-size: 1.40625vw;
    line-height: 1.444;
  }
}
.products__btn:any-link {
  position: relative;
  display: flex;
  width: 32.578%;
  aspect-ratio: 1/0.164;
  margin: 0 auto;
  padding: 0 2.4% 0 0;
  color: #000;
  letter-spacing: 0.13rem;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .products__btn:any-link {
    width: 87%;
    aspect-ratio: 1/0.178;
    font-size: 4.3046875vw;
  }
}
.products__btn:any-link::before {
  position: absolute;
  content: "";
  display: block;
  width: 5%;
  aspect-ratio: 1/1;
  right: 9%;
  border-top: #000 1px solid;
  border-right: #000 1px solid;
  transform: scale(1.1, 1) rotate(45deg);
}
@media screen and (max-width: 640px) {
  .products__btn:any-link::before {
    width: 3.6%;
    right: 4.8%;
  }
}
.interviewOuter {
  width: 100%;
  padding: 97px 0 92px;
  background: 50% 50%/cover url(../img/top/interview_bk_01_pc.jpg) no-repeat;
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .interviewOuter {
    padding: 7.578125vw 0 7.1875vw;
  }
}
@media screen and (max-width: 640px) {
  .interviewOuter {
    position: relative;
    margin: -7.8% 0 0;
    padding: 22.8% 0 0;
    background: 50% 50%/cover url(../img/top/interview_bk_01_sp.jpg) no-repeat;
  }
  .interviewOuter::before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 1/0.08;
    top: -1px;
    background: #000;
    clip-path: polygon(0 0, 100% 0%, 0 100%);
  }
}
.interviewContainer {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .interviewContainer {
    padding: 0 0 16.1%;
  }
}
.interview__ttl {
  width: 51.3%;
  margin: 0 auto 6.25%;
}
@media screen and (max-width: 640px) {
  .interview__ttl {
    width: 85.6%;
    margin: 0 0 13.6% 7.1%;
  }
}
.interview__video {
  width: 60%;
  aspect-ratio: 1/0.583;
  margin: 0 auto 3%;
}
@media screen and (max-width: 640px) {
  .interview__video {
    width: 100%;
    margin: 0 0 8.7%;
  }
}
.interviewComment {
  width: 60%;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .interviewComment {
    width: 86%;
    margin: 0 auto;
  }
}
.interviewComment__ttl {
  position: relative;
  width: 35%;
  margin: 0 auto 7.7%;
}
@media screen and (max-width: 640px) {
  .interviewComment__ttl {
    width: 49.2%;
    margin: 0 auto 11%;
  }
}
.interviewComment__ttl::before {
  position: absolute;
  content: "";
  display: block;
  width: 44%;
  height: 1px;
  bottom: -203%;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-top: #fff 1px solid;
}
@media screen and (max-width: 640px) {
  .interviewComment__ttl::before {
    width: 42%;
  }
}
.interviewComment__txt {
  color: #fff;
  line-height: 2.059;
  font-weight: 300;
  letter-spacing: -0.045em;
}
@media screen and (max-width: 640px) {
  .interviewComment__txt {
    font-size: 3.125vw;
    line-height: 2.256;
  }
}

.replaceOuter {
  width: 100%;
  height: 600px;
  padding: 122px 0 92px;
  background: 50% 50%/cover url(../img/top/replace_bk_01_pc.jpg) no-repeat;
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .replaceOuter {
    height: 46.875vw;
    padding: 9.53125vw 0 7.1875vw;
  }
}
@media screen and (max-width: 640px) {
  .replaceOuter {
    height: auto;
    aspect-ratio: 640/1056;
    padding: 76.9% 0 0;
    background: 50% 0/cover url(../img/top/replace_bk_01_sp.jpg) no-repeat;
  }
}
.replaceContainer {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 0 172px 0 571px;
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .replaceContainer {
    padding: 0 13.4375vw 0 44.609375vw;
  }
}
@media screen and (max-width: 640px) {
  .replaceContainer {
    width: 85.7%;
    margin: 0 auto;
    padding: 0;
  }
}
.replace__ttl {
  margin: 0 0 3.1%;
  letter-spacing: 0.02rem;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .replace__ttl {
    text-align: left;
    font-size: 6.31875vw;
    line-height: 1.6073;
  }
}
.replace__txt {
  line-height: 2.059;
  font-weight: 300;
  letter-spacing: -0.05rem;
}
@media screen and (max-width: 640px) {
  .replace__txt {
    font-size: 3.125vw;
    line-height: 2.25;
  }
}

.excerptOuter {
  margin: 0 0 140px;
  padding: 98px 0 160px;
  background: #000;
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .excerptOuter {
    margin: 0 0 10.9375vw;
    padding: 7.65625vw 0 0;
  }
}
@media screen and (max-width: 640px) {
  .excerptOuter {
    margin: 0 0 10%;
    padding: 17.4% 0 0;
  }
}
.excerptContainer {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}
.excerpt__ttl {
  width: 21.9%;
  margin: 0 auto 6.6%;
}
@media screen and (max-width: 640px) {
  .excerpt__ttl {
    width: 66.2%;
    margin: 0 0 15.5% 8.1%;
  }
}
.excerptMain {
  width: 65%;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .excerptMain {
    width: 85%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .excerptMain .article__body {
    flex: 0 1 46%;
  }
  .excerptMain .article__link {
    display: block;
  }
  .excerptMain .article__thumbnail {
    margin: 0 0 13%;
  }
  .excerptMain .article__catItem {
    margin-bottom: 6%;
  }
}
.excerpt__btn:any-link {
  position: relative;
  display: flex;
  width: 32.578%;
  aspect-ratio: 1/0.164;
  margin: 0 auto;
  padding: 0 2.4% 0 0;
  color: #000;
  letter-spacing: 0.13rem;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .excerpt__btn:any-link {
    width: 87%;
    aspect-ratio: 1/0.178;
    font-size: 4.3046875vw;
  }
}
.excerpt__btn:any-link::before {
  position: absolute;
  content: "";
  display: block;
  width: 5%;
  aspect-ratio: 1/1;
  right: 9%;
  border-top: #000 1px solid;
  border-right: #000 1px solid;
  transform: scale(1.1, 1) rotate(45deg);
}
@media screen and (max-width: 640px) {
  .excerpt__btn:any-link::before {
    width: 3.6%;
    right: 4.8%;
  }
}

body {
  font-family: "Noto Sans JP", sans-serif;
  color: #111111;
}

a {
  transition: 0.5s all;
}
a:hover {
  opacity: 0.6;
}

@media screen and (min-width: 641px) {
  .u-sp_disp {
    display: none;
  }
}
.u-tab_disp {
  display: none;
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .u-tab_disp {
    display: block;
  }
}
@media screen and (max-width: 640px) {
  .u-pc_disp {
    display: none;
  }
}
.u-ff_serif {
  font-family: "Noto Serif JP", serif;
}
@media screen and (min-width: 641px) {
  .u-fs_11 {
    font-size: 0.6875rem;
  }
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .u-fs_11 {
    font-size: 0.859375vw;
  }
}
@media screen and (min-width: 641px) {
  .u-fs_13 {
    font-size: 0.8125rem;
  }
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .u-fs_13 {
    font-size: 1.015625vw;
  }
}
@media screen and (min-width: 641px) {
  .u-fs_16 {
    font-size: 1rem;
  }
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .u-fs_16 {
    font-size: 1.25vw;
  }
}
@media screen and (min-width: 641px) {
  .u-fs_17 {
    font-size: 1.0625rem;
  }
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .u-fs_17 {
    font-size: 1.328125vw;
  }
}
@media screen and (min-width: 641px) {
  .u-fs_20 {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .u-fs_20 {
    font-size: 1.5625vw;
  }
}
@media screen and (min-width: 641px) {
  .u-fs_21 {
    font-size: 1.3125rem;
  }
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .u-fs_21 {
    font-size: 1.640625vw;
  }
}
@media screen and (min-width: 641px) {
  .u-fs_23 {
    font-size: 1.4375rem;
  }
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .u-fs_23 {
    font-size: 1.796875vw;
  }
}
@media screen and (min-width: 641px) {
  .u-fs_24 {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .u-fs_24 {
    font-size: 1.875vw;
  }
}
@media screen and (min-width: 641px) {
  .u-fs_25 {
    font-size: 1.5625rem;
  }
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .u-fs_25 {
    font-size: 1.953125vw;
  }
}
@media screen and (min-width: 641px) {
  .u-fs_26 {
    font-size: 1.625rem;
  }
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .u-fs_26 {
    font-size: 2.03125vw;
  }
}
@media screen and (min-width: 641px) {
  .u-fs_28 {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .u-fs_28 {
    font-size: 2.1875vw;
  }
}
@media screen and (min-width: 641px) {
  .u-fs_29 {
    font-size: 1.8125rem;
  }
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .u-fs_29 {
    font-size: 2.265625vw;
  }
}
@media screen and (min-width: 641px) {
  .u-fs_30 {
    font-size: 1.875rem;
  }
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .u-fs_30 {
    font-size: 2.34375vw;
  }
}
@media screen and (min-width: 641px) {
  .u-fs_31 {
    font-size: 1.9375rem;
  }
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .u-fs_31 {
    font-size: 2.421875vw;
  }
}
@media screen and (min-width: 641px) {
  .u-fs_34 {
    font-size: 2.125rem;
  }
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .u-fs_34 {
    font-size: 2.65625vw;
  }
}
@media screen and (min-width: 641px) {
  .u-fs_36 {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .u-fs_36 {
    font-size: 2.8125vw;
  }
}
@media screen and (min-width: 641px) {
  .u-fs_37 {
    font-size: 2.3125rem;
  }
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .u-fs_37 {
    font-size: 2.890625vw;
  }
}
@media screen and (min-width: 641px) {
  .u-fs_38 {
    font-size: 2.375rem;
  }
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .u-fs_38 {
    font-size: 2.96875vw;
  }
}
@media screen and (min-width: 641px) {
  .u-fs_40 {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .u-fs_40 {
    font-size: 3.125vw;
  }
}
@media screen and (min-width: 641px) {
  .u-fs_43 {
    font-size: 2.6875rem;
  }
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .u-fs_43 {
    font-size: 3.359375vw;
  }
}
@media screen and (min-width: 641px) {
  .u-fs_50 {
    font-size: 3.125rem;
  }
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .u-fs_50 {
    font-size: 3.90625vw;
  }
}
@media screen and (min-width: 641px) {
  .u-fs_54 {
    font-size: 3.375rem;
  }
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .u-fs_54 {
    font-size: 4.21875vw;
  }
}
@media screen and (min-width: 641px) {
  .u-fs_58 {
    font-size: 3.625rem;
  }
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .u-fs_58 {
    font-size: 4.53125vw;
  }
}
.u-bg_gold {
  background: linear-gradient(-70deg, #e3be4c 0%, #eacf6e 9.33%, #f0df8e 19.72%, #f5eaa4 29.82%, #f8f1b2 39.38%, #f9f4b7 47.85%, #eccb73 100%);
}
.u-bg_silver {
  background: linear-gradient(-70deg, #b3b3b3 0%, #fff 60%, #b3b3b3 100%);
}/*# sourceMappingURL=top.css.map */