/*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 */
.frontContainer {
  max-width: 3000px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .frontContainer {
    padding: 11vw 0 0;
  }
}

.conceptOuter {
  padding: 97px 0 145px;
}
@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: 12.8% 0 10.5%;
  }
}
.conceptContainer {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  z-index: 1;
}
.concept__ttl {
  width: 25.6%;
  margin: 0 auto 10.8%;
}
@media screen and (max-width: 640px) {
  .concept__ttl {
    width: 51.1%;
    margin: 0 auto;
  }
}
.concept__bg {
  position: absolute;
  width: 58.8%;
  top: 13.6%;
  left: -0.9%;
  z-index: -1;
}
@media screen and (max-width: 640px) {
  .concept__bg {
    width: 70.8%;
    top: 7.6%;
    left: 2%;
  }
}
.conceptContents {
  width: 42%;
  margin: auto 0 auto auto;
}
@media screen and (max-width: 640px) {
  .conceptContents {
    width: 100%;
  }
}
.concept__item--01 {
  font-size: 41px;
  color: #036394;
  margin-top: 10.2%;
  line-height: 1.9;
  letter-spacing: -1px;
}
@media screen and (max-width: 640px) {
  .concept__item--01 {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 6.40625vw;
    color: #036394;
    margin-top: 11.2%;
    margin-left: 70%;
    line-height: 1.8;
    letter-spacing: 0.15625vw;
  }
}
.concept__item--02 {
  margin-top: 6.4%;
  line-height: 2.2;
}
@media screen and (max-width: 640px) {
  .concept__item--02 {
    margin-top: 11.8%;
    margin-left: 6.3%;
    line-height: 2;
    font-size: 3.125vw;
  }
}
.concept__item--small {
  font-size: 38px;
}
@media screen and (max-width: 640px) {
  .concept__item--small {
    font-size: 6.40625vw;
  }
}

.producerOuter {
  max-width: 3000px;
  width: 100%;
  height: 550px;
  padding: 124px 0 0;
  background: 50% 50%/cover url(../img/top/producer_elm_01_pc.jpg) 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 {
    background: 0% 0%/cover url(../img/top/producer_elm_01_sp.jpg) no-repeat;
    height: 162.96875vw;
    padding: 93.5% 0 0;
  }
}
.producerContainer {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 0 644px 0 153px;
}
@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: 74.8%;
    margin: 0 auto;
    padding: 0;
  }
}
.producer__ttl {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: #000 1px solid;
  margin: 0 0 2%;
  padding: 0 0 2.9% 0;
}
@media screen and (max-width: 640px) {
  .producer__ttl {
    margin: 0 0 3%;
    padding: 0 0 4% 0;
  }
}
.producer__ttlPosition {
  flex: 0 1 49%;
  padding: 0.4% 0 0;
  color: #ba4697;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 2px;
  font-weight: 300;
}
@media screen and (max-width: 640px) {
  .producer__ttlPosition {
    font-size: 3.125vw;
    padding: 0.4% 0 0 3%;
    letter-spacing: 0.3125vw;
  }
}
.producer__ttlName {
  font-size: 47px;
  flex: 0 1 51%;
  line-height: 1;
  letter-spacing: 0.16rem;
}
@media screen and (max-width: 640px) {
  .producer__ttlName {
    font-size: 7.5vw;
    padding: 0 0 0 3%;
  }
}
.producer__txt {
  line-height: 2.4;
  font-weight: 300;
  letter-spacing: -0.01rem;
}
@media screen and (max-width: 640px) {
  .producer__txt {
    font-size: 3.125vw;
    line-height: 1.8;
    letter-spacing: -0.01vw;
  }
}

.productsOuter {
  background: 50% 50%/cover url(../img/top/product_bk_01_pc.jpg) no-repeat;
  padding: 93px 0 27px;
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .productsOuter {
    padding: 12.8125vw 0 10vw;
  }
}
@media screen and (max-width: 640px) {
  .productsOuter {
    padding: 11.5% 0 17.1%;
    background: 50% 50%/cover url(../img/top/product_bk_01_sp.jpg) no-repeat;
  }
}
.productsContainer {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}
.products__ttl {
  width: 26.2%;
  margin: 0 auto 5.1%;
}
@media screen and (max-width: 640px) {
  .products__ttl {
    width: 52.9%;
    margin: 0 auto 8.4%;
  }
}
.products__ttlSub {
  font-size: 30px;
  letter-spacing: 3px;
  color: #036394;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 640px) {
  .products__ttlSub {
    font-size: 3.75vw;
    letter-spacing: 0.46875vw;
  }
}
.products__ttlSub::before, .products__ttlSub::after {
  position: absolute;
  content: "";
  display: block;
  width: 1px;
  height: 50%;
  background: #036394;
  top: 26%;
  transform: rotate(24deg);
}
@media screen and (max-width: 640px) {
  .products__ttlSub::before, .products__ttlSub::after {
    height: 62%;
    top: 20%;
  }
}
.products__ttlSub::before {
  left: 40.8%;
}
@media screen and (max-width: 640px) {
  .products__ttlSub::before {
    left: 33.8%;
  }
}
.products__ttlSub::after {
  right: 40.8%;
}
@media screen and (max-width: 640px) {
  .products__ttlSub::after {
    right: 33.8%;
  }
}
.productsItem {
  position: relative;
}
.productsItem--01 {
  margin: 0 0 10%;
}
@media screen and (max-width: 640px) {
  .productsItem--01 {
    margin: 0 0 18.8%;
    padding: 71.3% 0 0;
  }
}
.productsItem--02 {
  margin: 0 0 10.7%;
}
@media screen and (max-width: 640px) {
  .productsItem--02 {
    margin: 0 0 11.7%;
    padding: 70% 0 0;
  }
}
.productsItem--03 {
  margin: 0 0 10.4%;
}
@media screen and (max-width: 640px) {
  .productsItem--03 {
    margin: 0 0 11.7%;
    padding: 65.6% 0 0;
  }
}
.productsItem--04 {
  margin: 0 0 10.4%;
}
@media screen and (max-width: 640px) {
  .productsItem--04 {
    margin: 0 0 11.7%;
    padding: 67% 0 0;
  }
}
.productsItemInner {
  width: 35%;
  text-align: right;
}
@media screen and (max-width: 640px) {
  .productsItemInner {
    width: 87.5%;
  }
}
.productsItemInner--01 {
  margin: 5.3% 0 3.5% 47.8%;
}
@media screen and (max-width: 640px) {
  .productsItemInner--01 {
    margin: 0 auto 3.5%;
  }
}
.productsItemInner--02 {
  margin: 4.7% 0 5.1% 17.9%;
}
@media screen and (max-width: 640px) {
  .productsItemInner--02 {
    margin: 0 auto;
  }
}
.productsItemInner--03 {
  margin: 5.3% 0 5% 47.8%;
}
@media screen and (max-width: 640px) {
  .productsItemInner--03 {
    margin: 0 auto 3.5%;
  }
}
.productsItemInner--04 {
  margin: 4.7% 0 4.5% 17.9%;
}
@media screen and (max-width: 640px) {
  .productsItemInner--04 {
    margin: 0 auto 5.5%;
  }
}
@media screen and (max-width: 640px) {
  .products__num {
    width: 58%;
  }
}
@media screen and (max-width: 640px) {
  .products__num--01 {
    width: 79.7%;
    margin: 0 auto -1%;
  }
}
.products__num--02 {
  margin: 0 auto 1.3%;
}
@media screen and (max-width: 640px) {
  .products__num--02 {
    width: 79.2%;
    margin: 0 auto 0.9%;
  }
}
@media screen and (max-width: 640px) {
  .products__num--03 {
    width: 79.7%;
    margin: 0 auto 1%;
  }
}
.products__num--04 {
  margin: 0 auto 1.3%;
}
@media screen and (max-width: 640px) {
  .products__num--04 {
    width: 79.2%;
    margin: 0 auto 1.6%;
  }
}
.products__name {
  color: #036394;
  text-align: center;
}
.products__name--01 {
  font-size: 44px;
}
@media screen and (max-width: 640px) {
  .products__name--01 {
    font-size: 7.65625vw;
  }
}
.products__name--02 {
  font-size: 34px;
}
@media screen and (max-width: 640px) {
  .products__name--02 {
    font-size: 6.25vw;
  }
}
.products__name--03 {
  font-size: 44px;
}
@media screen and (max-width: 640px) {
  .products__name--03 {
    font-size: 6.875vw;
  }
}
.products__name--04 {
  font-size: 36px;
}
@media screen and (max-width: 640px) {
  .products__name--04 {
    font-size: 6.40625vw;
  }
}
.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__flex {
  display: flex;
  justify-content: center;
}
.products__capacity {
  position: relative;
  display: inline-block;
  letter-spacing: 0.16rem;
}
@media screen and (max-width: 640px) {
  .products__capacity {
    font-size: 3.59375vw;
  }
}
.products__label {
  border: solid 1px #000;
  padding: 0 2%;
  margin: 0 2.8%;
}
@media screen and (max-width: 640px) {
  .products__label {
    font-size: 3.59375vw;
  }
}
.products__txt {
  line-height: 2.0588;
}
@media screen and (max-width: 640px) {
  .products__txt {
    line-height: 2.25;
    font-size: 3.125vw;
  }
}
.products__txt--01 {
  padding: 3.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 5%;
    padding: 1.7% 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__img--01 {
  position: absolute;
  top: -4.2%;
  left: 15.3%;
  width: 32.7%;
}
@media screen and (max-width: 640px) {
  .products__img--01 {
    top: 1.1%;
    left: 19.1%;
    width: 65.3%;
  }
}
.products__img--02 {
  position: absolute;
  top: -6.2%;
  right: 14.6%;
  width: 32.7%;
}
@media screen and (max-width: 640px) {
  .products__img--02 {
    top: 0.2%;
    right: 17.1%;
    width: 65.1%;
  }
}
.products__img--03 {
  position: absolute;
  top: -9.2%;
  left: 15.3%;
  width: 32.7%;
}
@media screen and (max-width: 640px) {
  .products__img--03 {
    top: -3.2%;
    left: 19%;
    width: 65.8%;
  }
}
.products__img--04 {
  position: absolute;
  top: -4.8%;
  right: 14.6%;
  width: 32.7%;
}
@media screen and (max-width: 640px) {
  .products__img--04 {
    top: -3.2%;
    right: 19%;
    width: 65.8%;
  }
}
.products__annotation {
  width: 41.2%;
  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: 23%;
  aspect-ratio: 1/0.164;
  margin: 0 auto;
  letter-spacing: 0.13rem;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  color: #036394;
  background: #fff;
  box-shadow: 0 0 30px 0 rgba(82, 147, 206, 0.25);
}
@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: #036394 1px solid;
  border-right: #036394 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: 11% 0 0;
    background: 50% 50%/cover url(../img/top/interview_bk_01_sp.jpg) no-repeat;
  }
}
.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: 58.6%;
    margin: 0 auto 8.7%;
  }
}
.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: 92%;
  margin: 0 auto 7.7%;
}
@media screen and (max-width: 640px) {
  .interviewComment__ttl {
    width: 100%;
    margin: 0 auto 3.4%;
  }
}
.interviewComment__txt {
  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;
  }
}
.interviewComment__txt hr {
  background-color: #000;
}

.excerptOuter {
  padding: 98px 0 0;
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .excerptOuter {
    padding: 7.65625vw 0 0;
  }
}
@media screen and (max-width: 640px) {
  .excerptOuter {
    padding: 15.7% 0 0;
  }
}
.excerptContainer {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}
.excerpt__ttl {
  width: 21.9%;
  margin: 0 auto 9%;
}
@media screen and (max-width: 640px) {
  .excerpt__ttl {
    width: 46.2%;
    margin: 0 auto 8.1%;
  }
}
.excerptMain {
  width: 66%;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .excerptMain {
    width: 88%;
    display: flex;
    flex-wrap: wrap;
  }
}
.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: #036394;
  letter-spacing: 0.13rem;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 0 30px 0 rgba(82, 147, 206, 0.25);
}
@media screen and (max-width: 640px) {
  .excerpt__btn:any-link {
    width: 87%;
    aspect-ratio: 1/0.178;
    font-size: 4.3046875vw;
    box-shadow: 0 0 4.6875vw 0 rgba(82, 147, 206, 0.25);
  }
}
.excerpt__btn:any-link::before {
  position: absolute;
  content: "";
  display: block;
  width: 5%;
  aspect-ratio: 1/1;
  right: 9%;
  border-top: #036394 1px solid;
  border-right: #036394 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_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_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_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_58 {
    font-size: 3.625rem;
  }
}
@media screen and (min-width: 641px) and (max-width: 1280px) {
  .u-fs_58 {
    font-size: 4.53125vw;
  }
}
.u-toShopContainer {
  position: fixed;
  max-width: 1000px;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #000;
  z-index: 100;
}
.u-toShopInner {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.u-toShop__ttl {
  display: flex;
  flex: 0 1 15%;
  background: #808080;
  color: #fff;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 640px) {
  .u-toShop__ttl {
    flex: 0 1 100%;
    padding: 0.3% 0;
    font-size: 2.03125vw;
  }
}
.u-toShop__01:any-link, .u-toShop__02:any-link {
  position: relative;
  display: flex;
  flex: 0 1 42.5%;
  width: 42.5%;
  aspect-ratio: 425/80;
  margin: 0 auto;
  color: #000;
  text-align: center;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  line-height: 1.445;
}
@media screen and (max-width: 640px) {
  .u-toShop__01:any-link, .u-toShop__02:any-link {
    flex: 0 1 50%;
    width: 50%;
    aspect-ratio: 320/96;
    padding: 0 3% 0 0;
    font-size: 3.125vw;
    line-height: 1.45;
  }
}
.u-toShop__01:any-link::before, .u-toShop__02:any-link::before {
  position: absolute;
  content: "";
  display: block;
  width: 3.5%;
  aspect-ratio: 1/1;
  right: 5.5%;
  border-top: #000 1px solid;
  border-right: #000 1px solid;
  transform: rotate(45deg);
}
.u-toShop__01 {
  background: linear-gradient(#e3be4c 0%, #eacf6e 9.33%, #f0df8e 19.72%, #f5eaa4 29.82%, #f8f1b2 39.38%, #f9f4b7 47.85%, #eccb73 100%);
}
.u-toShop__02 {
  background: linear-gradient(#fff 0%, #b3b3b3 26.6%, #fff 60%, #b3b3b3 100%);
}
.u-toShop__annotation {
  padding: 0.7% 3.5% 0.5%;
  color: #fff;
  line-height: 1.7436;
  letter-spacing: 0.09rem;
}
@media screen and (max-width: 640px) {
  .u-toShop__annotation {
    padding: 1.5% 3.5% 1.5%;
    font-size: 1.40625vw;
  }
}/*# sourceMappingURL=top.css.map */