@charset "utf-8";
#suntoryCommonHeader {
  z-index: 3;
}
#suntoryCommonFooter {
  position: relative;
  z-index: 3;
}
#suntory_contents {
  z-index: 1;
}
main {
  z-index: 2;
}
.p-members {
  color: #333;
  font-family: 'Noto Sans JP', sans-serif;
}
.p-members * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.p-members a {
  color: inherit;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.p-members .bold, .p-members .link {
  font-weight: 700;
}
.p-members .link {
  text-decoration: underline;
}
.pd-block {
  display: block;
  padding-block: 20px;
}
@media screen and (max-width: 767px) {
  .pd-block {
    padding-block: 8px;
  }
  .p-members .bold, .p-members a.link {
    display: inline-block;
  }
  .p-members .bold {
    padding-top: 5px;
  }
  .p-members a.link {
    padding-bottom: 12px;
  }
}
.p-members a:hover {
  opacity: 0.8;
}
.p-members a.blank {
  text-decoration: underline;
  position: relative;
}
.p-members a.blank::after {
  content: "";
  display: inline-block;
  width: 1.15em;
  height: 1.15em;
  background: url("../img/ico_window.svg") no-repeat center bottom;
  background-size: 100% auto;
}
@media screen and (min-width: 768px) {
  .p-members a.blank::after {
    padding-top: 2px;
    margin-left: 0.5em;
    margin-right: 0.3em;
  }
}
@media screen and (max-width: 767px) {
  .p-members a.blank::after {
    margin-left: 1.333333333333333vw;
    margin-right: 0.8vw;
  }
}
.p-members a.blank:hover {
  opacity: 0.8;
}

.p-members {
 color: #333;
 font-family: 'Noto Sans JP', sans-serif;
}
.p-members * {
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}
.p-members a {
 color: inherit;
 -webkit-transition: 0.3s;
 transition: 0.3s;
}
.p-members .bold, .p-members .link {
 font-weight: 700;
}
.p-members .link {
 text-decoration: underline;
}
.pd-block {
 display: block;
 padding-block: 20px;
}
@media screen and (max-width: 767px) {
 .pd-block {
  padding-block: 8px;
 }
 .p-members .bold, .p-members a.link {
  display: inline-block;
 }
 .p-members .bold {
  padding-top: 5px;
 }
 .p-members a.link {
  padding-bottom: 12px;
 }
}
.p-members a:hover {
 opacity: 0.8;
}
.p-members a.blank {
 text-decoration: underline;
 position: relative;
}
.p-members a.blank::after {
 content: "";
 display: inline-block;
 width: 1.15em;
 height: 1.15em;
 background: url("../img/ico_window.svg") no-repeat center bottom;
 background-size: 100% auto;
}
@media screen and (min-width: 768px) {
 .p-members a.blank::after {
  padding-top: 2px;
  margin-left: 0.5em;
  margin-right: 0.3em;
 }
}
@media screen and (max-width: 767px) {
 .p-members a.blank::after {
  margin-left: 1.333333333333333vw;
  margin-right: 0.8vw;
 }
}
.p-members a.blank:hover {
 opacity: 0.8;
}
@media screen and (min-width: 768px) {
 .p-members-mv .p-members-mv_bg {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #fff;
 }
 .p-members-mv .p-members-mv_bg.is-scroll .p-members-mv_img::after {
  opacity: 1;
 }
 .p-members-mv .p-members-mv_bg .p-members-mv_img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: opacity 0.8s ease;
  transition: opacity 0.8s ease;
 }
 .p-members-mv .p-members-mv_bg .p-members-mv_img::before, .p-members-mv .p-members-mv_bg .p-members-mv_img::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
 }
 .p-members-mv .p-members-mv_bg .p-members-mv_img::before {
  z-index: 0;
 }
 .p-members-mv .p-members-mv_bg .p-members-mv_img::after {
  z-index: 1;
  opacity: 0;
  -webkit-transition: opacity 0.8s ease;
  transition: opacity 0.8s ease;
 }
 .p-members-mv .p-members-mv_bg .p-members-mv_img::before {
  background-image: url("../img/2026/mv_pc.jpg");
 }
 .p-members-mv .p-members-mv_bg .p-members-mv_img::after {
  background-image: url("../img/mv-blur_pc.jpg");
 }
}
@media screen and (max-width: 767px) {
 .p-members-mv {
  position: relative;
 }
 .p-members-mv .p-members-mv_line {
  position: absolute;
  background: #fff;
  width: 91.46666666666667vw;
  bottom: 2.666666666666667vw;
  left: 50%;
  -webkit-transform: translatex(-50%);
  transform: translatex(-50%);
  padding: 2.666666666666667vw;
  border-radius: 1.6vw;
 }
 .p-members-mv .p-members-mv_btn {
  display: block;
  width: 46.666666666666664vw;
  margin: auto;
 }
 .p-members-mv .p-members-mv_note {
  margin-top: 1.866666666666667vw;
  font-size: 2.4vw;
  color: #333;
  text-align: center;
 }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
 .p-members-mv .p-members-mv_note {
  font-size: 9px;
 }
}
@media screen and (max-width: 767px) {
 .p-members-renewal {
  padding-top: 10vw;
 }
}

@media screen and (min-width: 768px) {
  .p-members-nav {
    width: 100%;
    margin-top: 4.166666666666666vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-nav {
    margin-top: calc(50px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-nav {
    margin-top: 10vw;
  }
}

.p-members-nav .p-members-nav_inner {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-members-nav .p-members-nav_inner {
    padding: 2.5vw 7.166666666666667vw 1.666666666666667vw;
    border-right: 1px solid #012058;
    border-bottom: 1px solid #012058;
    border-left: 1px solid #012058;
    position: relative;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-nav .p-members-nav_inner {
    padding: calc(30px * 0.8) 7%;
  }
}
@media screen and (min-width: 768px) {
  .p-members-nav .p-members-nav_inner:before, .p-members-nav .p-members-nav_inner:after {
    content: "";
    background-color: #012058;
    height: 1px;
    width: 19.666666666666664vw;
    position: absolute;
    top: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-nav .p-members-nav_inner:before, .p-members-nav .p-members-nav_inner:after {
    width: calc(236px * 0.8);
  }
}
@media screen and (min-width: 768px) {
  .p-members-nav .p-members-nav_inner:before {
    left: 0;
  }
}
@media screen and (min-width: 768px) {
  .p-members-nav .p-members-nav_inner:after {
    right: 0;
  }
}
.p-members-nav .p-members-nav_inner .p-members-nav_ttl {
  font-weight: bold;
  color: #002058;
  text-align: center;
}
@media screen and (max-width: 767px) {
.p-members-nav .p-members-nav_inner .p-members-nav_ttl {
  text-align: left;
}
}


@media screen and (min-width: 768px) {
  .p-members-nav .p-members-nav_inner .p-members-nav_ttl {
    display: block;
    width: 100%;
    line-height: 1.5625;
    position: absolute;
    top: -1.25vw;
    left: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-nav .p-members-nav_inner .p-members-nav_ttl {
    top: calc(-15px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-nav .p-members-nav_inner .p-members-nav_ttl {
    font-size: 3.2vw;
    line-height: 1;
  }
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-nav .p-members-nav_inner .p-members-nav_ttl {
    font-size: 1.333333333333333vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-members-nav .p-members-nav_inner .p-members-nav_ttl {
    font-size: 12.8px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-members-nav .p-members-nav_inner .p-members-nav_ttl {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  .p-members-nav .p-members-nav_inner .p-members-nav_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .p-members-nav .p-members-nav_inner .p-members-nav_list {
    margin-top: 5.333333333333334vw;
  }
}
@media screen and (min-width: 768px) {
  .p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item {
    width: 29.583333333333332vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item {
    width: 49%;
  }
}
@media screen and (min-width: 768px) {
  .p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item:nth-of-type(n+3) {
    margin-top: 1.083333333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item:nth-of-type(n+3) {
    margin-top: calc(13px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item:nth-of-type(n+2) {
    margin-top: 3.2vw;
  }
}
.p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item .p-members-nav_link {
  display: block;
  background-color: #002058;
  color: #fff;
  text-align: left;
  border-radius: 100px;
  font-weight: bold;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item .p-members-nav_link {
    width: 100%;
    padding: 1.25vw 8.450704225352112% 1.25vw 16.056338028169016%;
    line-height: 1;
    cursor: pointer;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item .p-members-nav_link {
    padding: calc(15px * 0.8) 8.450704225352112% calc(18px * 0.8) 16.056338028169016%;
  }
}
@media screen and (max-width: 767px) {
  .p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item .p-members-nav_link {
    padding: 4.8vw 8vw 4.8vw 15.466666666666667vw;
    font-size: 3.733333333333334vw;
    line-height: 1;
  }
/*  .p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item.-collaboration-campaign .p-members-nav_link {
    font-size: 3.38vw;
  }*/
}
.p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item .p-members-nav_link .new-icon {
  position: absolute;
  top: -1em;
  z-index: 3;
  display: block;
  padding: 0.4em 0.8em;
  font-size: 10px;
  background: #da2f28;
  border-radius: 1.8em;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item .p-members-nav_link .new-icon {
    left: 2.333333333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item .p-members-nav_link .new-icon {
    left: calc(28px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item .p-members-nav_link .new-icon {
    left: 7.733333333333333vw;
  }
}
.p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item .p-members-nav_link .new-icon:before {
  content: "NEW!";
}
.p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item .p-members-nav_link .new-icon:after {
  content: "";
  position: absolute;
  bottom: -0.5em;
  left: calc(50% - 0.4em);
  border-top: 0.6em solid #da2f28;
  border-right: 0.4em solid transparent;
  border-left: 0.4em solid transparent;
}
.p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item .p-members-nav_link:before, .p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item .p-members-nav_link:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
}
.p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item .p-members-nav_link:before {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item .p-members-nav_link:before {
    width: 3.4vw;
    height: 3.4vw;
    left: 0.5vw;
  }
  /* .p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item:first-child .p-members-nav_link:before {
    width: 2.83vw;
    height: 2.83vw;
    left: 0.8vw;
  } */
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item .p-members-nav_link:before {
    width: calc(44px * 0.8);
    height: calc(44px * 0.8);
    left: calc(6px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item .p-members-nav_link:before {
    width: 11.200000000000001vw;
    height: 11.200000000000001vw;
    left: 2.133333333333333vw;
  }
}
.p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item .p-members-nav_link:after {
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: translateY(-70%) rotate(-45deg);
  transform: translateY(-70%) rotate(-45deg);
}
@media screen and (min-width: 768px) {
  .p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item .p-members-nav_link:after {
    width: 0.583333333333333vw;
    height: 0.583333333333333vw;
    right: 1.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item .p-members-nav_link:after {
    width: calc(7px * 0.8);
    height: calc(7px * 0.8);
    right: calc(18px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item .p-members-nav_link:after {
    width: 1.866666666666667vw;
    height: 1.866666666666667vw;
    right: 4.8vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item .p-members-nav_link {
    font-size: 1.333333333333333vw;
  }
  /* .p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item.-collaboration-campaign .p-members-nav_link {
    font-size: 1.1666666667vw;
  } */
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item .p-members-nav_link {
    font-size: 12.8px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item .p-members-nav_link {
    font-size: 14.000000000000002px;
  }
}
.p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item.-about .p-members-nav_link:before {
  background-image: url("../img/2026/icon-01.png");
}
.p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item.-point .p-members-nav_link:before {
  background-image: url("../img/2026/icon-02.png");
}
.p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item.-rank .p-members-nav_link:before {
  background-image: url("../img/2026/icon-03.png");
}
.p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item.-terms .p-members-nav_link:before {
  background-image: url("../img/2026/icon-04.png");
}
.p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item.-continuation .p-members-nav_link:before {
  background-image: url("../img/icon-05.png");
}
.p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item.-collaboration-campaign .p-members-nav_link:before {
  background-image: url("../img/2026/icon-07.png");
}
.p-members-nav .p-members-nav_inner .p-members-nav_list .p-members-nav_item.-period .p-members-nav_link:before {
  background-image: url("../img/icon-06.png");
}
.p-members-content {
  width: 100%;
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .p-members-content {
    padding-bottom: 3.333333333333332%;
  }
}
@media screen and (max-width: 767px) {
  .p-members-content {
    background-color: #fff;
    padding-bottom: 9.333333333333336vw;
  }
}
@media screen and (min-width: 768px) {
  .p-members_inner {
    width: 76%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .p-members_inner {
    width: 89.33333333333333vw;
    margin: 0 auto;
  }
}
.p-members-item {
  position: relative;
  background-color: #002058;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .p-members-item {
    padding: 5vw 3.333333333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-item {
    padding: calc(60px * 0.8) calc(40px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-item {
    padding: 9.066666666666666vw 0 10.666666666666668vw;
  }
}
@media screen and (max-width: 767px) {
  .p-members-item .p-members-item_inner {
    padding: 0 5.333333333333334vw;
  }
}
.p-members-item:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .p-members-item:before {
    width: 6.666666666666667vw;
    height: 6.666666666666667vw;
    top: -3.333333333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-item:before {
    width: calc(80px * 0.8);
    height: calc(80px * 0.8);
    top: calc(-40px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-item:before {
    width: 14.933333333333335vw;
    height: 14.933333333333335vw;
    top: -7.466666666666668vw;
  }
}
.p-members-item.-about:before {
  background-image: url("../img/2026/icon-01.png");
}
.p-members-item.-point:before {
  background-image: url("../img/2026/icon-02.png");
}
.p-members-item.-rank:before {
  background-image: url("../img/2026/icon-03.png");
}
.p-members-item.-terms:before {
  background-image: url("../img/2026/icon-04.png");
}
.p-members-item.-continuation:before {
  background-image: url("../img/icon-05.png");
}
.p-members-item.-collaboration-campaign:before {
  background-image: url("../img/2026/icon-07.png");
}
.p-members-item.-period:before {
  background-image: url("../img/icon-06.png");
}
.p-members-item .p-members-item_ttl {
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-members-item .p-members-item_ttl {
    line-height: 1;
  }
}
@media screen and (max-width: 767px) {
  .p-members-item .p-members-item_ttl {
    font-size: 4.8vw;
    line-height: 1.5;
  }
}
.p-members-item .p-members-item_ttl.new-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .p-members-item .p-members-item_ttl.new-icon {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .p-members-item .p-members-item_ttl.new-icon {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.p-members-item .p-members-item_ttl.new-icon:before {
  content: "NEW!";
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.4em 0.8em;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  background: #da2f28;
  border-radius: 1.8em;
}
@media screen and (min-width: 768px) {
  .p-members-item .p-members-item_ttl.new-icon:before {
    margin-right: 0.9em;
  }
}
@media screen and (max-width: 767px) {
  .p-members-item .p-members-item_ttl.new-icon:before {
    margin-bottom: 0.9em;
  }
}
@media screen and (min-width: 768px) {
  .p-members-item .p-members-item_ttl + .p-members-item_txt {
    margin-top: 1.666666666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-item .p-members-item_ttl + .p-members-item_txt {
    margin-top: calc(20px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-item .p-members-item_ttl + .p-members-item_txt {
    margin-top: 4.533333333333333vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-item .p-members-item_ttl {
    font-size: 2vw;
    margin-bottom: 3.333333333333333vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-members-item .p-members-item_ttl {
    font-size: 20.8px;
    margin-bottom: 3.333333333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-members-item .p-members-item_ttl {
    font-size: 20px;
  }
}
.p-members-item .p-members-item_sttl {
  position: relative;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .p-members-item .p-members-item_sttl {
    margin-bottom: 2.333333333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-item .p-members-item_sttl {
    margin-bottom: calc(40px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-item .p-members-item_sttl {
    margin-bottom: 5.333333333333334vw;
  }
}
.p-members-item .p-members-item_sttl span {
  position: relative;
  z-index: 2;
  background-color: #002058;
  color: #b2994e;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .p-members-item .p-members-item_sttl span {
    line-height: 1;
    padding-right: 1.666666666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-item .p-members-item_sttl span {
    padding-right: calc(20px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  /* .p-members-item .p-members-item_sttl {
  text-align: center;
 }*/
  .p-members-item .p-members-item_sttl span {
    display: inline-block;
    font-size: 4.266666666666667vw;
    line-height: 1.5;
    padding-right: 3vw;
  }
}
.p-members-item .p-members-item_sttl span.new-icon:after {
  content: "NEW!";
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 0.8em;
  padding: 0.4em 0.8em;
  color: #fff;
  font-size: 11px;
  line-height: 1;
  background: #da2f28;
  border-radius: 1.8em;
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-item .p-members-item_sttl span {
    font-size: 1.666666666666667vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-members-item .p-members-item_sttl span {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-members-item .p-members-item_sttl span {
    font-size: 16px;
  }
}
.p-members-item .p-members-item_sttl:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  top: 50%;
  background: #b2994e;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .p-members-item .p-members-item_txt {
    line-height: 1.8;
    margin: 0 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  .p-members-item .p-members-item_txt {
    font-size: 3.733333333333334vw;
    line-height: 1.714285714285714;
  }
  /* .p-members-item .p-members-item_sttl:before {
  display: none;
 }*/
}
@media screen and (min-width: 768px) {
  .p-members-item .p-members-item_txt + .p-members-item_sttl {
    margin-top: 3.333333333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-item .p-members-item_txt + .p-members-item_sttl {
    margin-top: calc(40px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-item .p-members-item_txt + .p-members-item_sttl {
    margin-top: 5.333333333333334vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-item .p-members-item_txt {
    font-size: 1.22vw;
    width: 62.66666666666667vw;
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-item .p-members-rank-notice_inner .p-members-item_txt {
    width: auto;
  }
}

@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-members-item .p-members-item_txt {
    font-size: 12.8px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-members-item .p-members-item_txt {
    font-size: 14.000000000000002px;
  }
}
.p-members-item .p-members-box {
  width: 100%;
  background: #fff;
  color: #333;
}
@media screen and (min-width: 768px) {
  .p-members-item .p-members-box {
    padding: 3.333333333333333vw 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-item .p-members-box {
    padding: calc(40px * 0.8) 0;
  }
}
@media screen and (max-width: 767px) {
  .p-members-item .p-members-box {
    padding: 5.333333333333334vw 0;
  }
}
@media screen and (min-width: 768px) {
  .p-members-item .p-members-box + .p-members-item_sttl {
    margin-top: 2.333333333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-item .p-members-box + .p-members-item_sttl {
    margin-top: calc(40px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-item .p-members-box + .p-members-item_sttl {
    margin-top: 5.333333333333334vw;
  }
}
@media screen and (min-width: 768px) {
  .p-members-about {
    padding-top: 8.333333333333332vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-about {
    padding-top: calc(100px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-about {
    padding-top: 15.466666666666667vw;
  }
}
.p-members-about .p-members-about_movie {
  margin: auto;
  cursor: pointer;
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-members-about .p-members-about_movie {
    width: 100%;
    margin-top: 2.916666666666667vw;
    margin-bottom: 3.333333333333333vw;
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .p-members-about .p-members-about_movie:hover {
    opacity: 0.6;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-about .p-members-about_movie {
    margin-top: calc(35px * 0.8);
    margin-bottom: calc(40px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-about .p-members-about_movie {
    width: 78.66666666666666vw;
    margin-top: 5.333333333333334vw;
    margin-bottom: 5.333333333333334vw;
  }
}
.p-members-about .p-members-about_movie::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url("/beer/thepremiummalts/assets/images/common/ico_movie.svg") no-repeat left top;
  background-size: 100% auto;
}
@media screen and (min-width: 768px) {
  .p-members-about .p-members-about_movie::after {
    width: 8.333333333333332vw;
    height: 5.833333333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-about .p-members-about_movie::after {
    width: calc(100px * 0.8);
    height: calc(70px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-about .p-members-about_movie::after {
    width: 19.733333333333334vw;
    height: 13.866666666666665vw;
  }
}
@media screen and (min-width: 768px) {
  .p-members-about .p-members-box .p-members-item_txt {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .p-members-about .p-members-box .p-members-item_txt {
    padding: 0 5.333333333333334vw;
  }
}
.p-members-about .p-members-about_img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-members-about .p-members-about_img {
    margin-top: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-about .p-members-about_img {
    margin-top: calc(30px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-about .p-members-about_img {
    margin-top: 5.333333333333334vw;
  }
}
@media screen and (min-width: 768px) {
  .p-members-link .p-members-link_content {
    width: 59.333333333333336vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1.666666666666667vw auto auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-link .p-members-link_content {
    width: calc(712px * 0.8);
    margin-top: calc(20px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-link .p-members-link_content {
    margin-top: 5.333333333333334vw;
  }
}
.p-members-link .p-members-link_note {
  color: #040404;
}
@media screen and (min-width: 768px) {
  .p-members-link .p-members-link_note {
    width: 19.833333333333332vw;
    line-height: 1.538461538461539;
  }
  .p-members-link .p-members-link_note ul {
    margin-left: 1em;
    text-indent: -1em;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-link .p-members-link_note {
    width: calc(238px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-link .p-members-link_note {
    margin: 5.333333333333334vw 0 0 5.333333333333334vw;
    font-size: 3.2vw;
    line-height: 1.666666666666667;
  }
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-link .p-members-link_note {
    font-size: 1.083333333333333vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-members-link .p-members-link_note {
    font-size: 10.4px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-members-link .p-members-link_note {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  .p-members-link .p-members-link_qr {
    width: 19.666666666666664vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-link .p-members-link_qr {
    width: calc(236px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-link .p-members-link_qr {
    width: 46.666666666666664vw;
    height: 14.399999999999999vw;
    margin: auto;
  }
}
.p-members-link .p-members-link_qr img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .p-members-link .p-members-link_btn_list {
    width: 19.833333333333332vw;
  }
}
.p-members-link .p-members-link_btn_list--flex {
  margin-top: 20px;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-members-link .p-members-link_btn_list--flex .p-members-link_btn_itm + .p-members-link_btn_itm {
  margin: 0 15px;
}
.p-members-link .p-members-link_btn_list--flex .p-members-link_btn_itm {
  margin-left: unset;
}
@media screen and (max-width: 767px) {
  .p-members-link .p-members-link_btn_list--flex {
    flex-direction: column;
  }
  .p-members-link .p-members-link_btn_list--flex .p-members-link_btn_itm + .p-members-link_btn_itm {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-link .p-members-link_btn_list {
    width: calc(238px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-link .p-members-link_btn_list {
    width: 58.666666666666664vw;
    margin: 4.8vw auto auto;
  }
}
@media screen and (min-width: 768px) {
  .p-members-link .p-members-link_btn_itm {
    width: 17.5vw;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin: 0 0 0 auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-link .p-members-link_btn_itm {
    width: calc(210px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-link .p-members-link_btn_itm {
    width: 100%;
  }
}
.p-members-link .p-members-link_btn_itm .p-members-link_btn {
  display: inline-block;
  position: relative;
  background-color: #c4a872;
  width: 100%;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 100px;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .p-members-link .p-members-link_btn_itm .p-members-link_btn {
    line-height: 1;
    padding: 1.25vw 1.333333333333333vw 1.25vw 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .p-members-link .p-members-link_btn_itm .p-members-link_btn:hover {
    opacity: 0.8;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-link .p-members-link_btn_itm .p-members-link_btn {
    padding: calc(15px * 0.8) calc(16px * 0.8) calc(15px * 0.8) 0;
  }
}
@media screen and (max-width: 767px) {
  .p-members-link .p-members-link_btn_itm .p-members-link_btn {
    font-size: 4.8vw;
    line-height: 1;
    padding: 4vw 4.266666666666667vw 4vw 0;
  }
}
.p-members-link .p-members-link_btn_itm .p-members-link_btn .p-members-link_btn_arrow {
  position: absolute;
  background: url("../img/ico_arrow_down.svg") no-repeat center;
  background-size: 100% auto;
  top: 50%;
  right: 0;
}
@media screen and (min-width: 768px) {
  .p-members-link .p-members-link_btn_itm .p-members-link_btn .p-members-link_btn_arrow {
    width: 2.166666666666667vw;
    height: 2.166666666666667vw;
    margin-top: -1.083333333333333vw;
    margin-right: 1.083333333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-link .p-members-link_btn_itm .p-members-link_btn .p-members-link_btn_arrow {
    width: calc(26px * 0.8);
    height: calc(26px * 0.8);
    margin-top: calc(-13px * 0.8);
    margin-right: calc(13px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-link .p-members-link_btn_itm .p-members-link_btn .p-members-link_btn_arrow {
    width: 6.933333333333333vw;
    height: 6.933333333333333vw;
    margin-top: -3.466666666666666vw;
    margin-right: 2.666666666666667vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-link .p-members-link_btn_itm .p-members-link_btn {
    font-size: 1.5vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-members-link .p-members-link_btn_itm .p-members-link_btn {
    font-size: 14.399999999999999px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-members-link .p-members-link_btn_itm .p-members-link_btn {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  .p-members-link .p-members-link_btn_itm + .p-members-link_btn_itm {
    margin-top: 9.523809523809524%;
  }
}
@media screen and (max-width: 767px) {
  .p-members-link .p-members-link_btn_itm + .p-members-link_btn_itm {
    margin-top: 2.666666666666667vw;
  }
}
.p-members-link .p-members-link_txt {
  font-weight: 700;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .p-members-link .p-members-link_txt {
    text-align: center;
    line-height: 2;
    margin-top: 1.666666666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-link .p-members-link_txt {
    margin-top: calc(20px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-link .p-members-link_txt {
    font-size: 3.466666666666666vw;
    line-height: 1.846153846153846;
    margin: 0.833333333333333vw 5.333333333333334vw 0;
  }
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-link .p-members-link_txt {
    font-size: 1.333333333333333vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-members-link .p-members-link_txt {
    font-size: 12.8px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-members-link .p-members-link_txt {
    font-size: 13px;
  }
}
@media screen and (min-width: 768px) {
  .p-members-point {
    padding-top: 8.333333333333332vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-point {
    padding-top: calc(100px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-point {
    padding-top: 15.466666666666667vw;
  }
}
.p-members-point .p-members-point_ttl {
  display: block;
  font-weight: bold;
  text-align: center;
  border: 1px solid #000;
}
@media screen and (min-width: 768px) {
  .p-members-point .p-members-point_ttl {
    width: 62.66666666666667vw;
    line-height: 1.388888888888889;
    padding: 0.833333333333333vw 0.833333333333333vw 0.583333333333333vw;
    margin: auto auto 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-point .p-members-point_ttl {
/*    width: calc(752px * 0.8);*/
    padding: calc(10px * 0.8) calc(10px * 0.8) calc(7px * 0.8);
    margin-bottom: calc(30px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-point .p-members-point_ttl {
    font-size: 3.733333333333334vw;
    line-height: 1.5;
    width: 68vw;
    padding: 1.866666666666667vw 1.333333333333333vw 1.333333333333333vw;
    margin: 0 auto 2.666666666666667vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-point .p-members-point_ttl {
    font-size: 1.5vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-members-point .p-members-point_ttl {
    font-size: 14.399999999999999px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-members-point .p-members-point_ttl {
    font-size: 14.000000000000002px;
  }
}
@media screen and (max-width: 767px) {
  .p-members-point .p-members-box .p-members-item_txt {
    margin: auto 5.333333333333334vw;
  }
}
@media screen and (min-width: 768px) {
  .p-members-point .p-members-point_img {
    width: 62.66666666666667vw;
    margin: 2.659574468085106vw auto 2vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-point .p-members-point_img {
/*    width: calc(752px * 0.8);*/
    margin-top: calc(20px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-point .p-members-point_img {
    margin-top: 6.666666666666667vw;
    margin-bottom: 4vw;
  }
}
@media screen and (min-width: 768px) {
  .p-members-point .p-members-point_note {
    line-height: 1.538461538461539;
    margin-top: 0.833333333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-point .p-members-point_note {
    margin-top: calc(10px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-point .p-members-point_note {
    font-size: 2.666666666666667vw;
    line-height: 1.5;
    margin: 1.333333333333333vw 5.333333333333334vw auto;
    text-indent: -1em;
    padding-left: 1em;
  }
}
@media screen and (min-width: 768px) {
  .p-members-point .p-members-point_note + .p-members-point_ttl {
    margin-top: 2.333333333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-point .p-members-point_note + .p-members-point_ttl {
    margin-top: calc(40 * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-point .p-members-point_note + .p-members-point_ttl {
    margin-top: 5.333333333333334vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-point .p-members-point_note {
    font-size: 1.083333333333333vw;
    width: 62.66666666666667vw;
    margin: 0.3vw auto 0;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-members-point .p-members-point_note {
    font-size: 10.4px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-members-point .p-members-point_note {
    font-size: 10px;
  }
}
@media screen and (min-width: 768px) {
  /* .p-members-point .p-members-box .p-members-item_txt {
  text-align: center;
 }*/
}
@media screen and (min-width: 768px) {
  .p-members-point .p-members-point_carousel {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .p-members-point .p-members-point_carousel {
    position: relative;
    height: 62vw;
    margin-top: 5.333333333333334vw;
    background: #fff;
  }
}
.p-members-point .p-members-point_panel.swiper-slide-prev, .p-members-point .p-members-point_panel.swiper-slide-next {
  opacity: 0.5;
}
.p-members-point .p-members-point_thumb-img {
  display: block;
  margin: 0 auto;
  color: #fff;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  /*    .p-members-point .p-members-point_thumb-img {
      width: 78.66666666666666vw;
      height: 83.73333333333333vw;
    }*/
}
.p-members-point .swiper-button-prev, .p-members-point .swiper-button-next {
  background-size: 100% auto;
}
@media screen and (max-width: 767px) {
  .p-members-point .swiper-button-prev, .p-members-point .swiper-button-next {
    width: 8vw;
    height: 8vw;
  }
}
.swiper-button-next {
  background-image: url("../img/ico_slide_arrow.svg");
}
.swiper-button-prev {
  background-image: url("../img/ico_slide_arrow.svg");
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.swiper-button-next.swiper-button-disabled {
  background-image: url("../img/ico_slide_arrow_g.svg");
  transform: rotate(180deg);
}
.swiper-button-prev.swiper-button-disabled {
  background-image: url("../img/ico_slide_arrow_g.svg");
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
  transform: rotate(0deg);
}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
  opacity: 1;
}
.swiper-button-prev:after, .swiper-button-next:after {
  content: none;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  left: auto;
}
@media screen and (min-width: 768px) {
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 2.5%;
  }
}
@media screen and (max-width: 767px) {
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 1.666667vw;
    z-index: 1;
    top: 27vw;
  }
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  right: auto;
}
@media screen and (min-width: 768px) {
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 2.5%;
  }
}
@media screen and (max-width: 767px) {
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 1.666667vw;
    z-index: 1;
    top: 27vw;
  }
}
@media screen and (min-width: 768px) {
  .p-members-rank {
    padding-top: 8.333333333333332vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-rank {
    padding-top: calc(100px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-rank {
    padding-top: 15.466666666666667vw;
  }
}
/*@media screen and (min-width: 768px) {
  .p-members-rank .p-members-box .p-members-item_txt {
    text-align: center;
  }
}*/
@media screen and (max-width: 767px) {
  .p-members-rank .p-members-box .p-members-item_txt {
    margin: auto 5.333333333333334vw;
  }
}
.p-members-rank .p-members-point_ttl {
  display: block;
  font-weight: bold;
  text-align: center;
  border: 1px solid #000;
}
@media screen and (min-width: 768px) {
  .p-members-rank .p-members-point_ttl {
    width: 62.66666666666667vw;
    line-height: 1;
    padding: 0.833333333333333vw 0.833333333333333vw 0.583333333333333vw;
    margin: auto auto 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-rank .p-members-point_ttl {
/*    width: calc(752px * 0.8);*/
    padding: calc(10px * 0.8) calc(10px * 0.8) calc(7px * 0.8);
    margin-bottom: calc(30px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-rank .p-members-point_ttl {
    font-size: 3.733333333333334vw;
    line-height: 1;
    width: 68vw;
    padding: 1.866666666666667vw 1.333333333333333vw 1.333333333333333vw;
    margin: 0 auto 2.666666666666667vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-rank .p-members-point_ttl {
    font-size: 1.5vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-members-rank .p-members-point_ttl {
    font-size: 14.399999999999999px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-members-rank .p-members-point_ttl {
    font-size: 14.000000000000002px;
  }
}
@media screen and (min-width: 768px) {
  .p-members-rank * + .p-members-point_ttl {
    margin-top: 2.333333333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-rank * + .p-members-point_ttl {
    margin-top: calc(40 * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-rank * + .p-members-point_ttl {
    margin-top: 12.333333333333334vw;
  }
}
.p-members-rank .p-members-link_txt {
  font-weight: 700;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .p-members-rank .p-members-link_txt {
    text-align: center;
    line-height: 2;
/*    margin-top: 1.666666666666667vw;*/
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-rank .p-members-link_txt {
    margin-top: calc(20px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-rank .p-members-link_txt {
    font-size: 3.466666666666666vw;
    line-height: 1.846153846153846;
    margin: 0.833333333333333vw 5.333333333333334vw 0;
  }
}
.p-members-rank .p-members-link_txt.align_center {
  text-align: center;
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-rank .p-members-link_txt {
    font-size: 1.333333333333333vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-members-rank .p-members-link_txt {
    font-size: 12.8px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-members-rank .p-members-link_txt {
    font-size: 13px;
  }
}
@media screen and (min-width: 768px) {
  .p-members-rank .p-members-rank_note {
    line-height: 1;
    text-align: center;
    margin-top: 0.833333333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-rank .p-members-rank_note {
    margin-top: calc(10px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-rank .p-members-rank_note {
    font-size: 2.666666666666667vw;
    line-height: 1.5;
    margin: 1.333333333333333vw 5.333333333333334vw auto;
    text-indent: -1em;
    padding-left: 1em;
  }
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-rank .p-members-rank_note {
    font-size: 1.083333333333333vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-members-rank .p-members-rank_note {
    font-size: 10.4px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-members-rank .p-members-rank_note {
    font-size: 10px;
  }
}
.p-members-rank .p-members-rank_img {
  margin: auto;
}
@media screen and (min-width: 768px) {
  .p-members-rank .p-members-rank_img {
    width: 62.66666666666667vw;
    margin: 2.083333333333333vw auto;

  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-rank .p-members-rank_img {
/*    width: calc(752px * 0.8);*/
    margin-top: calc(20px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-rank .p-members-rank_img {
    width: 100%;
    margin-top: 5.866666666666666vw;
        margin-bottom: 3.083333333333333vw;    
  }
  .p-members-rank .p-members-rank_img + .p-members-rank_img {
    margin-top: 4vw;
  }
}
.p-members-rank .p-members-rank-example {
  margin: auto;
}
@media screen and (min-width: 768px) {
  .p-members-rank .p-members-rank-example {
    width: 62.66666666666667vw;
    margin-top: 1.666666666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-rank .p-members-rank-example {
/*    width: calc(752px * 0.8);*/
    margin-top: calc(20px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-rank .p-members-rank-example {
    width: 68vw;
    margin-top: 5.866666666666666vw;
  }
  .p-members-rank .p-members-rank-example + .p-members-rank_img {
    margin-top: 4vw;
  }
}
@media screen and (min-width: 768px) {
  .p-members-rank .p-members-rank-example > p {
    line-height: 2.461538461538462;
  }
}
@media screen and (max-width: 767px) {
  .p-members-rank .p-members-rank-example > p {
    font-size: 3.466666666666666vw;
    line-height: 2.461538461538462;
  }
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-rank .p-members-rank-example > p {
    font-size: 1.083333333333333vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-members-rank .p-members-rank-example > p {
    font-size: 10.4px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-members-rank .p-members-rank-example > p {
    font-size: 13px;
  }
}
@media screen and (min-width: 768px) {
  .p-members-rank .p-members-rank-example_inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.p-members-rank .p-members-rank-example_inner .p-members-rank-example_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #e4e8ee;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .p-members-rank .p-members-rank-example_inner .p-members-rank-example_item {
    padding: 1.666666666666667vw;
    width: 48.40425531914894%;
  }
}
@media screen and (max-width: 767px) {
  .p-members-rank .p-members-rank-example_inner .p-members-rank-example_item {
    padding: 4vw;
    width: 100%;
  }
  .p-members-rank .p-members-rank-example_inner .p-members-rank-example_item + .p-members-rank-example_item {
    margin-top: 2.666666666666667vw;
  }
}
.p-members-rank .p-members-rank-example_inner .p-members-rank-example_item.gold {
  background: #f2ebd6;
}
.p-members-rank .p-members-rank-example_inner .p-members-rank-example_item.gold .label {
  background: #ccb05c;
}
.p-members-rank .p-members-rank-example_inner .p-members-rank-example_item.diamond {
  background: #f2f7fd;
}
.p-members-rank .p-members-rank-example_inner .p-members-rank-example_item.diamond .label {
  background: #ccddf7;
}
.p-members-rank .p-members-rank-example_inner .p-members-rank-example_item .p-members-rank-example_item_img img {
  border-radius: 7px;
}
@media screen and (min-width: 768px) {
  .p-members-rank .p-members-rank-example_inner .p-members-rank-example_item .p-members-rank-example_item_img {
    width: 11.666666666666666vw;
  }
}
@media screen and (max-width: 767px) {
  .p-members-rank .p-members-rank-example_inner .p-members-rank-example_item .p-members-rank-example_item_img {
    width: 26.666666666666668vw;
  }
}
@media screen and (min-width: 768px) {
  .p-members-rank .p-members-rank-example_inner .p-members-rank-example_item .p-members-rank-example_item_txt {
    width: 13.666666666666666vw;
    line-height: 1.538461538461539;
  }
  .p-members-rank .p-members-rank-example_inner .p-members-rank-example_item .p-members-rank-example_item_txt .note {
    line-height: 1.636363636363636;
  }
}
@media screen and (max-width: 767px) {
  .p-members-rank .p-members-rank-example_inner .p-members-rank-example_item .p-members-rank-example_item_txt {
    width: 30.666666666666664vw;
    font-size: 3.2vw;
    line-height: 1.666666666666667;
  }
  .p-members-rank .p-members-rank-example_inner .p-members-rank-example_item .p-members-rank-example_item_txt .note {
    font-size: 2.666666666666667vw;
    line-height: 1.5;
  }
}
.p-members-rank .p-members-rank-example_inner .p-members-rank-example_item .p-members-rank-example_item_txt .label {
  display: inline-block;
  padding: 0.4em 0.8em;
  font-weight: bold;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .p-members-rank .p-members-rank-example_inner .p-members-rank-example_item .p-members-rank-example_item_txt .label {
    margin-bottom: 0.9em;
    line-height: 0.916666666666667;
  }
}
@media screen and (max-width: 767px) {
  .p-members-rank .p-members-rank-example_inner .p-members-rank-example_item .p-members-rank-example_item_txt .label {
    margin-bottom: 0.5em;
    font-size: 2.666666666666667vw;
    line-height: 1.1;
  }
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-rank .p-members-rank-example_inner .p-members-rank-example_item .p-members-rank-example_item_txt .label {
    font-size: 1vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-members-rank .p-members-rank-example_inner .p-members-rank-example_item .p-members-rank-example_item_txt .label {
    font-size: 9.6px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-members-rank .p-members-rank-example_inner .p-members-rank-example_item .p-members-rank-example_item_txt .label {
    font-size: 10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-rank .p-members-rank-example_inner .p-members-rank-example_item .p-members-rank-example_item_txt {
    font-size: 1.083333333333333vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-members-rank .p-members-rank-example_inner .p-members-rank-example_item .p-members-rank-example_item_txt {
    font-size: 10.4px;
  }
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-rank .p-members-rank-example_inner .p-members-rank-example_item .p-members-rank-example_item_txt .note {
    font-size: 0.916666666666667vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-members-rank .p-members-rank-example_inner .p-members-rank-example_item .p-members-rank-example_item_txt .note {
    font-size: 8.8px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-members-rank .p-members-rank-example_inner .p-members-rank-example_item .p-members-rank-example_item_txt {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-members-rank .p-members-rank-example_inner .p-members-rank-example_item .p-members-rank-example_item_txt .note {
    font-size: 10px;
  }
}
.p-members-rank .p-members-benefit {
  margin: auto;
}
@media screen and (min-width: 768px) {
  .p-members-rank .p-members-benefit {
    width: 62.66666666666667vw;
    margin-top: 1.666666666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-rank .p-members-benefit {
/*    width: calc(752px * 0.8);*/
    margin-top: calc(20px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-rank .p-members-benefit {
    width: 68vw;
    margin-top: 5.866666666666666vw;
  }
  .p-members-rank .p-members-benefit + .p-members-rank_img {
    margin-top: 4vw;
  }
}
@media screen and (min-width: 768px) {
  .p-members-rank .p-members-benefit > p {
    line-height: 2.461538461538462;
  }
}
@media screen and (max-width: 767px) {
  .p-members-rank .p-members-benefit > p {
    font-size: 3.466666666666666vw;
    line-height: 2.461538461538462;
  }
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-rank .p-members-benefit > p {
    font-size: 1.083333333333333vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-members-rank .p-members-benefit > p {
    font-size: 10.4px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-members-rank .p-members-benefit > p {
    font-size: 13px;
  }
}
.p-members-rank .p-members-benefit-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.p-members-rank .p-members-benefit-list .p-members-benefit_item {
  background: #e4e8ee;
  border-radius: 7px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .p-members-rank .p-members-benefit-list .p-members-benefit_item {
    margin-bottom: 1.666666666666667vw;
    width: 23.404255319148938%;
  }
}
@media screen and (max-width: 767px) {
  .p-members-rank .p-members-benefit-list .p-members-benefit_item {
    margin-bottom: 4vw;
    width: 32vw;
  }
}
@media screen and (min-width: 768px) {
  .p-members-rank .p-members-benefit-list .p-members-benefit_item .p-members-benefit_item_txt {
    padding: 1.25vw;
    line-height: 1.538461538461539;
  }
  .p-members-rank .p-members-benefit-list .p-members-benefit_item .p-members-benefit_item_txt .note {
    line-height: 1.636363636363636;
  }
}
@media screen and (max-width: 767px) {
  .p-members-rank .p-members-benefit-list .p-members-benefit_item .p-members-benefit_item_txt {
    padding: 2.666666666666667vw;
    font-size: 3.2vw;
    line-height: 1.666666666666667;
  }
  .p-members-rank .p-members-benefit-list .p-members-benefit_item .p-members-benefit_item_txt .note {
    font-size: 2.666666666666667vw;
    line-height: 1.5;
  }
}
.p-members-rank .p-members-benefit-list .p-members-benefit_item .p-members-benefit_item_txt .label {
  display: inline-block;
  padding: 0.4em 0.8em;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  background: #012058;
}
@media screen and (min-width: 768px) {
  .p-members-rank .p-members-benefit-list .p-members-benefit_item .p-members-benefit_item_txt .label {
    margin-bottom: 0.9em;
    line-height: 1.1;
  }
}
@media screen and (max-width: 767px) {
  .p-members-rank .p-members-benefit-list .p-members-benefit_item .p-members-benefit_item_txt .label {
    margin-bottom: 0.5em;
    font-size: 2.666666666666667vw;
    line-height: 1.1;
  }
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-rank .p-members-benefit-list .p-members-benefit_item .p-members-benefit_item_txt .label {
    font-size: 0.833333333333333vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-members-rank .p-members-benefit-list .p-members-benefit_item .p-members-benefit_item_txt .label {
    font-size: 8px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-members-rank .p-members-benefit-list .p-members-benefit_item .p-members-benefit_item_txt .label {
    font-size: 10px;
  }
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-rank .p-members-benefit-list .p-members-benefit_item .p-members-benefit_item_txt {
    font-size: 1.083333333333333vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-members-rank .p-members-benefit-list .p-members-benefit_item .p-members-benefit_item_txt {
    font-size: 10.4px;
  }
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-rank .p-members-benefit-list .p-members-benefit_item .p-members-benefit_item_txt .note {
    font-size: 0.916666666666667vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-members-rank .p-members-benefit-list .p-members-benefit_item .p-members-benefit_item_txt .note {
    font-size: 8.8px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-members-rank .p-members-benefit-list .p-members-benefit_item .p-members-benefit_item_txt {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-members-rank .p-members-benefit-list .p-members-benefit_item .p-members-benefit_item_txt .note {
    font-size: 10px;
  }
}
.p-members-rank .p-members-benefit-list .p-members-benefit_item.diamond {
  background: #f2f7fd;
}
.p-members-rank .p-members-benefit-list .p-members-benefit_item.diamond .label {
  color: #333;
  background: #ccdef7;
}
.p-members-rank .p-members-benefit-list .p-members-benefit_item.gold {
  background: #f2ebd6;
}
.p-members-rank .p-members-benefit-list .p-members-benefit_item.gold .label {
  color: #333;
  background: #ccb05c;
}
.p-members-rank .p-members-benefit-list .p-members-benefit_item.silver {
  background: #f2f2f2;
}
.p-members-rank .p-members-benefit-list .p-members-benefit_item.silver .label {
  color: #333;
  background: #ccc;
}
.p-members-rank .p-members-benefit-list .p-members-benefit_item.bronze {
  background: #ede3d6;
}
.p-members-rank .p-members-benefit-list .p-members-benefit_item.bronze .label {
  color: #333;
  background: #b99057;
}
@media screen and (min-width: 768px) {
  .p-members-terms {
    padding-top: 8.333333333333332vw;
  }
  .p-members-item.-collaboration-campaign .p-members-terms {
    padding-top: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-terms {
    padding-top: calc(100px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-terms {
    padding-top: 15.466666666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-members-terms .p-members-box {
    margin-top: 3.083333333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-terms .p-members-box {
    margin-top: calc(37px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-terms .p-members-box {
    margin-top: 4.533333333333333vw;
  }
}
.p-members-terms .p-members-terms_ttl {
  text-align: center;
  position: relative;
  border: 1px solid #000;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .p-members-terms .p-members-terms_ttl {
    padding: 1.99468085106383% 0;
    line-height: 1;
  }
}
@media screen and (max-width: 767px) {
  .p-members-terms .p-members-terms_ttl {
    padding: 2.666666666666667vw 0;
    font-size: 3.733333333333334vw;
    line-height: 1;
  }
}
.p-members-terms .p-members-terms_ttl::after {
  content: "";
  display: inline-block;
  background: url("../img/ico_arrow.svg") no-repeat center;
  background-size: cover;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (min-width: 768px) {
  .p-members-terms .p-members-terms_ttl::after {
    width: 1.666666666666667vw;
    height: 1.083333333333333vw;
    right: 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-terms .p-members-terms_ttl::after {
    width: calc(20px * 0.8);
    height: calc(13px * 0.8);
    right: calc(30px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-terms .p-members-terms_ttl::after {
    width: 4vw;
    height: 2.666666666666667vw;
    right: 4vw;
  }
}
.p-members-terms .p-members-terms_ttl.is-open::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-terms .p-members-terms_ttl {
    font-size: 1.5vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-members-terms .p-members-terms_ttl {
    font-size: 14.399999999999999px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-members-terms .p-members-terms_ttl {
    font-size: 14.000000000000002px;
  }
}
.p-members-terms .p-members-terms-box {
  color: #333;
  display: none;
}
.p-members-terms .p-members-terms-box a {
  color: #333;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .p-members-kiyaku {
    width: 62.66666666666667vw;
    margin: auto auto 1.666666666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-kiyaku {
/*    width: calc(752px * 0.8);*/
    margin-bottom: calc(20px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-kiyaku {
    width: 68vw;
    margin: auto auto 2.666666666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-members-kiyaku .p-members-terms-box {
    padding: 1.666666666666667vw 0;
    line-height: 2;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-kiyaku .p-members-terms-box {
    padding: calc(20px * 0.8) 0;
  }
}
@media screen and (max-width: 767px) {
  .p-members-kiyaku .p-members-terms-box {
    padding: 5.333333333333334vw 0 2.666666666666667vw;
    font-size: 3.2vw;
    line-height: 2;
  }
}
@media screen and (min-width: 768px) {
  .p-members-kiyaku .p-members-terms-box p + ul, .p-members-kiyaku .p-members-terms-box ul + p, .p-members-kiyaku .p-members-terms-box ul + ul {
    margin-top: 2.083333333333333vw;
  }
  .p-members-item.-collaboration-campaign .p-members-kiyaku .p-members-terms-box p + ul {
    margin-top: 0.083333333333333vw;
  }
  .p-members-item.-collaboration-campaign .p-members-kiyaku .p-members-terms-box p + ul li.padd-left {
    margin-left: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-kiyaku .p-members-terms-box p + ul, .p-members-kiyaku .p-members-terms-box ul + p, .p-members-kiyaku .p-members-terms-box ul + ul {
    margin-top: calc(25px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-kiyaku .p-members-terms-box p + ul, .p-members-kiyaku .p-members-terms-box ul + p, .p-members-kiyaku .p-members-terms-box ul + ul {
    margin-top: 6.666666666666667vw;
  }
}
.p-members-kiyaku .p-members-terms-box li {
  text-indent: -1em;
  padding-left: 1em;
}
.p-members-kiyaku .p-members-terms-box li.no-indent {
  text-indent: 0;
  padding-left: 0;
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-kiyaku .p-members-terms-box {
    font-size: 1vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-members-kiyaku .p-members-terms-box {
    font-size: 9.6px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-members-kiyaku .p-members-terms-box {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  .p-members-yoko {
    width: 62.66666666666667vw;
    margin: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-yoko {
/*    width: calc(752px * 0.8);*/
  }
}
@media screen and (max-width: 767px) {
  .p-members-yoko {
    width: 68vw;
    margin: auto;
  }
}
@media screen and (min-width: 768px) {
  .p-members-yoko .p-members-terms-box {
    padding: 1.666666666666667vw 0 0;
    line-height: 2;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-yoko .p-members-terms-box {
    padding: calc(20px * 0.8) 0 0;
  }
}
@media screen and (max-width: 767px) {
  .p-members-yoko .p-members-terms-box {
    padding: 5.333333333333334vw 0 0;
    font-size: 3.2vw;
    line-height: 2;
  }
}
@media screen and (min-width: 768px) {
  .p-members-yoko .p-members-terms-box .block-mt {
    margin-top: 2.083333333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-yoko .p-members-terms-box .block-mt {
    margin-top: calc(25px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-yoko .p-members-terms-box .block-mt {
    margin-top: 6.666666666666667vw;
  }
}
.p-members-yoko .p-members-terms-box li {
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-yoko .p-members-terms-box {
    font-size: 1vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-members-yoko .p-members-terms-box {
    font-size: 9.6px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-members-yoko .p-members-terms-box {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  .p-members-info {
    width: 100%;
    margin-top: 4.166666666666666vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-info {
    margin-top: calc(50px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-info {
    padding-top: 8vw;
  }
}
.p-members-info .p-members-info_inner {
  margin: 0 auto;
  background: #fff;
  border: 1px solid #f00;
}
@media screen and (min-width: 768px) {
  .p-members-info .p-members-info_inner {
    width: 76%;
  }
}
@media screen and (max-width: 767px) {
  .p-members-info .p-members-info_inner {
    width: 89.33333333333333vw;
  }
}
.p-members-info_body {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p-members-info_body {
    padding-top: 3.333333333333333vw;
    padding-bottom: 3.333333333333333vw;
    width: 82.45614035087719%;
    line-height: 2;
  }
}
@media screen and (max-width: 767px) {
  .p-members-info_body {
    padding-top: 5.333333333333334vw;
    padding-bottom: 5.333333333333334vw;
    width: 70.66666666666667vw;
    font-size: 3.733333333333334vw;
    line-height: 2;
  }
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-info_body {
    font-size: 1.333333333333333vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-members-info_body {
    font-size: 12.8px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-members-info_body {
    font-size: 14.000000000000002px;
  }
}
.p-members-info_ttl {
  color: #f00;
  text-align: center;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .p-members-info_ttl {
    line-height: 1.454545454545455;
  }
}
@media screen and (max-width: 767px) {
  .p-members-info_ttl {
    font-size: 4.533333333333333vw;
    line-height: 1.647058823529412;
  }
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-info_ttl {
    font-size: 1.833333333333333vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-members-info_ttl {
    font-size: 17.6px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-members-info_ttl {
    font-size: 17px;
  }
}
.p-member-info_txt {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-member-info_txt {
    margin-top: 3.166666666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .p-member-info_txt {
    margin-top: 7.466666666666668vw;
  }
}
@media screen and (min-width: 768px) {
  .p-members-info_banner {
    margin-top: 3.166666666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .p-members-info_banner {
    margin-top: 6.933333333333333vw;
  }
}
.p-members-info-seal_img {
  margin: auto;
}
@media screen and (min-width: 768px) {
  .p-members-info-seal_img {
    margin-top: 3.166666666666667vw;
    width: 73.40425531914893%;
  }
}
@media screen and (max-width: 767px) {
  .p-members-info-seal_img {
    margin-top: 6.933333333333333vw;
    width: 70.66666666666667vw;
  }
}
.p-member-info-underline_txt {
  font-weight: bold;
  text-align: center;
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .p-member-info-underline_txt {
    margin-top: 1.666666666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .p-member-info-underline_txt {
    margin-top: 3.733333333333334vw;
    font-size: 3.2vw;
    line-height: 2;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-member-info-underline_txt {
    font-size: 12px;
  }
}
.p-member-info_box {
  padding: 0.5em;
  color: #012058;
  font-weight: bold;
  text-align: center;
  border: 1px solid #012058;
}
@media screen and (min-width: 768px) {
  .p-member-info_box {
    margin-top: 2.166666666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .p-member-info_box {
    margin-top: 6.666666666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-members-guide {
    width: 100%;
    margin: 7.5vw auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-guide {
    margin: calc(50px * 0.8) auto;
  }
}
@media screen and (max-width: 767px) {
  .p-members-guide {
    margin-top: 12vw;
  }
}
.p-members-guide .p-members-guide_inner {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .p-members-guide .p-members-guide_inner {
    width: 76%;
    line-height: 2;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .p-members-guide .p-members-guide_inner {
    font-size: 3.733333333333334vw;
    line-height: 2;
    width: 89.33333333333333vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-guide .p-members-guide_inner {
    font-size: 1.333333333333333vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-members-guide .p-members-guide_inner {
    font-size: 12.8px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-members-guide .p-members-guide_inner {
    font-size: 14.000000000000002px;
  }
}
.p-members-guide .p-members-guide_ttl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  letter-spacing: 0.05em;
}
.p-members-guide .p-members-guide_ttl::before, .p-members-guide .p-members-guide_ttl::after {
  content: '';
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: block;
  height: 1px;
  background: currentColor;
}
.p-members-guide .p-members-guide_ttl::before {
  margin-right: 1em;
}
.p-members-guide .p-members-guide_ttl::after {
  margin-left: 1em;
}
@media screen and (min-width: 768px) {
  .p-members-guide .p-members-guide_ttl {
    line-height: 1;
  }
}
@media screen and (max-width: 767px) {
  .p-members-guide .p-members-guide_ttl {
    font-size: 5.333333333333334vw;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px) {
  .p-members-guide .p-members-guide_ttl + * {
    margin-top: 3.333333333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .p-members-guide .p-members-guide_ttl + * {
    margin-top: 6.4vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-guide .p-members-guide_ttl {
    font-size: 2.666666666666667vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-members-guide .p-members-guide_ttl {
    font-size: 25.6px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-members-guide .p-members-guide_ttl {
    font-size: 20px;
  }
}
@media screen and (min-width: 768px) {
  .p-members-continuation {
    padding-top: 8.333333333333332vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-continuation {
    padding-top: calc(100px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-continuation {
    padding-top: 15.466666666666667vw;
  }
}
.p-members-continuation .p-members-continuation_ttl {
  display: block;
  font-weight: bold;
  text-align: center;
  border: 1px solid #000;
  /* + .p-members-item_txt
      text-align center */
}

@media screen and (min-width: 768px) {
  .p-members-continuation .p-members-continuation_ttl {
    width: 62.66666666666667vw;
    line-height: 1.388888888888889;
    padding: 0.833333333333333vw 0.833333333333333vw 0.583333333333333vw;
    margin: auto auto 2.5vw;
  }
}
.p-members-continuation .p-members-continuation_ttl span {
    display: block;
    font-size: 1.22vw;
    font-weight: 400;
    margin: 1%;
}
@media screen and (max-width: 767px) {
.p-members-continuation .p-members-continuation_ttl span {
    font-size: 3.733333333333334vw;
    margin: 1%;
}
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-continuation .p-members-continuation_ttl {
/*    width: calc(752px * 0.8);*/
    padding: calc(10px * 0.8) calc(10px * 0.8) calc(7px * 0.8);
    margin-bottom: calc(30px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-continuation .p-members-continuation_ttl {
    font-size: 3.733333333333334vw;
    line-height: 1.5;
    width: 68vw;
    padding: 1.866666666666667vw 1.333333333333333vw 1.333333333333333vw;
    margin: 0 auto 5.333333333333334vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-continuation .p-members-continuation_ttl {
    font-size: 1.5vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-members-continuation .p-members-continuation_ttl {
    font-size: 14.399999999999999px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-members-continuation .p-members-continuation_ttl {
    font-size: 14.000000000000002px;
  }
}
@media screen and (min-width: 768px) {
  .p-members-continuation .p-members-item_sttl {
    margin-top: 3.75vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-continuation .p-members-item_sttl {
    margin-top: calc(45px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-continuation .p-members-item_sttl {
    margin-top: 6.666666666666667vw;
  }
}
@media screen and (min-width: 768px) {
  /* .p-members-continuation .p-members-item_txt {
  text-align: center;
 }*/
  .p-members-continuation .p-members-item_txt .fz-12 span {
    font-size: 1.083vw;
    line-height: 1.846;
  }
}
.p-members-continuation .p-members-item_txt .fz-12 {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .p-members-continuation .p-members-item_txt .fz-12 span {
    line-height: 1.59;
  }
  .p-members-continuation .p-members-item_txt {
    padding: 0 5.2vw;
  }
  .p-members-continuation .p-members-item_txt .fz-12 {
    font-size: 12px;
    line-height: 19px;
    display: inline-block;
    margin-top: -15px;
  }
  .p-members-continuation .p-members-item_txt .fz-12 span {
    display: inline-block;
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) {
  .p-members-continuation .p-members-continuation_img {
    width: 62.66666666666667vw;
    margin: 2vw auto;
    position: relative;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-continuation .p-members-continuation_img {
    /*width: calc(752px * 0.8);*/
    margin-top: calc(20px * 0.8);
    position: relative;
  }
}
@media screen and (max-width: 767px) {
  .p-members-continuation .p-members-continuation_img {
    width: 70.66666666666667vw;
    margin: 5.333333333333334vw auto;
    position: relative;
  }
}
@media screen and (min-width: 768px) {
  .p-members-period {
    padding-top: 8.333333333333332vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-period {
    padding-top: calc(100px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-period {
    padding-top: 15.466666666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .p-members-period .p-members-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 4vw;
    padding: 3.333333333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-period .p-members-box {
    margin-top: calc(48px * 0.8);
    padding: calc(40px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-period .p-members-box {
    margin-top: 6.933333333333333vw;
    padding: 5.333333333333334vw;
  }
}
.p-members-period .p-members-period_ttl {
  display: block;
  width: 100%;
  font-weight: bold;
  text-align: center;
  border: 1px solid #000;
}
@media screen and (min-width: 768px) {
  .p-members-period .p-members-period_ttl {
    line-height: 1.470588235294118;
    padding: 0.833333333333333vw 0.416666666666667vw 0.583333333333333vw;
    margin: auto auto 2.5vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-period .p-members-period_ttl {
    padding: calc(10px * 0.8) calc(10px * 0.8) calc(7px * 0.8);
    margin-bottom: calc(30px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-period .p-members-period_ttl {
    font-size: 3.733333333333334vw;
    line-height: 1.5;
    padding: 1.866666666666667vw 1.333333333333333vw 1.333333333333333vw;
    margin: 0 auto 2.666666666666667vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-period .p-members-period_ttl {
    font-size: 1.416666666666667vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-members-period .p-members-period_ttl {
    font-size: 13.6px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-members-period .p-members-period_ttl {
    font-size: 14.000000000000002px;
  }
}
.p-members-period .p-members-box_inner {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .p-members-period .p-members-box_inner {
    width: 48.67021276595745%;
  }
  .p-members-period .p-members-box_inner.wide {
    width: 100%;
  }
  .p-members-period .p-members-box_inner:not(:last-child) {
    margin-bottom: 2.925531914893617%;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-period .p-members-box_inner:not(:last-child) {
    margin-bottom: calc(22px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-period .p-members-box_inner:not(:last-child) {
    margin-bottom: 5.866666666666666vw;
  }
}
.p-members-period .date_txt {
  font-weight: bold;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .p-members-period .date_txt {
    line-height: 1.538461538461539;
  }
  .p-members-period .date_txt strong {
    font-size: 1.363636363636364em;
  }
}
@media screen and (max-width: 767px) {
  .p-members-period .date_txt {
    font-size: 4.8vw;
    line-height: 1.555555555555556;
    letter-spacing: 0.03em;
  }
  .p-members-period .date_txt strong {
    font-size: 1.444444444444444em;
  }
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-period .date_txt {
    font-size: 2.166666666666667vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-members-period .date_txt {
    font-size: 20.8px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-members-period .date_txt {
    font-size: 18px;
  }
}
@media screen and (min-width: 768px) {
  .p-members-period .p-members-link_note {
    line-height: 1.538461538461539;
    text-align: center;
    margin-top: 0.833333333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .p-members-period .p-members-link_note {
    margin-top: calc(10px * 0.8);
  }
}
@media screen and (max-width: 767px) {
  .p-members-period .p-members-link_note {
    font-size: 2.666666666666667vw;
    line-height: 1.5;
    margin: 1.333333333333333vw 0 auto;
    text-indent: -1em;
    padding-left: 1em;
  }
}
@media screen and (min-width: 768px) and (min-width: 961px) {
  .p-members-period .p-members-link_note {
    font-size: 1.083333333333333vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 960px) {
  .p-members-period .p-members-link_note {
    font-size: 10.4px;
  }
}
@media screen and (max-width: 767px) and (max-width: 374px) {
  .p-members-period .p-members-link_note {
    font-size: 10px;
  }
}
#mv {
  background: #000;
}
#mv-img {
  width: 100%;
  max-width: 2236px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .p-members-box.p-members-link {
    margin-top: 5.333333333333334vw;
  }
}
.p-members-box2 .p-members-continuation_ttl {
  margin-top: 3.333333333333333vw;
}
.p-members-box2 .p-members-continuation_img {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .p-members-item .p-members-item_inner2,.p-members-item .p-members-item_txt2 {
    font-size: 3.733333333333334vw;
    line-height: 1.714285714285714;
  }
}
.b_txt {
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .b_txt {
    text-align: center;
  }
}
.p-members-point .p-members-point_thumb-img2 {
  width: 42vw;
  display: block;
  margin: 2vw auto 0;
  color: #fff;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .p-members-point .p-members-point_thumb-img2 {
    width: 77vw;
    margin-top: 4vw;
  }
}


    #suntory_contents .brand {
        padding: 0 0 100px;
        display: flex;
        flex-direction: column;
      align-items: center;
    }


    #suntory_contents .brand__button {
        position: relative;
        display: inline-block;
        width: 40vw;
        border-radius: 100px;
        overflow: hidden;
        border: solid 2px transparent;
        text-decoration: none;
        background: #ffffff;
      font-size: 1.4vw;
          font-weight: bold;
    }
@media screen and (min-width: 768px) {
      #suntory_contents .brand__button:hover {
        opacity: 0.7;
    }
}


    #suntory_contents .brand__button::before, #suntory_contents .brand__button::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 100px;
        box-sizing: border-box;
    }


    #suntory_contents .brand__button-inner {
        position: relative;
        display: block;
        padding: 28px 30px 29px 20px;
        width: 100%;
        height: 100%;
        color: #ffffff;
        font-size: 1em;
        text-align: center;
        line-height: 1.25;
        letter-spacing: 0.03em;
    }


    #suntory_contents .brand__button::before, #suntory_contents .brand__button::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 100px;
        box-sizing: border-box;
    }


    #suntory_contents .brand__button::after {
        border: solid 2px #00aae4;
        opacity: 0;
    }


    #suntory_contents .brand__button::before {
        background: #002058;
        transition: all 0.3s;
        opacity: 1;
    }


    #suntory_contents .brand__button-inner::before, #suntory_contents .brand__button-inner::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        display: block;
        margin: auto 0;
    }



    #suntory_contents .brand__button--internal .brand__button-inner::after {
        width: 1vw;
        height: 1.5vw;
        background: url("../img/arrow.svg") left center / contain no-repeat;
        right: 21px;
    }


@media screen and (max-width: 767px) {
    #suntory_contents .brand {
              padding: 0 0 10vw;
    }
  #suntory_contents .brand__button {
    width: 90vw;
    font-size: 3.4vw;
}
  #suntory_contents .brand__button--internal .brand__button-inner::after {
    width: 2vw;
    height: 3.5vw;
    right: 4vw;
}
}
.fixed-btn {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;  
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
  background: rgba(256,256,256,0.75);
  opacity: 0;
  visibility: hidden;
    transition: 0.3s;
}
#suntory_contents .fixed-btn img {
  width: 38vw;
  padding: 1vw;
}
@media screen and (max-width: 767px) {
#suntory_contents .fixed-btn img {
  width: 90.6vw;
  padding: 1.8vw 0 1vw;
}  
}
.active{
  opacity: 1;
  visibility: visible;
}
#suntory_contents a {
  transition: 0.3s;
}
    
@media screen and (min-width: 768px) {
    #suntory_contents a:hover {
        filter: drop-shadow(0px 0px 5px #fff) contrast(120%);
    }
}
@media screen and (min-width: 768px) {
.p-members-about .p-members-item_txt,.p-members-point .p-members-item_txt2,.p-members-rank .p-members-item_txt2 {
  font-size: 1.45vw;
  width: 100%;
}
}
.mt-lv1, .p-members-item .p-members-item_txt.mt-lv1 {
  margin-top: 1em;
}
.p-members-rank-notice_inner {
  padding: 1.666666666666667vw;
  margin: 2.5vw;
  border-radius: 10px;
}

@media screen and (max-width: 767px) {
.p-members-rank-notice_inner {
  padding: 4vw;
  margin-top: 6vw;
}  
  .p-members-rank .p-members-box .p-members-rank-notice_inner .p-members-item_txt {
  margin: 0;
}
}
.clr1 {
    background: #f2f7fd;
}
.clr2 {
    background: #f2ebd6;
}
.f-clr {
  color: #E12419;
}
.layoutBox {
  	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .layoutBox {
  	display: block;
}
}

#suntory_contents .p-members-terms-box a {
  color:#1558D6;
  text-decoration: underline;
}


.p-members-item_endText {
    font-size: 2vw;
    width: 62.66666666666667vw;
    margin: 3.5em auto 2em;
    text-align: center;
    font-weight: 700;
    color: #002058;
}

@media screen and (max-width: 767px) {
  .p-members-item_endText {
    font-size: 4vw;
    margin: 2em auto 1em;    
    line-height: 1.5;
  }
}