@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@500;700&display=swap");
@import url("//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap");
/*========================================
*	common
========================================*/
::selection {
  color: #000;
  background: #ff00ff;
}

*,
*:after,
*:before {
  box-sizing: border-box;
}

*:focus {
  outline: 0;
}

html,
body {
  font-size: 62.5%;
  height: 100%;
  color: #000;
  background-color: #fff;
  font-family: "Zen Kaku Gothic New", sans-serif;
}

body {
  width: 100%;
}

a {
  color: #000;
  text-decoration: none;
}

h1,
h2,
h3 {
  line-height: 1;
}

ul,
li {
  list-style: none;
}

tr,
th,
td {
  font-weight: normal;
  text-align: left;
}

img,
picture {
  -webkit-backface-visibility: hidden;
  width: 100%;
  max-width: 100%;
  pointer-events: none;
  vertical-align: bottom;
}

.header {
  position: relative;
  z-index: 10;
}
.header-btn {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 3.1112737921vw;
  right: 9.8828696925vw;
  width: 5.3806734993vw;
  height: 5.3806734993vw;
  background-color: #ff00ff;
  border-radius: 100%;
  z-index: 10;
}
@media only screen and (min-width: 768px) {
  .header-btn {
    transition: 300ms;
  }
  .header-btn:hover {
    opacity: 0.7;
  }
}
@media only screen and (max-width: 768px) {
  .header-btn {
    top: 4vw;
    right: 5.3333333333vw;
    width: 11.7333333333vw;
    height: 11.7333333333vw;
  }
}
.header-btn__inner {
  position: relative;
  width: 2.7452415813vw;
  height: 1.7935578331vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .header-btn__inner {
    width: 5.6vw;
    height: 3.6vw;
  }
}
.header-btn__inner > span {
  display: block;
  width: 100%;
  height: 0.5490483163vw;
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
  .header-btn__inner > span {
    height: 1.0666666667vw;
  }
}
.header-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}
.header-nav__bg {
  display: block;
  position: absolute;
  width: 5.3806734993vw;
  height: 5.3806734993vw;
  top: 3.1112737921vw;
  right: 9.8828696925vw;
  background-color: #ff00ff;
  border-radius: 100%;
}
@media only screen and (max-width: 768px) {
  .header-nav__bg {
    top: 4vw;
    right: 5.3333333333vw;
    width: 11.7333333333vw;
    height: 11.7333333333vw;
  }
}
.header-nav__wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  .header-nav__wrapper {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 8vw 10.6666666667vw;
    overflow: scroll;
  }
}
.header-nav__logo {
  display: block;
  width: 24.7437774524vw;
}
.header-nav__logo > a {
  width: 100%;
  height: 100%;
  display: block;
}
@media only screen and (max-width: 768px) {
  .header-nav__logo {
    width: 57.8666666667vw;
  }
}
.header-nav__inner {
  margin-left: 3.1112737921vw;
}
@media only screen and (max-width: 768px) {
  .header-nav__inner {
    margin-left: 0;
    margin-top: 8vw;
  }
}
.header-nav__list--item:not(:first-child) {
  margin-top: 2.5622254758vw;
}
@media only screen and (max-width: 768px) {
  .header-nav__list--item:not(:first-child) {
    margin-top: 8.6666666667vw;
  }
}
.header-nav__list--link {
  display: flex;
  align-items: center;
  line-height: 1;
  font-family: "ocr-a-std";
  font-size: 2.1229868228vw;
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .header-nav__list--link {
    transition: 300ms;
  }
  .header-nav__list--link:hover {
    opacity: 0.7;
  }
}
@media only screen and (max-width: 768px) {
  .header-nav__list--link {
    font-size: 8.2666666667vw;
  }
}
.header-nav__list--link:before {
  display: block;
  content: "";
  margin-right: 2.196193265vw;
  width: 0.878477306vw;
  height: 1.756954612vw;
  background-image: url(../img/header/arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
  .header-nav__list--link:before {
    margin-right: 7.3333333333vw;
    margin-bottom: 1.3333333333vw;
    width: 3.4666666667vw;
    height: 6.8vw;
  }
}
.header-nav__box {
  margin-top: 2.3792093704vw;
}
@media only screen and (max-width: 768px) {
  .header-nav__box {
    margin-top: 10.6666666667vw;
    display: block;
  }
}
.header-nav__sub {
  display: flex;
}
.header-nav__sns {
  display: flex;
  align-items: center;
}
.header-nav__sns--tw {
  display: block;
  width: 1.9765739385vw;
}
@media only screen and (min-width: 768px) {
  .header-nav__sns--tw {
    transition: 300ms;
  }
  .header-nav__sns--tw:hover {
    opacity: 0.7;
  }
}
@media only screen and (max-width: 768px) {
  .header-nav__sns--tw {
    width: 7.8666666667vw;
  }
}
.header-nav__sns--fb {
  display: block;
  width: 1.7935578331vw;
  margin-left: 1.8301610542vw;
}
@media only screen and (min-width: 768px) {
  .header-nav__sns--fb {
    transition: 300ms;
  }
  .header-nav__sns--fb:hover {
    opacity: 0.7;
  }
}
@media only screen and (max-width: 768px) {
  .header-nav__sns--fb {
    width: 7.0666666667vw;
    margin-left: 6.6666666667vw;
  }
}
.header-nav__sns--yt {
  display: block;
  width: 2.196193265vw;
  margin-left: 1.8301610542vw;
}
@media only screen and (min-width: 768px) {
  .header-nav__sns--yt {
    transition: 300ms;
  }
  .header-nav__sns--yt:hover {
    opacity: 0.7;
  }
}
@media only screen and (max-width: 768px) {
  .header-nav__sns--yt {
    width: 8.6666666667vw;
    margin-left: 6.6666666667vw;
  }
}
.header-nav__lang {
  display: flex;
  margin-left: 4.39238653vw;
}
@media only screen and (max-width: 768px) {
  .header-nav__lang {
    margin-left: 9.3333333333vw;
  }
}
.header-nav__lang--icon {
  width: 1.6837481698vw;
}
@media only screen and (max-width: 768px) {
  .header-nav__lang--icon {
    width: 6.6666666667vw;
  }
}
.header-nav__lang--inner {
  display: flex;
  align-items: center;
  margin-top: 0.3660322108vw;
  margin-left: 1.2811127379vw;
}
@media only screen and (max-width: 768px) {
  .header-nav__lang--inner {
    margin-top: 1.3333333333vw;
    margin-left: 5.3333333333vw;
  }
}
.header-nav__lang--slash {
  margin: -0.3660322108vw 0.5490483163vw 0;
  width: 1.0980966325vw;
}
@media only screen and (max-width: 768px) {
  .header-nav__lang--slash {
    margin: -1.3333333333vw 2vw 0;
    width: 4vw;
  }
}
.header-nav__lang--link {
  font-size: 1.1713030747vw;
  line-height: 1;
  font-family: "ocr-a-std";
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .header-nav__lang--link {
    transition: 300ms;
  }
  .header-nav__lang--link:hover {
    opacity: 0.7;
  }
}
@media only screen and (max-width: 768px) {
  .header-nav__lang--link {
    font-size: 4.5333333333vw;
  }
}
.header-nav__lang--link.current {
  opacity: 0.5;
  pointer-events: none;
}
.header-nav__guide {
  display: flex;
  margin-top: 1.8301610542vw;
}
@media only screen and (max-width: 768px) {
  .header-nav__guide {
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 10.6666666667vw;
  }
}
.header-nav__guide--item:not(:first-child) {
  margin-left: 1.4641288433vw;
}
@media only screen and (max-width: 768px) {
  .header-nav__guide--item:not(:first-child) {
    margin-left: 10.6666666667vw;
  }
}
.header-nav__guide--link {
  font-size: 0.9516837482vw;
  line-height: 1;
  font-family: "ocr-a-std";
  color: #fff;
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  .header-nav__guide--link:hover {
    text-decoration: none;
  }
}
@media only screen and (max-width: 768px) {
  .header-nav__guide--link {
    font-size: 3.7333333333vw;
  }
}
.header-nav__copy {
  position: absolute;
  z-index: 10;
  left: 50%;
  bottom: 4.2093704246vw;
  font-size: 0.8052708638vw;
  line-height: 1;
  color: #fff;
  transform: translateX(-50%);
}
@media only screen and (max-width: 768px) {
  .header-nav__copy {
    position: relative;
    margin-top: 16vw;
    left: 0;
    bottom: 0;
    font-size: 2.4vw;
    transform: none;
  }
}

.header {
  transition: 300ms;
  transition-delay: 800ms;
}
.header.js-off {
  opacity: 0;
}
.header.js-show .header-btn__inner > span:first-child {
  transform: rotate(45deg) translateY(-85%);
}
.header.js-show .header-btn__inner > span:last-child {
  transform: rotate(-45deg) translateY(85%);
}
.header.js-show .header-nav {
  pointer-events: auto;
}
.header.js-show .header-nav__bg {
  transform: scale(60);
}
.header.js-show .header-nav__wrapper {
  opacity: 1;
  transition-delay: 500ms;
}
.header.js-show .header-nav__copy {
  opacity: 1;
  transition-delay: 500ms;
}
.header-btn__inner > span {
  transition: 1000ms;
  transition-timing-function: cubic-bezier(0.87, -0.01, 0.4, 1);
  transform-origin: left center;
}
.header-nav__bg {
  transition: transform 1000ms;
  transition-timing-function: cubic-bezier(0.87, -0.01, 0.4, 1);
}
.header-nav__wrapper {
  opacity: 0;
  transition: 500ms;
  transition-delay: 0;
}
.header-nav__copy {
  opacity: 0;
  transition: 500ms;
  transition-delay: 0;
}

.load {
  width: 100%;
  height: 100vh;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.load-text {
  font-size: 3.6603221083vw;
  font-family: "ocr-a-std";
  color: #00ff00;
}
@media only screen and (max-width: 768px) {
  .load-text {
    font-size: 8vw;
  }
}

.load-text {
  opacity: 0;
  animation: flush_load 1000ms linear infinite;
}
@keyframes flush_load {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.top {
  width: 100%;
  height: 100%;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  transform: translate3d(0, 0, 0);
}
.top::-webkit-scrollbar {
  display: none;
}
.top-inner {
  position: relative;
  width: 256.2225475842vw;
  height: 475.8418740849vw;
  background-image: url(../img/top/bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
  .top-inner {
    width: 793.3333333333vw;
    height: 1473.3333333333vw;
    background-image: url(../img/top/bg_sp.png);
  }
}
.top.en .top-inner {
  background-image: url(../img/top/bg_en.png);
}
@media only screen and (max-width: 768px) {
  .top.en .top-inner {
    background-image: url(../img/top/bg_en_sp.png);
  }
}
.top-section {
  position: absolute;
  width: 100vw;
  height: 56.2225475842vw;
}
@media only screen and (max-width: 768px) {
  .top-section {
    width: 85vw;
    height: 136vw;
  }
}
.top-main {
  top: 128.1112737921vw;
  left: 78.4407027818vw;
}
@media only screen and (max-width: 768px) {
  .top-main {
    top: 418.4266666667vw;
    left: 354.1666666667vw;
  }
}
.top-main__btn {
  position: absolute;
  right: 18.850658858vw;
  bottom: 10.980966325vw;
  width: 7.3206442167vw;
}
@media only screen and (max-width: 768px) {
  .top-main__btn {
    right: 4.6466666667vw;
    bottom: 1.36vw;
    width: 22.6666666667vw;
  }
}
.top-main__sticker {
  display: block;
  position: absolute;
  left: 17.5695461201vw;
  bottom: 7.6866764275vw;
  width: 16.6178623719vw;
}
@media only screen and (max-width: 768px) {
  .top-main__sticker {
    left: 2.2666666667vw;
    bottom: -5.6666666667vw;
    width: 30.8266666667vw;
  }
}
.top-twitter {
  top: 176.7935578331vw;
  left: 93.850658858vw;
}
@media only screen and (max-width: 768px) {
  .top-twitter {
    top: 585.14vw;
    left: 402.6733333333vw;
  }
}
.top-twitter__birdL {
  position: absolute;
  left: 5.8931185944vw;
  bottom: 12.5183016105vw;
  width: 50.2928257687vw;
}
@media only screen and (max-width: 768px) {
  .top-twitter__birdL {
    left: -64.94vw;
    bottom: 41.14vw;
    width: 123.1933333333vw;
  }
}
.top-twitter__birdR {
  position: absolute;
  right: 3.4407027818vw;
  bottom: 11.3469985359vw;
  width: 53.9897510981vw;
}
@media only screen and (max-width: 768px) {
  .top-twitter__birdR {
    right: -72.1933333333vw;
    bottom: 38.3066666667vw;
    width: 132.26vw;
  }
}
.top-twitter__glass {
  position: absolute;
  right: 29.2459736457vw;
  bottom: 5.6002928258vw;
  width: 45.2781844802vw;
}
@media only screen and (max-width: 768px) {
  .top-twitter__glass {
    right: -9.0666666667vw;
    bottom: 24.2533333333vw;
    width: 110.84vw;
  }
}
.top-twitter__drop {
  position: absolute;
  right: 40.5563689605vw;
  bottom: 10.1756954612vw;
  width: 22.4377745242vw;
  height: 25.6222547584vw;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .top-twitter__drop {
    right: 18.1333333333vw;
    bottom: 34.9066666667vw;
    width: 54.9666666667vw;
    height: 63.4666666667vw;
  }
}
.top-twitter__drop--item {
  position: absolute;
  width: 0.5124450952vw;
}
@media only screen and (max-width: 768px) {
  .top-twitter__drop--item {
    width: 1.02vw;
  }
}
.top-twitter__drop--item.i1 {
  bottom: 23.7188872621vw;
}
@media only screen and (max-width: 768px) {
  .top-twitter__drop--item.i1 {
    bottom: 59.0466666667vw;
  }
}
.top-twitter__drop--item.i2 {
  left: 4.5387994143vw;
  bottom: 9.5534407028vw;
}
@media only screen and (max-width: 768px) {
  .top-twitter__drop--item.i2 {
    left: 11.1066666667vw;
    bottom: 24.5933333333vw;
  }
}
.top-twitter__drop--item.i3 {
  left: 8.8579795022vw;
  bottom: 13.0307467057vw;
}
@media only screen and (max-width: 768px) {
  .top-twitter__drop--item.i3 {
    left: 21.6466666667vw;
    bottom: 33.0933333333vw;
  }
}
.top-twitter__drop--item.i4 {
  left: 18.3016105417vw;
  bottom: 16.1054172767vw;
}
@media only screen and (max-width: 768px) {
  .top-twitter__drop--item.i4 {
    left: 44.6533333333vw;
    bottom: 40.8vw;
  }
}
.top-twitter__drop--item.i5 {
  left: 21.2298682284vw;
  bottom: 6.588579795vw;
}
@media only screen and (max-width: 768px) {
  .top-twitter__drop--item.i5 {
    left: 51.7933333333vw;
    bottom: 17.34vw;
  }
}
.top-twitter__drop--item.i6 {
  left: 21.9619326501vw;
  bottom: 8.5651537335vw;
}
@media only screen and (max-width: 768px) {
  .top-twitter__drop--item.i6 {
    left: 53.72vw;
    bottom: 22.2133333333vw;
  }
}
.top-twitter__btn {
  position: absolute;
  left: 4.6852122987vw;
  top: 8.9311859444vw;
  width: 31.5519765739vw;
}
@media only screen and (max-width: 768px) {
  .top-twitter__btn {
    left: 8.6133333333vw;
    top: 104.04vw;
    width: 68.34vw;
  }
}
.top-company {
  top: 200.7686676428vw;
  left: 29.7218155198vw;
}
@media only screen and (max-width: 768px) {
  .top-company {
    top: 638.0666666667vw;
    left: 211.14vw;
  }
}
.top-company__frame {
  position: absolute;
  right: 30.3806734993vw;
  bottom: 14.7877013177vw;
  width: 44.6193265007vw;
}
@media only screen and (max-width: 768px) {
  .top-company__frame {
    right: 1.02vw;
    bottom: 50.0933333333vw;
    width: 84.4333333333vw;
  }
}
.top-company__frame--bg {
  position: relative;
  z-index: 10;
}
.top-company__frame--inner {
  position: absolute;
  right: 8.98067vw;
  bottom: 6.1877vw;
  width: 29.26559vw;
  height: 20.1978vw;
  background-color: #fff;
  transform: rotate(-7.7deg);
  transform-origin: top left;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .top-company__frame--inner {
    position: absolute;
    right: 17.1535695vw;
    bottom: 11.379545vw;
    width: 55.3057515vw;
    height: 38.58813vw;
    background-color: #fff;
    transform: rotate(-7.7deg);
    transform-origin: top left;
    overflow: hidden;
  }
}
.top-company__frame--hopper {
  position: absolute;
  right: 0;
  bottom: 4.8vw;
  width: 26.26559vw;
  transform: rotate(7.7deg);
  transform-origin: top left;
}
@media only screen and (max-width: 768px) {
  .top-company__frame--hopper {
    position: absolute;
    right: 0.255vw;
    bottom: 9.18vw;
    width: 49.5257515vw;
  }
}
.top-company__corn {
  position: absolute;
  z-index: 10;
  right: 17.4597364568vw;
  bottom: 0.1464128843vw;
  width: 65.0805270864vw;
}
@media only screen and (max-width: 768px) {
  .top-company__corn {
    right: -9.7466666667vw;
    bottom: 23.8vw;
    width: 96.4466666667vw;
  }
}
.top-company__btn {
  position: absolute;
  z-index: 11;
  right: 58.1625183016vw;
  bottom: 39.8609077599vw;
  width: 30.8565153734vw;
}
@media only screen and (max-width: 768px) {
  .top-company__btn {
    right: 9.18vw;
    bottom: 12.58vw;
    width: 66.1866666667vw;
  }
}
.top-products {
  top: 237.9209370425vw;
  left: 79.7950219619vw;
}
@media only screen and (max-width: 768px) {
  .top-products {
    top: 738.14vw;
    left: 318.1266666667vw;
  }
}
.top-products__inner {
  position: absolute;
  right: 44.7657393851vw;
  bottom: 9.9194729136vw;
  width: 35.6515373353vw;
  height: 42.6061493411vw;
}
@media only screen and (max-width: 768px) {
  .top-products__inner {
    right: -14.96vw;
    bottom: -5.8933333333vw;
    width: 110.3866666667vw;
    height: 131.92vw;
  }
}
.top-products__flower {
  position: absolute;
  width: 3.1478770132vw;
}
@media only screen and (max-width: 768px) {
  .top-products__flower {
    width: 9.7466666667vw;
  }
}
.top-products__flower.f1 {
  left: 13.17715959vw;
  top: 3.8799414348vw;
}
@media only screen and (max-width: 768px) {
  .top-products__flower.f1 {
    left: 40.8vw;
    top: 12.0133333333vw;
  }
}
.top-products__flower.f2 {
  left: 20.168374817vw;
  top: 5.4904831625vw;
}
@media only screen and (max-width: 768px) {
  .top-products__flower.f2 {
    left: 62.4466666667vw;
    top: 17vw;
  }
}
.top-products__flower.f3 {
  left: 25.5856515373vw;
  top: 8.1625183016vw;
}
@media only screen and (max-width: 768px) {
  .top-products__flower.f3 {
    left: 79.22vw;
    top: 25.2733333333vw;
  }
}
.top-products__flower.f4 {
  left: 14.6778916545vw;
  top: 8.8213762811vw;
}
@media only screen and (max-width: 768px) {
  .top-products__flower.f4 {
    left: 45.4466666667vw;
    top: 27.3133333333vw;
  }
}
.top-products__flower.f5 {
  left: 20.0219619327vw;
  top: 11.2005856515vw;
}
@media only screen and (max-width: 768px) {
  .top-products__flower.f5 {
    left: 61.9933333333vw;
    top: 34.68vw;
  }
}
.top-products__flower.f6 {
  left: 27.9282576867vw;
  top: 14.0922401171vw;
}
@media only screen and (max-width: 768px) {
  .top-products__flower.f6 {
    left: 86.4733333333vw;
    top: 43.6333333333vw;
  }
}
.top-products__flower.f7 {
  left: 7.8696925329vw;
  top: 12.1156661786vw;
}
@media only screen and (max-width: 768px) {
  .top-products__flower.f7 {
    left: 24.3666666667vw;
    top: 37.5133333333vw;
  }
}
.top-products__flower.f8 {
  left: 13.6896046852vw;
  top: 13.7262079063vw;
}
@media only screen and (max-width: 768px) {
  .top-products__flower.f8 {
    left: 42.3866666667vw;
    top: 42.5vw;
  }
}
.top-products__flower.f9 {
  left: 17.1303074671vw;
  top: 17.5695461201vw;
}
@media only screen and (max-width: 768px) {
  .top-products__flower.f9 {
    left: 53.04vw;
    top: 54.4vw;
  }
}
.top-products__flower.f10 {
  left: 23.6090775988vw;
  top: 17.4597364568vw;
}
@media only screen and (max-width: 768px) {
  .top-products__flower.f10 {
    left: 73.1vw;
    top: 54.06vw;
  }
}
.top-products__flower.f11 {
  left: 30.0878477306vw;
  top: 19.0336749634vw;
}
@media only screen and (max-width: 768px) {
  .top-products__flower.f11 {
    left: 93.16vw;
    top: 58.9333333333vw;
  }
}
.top-products__flower.f12 {
  left: 2.7818448023vw;
  top: 14.2020497804vw;
}
@media only screen and (max-width: 768px) {
  .top-products__flower.f12 {
    left: 8.6133333333vw;
    top: 43.9733333333vw;
  }
}
.top-products__flower.f13 {
  left: 9.1874084919vw;
  top: 17.8623718887vw;
}
@media only screen and (max-width: 768px) {
  .top-products__flower.f13 {
    left: 28.4466666667vw;
    top: 55.3066666667vw;
  }
}
.top-products__flower.f14 {
  left: 12.737920937vw;
  top: 21.1200585652vw;
}
@media only screen and (max-width: 768px) {
  .top-products__flower.f14 {
    left: 39.44vw;
    top: 65.3933333333vw;
  }
}
.top-products__flower.f15 {
  left: 17.3865300146vw;
  top: 24.0483162518vw;
}
@media only screen and (max-width: 768px) {
  .top-products__flower.f15 {
    left: 53.8333333333vw;
    top: 74.46vw;
  }
}
.top-products__flower.f16 {
  left: 21.2664714495vw;
  top: 21.7057101025vw;
}
@media only screen and (max-width: 768px) {
  .top-products__flower.f16 {
    left: 65.8466666667vw;
    top: 67.2066666667vw;
  }
}
.top-products__flower.f17 {
  left: 27.7452415813vw;
  top: 23.0966325037vw;
}
@media only screen and (max-width: 768px) {
  .top-products__flower.f17 {
    left: 85.9066666667vw;
    top: 71.5133333333vw;
  }
}
.top-products__flower.f18 {
  left: 4.4289897511vw;
  top: 19.2166910688vw;
}
@media only screen and (max-width: 768px) {
  .top-products__flower.f18 {
    left: 13.7133333333vw;
    top: 59.5vw;
  }
}
.top-products__flower.f19 {
  left: 8.3089311859vw;
  top: 23.2796486091vw;
}
@media only screen and (max-width: 768px) {
  .top-products__flower.f19 {
    left: 25.7266666667vw;
    top: 72.08vw;
  }
}
.top-products__flower.f20 {
  left: 12.4084919473vw;
  top: 27.3060029283vw;
}
@media only screen and (max-width: 768px) {
  .top-products__flower.f20 {
    left: 38.42vw;
    top: 84.5466666667vw;
  }
}
.top-products__flower.f21 {
  left: 18.7042459736vw;
  top: 30.270863836vw;
}
@media only screen and (max-width: 768px) {
  .top-products__flower.f21 {
    left: 57.9133333333vw;
    top: 93.7266666667vw;
  }
}
.top-products__flower.f22 {
  left: 22.9868228404vw;
  top: 31.4421669107vw;
}
@media only screen and (max-width: 768px) {
  .top-products__flower.f22 {
    left: 71.1733333333vw;
    top: 97.3533333333vw;
  }
}
.top-products__flower.f23 {
  left: 3.4407027818vw;
  top: 25.6954612006vw;
}
@media only screen and (max-width: 768px) {
  .top-products__flower.f23 {
    left: 10.6533333333vw;
    top: 79.56vw;
  }
}
.top-products__flower.f24 {
  left: 7.8330893119vw;
  top: 30.270863836vw;
}
@media only screen and (max-width: 768px) {
  .top-products__flower.f24 {
    left: 24.2533333333vw;
    top: 93.7266666667vw;
  }
}
.top-products__flower.f25 {
  left: 25.1098096633vw;
  top: 27.2693997072vw;
}
@media only screen and (max-width: 768px) {
  .top-products__flower.f25 {
    left: 77.7466666667vw;
    top: 84.4333333333vw;
  }
}
.top-products__btn {
  position: absolute;
  z-index: 11;
  right: 17.3499267936vw;
  bottom: 22.5475841874vw;
  width: 35.6149341142vw;
}
@media only screen and (max-width: 768px) {
  .top-products__btn {
    right: 6.5733333333vw;
    bottom: 93.9533333333vw;
    width: 76.84vw;
  }
}
.top-recruit {
  top: 286.9326500732vw;
  left: 46.1566617862vw;
  z-index: 10;
}
@media only screen and (max-width: 768px) {
  .top-recruit {
    top: 929.7866666667vw;
    left: 268.26vw;
  }
}
.top-recruit__inner {
  position: absolute;
  width: 22.4743777452vw;
  height: 21.3762811127vw;
  top: 16.654465593vw;
  left: 43.3748169839vw;
}
@media only screen and (max-width: 768px) {
  .top-recruit__inner {
    width: 48.7333333333vw;
    height: 45.3333333333vw;
    top: 50.4333333333vw;
    left: 14.96vw;
  }
}
.top-recruit__hat {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.top-recruit__finger {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.top-recruit__btn {
  position: absolute;
  z-index: 11;
  right: 57.5036603221vw;
  bottom: 28.5871156662vw;
  width: 32.9428989751vw;
}
@media only screen and (max-width: 768px) {
  .top-recruit__btn {
    right: 4.42vw;
    bottom: 10.2vw;
    width: 71.74vw;
  }
}
.top-contact {
  top: 320.168374817vw;
  left: 91.2884333821vw;
  z-index: 9;
}
@media only screen and (max-width: 768px) {
  .top-contact {
    top: 981.58vw;
    left: 379.44vw;
  }
}
.top-contact__splash {
  position: absolute;
  z-index: 11;
  right: 42.8257686676vw;
  bottom: 4.8682284041vw;
  width: 49.6339677892vw;
}
@media only screen and (max-width: 768px) {
  .top-contact__splash {
    right: 11.3333333333vw;
    bottom: -24.9333333333vw;
    width: 136.1133333333vw;
  }
}
.top-contact__copy {
  position: absolute;
  z-index: 11;
  right: 12.1888726208vw;
  bottom: 3.3308931186vw;
  width: 77.0863836018vw;
}
@media only screen and (max-width: 768px) {
  .top-contact__copy {
    right: 3.74vw;
    bottom: 2.2666666667vw;
    width: 79.1066666667vw;
  }
}
.top-contact__btn {
  position: absolute;
  z-index: 11;
  right: 20.0585651537vw;
  bottom: 16.9838945827vw;
  width: 31.588579795vw;
}
@media only screen and (max-width: 768px) {
  .top-contact__btn {
    right: 6.8vw;
    bottom: 100.4133333333vw;
    width: 68.4533333333vw;
  }
}
.top-back {
  top: 359.7730600293vw;
  left: 80.0512445095vw;
}
@media only screen and (max-width: 768px) {
  .top-back {
    top: 1150.22vw;
    left: 356.8866666667vw;
  }
}
.top-back__inner {
  display: block;
  position: absolute;
  z-index: 11;
  right: 34.7364568082vw;
  bottom: 16.7276720351vw;
  width: 33.7481698389vw;
  height: 21.2664714495vw;
}
@media only screen and (max-width: 768px) {
  .top-back__inner {
    right: 9.4066666667vw;
    bottom: 53.2666666667vw;
    width: 67.8866666667vw;
    height: 42.84vw;
  }
}
.top-back__text {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.top-back__arrow {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@keyframes sticker {
  0% {
    opacity: 0;
    transform: scale(10) translate(-150%, 100%);
  }
  20% {
    opacity: 1;
  }
  75% {
    transform: scale(1) translate(0, 0);
  }
  80% {
    transform: translate(-5%, -5%);
  }
  84% {
    transform: translate(5%, 5%);
  }
  88% {
    transform: translate(-2%, -2%);
  }
  92% {
    transform: translate(2%, 2%);
  }
  96% {
    transform: translate(-1%, -1%);
  }
  98% {
    transform: translate(1%, 1%);
  }
  100% {
    transform: translate(0, 0);
  }
}
.top-main.js-show .top-main__btn {
  opacity: 1;
  transform: none;
}
.top-main.js-show .top-main__sticker {
  animation: sticker 500ms linear 0ms 1;
}
.top-main__btn {
  opacity: 0;
  transform: translate(-10px, -10px);
  transition: 500ms;
  transition-timing-function: ease-in-out;
}
.top-main__sticker {
  transform-origin: top center;
}
.top-twitter.js-show .top-twitter__birdL {
  opacity: 1;
  transform: none;
}
.top-twitter.js-show .top-twitter__birdR {
  opacity: 1;
  transform: none;
}
.top-twitter.js-show .top-twitter__drop {
  opacity: 1;
  transform: none;
}
.top-twitter.js-show .top-twitter__drop--item {
  opacity: 0;
  animation: drop 3000ms linear infinite;
}
@keyframes drop {
  0% {
    opacity: 0;
    transform: translateY(0px);
  }
  10% {
    opacity: 1;
    transform: translateY(0px);
  }
  30% {
    opacity: 1;
    transform: translateY(0px);
  }
  50% {
    opacity: 1;
    transform: translateY(500px);
  }
  100% {
    transform: translateY(500px);
    opacity: 0;
  }
}
.top-twitter.js-show .top-twitter__drop--item.i1 {
  animation-delay: 1000ms;
}
.top-twitter.js-show .top-twitter__drop--item.i2 {
  animation-delay: 1400ms;
}
.top-twitter.js-show .top-twitter__drop--item.i3 {
  animation-delay: 1200ms;
}
.top-twitter.js-show .top-twitter__drop--item.i4 {
  animation-delay: 1600ms;
}
.top-twitter.js-show .top-twitter__drop--item.i5 {
  animation-delay: 1300ms;
}
.top-twitter.js-show .top-twitter__drop--item.i6 {
  animation-delay: 1100ms;
}
.top-twitter.js-show .top-twitter__glass {
  transform: scale(1, 1);
}
.top-twitter.js-show .top-twitter__btn {
  opacity: 1;
  transform: none;
}
.top-twitter__birdL {
  opacity: 0;
  transform: rotate(-30deg);
  transition: 500ms;
  transform-origin: right bottom;
  transition-timing-function: ease-in-out;
}
.top-twitter__birdR {
  opacity: 0;
  transform: rotate(30deg);
  transition: 500ms;
  transform-origin: left bottom;
  transition-timing-function: ease-in-out;
}
.top-twitter__glass {
  transform: scale(1, 0);
  transition: transform 500ms;
  transform-origin: bottom;
  transition-delay: 500ms;
}
.top-twitter__btn {
  opacity: 0;
  transform: translate(30px, 0);
  transition: 500ms;
  transition-delay: 500ms;
}
.top-company.js-show .top-company__frame {
  transform: none;
}
.top-company.js-show .top-company__frame--hopper {
  transform: translate(-120%, 0) rotate(7.7deg);
  animation: jump 300ms linear 400ms 1 both;
}
@keyframes jump {
  0% {
    transform: translate(-110%, 0) rotate(7.7deg);
  }
  50% {
    transform: translate(-55%, -120%) rotate(7.7deg);
  }
  100% {
    transform: translate(0%, 0%) rotate(7.7deg);
  }
}
.top-company.js-show .top-company__frame--hopper > img {
  animation: hopping 3000ms linear 1200ms infinite both;
}
@keyframes hopping {
  0% {
    transform: translateY(0%);
  }
  25% {
    transform: translateY(0%);
  }
  30% {
    transform: translateY(-10%);
  }
  35% {
    transform: translateY(0%);
  }
  65% {
    transform: translateY(0%);
  }
  70% {
    transform: translateY(-10%);
  }
  75% {
    transform: translateY(0%);
  }
  90% {
    transform: translateY(0%);
  }
  95% {
    transform: translateY(-30%);
  }
  100% {
    transform: translateY(0%);
  }
}
.top-company.js-show .top-company__corn {
  transform: none;
}
.top-company.js-show .top-company__btn {
  opacity: 1;
  transform: none;
}
.top-company__frame {
  transform: translateY(20px);
  transition: 200ms;
  transition-timing-function: ease-in-out;
}
.top-company__frame--hopper {
  transform: translate(-120%, 0) rotate(7.7deg);
}
.top-company__corn {
  transform: translateY(80px);
  transition: 400ms;
  transition-timing-function: ease-in-out;
}
.top-company__btn {
  opacity: 0;
  transform: translate(30px, 0);
  transition: 500ms;
  transition-delay: 700ms;
  transition-timing-function: ease-in-out;
}
.top-products.js-show .top-products__flower {
  opacity: 1;
}
.top-products.js-show .top-products__flower > img {
  animation: rotate 1000ms step-start 900ms infinite;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.top-products.js-show .top-products__btn {
  opacity: 1;
  transform: none;
}
.top-products__flower {
  opacity: 0;
}
.top-products__flower.f5 {
  transition-delay: 10ms;
}
.top-products__flower.f7 {
  transition-delay: 20ms;
}
.top-products__flower.f14 {
  transition-delay: 30ms;
}
.top-products__flower.f21 {
  transition-delay: 40ms;
}
.top-products__flower.f8 {
  transition-delay: 50ms;
}
.top-products__flower.f1 {
  transition-delay: 60ms;
}
.top-products__flower.f24 {
  transition-delay: 70ms;
}
.top-products__flower.f3 {
  transition-delay: 80ms;
}
.top-products__flower.f18 {
  transition-delay: 90ms;
}
.top-products__flower.f9 {
  transition-delay: 100ms;
}
.top-products__flower.f17 {
  transition-delay: 110ms;
}
.top-products__flower.f23 {
  transition-delay: 120ms;
}
.top-products__flower.f15 {
  transition-delay: 130ms;
}
.top-products__flower.f16 {
  transition-delay: 140ms;
}
.top-products__flower.f19 {
  transition-delay: 150ms;
}
.top-products__flower.f25 {
  transition-delay: 160ms;
}
.top-products__flower.f22 {
  transition-delay: 170ms;
}
.top-products__flower.f2 {
  transition-delay: 180ms;
}
.top-products__flower.f13 {
  transition-delay: 190ms;
}
.top-products__flower.f4 {
  transition-delay: 200ms;
}
.top-products__flower.f10 {
  transition-delay: 210ms;
}
.top-products__flower.f11 {
  transition-delay: 220ms;
}
.top-products__flower.f20 {
  transition-delay: 230ms;
}
.top-products__flower.f12 {
  transition-delay: 240ms;
}
.top-products__flower.f6 {
  transition-delay: 250ms;
}
.top-products__btn {
  opacity: 0;
  transform: translate(-30px, 0);
  transition: 500ms;
  transition-delay: 250ms;
  transition-timing-function: ease-in-out;
}
.top-recruit.js-show .top-recruit__hat {
  animation: hat 1000ms ease-in-out 0ms 1 both;
}
@keyframes hat {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-50%);
  }
  50%, 100% {
    transform: translateY(-30%);
  }
}
.top-recruit.js-show .top-recruit__finger {
  animation: finger 1000ms ease-in-out 0ms 1 both;
}
@keyframes finger {
  0% {
    transform: translateY(0);
  }
  30% {
    transform: translateY(35%);
  }
  65% {
    transform: translateY(35%) scale(1.2);
  }
  100% {
    transform: translateY(35%);
  }
}
.top-recruit.js-show .top-recruit__finger > img {
  animation: finger_zoom 2000ms ease-in-out 1200ms infinite both;
}
@keyframes finger_zoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.top-recruit.js-show .top-recruit__btn {
  opacity: 1;
  transform: none;
}
.top-recruit__btn {
  opacity: 0;
  transform: translate(30px, 0);
  transition: 500ms;
  transition-delay: 650ms;
  transition-timing-function: ease-in-out;
}
.top-contact.js-show .top-contact__copy {
  animation: copy 300ms linear 0ms 1 both;
}
@keyframes copy {
  0% {
    opacity: 0;
    transform: translateY(-100%) rotate(15deg);
  }
  25% {
    opacity: 1;
  }
  50% {
    transform: translateY(0) rotate(15deg);
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.top-contact.js-show .top-contact__copy > img {
  animation: copy_rotate 1000ms linear 800ms infinite;
  transform-origin: right center;
}
@keyframes copy_rotate {
  0% {
    transform: rotate(0deg);
  }
  5% {
    transform: rotate(2deg);
  }
  10% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.top-contact.js-show .top-contact__splash {
  opacity: 1;
  transform: scale(1);
  transform-origin: center center;
}
.top-contact.js-show .top-contact__btn {
  opacity: 1;
  transform: none;
}
.top-contact__copy {
  opacity: 0;
  transform-origin: center center;
}
.top-contact__splash {
  opacity: 0;
  transform: scale(0);
  transition: 300ms;
  transform-origin: center center;
  transition-delay: 300ms;
}
.top-contact__btn {
  opacity: 0;
  transform: translate(-30px, 0);
  transition: 500ms;
  transition-delay: 300ms;
  transition-timing-function: ease-in-out;
}
@keyframes flush {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.top-back__arrow.a1 {
  animation: flush 1200ms step-start 800ms infinite;
}
.top-back__arrow.a2 {
  animation: flush 1200ms step-start 400ms infinite;
}
.top-back__arrow.a3 {
  animation: flush 1200ms step-start 0ms infinite;
}

.detail {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 20;
  color: #fff;
  overflow-x: hidden;
}
.detail-splash {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.detail-splash__item {
  position: absolute;
  width: 43.9238653001vw;
}
@media only screen and (max-width: 768px) {
  .detail-splash__item {
    width: 160vw;
  }
}
.detail-splash__item.s1 {
  top: -20%;
  right: -13%;
  transform: scale(1.5);
}
.detail-splash__item.s2 {
  top: -24%;
  right: 42%;
  transform: scale(2.2) rotate(45deg);
}
.detail-splash__item.s3 {
  bottom: -33%;
  right: 32%;
  transform: scale(2.5) rotate(-45deg);
}
.detail-splash__item.s4 {
  top: -26%;
  left: -33%;
  transform: scale(2.8) rotate(36deg);
}
.detail-splash__item.s5 {
  bottom: 9%;
  right: 39%;
  transform: scale(3.4) rotate(22deg);
}
.detail-splash__item.s6 {
  bottom: 48%;
  left: -22%;
  transform: scale(5.4) rotate(74deg);
}
.detail-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
}
.detail-close {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 3.1112737921vw;
  right: 16.7276720351vw;
  width: 5.3806734993vw;
  height: 5.3806734993vw;
  background-color: #00ff00;
  border-radius: 100%;
  z-index: 10;
}
@media only screen and (min-width: 768px) {
  .detail-close {
    transition: 300ms;
  }
  .detail-close:hover {
    opacity: 0.7;
  }
}
@media only screen and (max-width: 768px) {
  .detail-close {
    top: 4vw;
    right: 19.7333333333vw;
    width: 11.7333333333vw;
    height: 11.7333333333vw;
  }
}
.detail-close__inner {
  position: relative;
  width: 2.7452415813vw;
  height: 1.7935578331vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .detail-close__inner {
    width: 5.6vw;
    height: 3.6vw;
  }
}
.detail-close__inner > span {
  display: block;
  width: 100%;
  height: 0.5490483163vw;
  background-color: #fff;
  transform-origin: left center;
}
@media only screen and (max-width: 768px) {
  .detail-close__inner > span {
    height: 1.0666666667vw;
  }
}
.detail-close__inner > span:first-child {
  transform: rotate(45deg) translateY(-85%);
}
.detail-close__inner > span:last-child {
  transform: rotate(-45deg) translateY(85%);
}
.detail-logo {
  position: absolute;
  width: 9.224011713vw;
  left: 9.1508052709vw;
}
@media only screen and (max-width: 768px) {
  .detail-logo {
    width: 21.4666666667vw;
    left: 50%;
    transform: translateX(-50%);
  }
}
.detail-header {
  position: relative;
  z-index: 1000;
}
.detail-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.detail-wrapper::-webkit-scrollbar {
  display: none;
}
.detail-inner {
  width: 100%;
}
.detail-main {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  padding-top: 3.2942898975vw;
  padding-bottom: 5.1244509517vw;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .detail-main {
    padding-top: 32vw;
    padding-bottom: 26.6666666667vw;
  }
}
.detail-main__h1 {
  font-family: "ocr-a-std";
  font-size: 3.6603221083vw;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .detail-main__h1 {
    font-size: 12vw;
  }
}
.detail-main__h2 {
  font-size: 1.0980966325vw;
  text-align: center;
  margin-top: 1.0980966325vw;
  font-family: "Noto Serif JP", serif;
}
@media only screen and (max-width: 768px) {
  .detail-main__h2 {
    font-size: 3.2vw;
    margin-top: 1.3333333333vw;
  }
}
.detail-main__h3 {
  padding: 0.7320644217vw 1.8301610542vw 0.9150805271vw;
  font-size: 1.6471449488vw;
  font-weight: bold;
  color: #000;
  background-color: #00ff00;
}
@media only screen and (max-width: 768px) {
  .detail-main__h3 {
    padding: 4vw 5.3333333333vw;
    font-size: 5.6vw;
    line-height: 1.2380952381;
  }
}
.detail-main__h4 {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 1.6471449488vw;
}
@media only screen and (max-width: 768px) {
  .detail-main__h4 {
    font-size: 5.6vw;
  }
}
.detail-main__h4:before {
  display: block;
  content: "";
  width: 0.7320644217vw;
  height: 2.196193265vw;
  background-color: #00ff00;
  margin-right: 1.4641288433vw;
}
@media only screen and (max-width: 768px) {
  .detail-main__h4:before {
    width: 2.6666666667vw;
    height: 8vw;
    margin-right: 5.3333333333vw;
  }
}
.detail-main__inner {
  margin: 1.4641288433vw auto 0;
  width: 68.8140556369vw;
}
@media only screen and (max-width: 768px) {
  .detail-main__inner {
    margin-top: 8vw;
    width: 89.3333333333vw;
  }
}
.detail-main__text {
  font-size: 1.0980966325vw;
  line-height: 1.5;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .detail-main__text {
    font-size: 3.7333333333vw;
  }
}
.detail-main__text > a {
  color: #00ff00;
  text-decoration: underline;
}
.detail-main__contents {
  margin-top: 4.0263543192vw;
  margin-left: auto;
  margin-right: auto;
  width: 73.2064421669vw;
}
@media only screen and (max-width: 768px) {
  .detail-main__contents {
    width: 100%;
    font-size: 3.2vw;
    margin-top: 12vw;
  }
}
.detail-contents {
  margin-top: 3.2942898975vw;
}
@media only screen and (max-width: 768px) {
  .detail-contents {
    margin-top: 9.3333333333vw;
  }
}
.detail-barList__item {
  display: flex;
  justify-content: flex-start;
  font-size: 1.0980966325vw;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .detail-barList__item {
    font-size: 3.4666666667vw;
  }
}
.detail-barList__item:not(:first-child) {
  margin-top: 1.0980966325vw;
}
@media only screen and (max-width: 768px) {
  .detail-barList__item:not(:first-child) {
    margin-top: 4vw;
  }
}
.detail-barList__head {
  width: 13.9092240117vw;
  padding-top: 0.1830161054vw;
  line-height: 1.5;
  padding-right: 1.4641288433vw;
}
@media only screen and (max-width: 768px) {
  .detail-barList__head {
    width: 30.6666666667vw;
    padding-top: 0.6666666667vw;
    padding-right: 4vw;
  }
}
.detail-barList__text {
  flex: 1;
  padding: 0.1830161054vw 0 0.1830161054vw 1.4641288433vw;
  border-left: 0.1098096633vw solid #00ff00;
  line-height: 1.5;
}
@media only screen and (max-width: 768px) {
  .detail-barList__text {
    padding: 0.6666666667vw 0 0.6666666667vw 4vw;
    border-left: 0.4vw solid #00ff00;
  }
}
.detail-btn {
  position: relative;
  display: inline-block;
  font-size: 1.3909224012vw;
  padding: 0.9150805271vw 4.7584187408vw 1.0980966325vw 2.7452415813vw;
  border: 0.2196193265vw solid #ff00ff;
  color: #ff00ff;
}
@media only screen and (min-width: 768px) {
  .detail-btn {
    transition: 300ms;
  }
  .detail-btn:hover {
    opacity: 0.7;
  }
}
@media only screen and (max-width: 768px) {
  .detail-btn {
    display: block;
    width: 100%;
    font-size: 3.7333333333vw;
    padding: 2.6666666667vw 10vw 3.3333333333vw 3.3333333333vw;
    border-width: 0.8vw;
  }
}
.detail-btn:after {
  position: absolute;
  right: 1.8301610542vw;
  top: 50%;
  display: block;
  content: "";
  width: 0.9150805271vw;
  height: 1.3543191801vw;
  background-image: url(../img/common/icon_arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}
@media only screen and (max-width: 768px) {
  .detail-btn:after {
    right: 3.3333333333vw;
    width: 2.2666666667vw;
    height: 3.4666666667vw;
  }
}
.detail .header-btn {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 3.1112737921vw;
  right: 9.8828696925vw;
  width: 5.3806734993vw;
  height: 5.3806734993vw;
  background-color: #ff00ff;
  border-radius: 100%;
  z-index: 10;
}
@media only screen and (min-width: 768px) {
  .detail .header-btn {
    transition: 300ms;
  }
  .detail .header-btn:hover {
    opacity: 0.7;
  }
}
@media only screen and (max-width: 768px) {
  .detail .header-btn {
    top: 4vw;
    right: 5.3333333333vw;
    width: 11.7333333333vw;
    height: 11.7333333333vw;
  }
}
.detail .header-btn__inner {
  position: relative;
  width: 2.7452415813vw;
  height: 1.7935578331vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .detail .header-btn__inner {
    width: 5.6vw;
    height: 3.6vw;
  }
}
.detail .header-btn__inner > span {
  display: block;
  width: 100%;
  height: 0.5490483163vw;
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
  .detail .header-btn__inner > span {
    height: 1.0666666667vw;
  }
}
.detail .header-nav__bg {
  display: block;
  position: absolute;
  width: 5.3806734993vw;
  height: 5.3806734993vw;
  top: 3.1112737921vw;
  right: 9.8828696925vw;
  background-color: #ff00ff;
  border-radius: 100%;
}
@media only screen and (max-width: 768px) {
  .detail .header-nav__bg {
    top: 4vw;
    right: 5.3333333333vw;
    width: 11.7333333333vw;
    height: 11.7333333333vw;
  }
}

.detail {
  opacity: 0;
}
.detail.js-show {
  pointer-events: auto;
  opacity: 1;
}
.detail.js-show .detail-splash {
  opacity: 1;
}
.detail.js-show .detail-splash__item > img {
  transform: scale(1);
}
.detail.js-show .detail-bg {
  opacity: 1;
}
.detail.js-show .detail-inner {
  opacity: 1;
  transform: none;
}
.detail.js-hide {
  pointer-events: none;
}
.detail.js-hide .detail-splash {
  opacity: 0;
}
.detail.js-hide .detail-bg {
  transform: scale(0, 1);
  transform-origin: center right;
  transition: transform 500ms;
  transition-delay: 500ms;
}
.detail.js-hide .detail-inner {
  opacity: 0;
  transition: 500ms;
}
.detail-splash {
  opacity: 0;
}
.detail-splash__item > img {
  transform: scale(0);
  transition: 100ms;
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.detail-splash__item.s1 img {
  transition-delay: 100ms;
}
.detail-splash__item.s2 img {
  transition-delay: 200ms;
}
.detail-splash__item.s3 img {
  transition-delay: 300ms;
}
.detail-splash__item.s4 img {
  transition-delay: 400ms;
}
.detail-splash__item.s5 img {
  transition-delay: 500ms;
}
.detail-splash__item.s6 img {
  transition-delay: 600ms;
}
.detail-bg {
  opacity: 0;
  transition-delay: 700ms;
}
.detail-inner {
  opacity: 0;
  transform: translateX(-5%);
  transition: 500ms;
  transition-delay: 900ms;
}
.detail-main {
  transform: translateX(-100px);
  opacity: 0;
  transition: 500ms;
  transition-timing-function: ease-in-out;
  display: none;
}
.detail-main.js-now {
  display: block;
}
.detail-main.js-show {
  transform: none;
  opacity: 1;
}
.detail-main.js-hide {
  transform: translateX(100px);
  opacity: 0;
}

.js-page {
  transform: translateX(-100px);
  opacity: 0;
  transition: 500ms;
  transition-timing-function: ease-in-out;
  display: none;
}
.js-page.js-now {
  display: block;
}
.js-page.js-show {
  transform: none;
  opacity: 1;
}
.js-page.js-hide {
  transform: translateX(100px);
  opacity: 0;
}

.js-block {
  display: block !important;
}

.news-contents {
  position: relative;
  width: 100%;
}
.news-contents__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-bottom: 5.1244509517vw;
}
@media only screen and (max-width: 768px) {
  .news-contents__item {
    padding-bottom: 13.3333333333vw;
  }
}
.news-list {
  width: 100%;
}
.news-list__item {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  padding: 3.2942898975vw 0;
}
.news-list__item:nth-child(odd) {
  background-color: #080808;
}
@media only screen and (max-width: 768px) {
  .news-list__item {
    padding: 8vw 5.3333333333vw;
    flex-direction: column;
  }
}
.news-list__date {
  font-size: 1.1713030747vw;
  font-weight: bold;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .news-list__date {
    font-size: 4.2666666667vw;
  }
}
.news-list__text {
  margin-left: 4.0263543192vw;
  width: 64.055636896vw;
  font-size: 1.1713030747vw;
  color: #fff;
  line-height: 1.5;
}
.news-list__text > a {
  color: #fff;
}
.news-list__text > a > span {
  color: #ff00ff;
}
@media only screen and (min-width: 768px) {
  .news-list__text > a:hover {
    color: #ff00ff;
  }
}
.news-list__text > span {
  color: #ff00ff;
}
@media only screen and (max-width: 768px) {
  .news-list__text {
    font-size: 4.2666666667vw;
    margin-left: 0;
    margin-top: 4vw;
    width: 100%;
  }
}
.news-h4 {
  margin-top: 2.9282576867vw;
}
@media only screen and (max-width: 768px) {
  .news-h4 {
    margin-top: 8vw;
  }
}
.news-inner {
  width: 64.7877013177vw;
  margin: 1.4641288433vw auto 0;
}
@media only screen and (max-width: 768px) {
  .news-inner {
    width: 100%;
    margin-top: 5.3333333333vw;
  }
}
.news-logo {
  margin-bottom: 1.8301610542vw;
}
@media only screen and (max-width: 768px) {
  .news-logo {
    margin-bottom: 5.3333333333vw;
  }
}
.news-logo.l1 {
  width: 6.8814055637vw;
}
@media only screen and (max-width: 768px) {
  .news-logo.l1 {
    width: 25.0666666667vw;
  }
}
.news-logo.l2 {
  width: 15.4099560761vw;
}
@media only screen and (max-width: 768px) {
  .news-logo.l2 {
    width: 56.1333333333vw;
  }
}

.company-sns {
  display: flex;
  align-items: center;
  margin-top: 1.4641288433vw;
}
@media only screen and (max-width: 768px) {
  .company-sns {
    margin-top: 8vw;
  }
}
.company-sns__head {
  display: inline-block;
  font-size: 1.0980966325vw;
  padding: 0.2928257687vw 0.7320644217vw 0.3660322108vw;
  border: 0.2196193265vw solid #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .company-sns__head {
    font-size: 3.7333333333vw;
    padding: 2.4vw 4vw 2.6666666667vw;
    border-width: 0.5333333333vw;
  }
}
.company-sns__list {
  display: flex;
  align-items: flex-start;
  margin-top: 0.2928257687vw;
  margin-left: 1.8301610542vw;
}
@media only screen and (max-width: 768px) {
  .company-sns__list {
    margin-top: 0.5333333333vw;
    margin-left: 6.6666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .company-sns__item {
    transition: 300ms;
  }
  .company-sns__item:hover {
    opacity: 0.7;
  }
}
.company-sns__item:not(:first-child) {
  margin-left: 1.4641288433vw;
}
@media only screen and (max-width: 768px) {
  .company-sns__item:not(:first-child) {
    margin-left: 6.6666666667vw;
  }
}
.company-sns__tw {
  display: block;
  width: 1.8667642753vw;
}
@media only screen and (max-width: 768px) {
  .company-sns__tw {
    width: 8.1333333333vw;
  }
}
.company-sns__fb {
  display: block;
  width: 1.6837481698vw;
}
@media only screen and (max-width: 768px) {
  .company-sns__fb {
    width: 7.3333333333vw;
  }
}
.company-sns__yt {
  display: block;
  width: 2.1229868228vw;
}
@media only screen and (max-width: 768px) {
  .company-sns__yt {
    width: 9.3333333333vw;
  }
}
.company-president {
  display: flex;
  justify-content: space-between;
  margin-top: 4.39238653vw;
}
@media only screen and (max-width: 768px) {
  .company-president {
    display: block;
  }
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
  .company-president {
    margin-top: 10.6666666667vw;
  }
}
.company-president__inner {
  width: 24.1581259151vw;
}
@media only screen and (max-width: 768px) {
  .company-president__inner {
    width: 100%;
  }
}
.company-president__position {
  margin-top: 1.4641288433vw;
  font-size: 1.0248901903vw;
  font-family: "Noto Serif JP", serif;
}
@media only screen and (max-width: 768px) {
  .company-president__position {
    margin-top: 4vw;
    font-size: 3.7333333333vw;
  }
}
.company-president__name {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 0.3660322108vw;
}
@media only screen and (max-width: 768px) {
  .company-president__name {
    margin-top: 4vw;
  }
}
.company-president__name--text {
  font-size: 2.196193265vw;
  font-family: "Noto Serif JP", serif;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .company-president__name--text {
    font-size: 8vw;
  }
}
.company-president__name--list {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .company-president__name--item {
    transition: 300ms;
  }
  .company-president__name--item:hover {
    opacity: 0.7;
  }
}
.company-president__name--item:not(:first-child) {
  margin-left: 1.4641288433vw;
}
@media only screen and (max-width: 768px) {
  .company-president__name--item:not(:first-child) {
    margin-left: 5.3333333333vw;
  }
}
.company-president__name--tw {
  display: block;
  width: 2.4890190337vw;
}
@media only screen and (max-width: 768px) {
  .company-president__name--tw {
    width: 9.0666666667vw;
  }
}
.company-president__name--fb {
  display: block;
  width: 2.2327964861vw;
}
@media only screen and (max-width: 768px) {
  .company-president__name--fb {
    width: 8.1333333333vw;
  }
}
.company-president__box {
  width: 42.8257686676vw;
}
@media only screen and (max-width: 768px) {
  .company-president__box {
    width: 100%;
    margin-top: 6.6666666667vw;
  }
}
.company-president__catch {
  padding: 0.7320644217vw 1.5373352855vw 0.9150805271vw;
  color: #000;
  font-size: 1.6471449488vw;
  font-family: "Noto Serif JP", serif;
  font-weight: bold;
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
  .company-president__catch {
    padding: 2.6666666667vw 3.3333333333vw;
    font-size: 5.0666666667vw;
    line-height: 1.5263157895;
  }
}
.company-president__text {
  font-size: 1.0248901903vw;
  font-family: "Noto Serif JP", serif;
  line-height: 1.4285714286;
  margin-top: 1.8301610542vw;
}
@media only screen and (max-width: 768px) {
  .company-president__text {
    font-size: 3.7333333333vw;
    margin-top: 4.6666666667vw;
  }
}
.company-info {
  margin-top: 2.5622254758vw;
}
@media only screen and (max-width: 768px) {
  .company-info {
    margin-top: 6.6666666667vw;
  }
}
.company-access {
  margin-top: 2.5622254758vw;
}
@media only screen and (max-width: 768px) {
  .company-access {
    margin-top: 6.6666666667vw;
  }
}
.company-access__inner {
  display: flex;
  margin-top: 2.196193265vw;
}
@media only screen and (max-width: 768px) {
  .company-access__inner {
    display: block;
    margin-top: 5.3333333333vw;
  }
}
.company-access__map {
  width: 27.0863836018vw;
  height: 19.0336749634vw;
}
@media only screen and (max-width: 768px) {
  .company-access__map {
    width: 100%;
    height: 62.6666666667vw;
  }
}
.company-access__map > iframe {
  width: 100%;
  height: 100%;
}
.company-access__box {
  margin-left: 2.9282576867vw;
  line-height: 1.5;
}
@media only screen and (max-width: 768px) {
  .company-access__box {
    margin-left: 0;
    margin-top: 5.3333333333vw;
  }
}
.company-access__name {
  font-size: 1.1713030747vw;
  font-weight: bold;
  color: #00ff00;
  margin-top: -0.3660322108vw;
}
@media only screen and (max-width: 768px) {
  .company-access__name {
    font-size: 4.2666666667vw;
    margin-top: 0;
  }
}
.company-access__info {
  margin-top: 1.6471449488vw;
}
.company-access__info--head {
  font-size: 1.0980966325vw;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .company-access__info--head {
    font-size: 4.2666666667vw;
  }
}
.company-access__info--text {
  font-size: 0.878477306vw;
}
@media only screen and (max-width: 768px) {
  .company-access__info--text {
    font-size: 3.7333333333vw;
  }
}

.products-contents {
  position: relative;
  width: 100%;
}
.products-contents__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-bottom: 5.1244509517vw;
}
@media only screen and (max-width: 768px) {
  .products-contents__item {
    padding-bottom: 26.6666666667vw;
  }
}
.products-list {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .products-list {
    width: 89.3333333333vw;
    margin: 0 auto;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 768px) {
  .products-list__item:not(:nth-child(4n+1)) {
    margin-left: 2.9282576867vw;
  }
  .products-list__item:nth-child(n+5) {
    margin-top: 2.9282576867vw;
  }
}
@media only screen and (max-width: 768px) {
  .products-list__item:nth-child(n+3) {
    margin-top: 0.9333333333vw;
  }
}
.products-list__link {
  display: block;
  width: 16.1054172767vw;
}
@media only screen and (min-width: 768px) {
  .products-list__link {
    transition: 300ms;
  }
  .products-list__link:hover {
    opacity: 0.7;
  }
}
@media only screen and (max-width: 768px) {
  .products-list__link {
    width: 44.2666666667vw;
  }
}
.products-detail {
  margin: 0 auto;
  width: 65.8857979502vw;
}
@media only screen and (max-width: 768px) {
  .products-detail {
    width: 100%;
  }
}
.products-wrapper {
  margin-top: 1.4641288433vw;
}
@media only screen and (max-width: 768px) {
  .products-wrapper {
    width: 89.3333333333vw;
    margin: 5.3333333333vw auto 0;
  }
}
.products-slider {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.products-slider__list {
  width: 100%;
}
.products-slider__item {
  width: 100%;
}
.products-slider__item > img {
  width: 100%;
}
.products-slider__pagination {
  bottom: 1.8301610542vw !important;
}
@media only screen and (max-width: 768px) {
  .products-slider__pagination {
    bottom: 4vw !important;
  }
}
.products-slider__pagination .swiper-pagination-bullet {
  width: 7.3206442167vw;
  height: 0.7320644217vw;
  border-radius: 0;
  background-color: #ff00ff;
  opacity: 0.5;
}
@media only screen and (max-width: 768px) {
  .products-slider__pagination .swiper-pagination-bullet {
    width: 13.3333333333vw;
    height: 1.3333333333vw;
    margin: 0 0.4vw !important;
  }
}
.products-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.products-title {
  display: flex;
  align-items: center;
  width: 100%;
  height: 4.7584187408vw;
  padding-left: 2.7452415813vw;
  font-size: 2.5622254758vw;
  background-color: #fff;
  color: #000;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .products-title {
    height: auto;
    padding: 2.6666666667vw 5.3333333333vw 3.3333333333vw;
    font-size: 5.6vw;
  }
}
.products-text {
  font-size: 1.317715959vw;
  font-weight: bold;
  line-height: 1.3888888889;
}
@media only screen and (max-width: 768px) {
  .products-text {
    font-size: 3.7333333333vw;
    line-height: 1.5;
  }
}
.products-platform {
  margin-top: 2.5622254758vw;
  font-size: 0.878477306vw;
  font-weight: bold;
  line-height: 1.5;
}
@media only screen and (max-width: 768px) {
  .products-platform {
    margin-top: 7.3333333333vw;
    font-size: 2.4vw;
    line-height: 1.4444444444;
  }
}
.products-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 2.5622254758vw;
}
@media only screen and (max-width: 768px) {
  .products-inner {
    display: block;
    margin-top: 7.3333333333vw;
  }
}
.products-copy {
  font-size: 0.8052708638vw;
}
@media only screen and (max-width: 768px) {
  .products-copy {
    font-size: 2.1333333333vw;
  }
}
.products-btn {
  display: block;
  width: 13.9092240117vw;
}
@media only screen and (min-width: 768px) {
  .products-btn {
    transition: 300ms;
  }
  .products-btn:hover {
    opacity: 0.7;
  }
}
@media only screen and (max-width: 768px) {
  .products-btn {
    width: 50.6666666667vw;
    margin: 9.3333333333vw auto 0;
  }
}

.recruit-contents {
  position: relative;
  width: 100%;
}
.recruit-contents__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-bottom: 5.1244509517vw;
}
@media only screen and (max-width: 768px) {
  .recruit-contents__item {
    padding-bottom: 13.3333333333vw;
  }
}
.recruit-box {
  margin-top: 2.196193265vw;
}
@media only screen and (max-width: 768px) {
  .recruit-box {
    margin-top: 6vw;
  }
}
.recruit-btn {
  margin-top: 1.4641288433vw;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media only screen and (max-width: 768px) {
  .recruit-btn {
    display: block;
    margin-top: 6vw;
  }
}
.recruit-btn__item:not(:first-child) {
  margin-left: 1.4641288433vw;
}
@media only screen and (max-width: 768px) {
  .recruit-btn__item:not(:first-child) {
    margin-left: 0;
    margin-top: 4vw;
  }
}
.recruit-news {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .recruit-news {
    width: calc(100% + 10.66667vw);
    margin-left: -5.333335vw;
  }
}
.recruit-news__item {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  padding: 3.2942898975vw 4vw;
}
.recruit-news__item:nth-child(odd) {
  background-color: #080808;
}
@media only screen and (max-width: 768px) {
  .recruit-news__item {
    padding: 8vw 5.3333333333vw;
    flex-direction: column;
  }
}
.recruit-news__date {
  font-size: 1.1713030747vw;
  font-weight: bold;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .recruit-news__date {
    font-size: 4.2666666667vw;
  }
}
.recruit-news__text {
  margin-left: 4.0263543192vw;
  width: 64.055636896vw;
  font-size: 1.1713030747vw;
  color: #fff;
  line-height: 1.5;
}
@media only screen and (max-width: 768px) {
  .recruit-news__text {
    font-size: 4.2666666667vw;
    margin-left: 0;
    margin-top: 4vw;
    width: 100%;
  }
}
.recruit-basic__inner {
  margin-top: 2.0131771596vw;
}
@media only screen and (max-width: 768px) {
  .recruit-basic__inner {
    margin-top: 6vw;
  }
}
.recruit-basic__box:not(:first-child) {
  margin-top: 2.7452415813vw;
}
@media only screen and (max-width: 768px) {
  .recruit-basic__box:not(:first-child) {
    margin-top: 10vw;
  }
}
.recruit-basic__list {
  margin-top: 1.6471449488vw;
  margin-left: 2.196193265vw;
}
@media only screen and (max-width: 768px) {
  .recruit-basic__list {
    margin-top: 5.3333333333vw;
    margin-left: 0;
  }
}
.recruit-basic__btn {
  margin-top: 3.6603221083vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .recruit-basic__btn {
    display: block;
    margin-top: 9.3333333333vw;
  }
}
.recruit-basic__btn--item:not(:first-child) {
  margin-left: 1.8301610542vw;
}
@media only screen and (max-width: 768px) {
  .recruit-basic__btn--item:not(:first-child) {
    margin-left: 0;
    margin-top: 4vw;
  }
}
.recruit-list__inner {
  margin-top: 2.0131771596vw;
}
@media only screen and (max-width: 768px) {
  .recruit-list__inner {
    margin-top: 6vw;
  }
}
.recruit-list__h4 {
  margin-top: 1.6471449488vw;
}
@media only screen and (max-width: 768px) {
  .recruit-list__h4 {
    margin-top: 6vw;
  }
}
.recruit-list__btn {
  margin-top: 1.8301610542vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .recruit-list__btn {
    display: block;
    margin-top: 9.3333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .recruit-list__btn--item:nth-child(n+3) {
    margin-top: 0.9150805271vw;
  }
}
@media only screen and (max-width: 768px) {
  .recruit-list__btn--item:not(:first-child) {
    margin-top: 4vw;
  }
}
@media only screen and (min-width: 768px) {
  .recruit-list__btn--link {
    display: flex;
    align-items: flex-start;
    padding-left: 1.6471449488vw;
    width: 33.8579795022vw;
  }
}

@media only screen and (max-width: 768px) {
  .contact-inner {
    padding: 0 5.3333333333vw;
  }
}
.contact-text {
  font-weight: normal;
}
.contact-required {
  display: flex;
  align-items: center;
  margin-top: 1.0980966325vw;
  font-size: 0.878477306vw;
  color: #ff00ff;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  .contact-required {
    margin-top: 4vw;
    font-size: 3.7333333333vw;
  }
}
.contact-required .mark {
  margin-right: 0.3660322108vw;
  padding-top: 0.3660322108vw;
  font-size: 1.4641288433vw;
}
@media only screen and (max-width: 768px) {
  .contact-required .mark {
    margin-right: 1.7333333333vw;
    padding-top: 1.7333333333vw;
    font-size: 6.1333333333vw;
  }
}
.contact-form {
  margin-top: 2.196193265vw;
}
@media only screen and (max-width: 768px) {
  .contact-form {
    margin-top: 6vw;
  }
}
.contact-form__item:not(:first-child) {
  margin-top: 2.5622254758vw;
}
@media only screen and (max-width: 768px) {
  .contact-form__item:not(:first-child) {
    margin-top: 8vw;
  }
}
.contact-form__item.error > input, .contact-form__item.error select, .contact-form__item.error > textarea {
  border: 0.1464128843vw solid #00ff00;
}
@media only screen and (max-width: 768px) {
  .contact-form__item.error > input, .contact-form__item.error select, .contact-form__item.error > textarea {
    border: 0.5333333333vw solid #00ff00;
  }
}
.contact-label {
  position: relative;
  display: inline-flex;
  align-items: center;
  font-weight: bold;
  font-size: 1.4641288433vw;
}
@media only screen and (max-width: 768px) {
  .contact-label {
    font-size: 4.5333333333vw;
  }
}
.contact-label:before {
  display: block;
  content: "";
  width: 0.7320644217vw;
  height: 1.8301610542vw;
  background-color: #00ff00;
  margin-right: 1.0980966325vw;
}
@media only screen and (max-width: 768px) {
  .contact-label:before {
    width: 2.6666666667vw;
    height: 5.3333333333vw;
    margin-right: 4vw;
  }
}
.contact-label.required:after {
  position: absolute;
  top: -0.1830161054vw;
  right: -1.0980966325vw;
  display: block;
  content: "*";
  font-size: 1.4641288433vw;
  color: #ff00ff;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  .contact-label.required:after {
    top: -0.6666666667vw;
    right: -4vw;
    font-size: 5.3333333333vw;
  }
}
.contact-check {
  margin: 1.2811127379vw auto 0 1.8301610542vw;
}
@media only screen and (max-width: 768px) {
  .contact-check {
    margin: 4.6666666667vw 0 0;
  }
}
.contact-input, .contact-textarea {
  display: block;
  margin: 1.2811127379vw auto 0 1.8301610542vw;
  width: 71.3762811127vw;
  height: 2.5622254758vw;
  background-color: #fff;
  color: #000;
  font-size: 1.0980966325vw;
  padding: 0.5490483163vw 0.9150805271vw;
  line-height: 1.3;
}
@media only screen and (max-width: 768px) {
  .contact-input, .contact-textarea {
    margin: 4.6666666667vw 0 0;
    width: 100%;
    height: 13.3333333333vw;
    font-size: 3.7333333333vw;
    padding: 0.6666666667vw 4vw;
  }
}
@media only screen and (max-width: 768px) {
  .contact-input.select, .select.contact-textarea {
    font-size: 2.5333333333vw;
  }
}
.contact-input:valid, .contact-textarea:valid {
  background-color: #fff;
}
.contact-input:invalid, .contact-textarea:invalid {
  background-color: #fff;
}
.contact-input:-webkit-autofill, .contact-textarea:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset;
}
.contact-textarea {
  height: 7.6866764275vw;
}
@media only screen and (max-width: 768px) {
  .contact-textarea {
    height: 40vw;
  }
}
.contact-select {
  width: auto;
  height: auto;
  position: relative;
}
.contact-select:after {
  position: absolute;
  top: 50%;
  right: 1.0980966325vw;
  content: "▼";
  display: block;
  font-size: 1.317715959vw;
  transform: translateY(-50%);
  color: #000;
}
@media only screen and (max-width: 768px) {
  .contact-select:after {
    right: 4vw;
    font-size: 3.4666666667vw;
  }
}
.contact-btn {
  margin: 3.2942898975vw auto 0;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .contact-btn {
    margin-top: 12vw;
  }
}
.contact-thanks {
  text-align: center;
}
.contact-thanks__head {
  font-size: 1.4641288433vw;
  color: #00ff00;
  line-height: 1.5;
}
@media only screen and (max-width: 768px) {
  .contact-thanks__head {
    font-size: 6.1333333333vw;
  }
}
.contact-thanks__text {
  font-size: 1.0980966325vw;
  margin-top: 3.2942898975vw;
  line-height: 1.6666666667;
  overflow-wrap: break-word;
}
@media only screen and (max-width: 768px) {
  .contact-thanks__text {
    font-size: 3.7333333333vw;
    margin-top: 12vw;
  }
}
.contact-error__head {
  font-size: 1.0980966325vw;
  color: #ff0000;
  line-height: 1.5;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .contact-error__head {
    font-size: 3.7333333333vw;
  }
}
.contact-error__text {
  font-size: 1.0980966325vw;
  margin-top: 3.2942898975vw;
  line-height: 1.6666666667;
  text-align: center;
}
.contact-error__text > li span {
  color: #00ff00;
}
@media only screen and (max-width: 768px) {
  .contact-error__text {
    font-size: 3.7333333333vw;
    margin-top: 12vw;
  }
}
.contact-check__text {
  font-size: 1.0980966325vw;
  margin-top: 1.8301610542vw;
  margin-left: 1.8301610542vw;
  line-height: 1.6666666667;
  overflow-wrap: break-word;
}
@media only screen and (max-width: 768px) {
  .contact-check__text {
    font-size: 3.7333333333vw;
    margin-top: 6.6666666667vw;
    margin-left: 0;
  }
}
.contact-check__btn {
  margin: 3.2942898975vw auto 0;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .contact-check__btn {
    margin-top: 12vw;
  }
}
.contact-check__btn .detail-btn {
  width: 21.9619326501vw;
}
@media only screen and (max-width: 768px) {
  .contact-check__btn .detail-btn {
    width: 100%;
  }
}
.contact-check__btn .detail-btn:first-child {
  padding: 0.9150805271vw 2.7452415813vw 1.0980966325vw 4.7584187408vw;
  margin-right: 2.7452415813vw;
}
@media only screen and (min-width: 768px) {
  .contact-check__btn .detail-btn:first-child {
    transition: 300ms;
  }
  .contact-check__btn .detail-btn:first-child:hover {
    opacity: 0.7;
  }
}
@media only screen and (max-width: 768px) {
  .contact-check__btn .detail-btn:first-child {
    padding: 2.6666666667vw 3.3333333333vw 3.3333333333vw 10vw;
    margin-right: 0;
    margin-bottom: 6.6666666667vw;
  }
}
.contact-check__btn .detail-btn:first-child:after {
  position: absolute;
  left: 1.8301610542vw;
  transform: translateY(-50%) scale(-1, 1);
}
@media only screen and (max-width: 768px) {
  .contact-check__btn .detail-btn:first-child:after {
    left: 3.3333333333vw;
  }
}

.privacy-box {
  margin-top: 2.0131771596vw;
}
@media only screen and (max-width: 768px) {
  .privacy-box {
    margin-top: 10vw;
  }
}
@media only screen and (max-width: 768px) {
  .privacy-top {
    width: 89.3333333333vw;
    margin: 0 auto;
  }
}
.privacy-bottom {
  margin-top: 3.2942898975vw;
}
@media only screen and (max-width: 768px) {
  .privacy-bottom {
    margin-top: 12vw;
  }
}
.privacy-text {
  width: 65.8857979502vw;
  margin: 1.4641288433vw auto 0;
}
@media only screen and (max-width: 768px) {
  .privacy-text {
    width: 89.3333333333vw;
    margin-top: 5.3333333333vw;
  }
}

.map-inner {
  margin-top: 2.0131771596vw;
}
@media only screen and (max-width: 768px) {
  .map-inner {
    margin-top: 8vw;
  }
}
.map-list__item {
  display: flex;
  font-size: 1.4641288433vw;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .map-list__item {
    font-size: 5.0666666667vw;
    line-height: 1.5;
    align-items: flex-start;
  }
}
.map-list__item > a {
  color: #fff;
}
@media only screen and (min-width: 768px) {
  .map-list__item > a:hover {
    color: #ff00ff;
  }
}
.map-list__item:not(:first-child) {
  margin-top: 1.8301610542vw;
}
@media only screen and (max-width: 768px) {
  .map-list__item:not(:first-child) {
    margin-top: 6.6666666667vw;
  }
}
.map-list__item:before {
  display: block;
  content: "";
  width: 0.7320644217vw;
  height: 0.7320644217vw;
  background-color: #ff00ff;
  margin-right: 1.4641288433vw;
}
@media only screen and (max-width: 768px) {
  .map-list__item:before {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    margin-right: 3.3333333333vw;
    margin-top: 2.9333333333vw;
  }
}

.pc-none {
  display: none;
}
@media only screen and (max-width: 768px) {
  .pc-none {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .sp-none {
    display: none;
  }
}
/*# sourceMappingURL=../maps/share.css.map */