@charset "UTF-8";

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
foundation
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
body {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: min(1.026vw, 16px);
  line-height: 1.8;
  overflow-x: hidden;
  letter-spacing: .1em;
}

@media (max-width: 767px) {
  body {
    font-size: 3.733vw;
  }
}

a:hover,
.tab:hover {
  opacity: .7;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
Object-Component
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.c-container {
  width: 89.744vw;
  max-width: 1400px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .c-container {
    width: 87.2vw;
    margin: 0 auto;
    padding: 0;
  }
}

.c-pcdisplay {
  display: inline-block;
}

@media (max-width: 767px) {
  .c-pcdisplay {
    display: none;
  }
}

@media (min-width: 768px) {
  .p-fix .c-pcdisplay {
    display: block;
  }
}

.c-spdisplay {
  display: block;
}

@media (min-width: 768px) {
  .c-spdisplay {
    display: none;
  }
}

.sellbrand .c-spdisplay,
.selltool .c-spdisplay {
  display: inline;
}

@media screen and (max-width: 767px) {
  .pcbr {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .spbr {
    display: none !important;
  }
}

.c-serif {
  font-family: 'Noto Serif JP', serif;
}

.c-shadow {
  box-shadow: 0 0.3vw 0.8vw 0 rgba(0, 0, 0, .16);
}

@media (max-width: 767px) {
  .c-shadow {
    box-shadow: 0 2.133vw 4.267vw 0 rgba(0, 0, 0, .16);
  }
}

.c-ttl_en {
  display: block;
  width: 100%;
  margin-bottom: 2vw;
  margin-bottom: min(2vw, 30px);
}

@media (max-width: 767px) {
  .c-ttl_en {
    margin-bottom: 4vw;
  }
}

.c-ttl_ja {
  font-size: min(1.346vw, 21px);
  display: block;
  width: 100%;
  margin-bottom: 4.6vw;
  margin-bottom: min(4.6vw, 72px);
  letter-spacing: .06rem;
}

@media (max-width: 767px) {
  .c-ttl_ja {
    font-size: 3.733vw;
    line-height: 1.6;
    margin-bottom: 10vw;
  }
}

.c-ttl_main {
  font-size: min(2.564vw, 40px);
  line-height: 1;
  display: block;
  margin-bottom: min(1.923vw, 30px);
  letter-spacing: .1rem;
}

@media (max-width: 767px) {
  .c-ttl_main {
    font-size: 5.6vw;
    margin-bottom: 5.333vw;
    letter-spacing: .01rem;
  }
}

.c-ttl_sub {
  font-size: min(1.41vw, 22px);
  display: block;
  letter-spacing: .1rem;
}

@media (max-width: 767px) {
  .c-ttl_sub {
    font-size: 3.2vw;
    line-height: 2;
    letter-spacing: .01rem;
  }
}

/* tab */
.tab-group {
  display: flex;
  justify-content: flex-start;
  margin-top: -1vw;
  margin-bottom: 3.846vw;
}

.tab {
  line-height: min(3.846vw, 60px);
  width: 17.308vw;
  max-width: 270px;
  height: 3.846vw;
  max-height: 60px;
  list-style: none;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  color: #1daabf;
  border: solid 1px #1daabf;
  border-radius: 6.41vw;
  background-color: #fff;
}

.tab:not(:last-child) {
  margin-right: min(1.282vw, 20px);
}

.tab.is-active {
  transition: all .2s ease-out;
  color: #fff;
  background-color: #1daabf;
}

.panel {
  display: none;
  width: 12.821vw;
  max-width: 200px;
}

@media (max-width: 767px) {
  .panel {
    width: 100%;
    max-width: initial;
  }

  .p-flow_panel .panel {
    margin: 0 auto;
  }
}

.panel.is-show {
  display: block;
}

.panel_inner {
  display: inline-flex;
  width: 100%;
}

@media (max-width: 767px) {
  .panel_inner {
    flex-direction: column;
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
Object-Project
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/* ttlimg */
img[src$='ttl_pickup.svg'] {
  width: 21.216vw;
  max-width: 330px;
  height: 1.98vw;
}

img[src$='ttl_feature.svg'] {
  width: 14.103vw;
  max-width: 219px;
  height: 1.98vw;
}

img[src$='ttl_flowofuse.svg'] {
  width: 20.833vw;
  max-width: 324px;
  height: 1.98vw;
}

img[src$='ttl_access.svg'] {
  width: 19.231vw;
  max-width: 300px;
  height: 1.98vw;
}

@media screen and (max-width: 767px) {
  img[src$='ttl_pickup.svg'] {
    width: 53.333vw;
    height: 4.912vw;
    max-width: initial;
  }

  img[src$='ttl_feature.svg'] {
    width: 34.933vw;
    height: 4.912vw;
    max-width: initial;
  }

  img[src$='ttl_flowofuse.svg'] {
    width: 47.467vw;
    height: 4.912vw;
    max-width: initial;
  }

  img[src$='ttl_access.svg'] {
    width: 45.333vw;
    height: 4.912vw;
    max-width: initial;
  }
}

/* main
  ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* mv ------------------------------------------------------------- */
.p-fix {
  position: fixed;
  z-index: 100;
  right: 2vw;
  bottom: 2vw;
  display: none;
  background-color: #fff;
  padding: min(1.923vw, 30px);
}

@media (max-width: 767px) {
  .p-fix {
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .75);
    width: 100%;
    padding: 4vw;
  }
}

.p-fix_ttl {
  display: block;
  text-align: center;
  padding-bottom: min(1.282vw, 20px);
  font-size: min(1.346vw, 21px);
}

.p-fix_btnarea {
  display: flex;
}

@media (max-width: 767px) {
  .p-fix_btnarea {
    display: flex;
    justify-content: space-between;
  }
}

.p-fix_btnarea li:not(:last-child) {
  margin-right: min(1.282vw, 20px);
}

.p-fix_btnarea .p-mv_signup_btn,
.p-fix_btnarea .p-mv_login_btn {
  width: 16.026vw;
  height: 5.128vw;
  max-width: 250px;
  max-height: 80px;
  line-height: min(5.128vw, 80px);
  font-size: min(1.538vw, 24px);
}

@media (max-width: 767px) {

  .p-fix_btnarea .p-mv_signup_btn,
  .p-fix_btnarea .p-mv_login_btn {
    width: 44vw;
    height: 13.333vw;
    max-width: initial;
    max-height: initial;
    line-height: 13.333vw;
    font-size: 4.8vw;
    border-radius: 1vw;
    font-weight: 400;
    margin-bottom: 0;
  }
}

.p-mv {
  padding-bottom: min(9.615vw, 110px);
}

@media (max-width: 767px) {
  .p-mv {
    padding-bottom: 21.333vw;
  }
}

.p-mv_logo {
  position: relative;
}

.p-mv_logo img {
  position: absolute;
  top: 2vw;
  left: 2vw;
  width: 10.769vw;
  max-width: 168px;
  height: 3.462vw;
}

@media (min-width: 1561px) {
  .p-mv_logo img {
    left: 4vw;
  }
}

@media (max-width: 767px) {
  .p-mv_logo img {
    top: 0;
    left: 0;
    width: 29.6vw;
    height: 14.933vw;
    max-width: initial;
  }
}

.p-mv_ttl {
  width: 100%;
}

.p-mv_ttl img {
  width: 107vw;
  margin-left: calc(50% - 53.5vw);
}

@media (min-width: 1561px) {
  .p-mv_ttl img {
    width: 100%;
    margin-left: initial;
  }
}

@media (max-width: 767px) {
  .p-mv_ttl img {
    width: 100%;
    margin-left: 0;
  }
}

.p-mv_lead {
  width: 27vw;
  margin-top: 0.5vw;
  font-size: min(1.026vw, 16px);
  line-height: 2;
  margin-bottom: 1.8vw;
  letter-spacing: .05rem;
}

@media (min-width: 1561px) {
  .p-mv_lead {
    width: 24.344vw;
    margin-left: 3.7vw;
  }
}

@media (max-width: 767px) {
  .p-mv_lead {
    margin-bottom: 5.333vw;
    letter-spacing: .02rem;
    line-height: 2;
    width: 100%;
    font-size: 3.75vw;
  }
}

.p-mv_catchlist {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.5vw;
}

@media (min-width: 1561px) {
  .p-mv_catchlist {
    margin-left: 3.2vw;
  }
}

@media (max-width: 767px) {
  .p-mv_catchlist {
    justify-content: space-between;
    margin-bottom: 10.667vw;
  }
}

@media (max-width: 767px) {
  .p-mv_catch {
    margin-right: 0;
  }
}

.p-mv_catch img {
  width: 11.731vw;
}

@media (min-width: 1561px) {
  .p-mv_catch img {
    width: 10vw;
  }
}

@media (max-width: 767px) {
  .p-mv_catch img {
    width: 25.867vw;
  }
}

.p-mv .p-mv_btnarea {
  justify-content: space-between;
  display: flex;
}

@media (min-width: 1561px) {
  .p-mv .p-mv_btnarea {
    margin-left: 3.2vw;
  }
}

@media (max-width: 767px) {
  .p-mv .p-mv_btnarea {
    display: block;
    margin-left: 0;
  }
}

.p-mv_detail {
  position: absolute;
  top: 28.436vw;
  left: 6vw;
}

.p-mv_detail.c-container {
  width: 38.5vw;
}

@media (min-width: 1561px) {
  .p-mv_detail {
    position: absolute;
    top: 26.436vw;
    left: 6vw;
  }

  .p-mv_detail.c-container {
    width: 35.5vw;
  }
}

@media (max-width: 767px) {
  .p-mv_detail {
    position: initial;
    margin-top: 5.5vw;
  }

  .p-mv_detail.c-container {
    width: 87.2vw;
  }
}

.p-mv_signup_btn {
  font-size: min(1.538vw, 24px);
  line-height: 5.128vw;
  position: relative;
  display: block;
  width: 18.269vw;
  height: 5.128vw;
  text-align: center;
  letter-spacing: .15em;
  color: #fff;
  border-radius: .321vw;
  border-radius: 5px;
  background: linear-gradient(to right, #fda700, #fd9500);
}

@media (min-width: 1561px) {
  .p-mv_signup_btn {
    width: 14.844vw;
    height: 4.167vw;
    line-height: 4.167vw;
    font-size: min(1.25vw, 24px);
  }
}

@media (max-width: 767px) {
  .p-mv_signup_btn {
    font-size: 4.8vw;
    font-weight: 400;
    line-height: 13.1vw;
    width: 70vw;
    height: 13.333vw;
    margin: 0 auto;
    margin-bottom: 5.333vw;
    border-radius: 13.333vw;
    letter-spacing: 0.7vw;
  }
}

.p-mv_login_btn {
  font-size: min(1.538vw, 24px);
  line-height: 5.128vw;
  position: relative;
  display: block;
  width: 18.269vw;
  height: 5.128vw;
  text-align: center;
  letter-spacing: .15em;
  color: #FD9500;
  border-radius: .321vw;
  border-radius: 5px;
  border: 1px solid #FD9500;
  background: #fff;
}

@media (min-width: 1561px) {
  .p-mv_login_btn {
    width: 14.844vw;
    height: 4.167vw;
    line-height: 4.167vw;
    font-size: min(1.25vw, 24px);
  }
}

@media (max-width: 767px) {
  .p-mv_login_btn {
    font-size: 4.8vw;
    font-weight: 400;
    line-height: 13.1vw;
    width: 70vw;
    height: 13.333vw;
    margin: 0 auto;
    border-radius: 13.333vw;
    letter-spacing: 0.7vw;
  }
}

/* pickup ------------------------------------------------------------- */
.p-pickup {
  overflow-x: hidden;
}

@media (max-width: 767px) {
  .p-pickup {
    margin-bottom: 5.333vw;
  }
}

.p-pickup_bg {
  padding-top: min(9.615vw, 150px);
  padding-bottom: 13vw;
  background: url(../img/bg1.jpg) no-repeat top left -10vw / contain;
  background-size: min(93.333vw, 1456px) min(28.846vw, 450px);
}

@media (min-width: 2561px) {
  .p-pickup_bg {
    background-size: 80vw min(28.846vw, 450px);
  }
}

@media (min-width: 1561px) {
  .p-pickup_bg {
    padding-bottom: min(12.2vw, 180px);
    background: url(../img/bg1.jpg) no-repeat top left 0 / contain;
    background-size: min(93.333vw, 1456px) min(28.846vw, 450px);
  }
}

@media (max-width: 767px) {
  .p-pickup_bg {
    padding-top: 14vw;
    padding-bottom: 20vw;
    background: url(../img/sp/bg1.jpg) no-repeat top left/contain;
    background-size: 83.733vw 64vw;
  }
}

.p-pickup_ttl {
  color: #fff;
}

.p-pickup_inner {
  display: flex;
}

.p-pickup_list {
  display: flex;
  list-style: none;
  -webkit-animation: infinity-scroll-left 95s infinite linear .5s both;
  animation: infinity-scroll-left 95s infinite linear .5s both;
}

.p-pickup_list_item {
  width: 12.821vw;
  max-width: 208px;
  margin-right: 2.564vw;
}

@media (max-width: 767px) {
  .p-pickup_list_item {
    width: 42.667vw;
    height: 42.667vw;
    margin-right: 6.4vw;
  }
}

.p-pickup_list_item_img {
  width: 100%;
}

.p-pickup_list_item_txt {
  margin-top: min(1.8vw, 27px);
  text-align: center;
}

@media (max-width: 767px) {
  .p-pickup_list_item_txt {
    font-size: 3.2vw;
  }
}

/* css slider */
@-webkit-keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

/* feature ------------------------------------------------------------- */
.p-feature {
  position: relative;
  overflow-x: hidden;
  padding-bottom: min(12vw, 185px);
}

@media (max-width: 767px) {
  .p-feature {
    padding-bottom: 15vw;
  }
}

.p-feature_bg {
  background: url(../img/bg_livenet.svg) no-repeat left -46vw top/contain;
  background-size: min(101.09vw, 1577px) min(14.359vw, 224px);
}

.p-feature_bg::after {
  position: absolute;
  z-index: -5;
  right: -12vw;
  bottom: 0;
  display: inline-block;
  width: 85.256vw;
  max-width: 1330px;
  height: 45.641vw;
  max-height: 712px;
  content: '';
  background: url(../img/bg_feature02.png);
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 1760px) {
  .p-feature_bg {
    background: url(../img/bg_livenet.svg) no-repeat left -545px top/contain;
    background-size: min(101.09vw, 1577px) min(14.359vw, 224px);
    right: -20vw;
  }

  .p-feature_bg::after {
    right: 0;
  }
}

@media (max-width: 767px) {
  .p-feature_bg {
    width: 101.09vw;
    background-size: initial;
    background: url(../img/bg_livenet.svg) no-repeat left -58vw top 3vw/contain;
  }

  .p-feature_bg::after {
    width: 56.267vw;
    height: 92.8vw;
    background: url(../img/sp/bg_feature02.png);
    right: 0;
  }
}

.p-feature_ttl_wrap {
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 767px) {
  .p-feature_ttl_wrap {
    display: initial;
    text-align: right;
  }
}

.p-feature_slider {
  padding-left: 4.128vw;
  margin-top: -2vw;
}

@media (min-width: 1561px) {
  .p-feature_slider {
    padding-left: min(13.542vw, 240px);
    padding-left: 13.542vw;
    padding-left: calc((100vw - 1440px)/2);
  }
}

@media (max-width: 767px) {
  .p-feature_slider {
    padding-left: 4.4vw;
    width: 100vw;
    margin-left: initial;
  }
}

.p-feature_slider_item {
  max-width: 691px;
  margin-right: 2.8vw;
  margin-bottom: min(2vw, 30px);
  margin-top: min(1vw, 30px);
}

@media (max-width: 767px) {
  .p-feature_slider_item {
    width: 74.667vw;
    margin-right: 3.2vw;
    margin-left: 3.2vw;
    margin-bottom: 5vw;
  }
}

@media (min-width: 1561px) {
  .p-feature_slider_item {
    margin-right: min(3.7vw, 70px);
  }
}

.p-feature_slider_item_inner {
  margin-left: 1vw;
}

@media (max-width: 767px) {
  .p-feature_slider_item_inner {
    margin-left: 3vw;
  }
}

.p-feature_slider_item_img {
  width: 36vw;
  max-width: 660px;
  height: 20vw;
  max-height: 440px;
  text-align: center;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 767px) {
  .p-feature_slider_item_img {
    width: 74.667vw;
    height: 49.6vw;
  }
}

.p-feature_slider_item_cont {
  width: 36vw;
  max-width: 660px;
  height: 18vw;
  max-height: 272px;
  padding-left: min(2.5vw, 60px);
  padding-right: min(2.5vw, 60px);
  padding-top: min(3vw, 40px);
  padding-bottom: min(3vw, 40px);
  background-color: #fff;
  position: relative;
}

@media (max-width: 767px) {
  .p-feature_slider_item_cont {
    width: 74.667vw;
    height: initial;
    min-height: 49vw;
    padding-left: 4.267vw;
    padding-right: 4.267vw;
    padding-top: 6.4vw;
    padding-bottom: 6.4vw;
  }
}

.p-feature_slider_item_ttl {
  font-size: min(1.9vw, 32px);
  line-height: 1.6;
  margin-bottom: .8vw;
  letter-spacing: 0.02rem;
}

@media (max-width: 767px) {
  .p-feature_slider_item_ttl {
    margin-top: 1vw;
    margin-bottom: 1.867vw;
    letter-spacing: 0.03rem;
    font-size: 4.267vw;
  }
}

.p-feature_slider_item_txt {
  font-size: min(1.154vw, 18px);
  line-height: 2;
  width: 100%;
  letter-spacing: 0rem;
}

@media (max-width: 767px) {
  .p-feature_slider_item_txt {
    font-size: 3.2vw;
    line-height: 1.9;
    letter-spacing: initial;
  }
}

@media (max-width: 767px) {
  .p-feature_slider_item_txt {
    letter-spacing: 0.02rem;
  }
}

.p-feature_slider_item_ttl01::before {
  position: absolute;
  top: -1.8vw;
  left: min(2.5vw, 60px);
  display: inline-block;
  width: 4.808vw;
  max-width: 68px;
  height: 3.526vw;
  content: '';
  background-image: url(../img/feature01_num.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.p-feature_slider_item_ttl02::before {
  position: absolute;
  top: -1.8vw;
  left: min(2.5vw, 60px);
  display: inline-block;
  width: 4.808vw;
  max-width: 75px;
  height: 3.526vw;
  content: '';
  background-image: url(../img/feature02_num.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.p-feature_slider_item_ttl03::before {
  position: absolute;
  top: -1.8vw;
  left: min(2.5vw, 60px);
  display: inline-block;
  width: 4.808vw;
  max-width: 75px;
  height: 3.526vw;
  content: '';
  background-image: url(../img/feature03_num.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.p-feature_slider_item_ttl04::before {
  position: absolute;
  top: -1.8vw;
  left: min(2.5vw, 60px);
  display: inline-block;
  width: 4.808vw;
  max-width: 75px;
  height: 3.526vw;
  content: '';
  background-image: url(../img/feature04_num.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 767px) {
  .p-feature_slider_item_ttl01::before {
    top: -2.5vw;
    left: 4vw;
    width: 6.933vw;
    max-width: initial;
    height: 5.6vw;
  }

  .p-feature_slider_item_ttl02::before {
    top: -2.5vw;
    left: 4vw;
    width: 7.2vw;
    max-width: initial;
    height: 5.6vw;
  }

  .p-feature_slider_item_ttl03::before {
    top: -2.5vw;
    left: 4vw;
    width: 7.2vw;
    max-width: initial;
    height: 5.6vw;
  }

  .p-feature_slider_item_ttl04::before {
    top: -2.5vw;
    left: 4vw;
    width: 7.2vw;
    max-width: initial;
    height: 5.333vw;
  }
}

.slick-arrow {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 0;
  width: 1.042vw;
  height: 1.979vw;
  max-width: 20px;
  max-height: 38px;
  z-index: 1;
  background-color: rgba(255, 255, 255, .55);
  padding: 2vw;
  border-radius: 100%;
}

.slick-next::before,
.slick-next::after,
.slick-prev::before,
.slick-prev::after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.slick-next::after,
.slick-prev::after {
  width: 1vw;
  height: 1vw;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
}

.slick-next:focus,
.slick-prev:focus {
  background-color: rgba(255, 255, 255, .55);
}

.slick-next:hover,
.slick-prev:hover {
  background-color: rgba(255, 255, 255, .55);
  opacity: 0.7;
}

/* next */
.slick-next {
  right: 1vw;
}

@media (min-width: 1921px) {
  .slick-next {
    right: calc((100vw - 1920px)/2);
  }
}

.slick-next::after {
  transform: rotate(45deg);
  margin-left: -0.7vw;
}

/* prev */
.slick-prev {
  left: 1vw;
}

@media (min-width: 1921px) {
  .slick-prev {
    left: calc((100vw - 1920px)/2);
  }
}

.slick-prev::after {
  transform: rotate(-135deg);
  margin-left: -0.3vw;
}

.slick-dots {
  left: 50%;
  transform: translateX(-50%);
}

/* member ------------------------------------------------------------- */
.p-member_bg {
  padding-top: min(9.615vw, 150px);
  background: url(../img/bg2.jpg) no-repeat top center/cover;
  background-size: auto min(41.154vw, 642px);
}

@media (max-width: 767px) {
  .p-member_bg {
    padding-top: 15vw;
    background: url(../img/sp/bg2.jpg) no-repeat top center/contain;
  }
}

.p-member_ttl_wrap {
  display: flex;
  justify-content: center;
  margin-bottom: min(6vw, 90px);
  text-align: center;
  color: #fff;
}

@media (max-width: 767px) {
  .p-member_ttl_wrap {
    margin-bottom: 8.8vw;
  }
}

.p-member_list {
  display: flex;
  justify-content: center;
  gap: 3.846vw;
}

@media (max-width: 767px) {
  .p-member_list {
    flex-direction: column;
    gap: 6.667vw;
  }
}

.p-member_list_item {
  position: relative;
  width: 42.949vw;
  max-width: 670px;
  height: 25.641vw;
  max-height: 400px;
  padding: min(3vw, 50px);
  text-align: center;
  background-color: #fff;
}

@media (max-width: 767px) {
  .p-member_list_item {
    width: initial;
    height: initial;
    max-height: initial;
    padding: 6.4vw 5.333vw;
  }
}

.p-member_list_item::before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 7.692vw;
  height: 7.692vw;
  content: '';
  background-size: cover;
}

@media (max-width: 767px) {
  .p-member_list_item::before {
    width: 18.667vw;
    height: 18.667vw;
  }
}

.p-member_list_item.first::before {
  background-image: url(../img/fee_label_first.png);
  width: 7.692vw;
  height: 7.692vw;
  max-width: 120px;
  max-height: 120px;
}

@media (max-width: 767px) {
  .p-member_list_item.first::before {
    width: 18.667vw;
    height: 18.667vw;
    max-width: initial;
    max-height: initial;
  }
}

.p-member_list_item.renew::before {
  background-image: url(../img/fee_label_renew.png);
  width: 7.692vw;
  height: 7.692vw;
  max-width: 120px;
  max-height: 120px;
}

@media (max-width: 767px) {
  .p-member_list_item.renew::before {
    width: 18.667vw;
    height: 18.667vw;
    max-width: initial;
    max-height: initial;
  }
}

.p-member_list_item_ttl {
  font-size: min(1.923vw, 30px);
}

@media (max-width: 767px) {
  .p-member_list_item_ttl {
    font-size: 4.8vw;
  }
}

.p-member_list_item_line {
  display: block;
  width: 100%;
  width: 35.256vw;
  max-width: 550px;
  margin-top: 1.667vw;
  margin-bottom: 2.564vw;
  padding-top: min(1.5vw, 15px);
  padding-bottom: min(2.5vw, 42px);
}

@media (max-width: 767px) {
  .p-member_list_item_line {
    width: 74.4vw;
    margin-top: 4.267vw;
    margin-bottom: 6.4vw;
    padding-top: 3.667vw;
    padding-bottom: 6.4vw;
  }
}

.p-member_list_item_price {
  width: 21.667vw;
  max-width: 338px;
}

@media (max-width: 767px) {
  .p-member_list_item_price {
    width: 50.667vw;
  }
}

.p-member_list_item img {
  display: block;
  margin: 0 auto;
}

.p-member_list_item_txt {
  font-size: min(1.154vw, 18px);
  padding-top: 1.2vw;
  text-align: left;
  line-height: 2;
}

@media (max-width: 767px) {
  .p-member_list_item_txt {
    font-size: 3.2vw;
    line-height: 2;
    padding-top: 5.2vw;
    letter-spacing: .01rem;
  }
}

/* flow ------------------------------------------------------------- */
.p-flow {
  padding-top: min(12.821vw, 200px);
}

@media (max-width: 767px) {
  .p-flow {
    padding-top: 23vw;
  }
}

.p-flow_bg {
  background: url(../img/bg_auction.svg) no-repeat right -29vw top/contain;
  background-size: min(91.474vw, 1427px) min(14.744vw, 230px);
}

@media (min-width: 1561px) {
  .p-flow_bg {
    background: url(../img/bg_auction.svg) no-repeat right -270px top/contain;
    background-size: min(91.474vw, 1427px) min(14.744vw, 230px);
  }
}

@media (max-width: 767px) {
  .p-flow_bg {
    width: initial;
    background-size: initial;
    background: url(../img/bg_auction.svg) no-repeat right -60vw top/contain;
  }
}

.p-flow_ttl_wrap {
  margin-bottom: min(5.128vw, 80px);
}

.p-flow .panel-group {
  margin-bottom: min(9.615vw, 140px);
}

.p-flow_tab {
  font-size: min(1.538vw, 24px);
  margin-bottom: min(3.846vw, 60px);
}

@media (max-width: 767px) {
  .p-flow_tab {
    font-size: 3.2vw;
    margin-bottom: 10.667vw;
  }

  .p-flow_tab .tab {
    width: initial;
    height: initial;
    padding: 1.333vw 2.667vw;
    letter-spacing: 0;
    margin-right: 3vw;
  }
}

.p-flow_list {
  display: flex;
  justify-content: center;
  width: 89.744vw;
  max-width: 1400px;
  text-align: center;
  column-gap: min(3.846vw, 60px);
}

@media (max-width: 767px) {
  .p-flow_list {
    align-items: center;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
  }
}

.p-flow_list_item {
  width: 19.551vw;
  max-width: 305px;
}

@media (max-width: 767px) {
  .p-flow_list_item {
    margin-bottom: 9.067vw;
    width: initial;
    max-width: initial;
  }
}

.p-flow_list_item img {
  width: 19.551vw;
  max-width: 305px;
}

@media (max-width: 767px) {
  .p-flow_list_item img {
    max-width: initial;
    width: 48vw;
    height: 48vw;
  }
}

.p-flow_list_item_ttl {
  font-size: min(1.41vw, 22px);
  margin-top: min(2vw, 30px);
  margin-bottom: min(.6vw, 20px);
  text-align: center;
  color: #1daabf;
  letter-spacing: 0.05rem;
}

@media (max-width: 767px) {
  .p-flow_list_item_ttl {
    font-size: 4.533vw;
    margin-top: 4.8vw;
    margin-bottom: 1.867vw;
    margin-right: 0;
    margin-left: 0;
  }
}

.p-flow_list_item_txt {
  font-size: min(1.154vw, 18px);
  line-height: 2;
  text-align: center;
  letter-spacing: 0.05rem;
}

@media (max-width: 767px) {
  .p-flow_list_item_txt {
    font-size: 3.733vw;
    line-height: 1.8;
    margin-right: 0;
    margin-left: 0;
    letter-spacing: .03rem;
  }
}

/* access ------------------------------------------------------------- */
.p-access {
  margin-bottom: min(12.821vw, 195px);
}

@media (max-width: 767px) {
  .p-access {
    margin-bottom: 0;
  }
}

.p-access_bg {
  padding-bottom: min(12.821vw, 210px);
  background: url(../img/bg3.jpg) no-repeat top center/cover;
  height: 64.103vw;
  max-height: 1000px;
}

@media (max-width: 767px) {
  .p-access_bg {
    padding-bottom: 65vw;
    background: url(../img/sp/bg3.jpg) no-repeat top center/contain;
    height: initial;
    max-height: initial;
  }
}

.p-access_inner {
  padding-top: min(18.628vw, 290px);
}

@media (max-width: 767px) {
  .p-access_inner {
    padding-top: 21.333vw;
  }
}

.p-access_ttl {
  margin-left: min(54.872vw, 850px);
}

@media (max-width: 767px) {
  .p-access_ttl {
    width: initial;
    text-align: center;
    margin-left: initial;
  }

  .p-access_ttl .c-ttl_ja {
    margin-bottom: 6vw;
    text-align: center;
    color: #fff;
  }

  .p-access_ttl .c-spdisplay {
    display: inline;
    text-align: center;
  }
}

.p-access_tab {
  font-size: min(1.538vw, 24px);
  margin-left: min(54.872vw, 845px);
}

@media (max-width: 767px) {
  .p-access_tab {
    font-size: 3.733vw;
    justify-content: center;
    width: initial;
    margin: 0 auto;
    margin-bottom: 10.667vw;
  }
}

.p-access_tab.tab-group {
  margin-bottom: min(3.846vw, 50px);
}

@media (max-width: 767px) {
  .p-access_tab.tab-group {
    margin-bottom: 11vw;
  }
}

.p-access_tab .tab {
  width: min(12.821vw, 200px);
}

@media (max-width: 767px) {
  .p-access_tab .tab {
    line-height: 6.5vw;
    width: 26.667vw;
    height: 6.933vw;
  }
}

@media (max-width: 767px) {
  .p-access .tab:not(:last-child) {
    margin-right: 4vw;
  }
}

.p-access_panel .panel {
  width: 100%;
  width: initial;
  max-width: initial;
}

.p-access .panel_inner {
  display: block;
}

.panel.kanto,
.panel.kansai {
  position: relative;
}

.p-access_inner_map iframe {
  width: 49.359vw;
  max-width: 770px;
  height: 33.333vw;
  max-height: 520px;
  margin-top: -21%;
  margin-right: 4.2vw;
}

@media (max-width: 767px) {
  .p-access_inner_map iframe {
    width: 87.2vw;
    height: 58.667vw;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 5vw;
  }
}

.p-access_list {
  position: absolute;
  top: 0;
}

@media (max-width: 767px) {
  .p-access_list {
    top: initial;
    width: 100%;
    margin-top: 1.867vw;
    margin-left: 0;
  }
}

.p-access_list_ttl {
  margin-left: min(54.872vw, 850px);
  margin-bottom: 0.4vw;
  font-size: min(1.538vw, 24px);
  font-weight: 700;
}

@media (max-width: 767px) {
  .p-access_list_ttl {
    font-size: 4.267vw;
    width: 100%;
    margin: 0;
    margin-bottom: 0.8vw;
    letter-spacing: .01rem;
  }
}

.p-access_list_ttl_sub {
  margin-left: min(54.872vw, 850px);
  margin-bottom: 1.5vw;
  font-size: min(1.538vw, 24px);
  font-weight: 700;
  font-size: min(1.154vw, 18px);
}

@media (max-width: 767px) {
  .p-access_list_ttl_sub {
    font-size: 4.267vw;
    width: 100%;
    margin: 0;
    margin-bottom: 2.667vw;
    margin-left: 0;
    letter-spacing: .01rem;
    font-size: 3.733vw;
  }
}

.p-access_list_txt {
  margin-bottom: 1vw;
  margin-left: min(54.872vw, 850px);
}

@media (max-width: 767px) {
  .p-access_list_txt {
    margin-bottom: 3.3vw;
    margin-left: initial;
  }
}

.p-access_list_txt_inner {
  display: flex;
  align-items: center;
}

.p-access_list_txt_inner>dt {
  font-size: min(1.154vw, 18px);
  width: 6.5vw;
}

@media (max-width: 767px) {
  .p-access_list_txt_inner>dt {
    font-size: 3.733vw;
    width: 21.333vw;
  }

  .p-access_list_txt_inner>dd {
    letter-spacing: .12rem;
  }
}

/* contact ------------------------------------------------------------- */
.p-contact {
  margin-bottom: min(12.821vw, 200px);
  color: #fff;
}

@media (max-width: 767px) {
  .p-contact {
    margin-bottom: 0;
    text-align: center;
  }
}

.p-contact_bg {
  background: linear-gradient(to right, #2E4099, #3146CC);
}

.p-contact .c-container {
  width: 70.513vw;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0;
}

@media (max-width: 767px) {
  .p-contact .c-container {
    width: 100%;
  }
}

.p-contact_inner {
  display: flex;
  justify-content: center;
  padding-top: min(3.5vw, 60px);
  padding-bottom: min(3.5vw, 60px);
  text-align: center;
}

@media (max-width: 767px) {
  .p-contact_inner {
    padding-top: 16vw;
    padding-bottom: 16vw;
    flex-direction: column;
  }
}

.p-contact h2 {
  font-size: min(1.154vw, 18px);
  margin-bottom: .8vw;
}

@media (max-width: 767px) {
  .p-contact h2 {
    font-size: 4.8vw;
    line-height: 1;
  }
}

.p-contact_tel {
  margin-right: min(5.128vw, 80px);
  padding-right: min(5.128vw, 80px);
  border-right: 1px solid #828ed1;
}

@media (max-width: 767px) {
  .p-contact_tel {
    margin: 0;
    padding: 0;
    border: none;
  }
}

.p-contact_tel_note {
  font-size: min(1.154vw, 18px);
}

@media (max-width: 767px) {
  .p-contact_tel_note {
    font-size: 3.733vw;
  }
}

.p-contact_tel_icon {
  display: block;
  font-size: min(2.564vw, 40px);
  font-weight: 700;
  margin-bottom: min(0.4vw, 3px);
}

@media (max-width: 767px) {
  .p-contact_tel_icon {
    font-size: 4.8vw;
    line-height: 13.333vw;
    letter-spacing: 0.01rem;
    display: block;
    width: 74.4vw;
    height: 13.333vw;
    margin: 0 auto;
    margin-top: 8vw;
    margin-bottom: 2.667vw;
    color: #3146cc;
    border-radius: 26.667vw;
    background-color: #fff;
  }
}

.p-contact_form_icon {
  display: block;
  font-size: min(1.795vw, 28px);
  font-weight: 700;
  line-height: min(6.41vw, 100px);
  display: block;
  width: 21.987vw;
  max-width: 343px;
  height: 6.41vw;
  max-height: 100px;
  margin-top: 1.2vw;
  color: #2e4099;
  border-radius: .321vw;
  background-color: #fff;
}

@media (max-width: 767px) {
  .p-contact_form_icon {
    font-size: 4.8vw;
    line-height: 11.667vw;
    width: 74.4vw;
    height: 13.333vw;
    max-width: initial;
    margin: 0 auto;
    margin-top: 5.333vw;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 26.667vw;
    background: linear-gradient(to right, #2E4099, #3146CC);
  }
}

.p-contact_tel_icon::before {
  display: inline-block;
  width: 1.923vw;
  max-width: 30px;
  height: 2.564vw;
  margin-right: min(1.7vw, 25px);
  content: '';
  vertical-align: middle;
  background-image: url(../img/icon_tel.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 767px) {
  .p-contact_tel_icon::before {
    width: 4.267vw;
    height: 5.6vw;
    background-image: url(../img/sp/icon_tel.svg);
  }
}

.p-contact_form_icon::before {
  display: inline-block;
  width: 2.821vw;
  max-width: 44px;
  height: min(1.923vw, 30px);
  margin-right: min(1.282vw, 20px);
  margin-left: min(1.282vw, 20px);
  content: '';
  vertical-align: middle;
  background-image: url(../img/icon_mail.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

@media (max-width: 767px) {
  .p-contact_form_icon::before {
    width: 7.467vw;
    height: 5.333vw;
    background-image: url(../img/sp/icon_mail.svg);
  }
}

/* footer ------------------------------------------------------------- */
.p-footer {
  color: #fff;
  background-color: #000;
}

.p-footer_inner {
  display: flex;
  justify-content: space-between;
  padding-top: min(8.333vw, 125px);
  padding-bottom: min(20vw, 270px);
}

@media (max-width: 767px) {
  .p-footer_inner {
    flex-direction: column;
    padding-top: 21.333vw;
    padding-bottom: 21.333vw;
  }
}

.p-footer_left_img {
  width: min(11.218vw, 170px);
  height: 3.59vw;
  margin-bottom: min(1.603vw, 20px);
}

@media (max-width: 767px) {
  .p-footer_left_img {
    width: 23.2vw;
    height: 7.2vw;
    margin-bottom: 3.333vw;
  }
}

.p-footer_right {
  margin-top: min(5.449vw, 90px);
  text-align: right;
}

@media (max-width: 767px) {
  .p-footer_right {
    text-align: left;
    margin-top: 6vw;
  }
}

.p-footer_address {
  margin-bottom: min(3.846vw, 55px);
}

@media (max-width: 767px) {
  .p-footer_address {
    margin-bottom: 12vw;
  }
}

.p-footer_sns {
  display: flex;
  justify-content: space-between;
  text-align: center;
  column-gap: min(2.564vw, 40px);
}

@media (max-width: 767px) {
  .p-footer_sns {
    margin-bottom: 5.333vw;
  }
}

.p-footer_sns_btn {
  font-weight: 700;
  line-height: min(3.846vw, 60px);
  display: block;
  width: 12.821vw;
  max-width: 200px;
  max-height: 60px;
  height: 3.846vw;
  text-align: center;
  color: #fff;
  border: 1px solid #fff;
}

@media (max-width: 767px) {
  .p-footer_sns_btn {
    line-height: 12vw;
    width: 40.533vw;
    height: 12vw;
    max-width: initial;
    max-height: initial;
  }
}

.p-footer_menu {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1.5vw;
  column-gap: 3.077vw;
  font-size: min(0.97vw, 15px);
}

@media (max-width: 767px) {
  .p-footer_menu {
    justify-content: flex-start;
    column-gap: 6.667vw;
  }

  .p-footer_menu_item a {
    font-size: 3.2vw;
    white-space: nowrap;
    letter-spacing: 0;
  }
}

.copylight {
  display: block;
  margin-top: 2.564vw;
  letter-spacing: .1rem;
  font-size: min(1.1vw, 17px);
  margin-top: min(4.3vw, 60px);
}

@media (max-width: 767px) {
  .copylight {
    margin-top: 16vw;
    text-align: left;
    letter-spacing: 0.01rem;
    font-size: 3vw;
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
Object-utility
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.p-member {
  margin-top: -1.282vw;
}

@media (max-width: 767px) {
  .p-member {
    margin-top: initial;
  }
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
animation
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.fadeIn {
  animation-name: fadeInAnime;
  animation-duration: 1.5s;
  opacity: 0;
  animation-fill-mode: forwards;
}

@keyframes fadeInAnime {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* 下から */
.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 1.5s;
  opacity: 0;
  animation-fill-mode: forwards;
}

@keyframes fadeUpAnime {
  from {
    transform: translateY(30px);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.fadeInTrigger,
.fadeUpTrigger {
  opacity: 0;
}