﻿@charset "UTF-8";

.block-white_bg-list .list-wholesale-ttl {
  position: relative;
  font-weight: 600;
}

.block-white_bg-list .list-wholesale-ttl .list-switch {
  cursor: pointer;
  -webkit-transition: .15s ease;
  transition: .15s ease;
}

.block-white_bg-list .list-wholesale-ttl .list-switch::before,
.block-white_bg-list .list-wholesale-ttl .list-switch::after {
  position: absolute;
  -webkit-transition: .15s ease;
  transition: .15s ease;
}

.block-white_bg-list .list-wholesale-ttl .list-switch::before {
  content: '閉じる';
  opacity: 0;
}

.block-white_bg-list .list-wholesale-ttl .list-switch.is-open::before {
  opacity: 1;
content: "閉じる"
}

.block-white_bg-list .list-wholesale-ttl .list-switch::after {
  content: '';
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  border-right: 2px solid #756643;
  border-bottom: 2px solid #756643;
  -webkit-transform: rotate(45deg) translate(0, -50%);
  transform: rotate(45deg) translate(0, -50%);
}

.block-white_bg-list .list-hidden-area {
  display: none;
}

@media screen and (min-width: 561px) {

  .block-white_bg-list .list-wholesale-ttl {
    font-size: 2rem;
  }

  .list-wholesale-links {
    margin: 22px 0 28px 0;
  }

  .list-wholesale-links p + p {
    margin-top: .4vw;
  }

  .block-white_bg-list .list-wholesale-ttl .list-switch {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 30px;
    height: 30px;
    background: url(../images/company/bg_arw.png) center no-repeat;
  }

  .block-white_bg-list .list-wholesale-ttl .list-switch.is-open {
    width: 80px;
  }

  .block-white_bg-list .list-wholesale-ttl .list-switch::before {
    top: 6px;
    left: 10px;
    font-size: 1.3rem;
	  content: "";
	  opacity: 0;
  }

  .block-white_bg-list .list-wholesale-ttl .list-switch::after {
    content: '';
    top: 13px;
    right: 14px;
    width: 8px;
    height: 8px;
  }

  .block-white_bg-list .list-wholesale-ttl .list-switch.is-open::after {
    top: 14px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
}

@media screen and (max-width: 560px) {

  .block-wholesale .block-white_bg-list .list-detail {
    margin-top: 2vw;
  }

  .block-white_bg-list .list-wholesale-ttl {
    font-size: 3.73vw;
  }

  .block-white_bg-list .list-wholesale-ttl .list-switch {
    position: relative;
    width: 30px;
	  left: 95%;
    height: 30px;
    margin: -30px -3.2vw 0  -3.2vw;
    background: url(../images/company/bg_arw@2x.png) center no-repeat;
  }

  .block-white_bg-list .list-wholesale-ttl .list-switch::before {
    top: 0;
    left: 15.8vw;
    font-size: 2.67vw;
  }

  .block-wholesale .block-white_bg-list li:nth-child(3) .list-wholesale-ttl .list-switch::before {
    left: 40vw;
  }

  .block-white_bg-list .list-wholesale-ttl .list-switch::after {
    content: '';
    top: 52%;
    left: 44%;
    width: 1.8vw;
    height: 1.8vw;
    margin: -.8vw 0 0 -.9vw;
  }

  .block-white_bg-list .list-wholesale-ttl .list-switch.is-open::after {
    margin: -2px 0px 0px -2px;;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }

  .block-white_bg-list .list-hidden-area {
    padding-bottom: 0;
  }

  .list-wholesale-links {
    margin: 2vw 0 2.47vw;
    font-size: 3.47vw;
  }

  .block-wholesale .block-white_bg-list li:nth-child(3) {
    width: 100%;
  }

  .block-white_bg-list .list-btn {
    margin-top: 3vw;
  }

  .block-white_bg-list .list-btn a {
    font-size: 3.47vw;
  }
}

/*OEM事業*/

.block-oem-content {
  position: relative;
}

.block-oem-content .item-bg-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(126, 112, 81, 0.05);
}

.block-oem-content .item-bg-img {
  position: absolute;
}

.block-oem-content .base-container {
  position: relative;
}

.block-oem-content h2 img {
  display: block;

}

.block-oem-flow li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.block-oem-flow .item-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  color: #fff;
  font-weight: 600;
  line-height: 1.2;
}

.block-oem-flow li:not(:last-child) .item-step::after {
  content: '';
  display: block;
  position: absolute;
}

@media screen and (min-width: 561px) {

  .block-oem-content.content-1 {
    padding: 100px 0;
  }

  .block-oem-content h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .block-oem-content-comment {
    margin: 40px 0 -10px;
    font-size: 1.6rem;
    text-align: center;
    line-height: 2.6;
  }

  .block-oem-content.content-1 .item-bg-img {
    top: -55px;
    left: 1063px;
    width: 172px;
    height: 211px;
    background: url(../images/wholesale/oem/bg_img_01.png) center no-repeat;
    background-size: contain;
  }

  @media screen and (min-width: 1201px) {
    .block-oem-content.content-1 .item-bg-img {
      left: calc((100vw - 1200px) / 2 + 1063px);
    }
  }

  .block-oem-content.content-2 {
    margin-top: 100px;
  }

  .block-oem-flow {
    margin-top: 104px;
    padding-bottom: 180px;
  }

  .block-oem-flow li {
    position: relative;
  }

  .block-oem-flow li + li {
    margin-top: 52px;
  }

  .block-oem-flow li:nth-child(2) {
    padding-left: 98px;
  }

  .block-oem-flow li:nth-child(3) {
    padding-left: 196px;
  }

  .block-oem-flow li:nth-child(4) {
    padding-left: 294px;
  }

  .block-oem-flow li:nth-child(5) {
    padding-left: 392px;
  }

  .block-oem-flow li:nth-child(6) {
    padding-left: 490px;
  }

  .block-oem-flow li:nth-child(7) {
    padding-left: 588px;
  }

  .block-oem-flow .item-step {
    width: 130px;
    height: 136px;
  }

  .block-oem-flow li:nth-child(5n-4) .item-step {
    background: url(../images/wholesale/oem/bg_step_red.png) center no-repeat;
    background-size: contain;
  }

  .block-oem-flow li:nth-child(5n-3) .item-step {
    background: url(../images/wholesale/oem/bg_step_yellow.png) center no-repeat;
    background-size: contain;
  }

  .block-oem-flow li:nth-child(5n-2) .item-step {
    background: url(../images/wholesale/oem/bg_step_blue.png) center no-repeat;
    background-size: contain;
  }

  .block-oem-flow li:nth-child(5n-1) .item-step {
    background: url(../images/wholesale/oem/bg_step_purple.png) center no-repeat;
    background-size: contain;
  }

  .block-oem-flow li:nth-child(5n-0) .item-step {
    background: url(../images/wholesale/oem/bg_step_green.png) center no-repeat;
    background-size: contain;
  }

  .block-oem-flow .item-step span:nth-child(1) {
    font-size: 2rem;
  }

  .block-oem-flow .item-step span:nth-child(2) {
    margin-top: 6px;
    font-size: 5rem;
  }

  .block-oem-flow li:not(:last-child) .item-step::after {
    top: 136px;
    left: 64px;
    width: 34px;
    height: 121px;
    background: url(../images/wholesale/oem/bdr.png) center no-repeat;
    background-size: contain;
  }

  .block-oem-flow .item-detail {
    margin-left: 56px;
  }

  .block-oem-flow li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .block-oem-flow h3 {
    font-size: 2rem;
  }

  .block-oem-flow h3:not(:first-child) {
    margin-top: 10px;
  }

  .block-oem-flow .item-comment {
    font-size: 1.6rem;
  }

  .block-oem-flow .item-img {
    position: absolute;
  }

  .block-oem-flow li:nth-child(2) .item-img {
    right: 0;
    bottom: 0;
    width: 360px;
  }

  .block-oem-flow li:nth-child(3) .item-img {
    top: 12px;
    right: 0;
    width: 300px;
  }

  .block-oem-flow li:nth-child(5) .item-img {
    top: 92px;
    left: 0;
    width: 300px;
  }

  .block-oem-flow li:nth-child(7) .item-img {
    top: -22px;
    left: 0;
    width: 360px;
  }

  .block-oem-content.content-2 .item-bg-img.img-1 {
    top: 0;
    left: 986px;
    width: 246px;
    height: 151px;
    background: url(../images/wholesale/oem/bg_img_02_01.png) center no-repeat;
    background-size: contain;
  }

  @media screen and (min-width: 1201px) {
    .block-oem-content.content-2 .item-bg-img.img-1 {
      left: calc((100vw - 1200px) / 2 + 986px);
    }
  }

  .block-oem-content.content-2 .item-bg-img.img-2 {
    top: 825px;
    left: 0;
    width: 218px;
    height: 69px;
    background: url(../images/wholesale/oem/bg_img_02_02.png) center no-repeat;
    background-size: contain;
  }

  .block-oem-content.content-2 .item-bg-img.img-3 {
    bottom: 96px;
    left: 339px;
    width: 170px;
    height: 124px;
    background: url(../images/wholesale/oem/bg_img_02_03.png) center no-repeat;
    background-size: contain;
  }

  .block-oem-content.content-2 .item-bg-img.img-4 {
    bottom: 67px;
    right: 0;
    width: 237px;
    height: 66px;
    background: url(../images/wholesale/oem/bg_img_02_04.png) center no-repeat;
    background-size: contain;
  }
}

@media screen and (max-width: 560px) {

  .block-oem-content.content-1 {
    padding: 10.67vw 0;
  }

  .block-oem-content h2 img {
    width: 100%;
  }

  .block-oem-content-comment {
    margin: 6vw 0 -2vw;
  }

  .block-oem-content.content-1 .item-bg-img {
    top: -19.6vw;
    right: 4.27vw;
    width: 20.8vw;
    height: 25.6vw;
    background: url(../images/wholesale/oem/bg_img_01@2x.png) center no-repeat;
    background-size: contain;
  }

  .block-oem-content.content-2 {
    margin-top: 17.07vw;
  }

  .block-oem-flow {
    margin-top: 6vw;
    padding-bottom: 20vw;
  }

  .block-oem-flow li {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
  }

  .block-oem-flow li + li {
    margin-top: 8.53vw;
  }

  .block-oem-flow .item-step {
    width: 24vw;
    height: 24.8vw;
    padding-top: 2vw;
  }

  .block-oem-flow li:nth-child(5n-4) .item-step {
    background: url(../images/wholesale/oem/bg_step_red@2x.png) center no-repeat;
    background-size: contain;
  }

  .block-oem-flow li:nth-child(5n-3) .item-step {
    background: url(../images/wholesale/oem/bg_step_yellow@2x.png) center no-repeat;
    background-size: contain;
  }

  .block-oem-flow li:nth-child(5n-2) .item-step {
    background: url(../images/wholesale/oem/bg_step_blue@2x.png) center no-repeat;
    background-size: contain;
  }

  .block-oem-flow li:nth-child(5n-1) .item-step {
    background: url(../images/wholesale/oem/bg_step_purple@2x.png) center no-repeat;
    background-size: contain;
  }

  .block-oem-flow li:nth-child(5n-0) .item-step {
    background: url(../images/wholesale/oem/bg_step_green@2x.png) center no-repeat;
    background-size: contain;
  }

  .block-oem-flow .item-step span:nth-child(1) {
    font-size: 3.73vw;
  }

  .block-oem-flow .item-step span:nth-child(2) {
    margin-top: .67vw;
    font-size: 8vw;
  }

  .block-oem-flow li:not(:last-child)::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 11.4vw;
    width: 1.07vw;
    height: calc(100% + 8.53vw);
    background-color: #E2D8D1;
  }

  .block-oem-flow .item-detail {
    width: 63.2vw;
  }

  .block-oem-flow .item-img {
    margin-top: 2.67vw;
  }

  .block-oem-flow .item-img img {
    width: 100%;
  }

  .block-oem-content.content-2 .item-bg-img.img-1 {
    top: -21.6vw;

    left: 8vw;
    width: 24.53vw;
    height: 14.93vw;
    background: url(../images/wholesale/oem/bg_img_02_01@2x.png) center no-repeat;
    background-size: contain;
  }

  .block-oem-content.content-2 .item-bg-img.img-2 {
    top: 230.6vw;
    right: -1vw;
    width: 34.67vw;
    height: 10.93vw;
    background: url(../images/wholesale/oem/bg_img_02_02@2x.png) center no-repeat;
    background-size: contain;
  }

  .block-oem-content.content-2 .item-bg-img.img-3 {
    bottom: 20.6vw;
    left: 5.33vw;
    width: 32.53vw;
    height: 23.73vw;
    background: url(../images/wholesale/oem/bg_img_02_03@2x.png) center no-repeat;
    background-size: contain;
  }

  .block-oem-content.content-2 .item-bg-img.img-4 {
    bottom: 3.6vw;
    right: 9.07vw;
    width: 40.8vw;
    height: 11.47vw;
    background: url(../images/wholesale/oem/bg_img_02_04@2x.png) center no-repeat;
    background-size: contain;
  }
}

/*卸事業*/

.block-wholesale_detail-content,
.block-wholesale_detail-content .base-container {
  position: relative;
}

.block-wholesale_detail-content .item-bg-box {
  position: absolute;
  left: 0;
  width: 100%;
  background-color: rgba(126, 112, 81, 0.05);
}

.block-wholesale_detail-content .item-bg-img {
  position: absolute;
}

.block-wholesale_detail-transaction-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.block-wholesale_detail-transaction-item img {
  display: block;
}

.block-wholesale_detail-taiyo-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.block-wholesale_detail-taiyo-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 600;
  text-decoration: none;
}

.block-wholesale_detail-brand-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.block-wholesale_detail-brand-list .list-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.block-wholesale_detail-brand-list .list-logo img {
  display: block;
}

.block-wholesale_detail-brand-list .list-link {
  text-align: right;
}

.block-wholesale_detail-staff-list .list-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 2px solid #E1E0DB;
  color: #D51A19;
  font-weight: 600;
}

.block-wholesale_detail-staff-list .list-hobby dt {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-weight: 600;
  white-space: nowrap;
}

@media screen and (min-width: 561px) {

  .block-wholesale_detail-h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 56px;
  }

  .block-wholesale_detail-h2 img {
    display: block;
  }

  .block-wholesale_detail-content-comment {
    margin-top: 50px;
    text-align: center;
  }

  .block-wholesale_detail-news {
    margin-top: 44px;
    padding-top: 20px;
  }

  .block-wholesale_detail-news .block-base-btn {
    margin-top: 40px;
  }

  .block-wholesale_detail-content.content-1 {
    margin-top: 100px;
    padding: 120px 0;
  }

  .block-wholesale_detail-content.content-1 .item-bg-box {
    top: 0;
    height: 100%;
  }

  .block-wholesale_detail-transaction {
    margin-top: 50px;
  }

  .block-wholesale_detail-transaction-item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .block-wholesale_detail-transaction-item + .block-wholesale_detail-transaction-item {
    margin-top: 50px;
  }

  .block-wholesale_detail-transaction-item .item-img {
    width: 450px;
  }

  .block-wholesale_detail-transaction-item .item-comment {
    width: 694px;
  }

  .block-wholesale_detail-content.content-2 {
    margin-top: 100px;
    padding-top: 20px;
  }

  .block-wholesale_detail-taiyo-list {
    margin-top: 36px;
  }

  .block-wholesale_detail-taiyo-list li:not(:nth-child(4n)) {
    margin-right: 16px;
  }

  .block-wholesale_detail-taiyo-list a {
    width: 288px;
    height: 70px;
    background: url(../images/wholesale/detail/bg_taiyo_ttl.png) center no-repeat;
    background-size: contain;
    font-size: 1.6rem;
  }

  .block-wholesale_detail-content.content-3 {
    margin-top: 100px;
    padding-top: 20px;
  }

  .block-wholesale_detail-content.content-3 .item-bg-box {
    top: 120px;
    height: 600px;
  }

  .block-wholesale_detail-brand-list {
    margin-top: 90px;
  }

  .block-wholesale_detail-brand-list li {
    width: 384px;
    height: 360px;
    padding: 0 42px 0;
    background: url(../images/wholesale/detail/bg_brand.png) center no-repeat;
    background-size: contain;
  }

  .block-wholesale_detail-brand-list li:not(:nth-child(3n)) {
    margin-right: 24px;
  }

  .block-wholesale_detail-brand-list li:not(:nth-child(-n+3)) {
    margin-top: 24px;
  }

  .block-wholesale_detail-brand-list .list-logo {
    height: 206px;
  }

  .block-wholesale_detail-brand-list .list-comment {
    height: 107px;
    overflow: hidden;
  }

  .block-wholesale_detail-brand-list .list-link {
    font-size: 1.6rem;
  }

  .block-wholesale_detail-content.content-3 .block-base-btn {
    margin-top: 40px;
  }

  .block-wholesale_detail-content.content-4 {
    margin-top: 80px;
    padding-top: 20px;
  }

  .block-wholesale_detail-base-list {
    margin-top: 40px;
  }

  .block-wholesale_detail-base-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .block-wholesale_detail-base-list li {
    padding: 40px;
    background: url(../images/wholesale/detail/bg_base.png) center no-repeat;
    background-size: 100% 100%;
  }

  .block-wholesale_detail-base-list li.list-col-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1200px;
    height: 385px;
  }

  .block-wholesale_detail-base-list li.list-col-2 {
    width: 588px;
    height: auto;
    margin-top: 16px;
  }

  .block-wholesale_detail-base-list li.list-col-1 .list-img {
    width: 458px;
  }

  .block-wholesale_detail-base-list li.list-col-2 .list-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .block-wholesale_detail-base-list li.list-col-2 .list-img figure {
    width: 300px;
  }

  .block-wholesale_detail-base-list li.list-col-2 .list-img .list-name {
    width: 126px;
    margin-left: 32px;
  }

  .block-wholesale_detail-base-list li.list-col-1 .list-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 622px;
  }

  .block-wholesale_detail-base-list li.list-col-2 .list-detail {
    margin-top: 20px;
  }

  .block-wholesale_detail-base-list li.list-col-1 .list-comment {
    margin-top: 16px;
  }

  .block-wholesale_detail-base-list .list-access {
    width: 100%;
    padding: 20px 24px;

    background: url(../images/wholesale/detail/bg_base_accsess.png) center no-repeat;
    background-size: 100% 100%;
  }

  .block-wholesale_detail-base-list li.list-col-1 .list-access {
    margin-top: auto;
  }

  .block-wholesale_detail-base-list li.list-col-2 .list-access {
    margin-top: 20px;
  }

  .block-wholesale_detail-base-list .list-access .gmap {
    margin-top: 4px;
  }

  .block-wholesale_detail-content.content-5 {
    margin-top: 120px;
    padding: 120px 0 100px;
  }

  .block-wholesale_detail-content.content-5 .item-bg-box {
    top: 0;
    height: 100%;
  }

  .block-wholesale_detail-staff-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .block-wholesale_detail-staff-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 589px;
    height: 390px;
    padding: 32px;
    background: url(../images/wholesale/detail/bg_staff.png) center no-repeat;
    background-size: contain;
  }

  .block-wholesale_detail-staff-list .list-img {
    width: 200px;
  }

  .block-wholesale_detail-staff-list .list-img img {
    display: block;
  }

  .block-wholesale_detail-staff-list .list-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 300px;
  }

  .block-wholesale_detail-staff-list .list-name {
    padding-bottom: 10px;
    font-size: 1.3rem;
  }

  .block-wholesale_detail-staff-list .list-comment {
    margin-top: 12px;
  }

  .block-wholesale_detail-staff-list .list-hobby {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 300px;
    height: 150px;
    padding: 20px 24px;
    margin-top: auto;
    background: url(../images/wholesale/detail/bg_staff_hobby.png) center no-repeat;
    background-size: contain;
  }

  .block-wholesale_detail-staff-list .list-hobby dt {
    margin-right: 5px;
  }

  .block-wholesale_detail-content.content-1 .item-bg-img {
    top: -160px;
    left: 30px;
    width: 212px;
    height: 220px;
    background: url(../images/wholesale/detail/bg_img_01.png) center no-repeat;
    background-size: contain;
  }

  .block-wholesale_detail-content.content-2 .item-bg-img {
    top: -199px;
    right: 24px;
    width: 303px;
    height: 242px;
    background: url(../images/wholesale/detail/bg_img_02.png) center no-repeat;
    background-size: contain;
  }

  .block-wholesale_detail-content.content-5 .item-bg-img {
    top: -152px;
    left: 7px;
    width: 218px;
    height: 150px;
    background: url(../images/wholesale/detail/bg_img_03.png) center no-repeat;
    background-size: contain;
  }
}

@media screen and (max-width: 560px) {

  .block-wholesale_detail-h2,
  .block-wholesale_detail-h2 img {
    width: 100%;
  }

  .block-wholesale_detail-content-comment {
    margin-top: 5.8vw;
  }

  .block-wholesale_detail-news {
    margin-top: 10.67vw;
  }

  .block-wholesale_detail-news .block-toppage-news-content-list {
    margin-top: 6.4vw;
    margin-right: -4.27vw;
    margin-left: -4.27vw;
    overflow: auto;
  }

  .block-wholesale_detail-news .news-content-list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .block-wholesale_detail-news .news-content-list li {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 40vw;
    margin-right: 4.27vw;
  }

  .block-wholesale_detail-news .news-content-list li:first-child {
    margin-left: 4.27vw;
  }

  .block-wholesale_detail-news .news-content-list li:not(:nth-child(-n+2)) {
    margin-top: 0;
  }

  .block-wholesale_detail-news .news-content-list .list-img {
    min-height: 26.93vw;
  }

  .block-wholesale_detail-news .block-base-btn {
    margin-top: 6.4vw;
  }

  .block-wholesale_detail-content.content-1 {
    margin-top: 19.73vw;
    padding: 17.07vw 0;
  }

  .block-wholesale_detail-content.content-1 .item-bg-box {
    top: 0;
    height: 100%;
  }

  .block-wholesale_detail-transaction {
    margin-top: 6vw;
  }

  .block-wholesale_detail-transaction-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .block-wholesale_detail-transaction-item + .block-wholesale_detail-transaction-item {
    margin-top: 6vw;
  }

  .block-wholesale_detail-transaction-item .item-img {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
  }

  .block-wholesale_detail-transaction-item .item-img img {
    width: 100%;
  }

  .block-wholesale_detail-transaction-item .item-comment {
    -webkit-box-ordinal-group: 21;
    -ms-flex-order: 20;
    order: 20;
    margin-top: 5.8vw;
  }

  .block-wholesale_detail-content.content-2 {
    margin-top: 17.07vw;
  }

  .block-wholesale_detail-taiyo-list {
    margin-top: 6vw;
  }

  .block-wholesale_detail-taiyo-list ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .block-wholesale_detail-taiyo-list li:not(:nth-child(-n+2)) {
    margin-top: 2.67vw;
  }

  .block-wholesale_detail-taiyo-list a {
    width: 44.27vw;
    height: 16vw;
    background-color: #FFFFFF;
    font-size: 3.73vw;
    text-align: center;
    line-height: 1.5;
  }

  .block-wholesale_detail-content.content-3 {
    margin-top: 17.07vw;
  }

  .block-wholesale_detail-content.content-3 .item-bg-box {
    top: 12.8vw;
    height: 160vw;
  }

  .block-wholesale_detail-brand-list {
    margin-top: 12.8vw;
  }

  .block-wholesale_detail-brand-list ul {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .block-wholesale_detail-brand-list li {
    width: 44.53vw;
    height: 58.93vw;
    background: url(../images/wholesale/detail/bg_brand@2x.png) center no-repeat;
    background-size: contain;
  }

  .block-wholesale_detail-brand-list li:not(:nth-child(-n+2)) {
    margin-top: 2.93vw;
  }

  .block-wholesale_detail-brand-list .list-logo {
    height: 30vw;
  }

  .block-wholesale_detail-brand-list .list-logo img {
    width: 100%;
  }

  .block-wholesale_detail-brand-list .list-comment {
    height: 21vw;
    margin: 0 4.27vw;
    font-size: 3.2vw;
    overflow: hidden;
    line-height: 1.3
  }

  .block-wholesale_detail-brand-list .list-link {
    padding: 0 4.27vw;
    font-size: 3.73vw;
  }

  .block-wholesale_detail-content.content-3 .block-base-btn {
    margin-top: 6.4vw;
  }

  .block-wholesale_detail-content.content-4 {
    margin-top: 17.07vw;
  }

  .block-wholesale_detail-base-list {
    margin-top: 6vw;
  }

  .block-wholesale_detail-base-list li {
    padding: 6.4vw;
    background: url(../images/wholesale/detail/bg_base@2x.png) center no-repeat;
    background-size: 100% 100%;
  }

  .block-wholesale_detail-base-list li + li {
    margin-top: 4.27vw;
  }

  .block-wholesale_detail-base-list li.list-col-2 .list-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .block-wholesale_detail-base-list li.list-col-2 .list-img figure {
    width: 40vw;
  }

  .block-wholesale_detail-base-list li.list-col-2 .list-img .list-name {
    width: 32.27vw;
    margin-left: 6.4vw;
  }

  .block-wholesale_detail-base-list .list-img img {
    width: 100%;
  }

  .block-wholesale_detail-base-list li.list-col-1 .list-name {
    height: 5.33vw;
    margin-top: 7.2vw;
  }

  .block-wholesale_detail-base-list li.list-col-1 .list-name img {
    width: auto;
    height: 100%;
  }

  .block-wholesale_detail-base-list li.list-col-1 .list-comment {
    margin-top: 3vw;
  }

  .block-wholesale_detail-base-list li.list-col-2 .list-comment {
    margin-top: 4vw;
  }

  .block-wholesale_detail-base-list .list-access {
    margin-top: 4vw;
  }

  .block-wholesale_detail-base-list .list-access .list-access-ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 9.6vw;
    padding: 0 3.2vw;
    background: url(../images/wholesale/detail/bg_base_accsess@2x.png) center no-repeat;
    background-size: 100% 100%;
    font-size: 1.4rem;
    font-weight: 600;
  }

  .block-wholesale_detail-base-list .list-access .list-access-detail {
    display: none;
    padding: 4vw 4.27vw;
    background-color: #F0EFEB;
    font-size: 3.47vw;
  }

  .block-wholesale_detail-base-list .list-access .list-access-detail .access,
  .block-wholesale_detail-base-list .list-access .list-access-detail .gmap {
    margin-top: 2.4vw;
  }

  .block-wholesale_detail-base-list .list-access .list-access-ttl::before,
  .block-wholesale_detail-base-list .list-access .list-access-ttl::after {
    content: '';
    display: block;
    position: absolute;
  }

  .block-wholesale_detail-base-list .list-access .list-access-ttl::before {
    top: 50%;
    right: 2.67vw;
    width: 6.4vw;
    height: 6.4vw;
    background-color: #E4E1DC;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  .block-wholesale_detail-base-list .list-access .list-access-ttl::after {
    top: 50%;
    right: 4.87vw;
    width: 1.8vw;
    height: 1.8vw;
    margin-top: -1.33vw;
    border-right: 2px solid #756545;
    border-bottom: 2px solid #756545;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: .15s ease;
    transition: .15s ease;
  }

  .block-wholesale_detail-base-list .list-access .list-access-ttl.is-open::after {
    margin-top: -.33vw;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }

  .block-wholesale_detail-content.content-5 {
    margin-top: 17.07vw;
    padding: 17.07vw 0 17.07vw;
  }

  .block-wholesale_detail-content.content-5 .item-bg-box {
    top: 0;
    height: 100%;
  }

  .block-wholesale_detail-staff-list {
    margin-top: 6.4vw;
  }

  .block-wholesale_detail-staff-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 4.27vw;
    background: url(../images/wholesale/detail/bg_staff@2x.png) center no-repeat;
    background-size: 100% 100%;
  }

  .block-wholesale_detail-staff-list li + li {
    margin-top: 4.27vw;
  }

  .block-wholesale_detail-staff-list .list-img {
    width: 30.93vw;
  }

  .block-wholesale_detail-staff-list .list-img img {
    width: 100%;
  }

  .block-wholesale_detail-staff-list .list-detail {
    width: 47.73vw;
  }

  .block-wholesale_detail-staff-list .list-name {
    padding-bottom: 1.67vw;
    font-size: 2.67vw;
    letter-spacing: -.06em;
  }

  .block-wholesale_detail-staff-list .list-name figure {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }

  .block-wholesale_detail-staff-list .list-name img {
    height: 4.8vw;
  }

  .block-wholesale_detail-staff-list .list-comment {
    margin-top: 2.5vw;
    font-size: 3.47vw;
  }

  .block-wholesale_detail-staff-list .list-hobby {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 2.67vw;
    margin-top: 2.4vw;
    background: url(../images/wholesale/detail/bg_staff_hobby@2x.png) center no-repeat;
    background-size: 100% 100%;
    font-size: 3.2vw;
  }

  .block-wholesale_detail-staff-list .list-hobby dt {
    margin-right: 1.33vw;
  }

  .block-wholesale_detail-content.content-1 .item-bg-img {
    top: -36.4vw;
    left: 3.47vw;
    width: 29.33vw;
    height: 30.4vw;
    background: url(../images/wholesale/detail/bg_img_01@2x.png) center no-repeat;
    background-size: contain;
  }

  .block-wholesale_detail-content.content-2 .item-bg-img {
    top: -32.3vw;
    right: 8.53vw;
    width: 30.07vw;
    height: 26.4vw;
    background: url(../images/wholesale/detail/bg_img_02@2x.png) center no-repeat;
    background-size: contain;
  }

  .block-wholesale_detail-content.content-5 .item-bg-img {
    top: -27.6vw;
    right: 0;
    width: 33.87vw;
    height: 23.47vw;
    background: url(../images/wholesale/detail/bg_img_03@2x.png) center no-repeat;
    background-size: contain;
  }
}
.new_step,.new_step02{
		max-width: 1020px;
		margin: 100px auto;
	}
	.new_step ul{
		display: flex;
		justify-content: space-between;
		margin: 20px 0;
	}
	.new_step ul li{
		width: calc(100% / 3 - 3em);
		position: relative;
	}
	.new_step ul li:nth-child(1)::after,.new_step ul li:nth-child(2)::after{
		position: absolute;
		content: "";
		width: 0;
		height: 0;
		border-left: 15px solid;
		border-top: 15px solid transparent;
		border-bottom: 15px solid transparent;
		top: 50%;
		right: -40px;
	}
	.new_step h3,.new_step02 h3{ 
		font-size: 2.8rem;
		margin-bottom: 25px;
		font-family: ten-mincho, serif;
		font-weight: normal;
		border-bottom: 6px double;
		padding-bottom: 9px;
	}
	.new_step ul li .new_step_top{
		background-color: #756643;
		color: #fff;
		text-align: center;
		padding: 0.5em 0;
		letter-spacing: 0.15em;
	}
	.new_step ul li .new_step_text{
		background-color: rgba(255,255,255,0.7);
		padding: 1.5em;
		min-height: 175px;
	}
	.new_step ul li .new_step_text h4{
		margin-bottom: 1em;
	}
	.new_step ul li .new_step_text p{
		font-size: 1.2rem;
	}
	.new_step02 ul{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.new_step02 ul li{
		width: calc(100% / 2 - 25px);
		margin-bottom: 50px;
	}
	.new_step02 ul li p{
		font-size: 2rem;
    font-family: ten-mincho, serif;
    font-weight: normal;
    margin-bottom: 10px;
	}
    .block-wholesale_detail-content.content-2 .item-bg-img{
		left: auto;
	}
    .block-wholesale_detail-taiyo-list ul{
		justify-content: space-around;
	}
	@media screen and (max-width: 561px){
		.new_step h3,.new_step02 h3{ 
		font-size: 2rem;
	}
		.new_step{
		margin: 80px auto;
	}
		.new_step ul{
			display: block;
		}
		.new_step ul li{
			width: auto;
		}
		.new_step ul li:nth-child(1),.new_step ul li:nth-child(2){
			margin-bottom: 50px;
		}
		.new_step ul li:nth-child(1)::after,.new_step ul li:nth-child(2)::after{
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-top: 15px solid;
		border-bottom: none;
		top: auto;
			bottom: -33px;
		right: 47%;
	}
		.new_step02 ul li{
		width: calc(100% / 2 - 5px);
		margin-bottom: 30px;
	}
	.new_step02 ul li p{
		font-size: 1.6rem;
	}
		.new_step02 ul li p span{
		font-size: 1rem;
	}
	}