@charset "UTF-8";
.market-text--udShinGo {
  font-family: a-otf-ud-shin-go-pr6n, sans-serif;
  font-weight: 300;
  font-style: normal;
}

img {
  max-width: 100%;
  height: auto;
}

.market {
  padding-top: 0;
  position: relative;
  font-family: "ヒラギノ丸ゴ ProN", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.market-contents {
  width: 930px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .market-contents {
    width: 100%;
  }
}

html.is-active,
body.is-active {
  overflow-y: hidden;
}

.market-globalNavi {
  max-height: 653px;
}
@media screen and (max-width: 767px) {
  .market-globalNavi {
    max-height: 85.1368970013vw;
  }
}

.market-globalNavi__btn-sub {
  width: 60px;
  height: 60px;
  background: #fff;
  display: block;
  position: relative;
  border: 2px solid #000;
  font-weight: bold;
  font-size: 1.2rem;
  position: fixed;
  top: 0;
  right: 115px;
  cursor: pointer;
  z-index: 9;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: 0.1s;
}
@media screen and (max-width: 767px) {
  .market-globalNavi__btn-sub {
    right: 95px;
  }
}
.market-globalNavi__btn-sub:hover {
  background: #000;
  color: #fff;
}

.market-globalNavi__btn--open {
  position: fixed;
  top: 0;
  right: 49px;
  cursor: pointer;
  z-index: 9;
}
@media screen and (max-width: 767px) {
  .market-globalNavi__btn--open {
    right: 29px;
  }
}

.market-globalNavi__btn-border {
  width: 60px;
  height: 60px;
  background: #000;
  display: block;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #000;
}
.market-globalNavi__btn--open:hover .market-globalNavi__btn-border {
  background: #fff;
}

.market-globalNavi__btn-border-item {
  width: 45%;
  height: 2px;
  background: #fff;
  position: relative;
}
.market-globalNavi__btn-border-item::before {
  content: "";
  top: -10px;
  width: 100%;
  height: 2px;
  background: #fff;
  position: absolute;
  display: block;
}
.market-globalNavi__btn-border-item::after {
  content: "";
  top: 10px;
  width: 100%;
  height: 2px;
  background: #fff;
  position: absolute;
  display: block;
}
.market-globalNavi__btn--open:hover .market-globalNavi__btn-border-item {
  background: #000;
}
.market-globalNavi__btn--open:hover .market-globalNavi__btn-border-item::before, .market-globalNavi__btn--open:hover .market-globalNavi__btn-border-item::after {
  background: #000;
}

.market-globalNavi__btnText--open {
  position: absolute;
  bottom: 47px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.2rem;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  transition: color ease 0.25s;
}
@media screen and (max-width: 767px) {
  .market-globalNavi__btnText--open {
    bottom: 4.9543676662vw;
    font-size: 1.5645371578vw;
    letter-spacing: 0.15em;
  }
}

#market-globalNavi__icon--pc path,
#market-globalNavi__icon--pc rect,
#market-globalNavi__icon--sp path,
#market-globalNavi__icon--sp rect {
  transition: fill ease 0.25s;
}
#market-globalNavi__icon--pc .cls-1,
#market-globalNavi__icon--sp .cls-1 {
  fill: #222;
  stroke: #222;
  stroke-width: 3px;
  fill-rule: evenodd;
}
#market-globalNavi__icon--pc .cls-2,
#market-globalNavi__icon--sp .cls-2 {
  fill: #fff;
}
.market-globalNavi__btn--open:hover #market-globalNavi__icon--pc .cls-1,
.market-globalNavi__btn--open:hover #market-globalNavi__icon--sp .cls-1 {
  fill: #fff;
}
.market-globalNavi__btn--open:hover #market-globalNavi__icon--pc .cls-2,
.market-globalNavi__btn--open:hover #market-globalNavi__icon--sp .cls-2 {
  fill: #222;
}

#market-globalNavi__icon--pc {
  width: 91;
  height: 135px;
}
@media screen and (max-width: 767px) {
  #market-globalNavi__icon--pc {
    display: none;
  }
}

#market-globalNavi__icon--sp {
  display: none;
}
@media screen and (max-width: 767px) {
  #market-globalNavi__icon--sp {
    display: block;
    width: 11.8644067797vw;
    height: 17.6010430248vw;
  }
}

.market-globalNavi__filter {
  opacity: 0;
  transition: opacity ease 0.2s;
}
.market-globalNavi__filter.is-active {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100%;
  background-color: #555;
  z-index: 9;
  cursor: pointer;
  opacity: 0.3;
}

.market-globalNavi__contents {
  position: fixed;
  top: 0;
  right: -100%;
  width: 350px;
  border-left: 3px solid #000;
  border-bottom: 3px solid #000;
  background-color: #fff;
  padding: 48px 0 74px;
  transition: right ease-out 0.3s;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .market-globalNavi__contents {
    width: 62.5814863103vw;
    border-width: 0.3911342894vw;
    padding: 9.3872229465vw 0 12.1251629726vw;
  }
}
.market-globalNavi__contents.is-active {
  right: 0;
  overflow-y: scroll;
  max-height: 100%;
}

.market-globalNavi__contents button {
  background-color: #fff;
  border: none;
  padding: 0;
}

.market-globalNavi__btn--close {
  position: absolute;
  top: 18px;
  right: 20px;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .market-globalNavi__btn--close {
    top: 3.9113428944vw;
    right: 3.9113428944vw;
    width: 3.520208605vw;
    height: 3.520208605vw;
  }
}
.market-globalNavi__btn--close:before {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 0;
  width: 100%;
  height: 4px;
  background-color: #000;
}
@media screen and (max-width: 767px) {
  .market-globalNavi__btn--close:before {
    top: calc(50% - 0.19vw);
    height: 1px;
  }
}
.market-globalNavi__btn--close:after {
  content: "";
  position: absolute;
  top: calc(50% - 10px);
  right: 8px;
  width: 4px;
  height: 100%;
  background-color: #000;
  transition: transform ease 0.3s;
}
@media screen and (max-width: 767px) {
  .market-globalNavi__btn--close:after {
    top: calc(50% - 1.76vw);
    right: 1.755vw;
    width: 1px;
  }
}

.market-globalNavi__list {
  width: 260px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .market-globalNavi__list {
    width: 45.6323337679vw;
  }
}

.market-globalNavi__listItem + .market-globalNavi__listItem {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 2px dotted #000;
}
@media screen and (max-width: 767px) {
  .market-globalNavi__listItem + .market-globalNavi__listItem {
    padding-top: 3.9113428944vw;
    margin-top: 3.9113428944vw;
    border-width: 0.260756193vw;
  }
}

.market-globalNavi__heading:not(:root) {
  position: relative;
  font-size: 2.4rem;
  font-weight: bold;
  color: #222;
  display: block;
  width: 100%;
  text-align: left;
  cursor: pointer;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .market-globalNavi__heading:not(:root) {
    font-size: 3.9113428944vw;
  }
}
.market-globalNavi__listItem:first-child .market-globalNavi__heading:not(:root) {
  text-transform: uppercase;
}

.market-globalNavi__heading-small {
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .market-globalNavi__heading-small {
    font-size: 1.8252933507vw;
  }
}

.market-globalNavi__heading--lh {
  line-height: 1.4;
}

.market-globalNavi__heading--hasList:before {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 0;
  width: 20px;
  height: 4px;
  background-color: #000;
}
@media screen and (max-width: 767px) {
  .market-globalNavi__heading--hasList:before {
    top: calc(50% - 0.4vw);
    width: 3.6505867014vw;
    height: 0.7822685789vw;
  }
}
.market-globalNavi__heading--hasList:after {
  content: "";
  position: absolute;
  top: calc(50% - 10px);
  right: 8px;
  width: 4px;
  height: 20px;
  background-color: #000;
  transition: transform ease 0.3s;
}
@media screen and (max-width: 767px) {
  .market-globalNavi__heading--hasList:after {
    top: calc(50% - 1.7vw);
    right: 1.45vw;
    width: 0.7822685789vw;
    height: 3.6505867014vw;
  }
}
.market-globalNavi__heading--hasList.is-open:after {
  transform: rotate(90deg);
}

.market-globalNavi__cateList {
  height: 0;
  visibility: hidden;
  opacity: 0;
  margin: 0;
  transition: height ease 0.25s, opacity ease 0.25s, margin-top ease 0.25s;
}
.market-globalNavi__heading--hasList.is-open + .market-globalNavi__cateList {
  height: auto;
  visibility: visible;
  opacity: 1;
  margin-left: 2em;
  margin-top: 16px;
}
@media screen and (max-width: 767px) {
  .market-globalNavi__heading--hasList.is-open + .market-globalNavi__cateList {
    margin-left: 1em;
    margin-top: 3.1290743155vw;
  }
}

.market-globalNavi__heading--hasIcon {
  position: relative;
}
.market-globalNavi__heading--hasIcon:before {
  content: "";
  position: absolute;
  top: calc(50% - 7.25px);
  right: -15px;
  width: 15px;
  height: 15px;
  background-image: url(/common/img2019/c_icon_pdf.gif);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .market-globalNavi__heading--hasIcon:before {
    top: calc(50% - 1.6vw);
    right: -3.259452412vw;
    width: 3.259452412vw;
    height: 3.259452412vw;
  }
}

.market-globalNavi__cateListItem a {
  font-size: 2rem;
  font-weight: bold;
  color: #222;
  line-height: 1.8;
  padding: 2px;
}
@media screen and (max-width: 767px) {
  .market-globalNavi__cateListItem a {
    padding: 0.260756193vw;
    font-size: 3.1290743155vw;
  }
}
.market-globalNavi__cateListItem a:hover {
  background-color: #000;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .market-globalNavi__cateListItem + .market-globalNavi__cateListItem {
    margin-top: 3.1290743155vw;
  }
}

.market-footer {
  position: relative;
}

.market-footer__toTopButton:not(:root) {
  position: absolute;
  text-transform: uppercase;
  background-color: #222;
  color: #fefefe;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.2em;
  top: -52px;
  left: 50%;
  transform: translateX(-50%);
  padding: 19px 52px 19px 75px;
  text-align: center;
  border-radius: 10px 10px 0 0;
  transition: background-color ease 0.25s, color ease 0.25s;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .market-footer__toTopButton:not(:root) {
    top: -11.7340286832vw;
    left: 0;
    transform: inherit;
    width: 100%;
    padding: 4.6936114733vw 0 4.6936114733vw 4.8239895698vw;
    font-size: 2.6075619296vw;
    border-radius: 0;
  }
}
.market-footer__toTopButton:not(:root):before {
  content: "";
  position: absolute;
  top: 50%;
  left: 52px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7.5px 12px 7.5px;
  border-color: transparent transparent #fff;
  transition: border-color ease 0.25s;
}
@media screen and (max-width: 767px) {
  .market-footer__toTopButton:not(:root):before {
    border-width: 0 4px 7px 4px;
    left: 37.6792698827vw;
  }
}
.market-footer__toTopButton:not(:root):hover {
  background-color: #fff;
  color: #222;
}
.market-footer__toTopButton:not(:root):hover:before {
  border-color: transparent transparent #222;
}

.market-footer__inner {
  max-width: 930px;
  margin-right: auto;
  margin-left: auto;
  padding: 58px 0 230px;
}
@media screen and (max-width: 767px) {
  .market-footer__inner {
    width: 100%;
    padding: 9.1264667536vw 0 19.035202086vw;
  }
}

.market-footer__copyright {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .market-footer__copyright {
    flex-direction: column;
  }
}

.market-footer__imgWrap {
  width: 105px;
}
@media screen and (max-width: 767px) {
  .market-footer__imgWrap {
    width: 13.6897001304vw;
  }
}

.market-footer__textWrap {
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .market-footer__textWrap {
    margin-left: 0;
    margin-top: 4.6936114733vw;
    text-align: center;
  }
}

.market-footer__text {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .market-footer__text {
    font-size: 2.3468057366vw;
  }
}

.market-pdf__list {
  max-width: 930px;
  margin: 0 auto;
  margin-top: 10rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .market-pdf__list {
    padding: 0 8.47458vw;
    margin-top: 13.037809648vw;
  }
}

.market-pdf__list-item {
  max-width: 450px;
  width: 48.3870967742%;
}
@media screen and (max-width: 767px) {
  .market-pdf__list-item {
    width: calc(50% - 2.6vw);
  }
}

.market-pdf__list-text {
  font-size: 1.4rem;
  display: block;
  line-height: 1.8333333333;
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .market-pdf__list-text {
    font-size: 3.1290743155vw;
    margin-top: 3.259452412vw;
  }
}

.market-crown-icon {
  position: relative;
}
.market-crown-icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 45px;
  height: 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("/market/img/bottom_page_common/market_heading.png");
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .market-crown-icon:before {
    width: 5.8670143416vw;
    height: 2.6075619296vw;
  }
}

.market__button-box {
  display: flex;
  justify-content: center;
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 10rem;
}

.market__button-wrapper {
  margin: 0 auto;
  margin-top: 10rem;
  position: relative;
  z-index: 10;
  opacity: 0;
  max-width: 450px;
}
.market__button-box .market__button-wrapper {
  margin: 0;
}
.market__button-box .market__button-wrapper:nth-child(odd) {
  margin-right: 3%;
}
@media screen and (max-width: 767px) {
  .market__button-box .market__button-wrapper:nth-child(odd) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .market__button-wrapper {
    max-width: 100%;
    padding: 0 6.5189vw;
    margin-top: 7.82269vw;
  }
}

.market__button-wrapper.is-show {
  animation: fadeIn_listItem 0.5s ease-in-out 0s forwards;
  width: 100%;
}

.market__button--small {
  font-size: 1.4rem;
  display: block;
}
@media screen and (max-width: 767px) {
  .market__button--small {
    font-size: 2.0860495437vw;
  }
}

.market__button {
  background-color: #222;
  border-radius: 10px;
  height: 115px;
  font-size: 2.4rem;
  line-height: 1.5;
  font-weight: bold;
  color: #fff !important;
  text-align: center;
  border: solid 3px #000;
  transition: color ease 0.25s, background-color ease 0.25s;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .market__button {
    height: 14.9934810952vw;
    font-size: 2.8683181226vw;
    border-width: 0.3911342894vw;
  }
}
.market__button:hover {
  background-color: #fff;
  color: #000 !important;
}

.market-button-black {
  background: #000;
  color: #fff !important;
  font-size: 1.8rem;
  font-weight: bold;
  border-radius: 4px;
  text-align: center;
  position: relative;
  display: block;
  padding: 1rem;
  line-height: 1.4;
  cursor: pointer;
  border: 3px solid #000;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .market-button-black {
    padding: 2.6075619296vw;
    font-size: 3.1290743155vw;
  }
}
.market-button-black:hover, .market-button-black:focus, .market-button-black:active {
  background: #fff;
  color: #000 !important;
}
.market-button-black:not(:first-child) {
  margin-top: 10px;
}

.market-button-white {
  padding: 1rem;
  margin-top: 1rem;
  font-size: 1.8rem;
  font-weight: bold;
  border: 3px solid #000;
  background: #fff;
  border-radius: 4px;
  text-align: center;
  position: relative;
  display: block;
  line-height: 1.4;
  cursor: pointer;
  transition: 0.3s;
}
@media screen and (max-width: 767px) {
  .market-button-white {
    margin-top: 3.9113428944vw;
    padding: 2.6075619296vw;
    font-size: 3.1290743155vw;
  }
}
.market-button-white:hover, .market-button-white:focus, .market-button-white:active {
  background: #000;
  color: #fff;
}

.market-linkLists {
  position: relative;
  z-index: 10;
  padding-bottom: 124px;
  max-width: 930px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .market-linkLists {
    max-width: 100%;
    padding-bottom: 19.295958279vw;
  }
}

.market-category__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  opacity: 0;
  transform: translateY(10%);
}
.market-category__list.is-show {
  animation: fadeIn_listItem 0.5s ease-in-out 0s forwards;
}
@media screen and (max-width: 767px) {
  .market-category__list {
    padding: 0 8.4745762712vw;
  }
}
.market-footer .market-category__list {
  opacity: 1;
  transform: translateY(0);
}

@keyframes fadeIn_listItem {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }
  50% {
    opacity: 1;
    transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.market-category__listItem {
  width: calc(33.3333333333% - 15px);
}
@media screen and (max-width: 767px) {
  .market-category__listItem {
    width: calc(50% - 2.6vw);
  }
}
@media screen and (min-width: 767px) {
  .market-category__listItem:nth-child(n+4) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .market-category__listItem:nth-child(n+3) {
    margin-top: 5.2151238592vw;
  }
}

.market-category__button {
  background-color: #222;
  border-radius: 10px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  border: solid 3px #000;
  transition: color ease 0.25s, background-color ease 0.25s;
}
@media screen and (max-width: 767px) {
  .market-category__button {
    font-size: 3.3898305085vw;
    border-width: 0.3911342894vw;
  }
}
.market-category__button a {
  display: block;
  padding: 38px 0;
}
@media screen and (max-width: 767px) {
  .market-category__button a {
    padding: 4.9543676662vw 0;
  }
}
.market-category__button:hover {
  background-color: #fff;
  color: #000;
}

.market-category__text {
  font-size: 1.4rem;
  line-height: 1.8;
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .market-category__text {
    font-size: 3.1290743155vw;
    margin-top: 1.9556714472vw;
  }
}

.market-top .market-productCategory {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .market-top .market-productCategory {
    margin-top: 18.2529335072vw;
    overflow: hidden;
  }
}

.market-productCategory__heading {
  font-size: 3.7rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
  text-align: center;
  letter-spacing: 0.3em;
}
@media screen and (max-width: 767px) {
  .market-productCategory__heading {
    font-size: 5.8670143416vw;
  }
}
.market-top .market-productCategory__heading {
  padding-top: 40px;
}
@media screen and (max-width: 767px) {
  .market-top .market-productCategory__heading {
    padding-top: 5.9973924381vw;
  }
}

.market-productCategory__text {
  font-size: 1.4rem;
  font-weight: bold;
  color: #222;
  text-align: center;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .market-productCategory__text {
    font-size: 3.1290743155vw;
  }
}
.market-top .market-productCategory__text {
  margin-top: 28px;
}
@media screen and (max-width: 767px) {
  .market-top .market-productCategory__text {
    margin-top: 6.518904824vw;
  }
}

.market-productCategory__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  opacity: 0;
  transform: translateY(10%);
}
.market-productCategory__list.is-show {
  animation: fadeIn_listItem 0.5s ease-in-out 0s forwards;
}
@media screen and (max-width: 767px) {
  .market-productCategory__list {
    padding: 0 15.3846153846vw;
  }
}
.market-top .market-productCategory__list {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .market-top .market-productCategory__list {
    margin-top: 6.518904824vw;
  }
}

@keyframes fadeIn_listItem {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }
  50% {
    opacity: 1;
    transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.market-productCategory__listItem {
  border-radius: 10px;
  border: solid 3px #000;
  background-color: #fff;
  width: calc(25% - 18px);
  transition: background-color ease 0.25s;
}
@media screen and (max-width: 767px) {
  .market-productCategory__listItem {
    border-width: 0.3911342894vw;
    width: calc(50% - 2.6vw);
  }
}
.market-productCategory__listItem a {
  display: block;
  height: 200px;
}
@media screen and (max-width: 767px) {
  .market-productCategory__listItem a {
    height: 28.6831812256vw;
  }
}
.market-productCategory__listItem img {
  max-width: 100%;
  height: auto;
  border-radius: 10px 10px 0 0;
}
@media screen and (max-width: 767px) {
  .market-productCategory__listItem:nth-child(n+3) {
    margin-top: 4.3024771838vw;
  }
}

.market-productCategory__listText {
  font-size: 2.4rem;
  font-weight: bold;
  color: #222;
  text-align: center;
  padding-top: 24px;
  transition: color ease 0.25s;
}
@media screen and (max-width: 767px) {
  .market-productCategory__listText {
    font-size: 3.3898305085vw;
    padding-top: 3.520208605vw;
  }
}

.market-productCategory__listItem a:hover {
  background-color: #000;
}
.market-productCategory__listItem a:hover .market-productCategory__listText {
  color: #fff;
}

.market-bg--stripe {
  background-size: auto auto;
  background-color: white;
  background-image: repeating-linear-gradient(135deg, transparent, transparent 8px, #87dafd 8px, #87dafd 16px);
  position: relative;
  z-index: -10;
}

.market-bg--triangle {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 518px 518px;
  border-color: transparent transparent #87dafd;
  z-index: -9;
}

.market-top__mainHeading svg {
  max-width: 100%;
}
@media screen and (min-width: 767px) {
  .market-top__mainHeading svg {
    max-height: 256px;
  }
}
@media screen and (max-width: 767px) {
  .market-top__mainHeading svg {
    height: auto;
  }
}
.market-top__mainHeading .text path,
.market-top__mainHeading .text rect {
  opacity: 0;
}
.market-top__mainHeading .flame path,
.market-top__mainHeading .flame polyline,
.market-top__mainHeading .flame line {
  opacity: 0;
}
.market-top__mainHeading .book-logo line {
  opacity: 0;
}
.market-top__mainHeading .book-logo path {
  opacity: 0;
  stroke: #000;
  stroke-width: 0;
}
.market-top__mainHeading .book-logo rect {
  opacity: 0;
}
.market-top__mainHeading .book-logo .book-logo-scope {
  opacity: 0;
  fill: #000;
}

.market-top__mainHeading.is-show .text path,
.market-top__mainHeading.is-show .text rect {
  animation: svg_show 0.2s cubic-bezier(0.1, 0.44, 0.49, 0.93) forwards;
}
.market-top__mainHeading.is-show .text_01 path,
.market-top__mainHeading.is-show .text_01 rect {
  animation-delay: 1s;
}
.market-top__mainHeading.is-show .text_02 path {
  animation-delay: 1.2s;
}
.market-top__mainHeading.is-show .text_03 path {
  animation-delay: 1.3s;
}
.market-top__mainHeading.is-show .text_04 path {
  animation-delay: 1.4s;
}
.market-top__mainHeading.is-show .text_05 path {
  animation-delay: 1.5s;
}
.market-top__mainHeading.is-show .text_06 path {
  animation-delay: 1.6s;
}
.market-top__mainHeading.is-show .text_07 path {
  animation-delay: 1.7s;
}
.market-top__mainHeading.is-show .text_08 path {
  animation-delay: 1.8s;
}
.market-top__mainHeading.is-show .text_09 path {
  animation: svg_show 0.5s ease-in 1.9s forwards;
}
.market-top__mainHeading.is-show .flame path,
.market-top__mainHeading.is-show .flame polyline,
.market-top__mainHeading.is-show .flame line {
  animation: svg_show_frame 0.6s ease-in 0s forwards;
}
.market-top__mainHeading.is-show .book-logo line,
.market-top__mainHeading.is-show .book-logo path,
.market-top__mainHeading.is-show .book-logo rect,
.market-top__mainHeading.is-show .book-logo .book-logo-scope {
  animation: 0.5s ease-in-out 2.2s forwards;
}
.market-top__mainHeading.is-show .book-logo line {
  animation-name: svg_show_frame;
}
.market-top__mainHeading.is-show .book-logo path {
  animation-name: svg_show_bookLogo;
}
.market-top__mainHeading.is-show .book-logo rect {
  animation-name: svg_show_bookLogo_rect;
}
.market-top__mainHeading.is-show .book-logo .book-logo-scope {
  animation-name: svg_show_bookLogo_scope;
}

@keyframes svg_show {
  0% {
    opacity: 0;
    transform: translate(0, 4%);
  }
  50% {
    transform: translate(0, -4%);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes svg_show_frame {
  0% {
    opacity: 0;
    stroke-width: 0;
    transform: translate(0, 4%);
  }
  50% {
    opacity: 1;
    stroke-width: 6px;
    transform: translate(0, -4%);
  }
  100% {
    opacity: 1;
    stroke-width: 3px;
    transform: translate(0, 0);
  }
}
@keyframes svg_show_bookLogo {
  0% {
    opacity: 0;
    stroke-width: 0;
    transform: translate(0, 2%);
  }
  50% {
    opacity: 1;
    transform: translate(0, -2%);
  }
  100% {
    opacity: 1;
    stroke-width: 2px;
    transform: translate(0, 0);
  }
}
@keyframes svg_show_bookLogo_rect {
  0% {
    opacity: 0;
    transform: translate(0, 2%);
  }
  50% {
    opacity: 1;
    transform: translate(0, -2%);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes svg_show_bookLogo_scope {
  0% {
    opacity: 0;
    fill: transparent;
    transform: translate(0, 2%);
  }
  50% {
    opacity: 1;
    transform: translate(0, -2%);
  }
  100% {
    opacity: 1;
    fill: #000;
    transform: translate(0, 0);
  }
}
.market-top__contents--heading {
  background-color: #87dafd;
  padding-top: 40px;
  background-image: url("/market/img/top/img_bg_cloud.png");
  background-size: contain;
  background-position: 50% 50px;
  background-repeat: repeat-x;
}
@media screen and (max-width: 767px) {
  .market-top__contents--heading {
    padding-top: 11.7340286832vw;
    background-image: url("/market/img/top/img_bg_cloud_sp.png");
    background-position: 50% 55vw;
  }
}

.market-top__mainHeading {
  width: 720px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .market-top__mainHeading {
    width: 76.1408083442vw;
  }
}

.market-top__mainHeadingText {
  text-align: center;
  font-size: 1.4rem;
  color: #222;
  line-height: 2;
  margin-top: 34px;
}
@media screen and (max-width: 767px) {
  .market-top__mainHeadingText {
    font-size: 3.1290743155vw;
    margin-top: 8.3441981747vw;
  }
}

.market-top__carousel {
  position: relative;
  height: 776px;
  width: 100%;
  max-width: 1200px;
  margin-top: 78px;
  margin-right: auto;
  margin-left: auto;
  background-image: url("/market/img/top/img_bg.png");
  background-size: 90%;
  background-position: center bottom;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .market-top__carousel {
    width: 100%;
    height: 153.8461538462vw;
    background-image: url("/market/img/top/img_bg_sp.png");
    background-size: contain;
    background-position: 50% 0;
  }
}

.market-top__carouselList {
  position: relative;
}

.market-top__carouselItem {
  position: absolute;
  z-index: 0;
}

.market-top__paginationHeading {
  position: relative;
  display: inline-block;
  font-size: 2.2rem;
  font-weight: bold;
  letter-spacing: 0.12em;
  line-height: 1.2;
  color: #222;
  text-align: center;
  opacity: 0;
  transform: translateY(10%);
}
.market-top__paginationHeading.is-show {
  animation: show_pagination_icon 0.5s ease-in-out 0.3s forwards;
}
@media screen and (max-width: 767px) {
  .market-top__paginationHeading {
    font-size: 2.6075619296vw;
  }
}
.market-top__paginationHeading:before {
  content: "";
  position: absolute;
  top: calc(50% - 67.5px);
  left: calc(50% - 67.5px + 7px);
  width: 135px;
  height: 135px;
  border-radius: 100%;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .market-top__paginationHeading:before {
    top: calc(50% - 8.5vw);
    left: calc(50% - 8.5vw + 0.9vw);
    width: 16.9491525424vw;
    height: 16.9491525424vw;
  }
}
.market-top__paginationHeading:after {
  content: "";
  position: absolute;
  top: calc(50% - 67.5px);
  left: calc(50% - 67.5px);
  width: 135px;
  height: 149px;
  background-image: url("/market/img/top/img_pagination_circle.png");
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .market-top__paginationHeading:after {
    top: calc(50% - 8.5vw);
    left: calc(50% - 8.5vw);
    width: 16.6883963494vw;
    height: 18.6440677966vw;
  }
}

@keyframes show_pagination_icon {
  0% {
    opacity: 0;
    transform: translateY(12%);
  }
  50% {
    opacity: 1;
    transform: translateY(-15%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.market-top__paginationImg {
  position: absolute;
  text-align: center;
  opacity: 0;
  transform: translateY(10%);
}
.market-top__paginationImg.is-show {
  animation: show_pagination_image 0.5s ease-in-out 1s forwards;
}

@keyframes show_pagination_image {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }
  50% {
    opacity: 1;
    transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.market-top__carouselItem[data-order="1"] {
  top: 135px;
  right: 73px;
}
@media screen and (max-width: 767px) {
  .market-top__carouselItem[data-order="1"] {
    top: 8.0834419817vw;
    right: 4.9543676662vw;
  }
}
.market-top__carouselItem[data-order="1"] .market-top__paginationImg {
  top: 140px;
  width: 93px;
  left: 0;
}
@media screen and (max-width: 767px) {
  .market-top__carouselItem[data-order="1"] .market-top__paginationImg {
    width: 7.6923076923vw;
    top: 14.6023468057vw;
    left: 2.2164276402vw;
  }
}
.market-top__carouselItem[data-order="1"] .market-top__paginationHeading:before {
  background-color: #fc95bc;
}

.market-top__carouselItem[data-order="2"] {
  top: 384px;
  left: 668px;
}
@media screen and (max-width: 767px) {
  .market-top__carouselItem[data-order="2"] {
    top: 25.4237288136vw;
    left: 51.890482399vw;
  }
}
.market-top__carouselItem[data-order="2"] .market-top__paginationImg {
  width: 139px;
  top: 94px;
  left: 0;
}
@media screen and (max-width: 767px) {
  .market-top__carouselItem[data-order="2"] .market-top__paginationImg {
    width: 11.6036505867vw;
    top: 14.2112125163vw;
    left: 0;
  }
}
.market-top__carouselItem[data-order="2"] .market-top__paginationHeading:before {
  background-color: #74ffcc;
}

.market-top__carouselItem[data-order="3"] {
  top: 410px;
  left: 215px;
}
@media screen and (max-width: 767px) {
  .market-top__carouselItem[data-order="3"] {
    top: 27.6401564537vw;
    left: 17.4706649283vw;
  }
}
.market-top__carouselItem[data-order="3"] .market-top__paginationImg {
  width: 167px;
  top: 34px;
  left: 36px;
}
@media screen and (max-width: 767px) {
  .market-top__carouselItem[data-order="3"] .market-top__paginationImg {
    width: 13.8200782269vw;
    top: 4.8239895698vw;
    left: 2.998696219vw;
  }
}
.market-top__carouselItem[data-order="3"] .market-top__paginationHeading:before {
  background-color: #d4ff8f;
}

.market-top__carouselItem[data-order="4"] {
  top: 50px;
  left: 133px;
}
@media screen and (max-width: 767px) {
  .market-top__carouselItem[data-order="4"] {
    top: 0;
    left: 8.0834419817vw;
  }
}
.market-top__carouselItem[data-order="4"] .market-top__paginationImg {
  width: 112px;
  top: 46px;
  right: 49px;
}
@media screen and (max-width: 767px) {
  .market-top__carouselItem[data-order="4"] .market-top__paginationImg {
    width: 9.2568448501vw;
    top: 7.9530638853vw;
    right: 5.6062581486vw;
  }
}
.market-top__carouselItem[data-order="4"] .market-top__paginationHeading:before {
  background-color: #dabefa;
}

.market-top__carouselItem[data-order="5"] {
  top: 2px;
  left: 406px;
}
@media screen and (max-width: 767px) {
  .market-top__carouselItem[data-order="5"] {
    top: -3.1290743155vw;
    left: 31.6818774446vw;
  }
}
.market-top__carouselItem[data-order="5"] .market-top__paginationImg {
  width: 71px;
  top: -69px;
  left: 104px;
}
@media screen and (max-width: 767px) {
  .market-top__carouselItem[data-order="5"] .market-top__paginationImg {
    width: 5.9973924381vw;
    top: 5.2151238592vw;
    left: 10.0391134289vw;
  }
}
.market-top__carouselItem[data-order="5"] .market-top__paginationHeading:before {
  background-color: #fcfd47;
}

.market-top__carouselItem[data-order="6"] {
  top: 10px;
  right: 402px;
}
@media screen and (max-width: 767px) {
  .market-top__carouselItem[data-order="6"] {
    top: -3.6505867014vw;
    right: 29.4654498044vw;
  }
}
.market-top__carouselItem[data-order="6"] .market-top__paginationImg {
  width: 190px;
  top: 8px;
  left: 26px;
}
@media screen and (max-width: 767px) {
  .market-top__carouselItem[data-order="6"] .market-top__paginationImg {
    width: 15.7757496741vw;
    top: 8.2138200782vw;
    left: -1.3037809648vw;
  }
}
.market-top__carouselItem[data-order="6"] .market-top__paginationHeading:before {
  background-color: #feb778;
}

@media screen and (min-width: 767px) {
  .market-top__cards {
    opacity: 0;
    animation: show_carousel_card 0.3s ease-in-out 3s forwards;
  }
}

@keyframes show_carousel_card {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.market-top__card {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transform: translate(0, 10px);
  transition: transform ease-out 0.3s;
  width: 0;
  height: 0;
  z-index: -1;
  visibility: hidden;
}
@media screen and (max-width: 767px) {
  .market-top__card {
    bottom: 7.4315514993vw;
    left: 0;
  }
}
.market-top__card.is-show {
  opacity: 1;
  transform: translate(0, 0);
  width: auto;
  height: auto;
  z-index: 0;
  visibility: visible;
}
@media screen and (max-width: 767px) {
  .market-top__card.is-show {
    width: 100%;
  }
}

.market-top__cardHeading {
  position: relative;
  font-size: 2.2rem;
  font-weight: bold;
  letter-spacing: 0.18em;
  padding: 12px 0 8px;
  text-align: center;
  z-index: 0;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .market-top__cardHeading {
    font-size: 5.2151238592vw;
    padding: 2.8683181226vw 0 2.6075619296vw;
  }
}
.market-top__cardHeading:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: 40px solid #222;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-radius: 10px 10px 0 0/20px 20px 0 0;
  width: 185px;
  height: 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .market-top__cardHeading:before {
    width: 44.3285528031vw;
  }
}

.market-top__cardInner {
  width: 312px;
  padding: 26px 26px 20px;
  border-radius: 10px;
  border: solid 3px #222;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .market-top__cardInner {
    width: calc(100% - 9.12vw);
    margin-right: auto;
    margin-left: auto;
    padding: 6.7796610169vw 7.1707953064vw 5.8670143416vw 5.8670143416vw;
  }
}

.market-top__cardText {
  font-size: 1.8rem;
  font-weight: bold;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .market-top__cardText {
    font-size: 4.1720990874vw;
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .market-top__cardContent {
    display: flex;
    justify-content: space-between;
    margin-top: 4.5632333768vw;
  }
}

@media screen and (max-width: 767px) {
  .market-top__cardContent--main {
    display: flex;
    justify-content: space-between;
  }
}

.market-top__cardText--sm {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 2;
  margin-top: 10px;
  font-feature-settings: "palt";
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .market-top__cardText--sm {
    font-size: 3.1290743155vw;
    margin-top: 0;
  }
}

.market-top__cardImg {
  margin-top: 7px;
}
@media screen and (max-width: 767px) {
  .market-top__cardImg {
    margin-top: 0;
    margin-left: 2.4771838331vw;
    min-width: 34.9413298566vw;
  }
}

.market-top__cardButton {
  margin-top: 17px;
}
@media screen and (max-width: 767px) {
  .market-top__cardButton {
    margin-top: 0;
    position: absolute !important;
    left: 10.4302477184vw;
    bottom: 5.8670143416vw;
  }
}
.market-top__cardButton.market-button-black {
  display: inline-block;
  padding: 1rem 18px;
  font-size: 1.3rem;
}
@media screen and (max-width: 767px) {
  .market-top__cardButton.market-button-black {
    padding: 1em 3.9113428944vw;
    font-size: 3.1290743155vw;
  }
}

.market-top__cardIllustImage {
  position: absolute;
  z-index: 1;
}

@media screen and (min-width: 767px) {
  .market-top__card[data-cardorder="1"] {
    bottom: 116px;
    left: 827px;
  }
}
.market-top__card[data-cardorder="1"] .market-top__cardInner {
  background-color: #fc95bc;
}
.market-top__card[data-cardorder="1"] .market-top__cardIllustImage {
  top: -65px;
  right: -80px;
}
@media screen and (max-width: 767px) {
  .market-top__card[data-cardorder="1"] .market-top__cardIllustImage {
    width: 21.9035202086vw;
    top: auto;
    bottom: -6.6492829205vw;
    right: -1.8252933507vw;
    right: 0.6518904824vw;
  }
}

@media screen and (min-width: 767px) {
  .market-top__card[data-cardorder="2"] {
    bottom: 106px;
    left: 590px;
  }
}
.market-top__card[data-cardorder="2"] .market-top__cardInner {
  background-color: #74ffcc;
}
.market-top__card[data-cardorder="2"] .market-top__cardIllustImage {
  bottom: -80px;
  right: -87px;
}
@media screen and (max-width: 767px) {
  .market-top__card[data-cardorder="2"] .market-top__cardIllustImage {
    width: 27.2490221643vw;
    bottom: -6.6492829205vw;
    right: 0.6518904824vw;
  }
}

@media screen and (min-width: 767px) {
  .market-top__card[data-cardorder="3"] {
    bottom: 88px;
    left: 246px;
  }
}
.market-top__card[data-cardorder="3"] .market-top__cardInner {
  background-color: #d4ff8f;
}
.market-top__card[data-cardorder="3"] .market-top__cardIllustImage {
  bottom: -70px;
  left: -194px;
}
@media screen and (max-width: 767px) {
  .market-top__card[data-cardorder="3"] .market-top__cardIllustImage {
    width: 30.5084745763vw;
    bottom: -6.6492829205vw;
    left: 37.2881355932vw;
  }
}

@media screen and (min-width: 767px) {
  .market-top__card[data-cardorder="4"] {
    bottom: 440px;
    left: 62px;
  }
}
.market-top__card[data-cardorder="4"] .market-top__cardInner {
  background-color: #dabefa;
}
.market-top__card[data-cardorder="4"] .market-top__cardIllustImage {
  bottom: -172px;
  left: -63px;
}
@media screen and (max-width: 767px) {
  .market-top__card[data-cardorder="4"] .market-top__cardIllustImage {
    width: 20.7301173403vw;
    bottom: -6.518904824vw;
    left: 49.8044328553vw;
  }
}

@media screen and (min-width: 767px) {
  .market-top__card[data-cardorder="5"] {
    bottom: 429px;
    left: 297px;
  }
}
.market-top__card[data-cardorder="5"] .market-top__cardInner {
  background-color: #fcfd47;
}
.market-top__card[data-cardorder="5"] .market-top__cardIllustImage {
  bottom: -21px;
  right: -93px;
}
@media screen and (max-width: 767px) {
  .market-top__card[data-cardorder="5"] .market-top__cardIllustImage {
    width: 14.7327249022vw;
    bottom: -6.9100391134vw;
    right: 0.9126466754vw;
  }
}

@media screen and (min-width: 767px) {
  .market-top__card[data-cardorder="6"] {
    bottom: 471px;
    left: 603px;
  }
}
.market-top__card[data-cardorder="6"] .market-top__cardInner {
  background-color: #feb778;
}
.market-top__card[data-cardorder="6"] .market-top__cardIllustImage {
  bottom: -29px;
  right: -148px;
}
@media screen and (max-width: 767px) {
  .market-top__card[data-cardorder="6"] .market-top__cardIllustImage {
    width: 37.5488917862vw;
    bottom: -7.1707953064vw;
    right: 0.3911342894vw;
  }
}

@media screen and (min-width: 767px) {
  .market-top__card[data-cardorder="3"] .market-top__cardInner,
.market-top__card[data-cardorder="4"] .market-top__cardInner {
    text-align: right;
  }
  .market-top__card[data-cardorder="3"] .market-top__cardText,
.market-top__card[data-cardorder="3"] .market-top__cardContent,
.market-top__card[data-cardorder="4"] .market-top__cardText,
.market-top__card[data-cardorder="4"] .market-top__cardContent {
    text-align: left;
  }
}

.market-top__contents--main {
  position: relative;
  padding: 48px 0 124px;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .market-top__contents--main {
    padding: 6.518904824vw 0 19.295958279vw;
  }
}

.market-shadow-dot {
  position: relative;
}
.market-shadow-dot:before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 7px;
  left: 7px;
  background-image: radial-gradient(#000 19%, transparent 22%), radial-gradient(#000 19%, transparent 22%);
  background-position: 0 0, 3px 2.8px;
  background-size: 4.6px 4.6px;
  z-index: -1;
  border-radius: 5px;
  content: "";
}
@media screen and (max-width: 767px) {
  .market-shadow-dot:before {
    background-image: radial-gradient(#333 16%, transparent 19%), radial-gradient(#333 16%, transparent 19%);
    top: 1.3037809648vw;
    left: 1.3037809648vw;
  }
}
.market-shadow-dot.market-category__listItem:before, .market-shadow-dot.market-productCategory__listItem:before {
  top: 8px;
  left: 8px;
}

.market-shadow-dot--radius:before {
  border-radius: 50px;
}

.market-search-category {
  padding: 0 3rem;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .market-search-category {
    padding: 0 8.8657105606vw;
  }
}

.market-search-category__heading {
  text-align: center;
  font-size: 2.8rem;
  font-weight: bold;
  letter-spacing: 0.34em;
  color: #000;
  padding-top: 4rem;
}
@media screen and (max-width: 767px) {
  .market-search-category__heading {
    font-size: 4.4328552803vw;
    letter-spacing: 0.2em;
    padding-top: 5.2151238592vw;
  }
}

.market-search-category__list {
  display: flex;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .market-search-category__list {
    margin-top: 6.518904824vw;
  }
}

.market-search-category__list-item {
  width: 18%;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  position: relative;
  transition: 0.3s;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .market-search-category__list-item {
    width: 29.3159609121%;
    position: relative;
    z-index: 1;
  }
  .market-search-category__list-item:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 99%;
    top: 1.3037809648vw;
    left: 0.9126466754vw;
    z-index: -1;
    background-image: radial-gradient(#000 19%, transparent 22%), radial-gradient(#000 19%, transparent 22%);
    background-position: 0 0, 3px 3px;
    background-size: 6px 6px;
  }
}
.market-search-category__list-item:hover, .market-search-category__list-item:focus, .market-search-category__list-item:active {
  opacity: 0.7;
}

.market-search-category__list-item:not(:nth-child(5n)) {
  margin-right: 2.5%;
}
@media screen and (max-width: 767px) {
  .market-search-category__list-item:not(:nth-child(5n)) {
    margin-right: 0;
  }
}

.market-search-category__list-item:nth-child(n+6) {
  margin-top: 4rem;
}
@media screen and (max-width: 767px) {
  .market-search-category__list-item:nth-child(n+6) {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .market-search-category__list-item:not(:nth-child(3n)) {
    margin-right: 5.7003257329%;
  }
}

@media screen and (max-width: 767px) {
  .market-search-category__list-item:nth-child(n+4) {
    margin-top: 8.4745762712vw;
  }
}

.market-search-category__list-anchor {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.market-search-category__list-image-wrapper {
  width: 100%;
  height: 100%;
}

.market-search-category__list-image {
  width: 100%;
  height: auto;
  border: 2px solid #000;
}

.market-search-category__list-image--border-none {
  border: none;
}

.market-search-category__list-text-wrapper {
  z-index: 1;
  position: relative;
  margin: 0 auto;
  margin-top: -2rem;
  width: 83.3333333333%;
  flex-grow: 1;
  min-height: 40px;
}
@media screen and (max-width: 767px) {
  .market-search-category__list-text-wrapper {
    margin-top: -0.4rem;
    width: 100%;
    min-height: 10.4302477184vw;
  }
}

.market-search-category__list-text {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
  position: relative;
  background: #fff;
  border: 2px solid #000;
  margin-bottom: 0.7rem;
  font-weight: bold;
  line-height: 1.3;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0 5px;
}
@media screen and (max-width: 767px) {
  .market-search-category__list-text {
    font-size: 3.1290743155vw;
    font-weight: bold;
    margin-bottom: 0;
  }
}
.market-search-category__list-text:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 7px;
  left: 7px;
  z-index: -1;
  background-image: radial-gradient(#000 19%, transparent 22%), radial-gradient(#000 19%, transparent 22%);
  background-position: 0 0, 3px 3px;
  background-size: 6px 6px;
}
@media screen and (max-width: 767px) {
  .market-search-category__list-text:before {
    content: none;
  }
}

.market-accordion {
  margin-top: 8rem;
  padding: 0 3rem;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .market-accordion {
    padding: 0 6.518904824vw;
    margin-top: 10.4302477184vw;
  }
}

.market-accordion__inner {
  max-width: 1000px;
  margin: 0 auto;
}

.market-accordion__list {
  border-top: 3px solid #000;
  position: relative;
}
@media screen and (max-width: 767px) {
  .market-accordion__list {
    border-width: 0.3911342894vw;
  }
}
.market-accordion__list:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-top: solid 3px #000;
  border-right: solid 3px #000;
  transform: rotate(135deg);
  position: absolute;
  right: 4rem;
  top: 2.2rem;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .market-accordion__list:after {
    width: 2.6075619296vw;
    height: 2.6075619296vw;
    right: 4.5632333768vw;
    top: 4.5632333768vw;
    border-width: 2px;
  }
}

.market-accordion__list:last-child {
  border-bottom: 3px solid #000;
}
@media screen and (max-width: 767px) {
  .market-accordion__list:last-child {
    border-width: 0.3911342894vw;
  }
}

.market-accordion__list.is-active:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-top: solid 3px #000;
  border-right: solid 3px #000;
  transform: rotate(-45deg);
  position: absolute;
  right: 4rem;
  top: 3rem;
}
@media screen and (max-width: 767px) {
  .market-accordion__list.is-active:after {
    width: 2.6075619296vw;
    height: 2.6075619296vw;
    right: 4.5632333768vw;
    top: 4.5632333768vw;
    border-width: 2px;
  }
}

.market-accordion__title {
  font-size: 2.4rem;
  letter-spacing: 0.2em;
  font-weight: bold;
  padding: 2.5rem 4rem;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .market-accordion__title {
    padding: 3.9113428944vw 0;
    padding-left: 2.6075619296vw;
    font-size: 4.4328552803vw;
  }
}

.market-accordion__content {
  line-height: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition-duration: 0.4s;
}

.market-accordion__content.is-open {
  line-height: normal;
  height: auto;
  opacity: 1;
  margin-top: -1rem;
  padding-bottom: 8rem;
}
@media screen and (max-width: 767px) {
  .market-accordion__content.is-open {
    padding-bottom: 9.1264667536vw;
    margin-top: 1.3037809648vw;
  }
}

.market-accordion__description {
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.7142857143;
  padding-left: 5.5rem;
}
@media screen and (max-width: 767px) {
  .market-accordion__description {
    padding-left: 2.6075619296vw;
    font-size: 3.1290743155vw;
  }
}

.market-accordion__text {
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.7142857143;
}
@media screen and (max-width: 767px) {
  .market-accordion__text {
    line-height: 1.8333333333;
    font-size: 3.1290743155vw;
  }
}

.market-accordion__category {
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .market-accordion__category {
    margin-top: 4rem;
  }
}

.market-accordion__category-hidden {
  line-height: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  padding-top: 0;
  margin-top: 0;
  transition: 0.4s;
}

.market-accordion__category-heading {
  color: #fff;
  background: #000;
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 2.125;
  width: 250px;
  text-align: center;
  border-radius: 8px 8px 0 0;
  letter-spacing: 0.2em;
  margin-bottom: -1px;
}
@media screen and (max-width: 767px) {
  .market-accordion__category-heading {
    font-size: 3.9113428944vw;
    width: 35.2020860495vw;
  }
}

.market-accordion__banner {
  border: 5px solid #000;
  padding: 2.5rem;
  border-radius: 12px;
  background: #fff;
  position: relative;
  z-index: 2;
  overflow: hidden;
  margin-top: 8rem;
  display: flex;
}
@media screen and (max-width: 767px) {
  .market-accordion__banner {
    padding: 5.2151238592vw 7.8226857888vw;
    flex-direction: column;
    margin-top: 10.4302477184vw;
  }
}

.market-accordion__banner-image {
  margin-right: 1rem;
  width: 39.4736842105%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .market-accordion__banner-image {
    width: 100%;
  }
}

.market-accordion__banner-body {
  flex: 1;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .market-accordion__banner-body {
    margin-top: 2.6075619296vw;
  }
}

.market-accordion__banner-body--not-title {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.market-accordion__banner-heading {
  font-size: 2.4rem;
  letter-spacing: 0.1em;
  font-weight: bold;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
  .market-accordion__banner-heading {
    font-size: 4.4328552803vw;
    margin-bottom: 1.9556714472vw;
  }
}
.market-accordion__banner-heading:before {
  content: "【";
}
.market-accordion__banner-heading:after {
  content: "】";
}

.market-accordion__banner-text {
  font-size: 1.4rem;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .market-accordion__banner-text {
    font-size: 3.1290743155vw;
  }
}

.market-accordion__banner-button-wrapper {
  max-width: 330px;
  margin: 0 auto;
  margin-top: 2rem;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .market-accordion__banner-button-wrapper {
    max-width: 100%;
  }
}

.market-accordion__banner-button {
  display: block;
  background: #000;
  color: #fff !important;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 1.5rem 0;
  border-radius: 50px;
  width: 100%;
  transition: 0.3s;
  border: 3px solid #000;
  cursor: pointer;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .market-accordion__banner-button {
    font-size: 3.1290743155vw;
    padding: 3.9113428944vw 0;
    border-radius: 75px;
  }
}
.market-accordion__banner-button:hover, .market-accordion__banner-button:focus, .market-accordion__banner-button:active {
  background: #fff;
  color: #000 !important;
}

.market-accordion__category-list {
  border: 5px solid #000;
  padding: 4rem;
  border-radius: 0 12px 12px 12px;
  background: #fff;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .market-accordion__category-list {
    padding: 6.518904824vw 7.8226857888vw;
  }
}

.market-accordion__category-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  line-height: normal;
  height: auto;
  opacity: 1;
  padding-top: 1rem;
  transition-duration: 0.4s;
}
@media screen and (max-width: 767px) {
  .market-accordion__category-item {
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-start;
  }
}

.market-accordion__category-item:not(:first-child) {
  margin-top: 4rem;
  padding-top: 5rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .market-accordion__category-item:not(:first-child) {
    margin-top: 7.8226857888vw;
    padding-top: 6.518904824vw;
  }
}
.market-accordion__category-item:not(:first-child):before {
  content: "";
  width: 100%;
  background: #000;
  height: 4px;
  position: absolute;
  top: 0;
  border-radius: 2px;
}

.market-accordion__category-item.is-hidden {
  line-height: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  padding-top: 0;
  margin-top: 0;
}

.market-accordion__col2 {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .market-accordion__col2 {
    width: 100%;
  }
}

.market-accordion__col2:last-child {
  text-align: right;
  max-width: 378px;
  margin-left: 2rem;
}
@media screen and (max-width: 767px) {
  .market-accordion__col2:last-child {
    max-width: 100%;
    margin-left: 0;
    margin-bottom: 3rem;
  }
}

.market-accordion__category-name {
  font-size: 2.2rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-bottom: 2rem;
  color: #000;
}
@media screen and (max-width: 767px) {
  .market-accordion__category-name {
    font-size: 4.4328552803vw;
  }
}
.market-accordion__category-name:before {
  content: "【";
}
.market-accordion__category-name:after {
  content: "】";
}

.market-accordion__marks {
  display: flex;
  flex-wrap: wrap;
  padding-right: 3rem;
}
@media screen and (max-width: 767px) {
  .market-accordion__marks {
    padding-right: 0;
    margin-top: 3.9113428944vw;
  }
}

.market-accordion__mark-wrapper {
  margin-top: 1.5rem;
  max-width: 115px;
  height: 40px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .market-accordion__mark-wrapper {
    margin-top: 1.3037809648vw;
    max-width: 140px;
    height: 10.4302477184vw;
  }
}

.market-accordion__mark-wrapper:not(:last-child) {
  margin-right: 1rem;
}
@media screen and (max-width: 767px) {
  .market-accordion__mark-wrapper:not(:last-child) {
    margin-right: 1.5rem;
  }
}

.market-accordion__mark {
  height: auto;
  width: auto;
  max-height: 100%;
  max-width: 100%;
}

.market-accordion__features {
  display: flex;
  flex-wrap: wrap;
  padding-right: 3rem;
}
@media screen and (max-width: 767px) {
  .market-accordion__features {
    padding-right: 0;
  }
}

.market-accordion__feature {
  margin-top: 1rem;
  padding: 1rem;
  background: #ededed;
  letter-spacing: 0.1em;
  font-size: 1.4rem;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .market-accordion__feature {
    font-size: 2.6414602347vw;
    padding: 1.3037809648vw 1.9556714472vw;
  }
}

.market-accordion__feature:not(:last-child) {
  margin-right: 1rem;
}

.market-accordion__button-wrapper {
  margin-top: 2rem;
  width: 100%;
  max-width: 370px;
}
@media screen and (max-width: 767px) {
  .market-accordion__button-wrapper {
    max-width: 100%;
    margin-top: 5.2151238592vw;
  }
}

.market-accordion__button-wrapper--full {
  max-width: 100%;
}

.market-accordion__image-wrapper {
  width: 100%;
}

.market-accordion__image {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .market-accordion__image {
    width: 100%;
  }
}

.market-accordion__more-button-wrapper {
  margin: 0 auto;
  margin-top: 5rem;
  max-width: 370px;
}
@media screen and (max-width: 767px) {
  .market-accordion__more-button-wrapper {
    max-width: 100%;
    width: 66.4928292047vw;
  }
}

.market-accordion__more-button {
  display: block;
  background: #000;
  color: #fff !important;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 2.5rem 0;
  border-radius: 50px;
  width: 100%;
  transition: 0.3s;
  border: 3px solid #000;
  cursor: pointer;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .market-accordion__more-button {
    font-size: 3.1290743155vw;
    padding: 5.2151238592vw 0;
    border-radius: 75px;
  }
}
.market-accordion__more-button:hover, .market-accordion__more-button:focus, .market-accordion__more-button:active {
  background: #fff;
  color: #000 !important;
}

.market-flag {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.market-flag__image {
  width: 50.8474576271vw;
  max-width: 390px;
  height: auto;
}
@media screen and (max-width: 767px) {
  .market-flag__image {
    width: 48.8917861799vw;
    max-width: 375px;
  }
}

.market-panel-wrapper {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 10rem;
}
@media screen and (max-width: 767px) {
  .market-panel-wrapper {
    padding: 0 6.518904824vw;
    margin-top: 7.8226857888vw;
  }
}

.market-panel-wrapper-sub {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 8rem;
}
@media screen and (max-width: 767px) {
  .market-panel-wrapper-sub {
    padding: 0 6.518904824vw;
    margin-top: 6.518904824vw;
  }
}

.market-panel {
  opacity: 0;
  position: relative;
  z-index: 10;
  padding-top: 1rem;
}
.market-panel.is-show {
  animation: fadeIn_listItem 0.5s ease-in-out 0s forwards;
}
@media screen and (max-width: 767px) {
  .market-panel {
    padding: 0 6.518904824vw;
    margin-top: 7.8226857888vw;
  }
}

.market-panel-col2 {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .market-panel-col2 {
    flex-direction: column;
    align-items: center;
  }
}

.market-panel-col3 {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .market-panel-col3 {
    flex-direction: column;
    align-items: center;
  }
}

.market-panel__inner {
  max-width: 720px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  border: 3px solid #000;
  border-radius: 12px;
  z-index: 10;
  transition: 0.3s;
}
.market-panel__inner:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 10px;
  left: 10px;
  background-image: radial-gradient(#000 19%, transparent 22%), radial-gradient(#000 19%, transparent 22%);
  background-position: 0 0, 3px 3px;
  background-size: 6px 6px;
  z-index: -1;
  border-radius: 4px;
}
@media screen and (max-width: 767px) {
  .market-panel__inner {
    max-width: 593px;
  }
  .market-panel__inner:before {
    top: 1.5645371578vw;
    left: 1.5645371578vw;
  }
}
.market-panel__inner:hover, .market-panel__inner:focus, .market-panel__inner:active {
  opacity: 0.7;
}
.market-panel-col2 .market-panel__inner {
  margin: 0;
  width: 47.5%;
}
@media screen and (max-width: 767px) {
  .market-panel-col2 .market-panel__inner {
    width: 100%;
  }
}
.market-panel-col3 .market-panel__inner {
  margin: 0;
  width: 31.6666666667%;
}
@media screen and (max-width: 767px) {
  .market-panel-col3 .market-panel__inner {
    width: 100%;
  }
}

.market-panel-col2 .market-panel__inner:nth-child(odd) {
  margin-right: 3%;
}
@media screen and (max-width: 767px) {
  .market-panel-col2 .market-panel__inner:nth-child(odd) {
    margin-right: 0;
    margin-bottom: 3.9113428944vw;
  }
}

.market-panel-col3 .market-panel__inner:not(:last-child) {
  margin-right: 1.5%;
}
@media screen and (max-width: 767px) {
  .market-panel-col3 .market-panel__inner:not(:last-child) {
    margin-right: 0;
    margin-bottom: 3.9113428944vw;
  }
}

.market-panel__link {
  display: flex;
  height: 100%;
  max-height: 158px;
}

.market-panel__image {
  max-width: 100%;
  width: 50%;
  border-radius: 8px 0 0 8px;
}

.market-panel__text-wrapper {
  position: relative;
  background: #fff;
  width: 50%;
  padding: 4rem 0;
  border-radius: 0 8px 8px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .market-panel__text-wrapper {
    padding: 2.91134vw 0;
  }
}

.market-panel__text {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.625;
  letter-spacing: 0.1em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .market-panel__text {
    font-size: 3.1290743155vw;
  }
}
.market-panel-col2 .market-panel__text {
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .market-panel-col2 .market-panel__text {
    font-size: 3.1290743155vw;
  }
}
.market-panel-col3 .market-panel__text {
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .market-panel__text {
    font-size: 2.3468057366vw;
  }
}

.market-panel__sub-text {
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .market-panel__sub-text {
    font-size: 2.3468057366vw;
  }
}

.market-others {
  position: relative;
  z-index: 10;
  margin-top: 10rem;
}
@media screen and (max-width: 767px) {
  .market-others {
    margin-top: 13.037809648vw;
  }
}

.market-others__inner {
  max-width: 930px;
  margin: 0 auto;
}

.market-others__heading {
  font-size: 2.8rem;
  font-weight: bold;
  letter-spacing: 0.34em;
  text-align: center;
  padding-top: 4rem;
  color: #000;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .market-others__heading {
    padding-top: 5.2151238592vw;
    font-size: 4.4328552803vw;
  }
}

.market-others__text {
  font-size: 1.4rem;
  display: block;
  text-align: center;
  line-height: 1.8333333333;
  margin-top: 2rem;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
  .market-others__text {
    font-size: 3.1290743155vw;
    margin-top: 3.259452412vw;
    margin-bottom: 7.8226857888vw;
    padding: 0 1em;
  }
}

.market-question {
  margin: 0 auto;
  max-width: 930px;
  margin-top: 10rem;
  padding-bottom: 12rem;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  .market-question {
    margin-top: 13.037809648vw;
    padding-bottom: 15.6453715776vw;
  }
}

.market-question__heading {
  padding-top: 4rem;
  text-align: center;
  font-size: 2.8rem;
  letter-spacing: 0.34em;
  color: #000;
}
@media screen and (max-width: 767px) {
  .market-question__heading {
    padding-top: 5.2151238592vw;
    font-size: 4.4328552803vw;
  }
}

.market-question__sub-heading {
  display: block;
  padding: 1.5rem 0;
  position: relative;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 2.5rem;
  font-size: 2.182rem;
  letter-spacing: 0.26em;
}
.market-question__sub-heading:after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("/market/img/bottom_page_common/market_text_circle.png");
  background-size: contain;
  width: 270px;
  height: 70px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .market-question__sub-heading {
    font-size: 3.9165580183vw;
    margin-bottom: 5.8670143416vw;
    padding: 1.9556714472vw 0;
  }
  .market-question__sub-heading:after {
    width: 48.2398956975vw;
    height: 10.4302477184vw;
  }
}

.market-question__text {
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.9285714286;
  margin-top: 2rem;
  letter-spacing: 0;
  margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
  .market-question__text {
    font-size: 3.1290743155vw;
    margin-bottom: 5.2151238592vw;
  }
}

.market-bg__color {
  position: relative;
  z-index: 1;
  padding-top: 4rem;
}

.market-bg__color-top {
  position: absolute;
  top: 0;
  right: 0;
  width: 100vw;
  height: 90vw;
  max-height: 1080px;
  z-index: 5;
}

.market-bg__color-bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100vw;
  height: 90vw;
  max-height: 1080px;
  z-index: 5;
}

.market-book__header {
  padding: 14rem 10rem 5rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .market-book__header {
    padding: 44.3285528031vw 13.037809648vw 3.9113428944vw;
  }
}

.market-book__header-text-wrapper {
  z-index: 5;
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
}

.market-book__header-heading {
  font-size: 4.8rem;
  letter-spacing: 0.12em;
  color: #222;
}
@media screen and (max-width: 767px) {
  .market-book__header-heading {
    text-align: center;
    font-size: 6.258148631vw;
  }
}

.market-book__header-sub-heading {
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .market-book__header-sub-heading {
    font-size: 3.3898305085vw;
  }
}

.market-book__header-text {
  font-size: 1.4rem;
  line-height: 2;
  margin-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .market-book__header-text {
    font-size: 3.1290743155vw;
    text-align: center;
  }
}

.market-book__header-image-wrapper {
  position: absolute;
  top: 20px;
  right: 12.5%;
  width: 32.75%;
  max-width: 393px;
}
@media screen and (max-width: 767px) {
  .market-book__header-image-wrapper {
    top: 14.2276422764%;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    width: 50.36767vw;
  }
}
.market--housing .market-book__header-image-wrapper {
  top: 55px;
  width: 37.5%;
  max-width: 450px;
}
@media screen and (max-width: 767px) {
  .market--housing .market-book__header-image-wrapper {
    top: 17.2764227642%;
    width: 73.0117340287vw;
  }
}

.market-book__header-image {
  width: 100%;
  height: auto;
}

.market-spec__button {
  background: #fff;
  border: solid 3px #000;
  border-radius: 8px;
  margin-top: 2rem;
  transition: 0.3s;
}
.market-spec__button a {
  color: #000;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  display: block;
  padding: 15px 0;
  line-height: 1.44;
}
@media screen and (max-width: 767px) {
  .market-spec__button {
    margin-top: 3.259452412vw;
  }
  .market-spec__button a {
    font-size: 2.0860495437vw;
    padding: 2.6075619296vw;
  }
}
.market-spec__button:hover, .market-spec__button:focus, .market-spec__button:active {
  background: #222;
}
.market-spec__button:hover a, .market-spec__button:focus a, .market-spec__button:active a {
  color: #fff;
}

.market-top__fukidashi {
  position: absolute;
  right: 150px;
  bottom: 100px;
  opacity: 0;
  transform: translateY(10%);
}
.market-top__fukidashi.is-show {
  animation: fadeIn_listItem 0.5s ease-in-out 0.3s forwards;
}
@media screen and (max-width: 767px) {
  .market-top__fukidashi {
    top: calc(50% - 45vw);
    bottom: auto;
    right: calc(50% - 41vw);
    z-index: 2;
  }
}
@media screen and (max-width: 767px) {
  .market-top__fukidashi img {
    width: 24.5110821382vw;
    height: 23.4680573664vw;
  }
}