*,
html {
  margin: 0;
  padding: 0;
  word-break: normal;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Noto Sans JP", "メイリオ", Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
  font-weight: 500;
}

body {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  color: #111;
}
@media (max-width: 960px) {
  body,
  * {
    font-size: 0.16rem;
  }
}

img {
  max-width: 100%;
}

ul,
li {
  list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
}
a{
  transition: 0.3s;
}
a:hover{
  opacity: 0.7;
}
a img{
  transition: 0.3s;
}
a:hover img{
  opacity: 0.7;
}

::-ms-expand {
  display: none;
}

@media (max-width: 960px) {
  .show-pc {
    display: none !important;
  }
}
@media (min-width: 960px) {
  .show-sp {
    display: none !important;
  }
}
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
@media (max-width: 960px) {
  ::-webkit-scrollbar {
    width: 0.07rem;
    height: 0.07rem;
  }
}

::-webkit-scrollbar-thumb {
  background-color: #111;
  width: 7px;
  border-radius: 5px;
}
@media (max-width: 960px) {
  ::-webkit-scrollbar-thumb {
    width: 0.07rem;
    border-radius: 0.05rem;
    height: 0.07rem;
  }
}

::-webkit-scrollbar-track {
  background: #ececec;
}

#crumbs {
  padding: 40px 20px;
  font-size: 12px;
}
@media (max-width: 960px) {
  #crumbs {
    padding: 0.15rem 0.2rem;
    font-size: 0.1rem;
  }
}
#crumbs .crumbs-inner {
  max-width: 1640px;
  margin: 0 auto;
  display: flex;
  gap: 12px;
  align-items: center;
  overflow-x: auto;
  white-space: nowrap;
}
@media (max-width: 960px) {
  #crumbs .crumbs-inner {
    max-width: 100%;
    gap: 0.1rem;
  }
}
#crumbs .crumbs-inner .crumb {
  font-size: 12px;
  color: #c5c5c5;
}
@media (max-width: 960px) {
  #crumbs .crumbs-inner .crumb {
    font-size: 0.1rem;
    min-width: auto;
  }
}
#crumbs .crumbs-inner .crumb.active {
  color: #000;
}

main.l-main #content {
  padding: 50px 20px;
}
@media (max-width: 960px) {
  main.l-main #content {
    padding: 0.5rem 0.2rem;
  }
}
main.l-main #content .content-inner {
  max-width: 1640px;
  margin: 0 auto;
}

header.header {
  height: 120px;
  padding: 0;
}
@media (max-width: 960px) {
  header.header {
    height: 0.7rem;
  }
}
header .header-scroll-text {
  font-size: 12px;
  background: #111;
  color: #fff;
  line-height: 30px;
  height: 30px;
  display: block;
  overflow: hidden;
  position: relative;
}
@media (min-width: 960px) {
  header .header-scroll-text {
    text-align: center;
  }
}
@media (max-width: 960px) {
  header .header-scroll-text {
    font-size: 0.09rem;
    height: 0.2rem;
    line-height: 0.2rem;
    z-index: 2;
  }
  header .header-scroll-text span {
    white-space: nowrap;
    transform: translateX(0%);
    animation-name: scroll_text;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    position: absolute;
    left: 100%;
    top: 0;
    animation-duration: 16s;
    font-size: 0.09rem;
  }
}
header .header-inner {
  background: #fff;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  border-bottom: 1px solid #dcdcdc;
}
header .header-box {
  margin: 0 auto;
  padding-left: 50px;
  padding-right: 30px;
  height: 90px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.6667vw;
}
@media (max-width: 960px) {
  header .header-box {
    gap: 0;
    padding: 0 0.2rem;
    height: 0.5rem;
    position: relative;
    z-index: 2;
  }
  header .header-inner {
    border: none;
  }
  header.header-sticky {

    width: 100%;

    border-bottom: 1px solid #dcdcdc;
    height: unset;
  }
  header.header-sticky.fixed{
    position: fixed !important;
    top: 0.7rem;
    z-index: 6 !important;
  }
  #fs_Top header.header-sticky{
    position: fixed;
    top: 0.7rem;
    z-index: 0;
  }
}
@media (max-width: 960px) {
  header .header-sp-menu {
    width: 26px;
    height: 26px;
    position: relative;
    margin-right: 16px;
  }
  header .header-sp-menu:before {
    content: "";
    display: block;
    height: 2px;
    width: 26px;
    background: #000;
    position: absolute;
    left: 0;
    top: 10px;
  }
  header .header-sp-menu:after {
    content: "";
    display: block;
    height: 2px;
    width: 26px;
    background: #000;
    position: absolute;
    left: 0;
    top: 14px;
  }
}
header .header-left {
  display: flex;
  align-items: center;
  gap: 1.6667vw;
}
@media (max-width: 960px) {
  header .header-left {
    margin-left: 0;
    margin-right: auto;
  }
}
header .header-left-logo {
  font-size: 0;
}
@media (max-width: 960px) {
  header .header-left-logo {
    width: 1.2rem;
  }
}
header .header-left-logo img {
  min-width: 120px;
  width: 100%;
}
header .header-left-list {
  display: flex;
  align-items: center;
  gap: 1.6667vw;
}
@media (max-width: 960px) {
  header .header-left-list {
    display: none;
  }
}
header .header-left-menu {
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
  display: flex;
  height: 60px;
  align-items: center;
}

header .header-left-menu:hover {
  font-weight: bold;
}
header .header-left-search {
  font-size: 0;
  position: relative;
}
@media (min-width: 960px) and (max-width: 1760px) {
  /*header .header-left-search .header-left-search-input {*/
  /*  display: none;*/
  /*}*/
  header .header-box,
  header .header-right,
  header .header-left-list{
    gap: 1vw !important;
  }
  header .header-right-menu.phone{
    padding-left: 1vw !important;
  }
  header .header-right-btn01,
  header .header-right-btn02{
    padding: 10px !important;
  }
  header .header-left-search-input{
    width: 13vw !important;
  }
  /*header .header-left-search .header-left-search-btn {*/
  /*  position: relative;*/
  /*  width: 16px;*/
  /*  min-width: 16px;*/
  /*  transform: none;*/
  /*  left: 0;*/
  /*  top: 0;*/
  /*}*/
}
header .header-left-search-btn {
  position: absolute;
  z-index: 2;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
header .header-left-search-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  background: #f5f5f5;
  width: 255px;
  height: 40px;
  padding-left: 45px;
  padding-right: 20px;
  font-size: 12px;
}
header .header-right {
  display: flex;
  align-items: center;
  gap: 1.6667vw;
}
@media (max-width: 960px) {
  header .header-right {
    gap: 0.15rem;
  }
}
header .header-right-btn01{
  padding: 10px 20px;
  border-radius: 20px;
  background: #AF0018;
  font-size: 12px;
  color: #fff;
}
header .header-right-btn02{
  padding: 10px 20px;
  border-radius: 20px;
  background: #024B93;
  font-size: 12px;
  color: #fff;
}
@media (max-width: 1440px) {
  header .header-right-btn01{
    display: none;
  }
  header .header-right-btn02{
    display: none;
  }
}
header .header-right-menu {
  font-size: 0;
  display: flex;
  align-items: center;
}
header .header-right-menu span {
  font-size: 16px;
  margin-left: 12px;
}
header .header-right-menu img {
  width: 21px;
  height: 21px;
  object-fit: contain;
  min-width: 21px;
}
@media (max-width: 960px) {
  header .header-right-menu img {
    width: 0.18rem;
    height: 0.18rem;
    object-fit: contain;
    min-width: 0.18rem;
  }
  header .header-right-menu span {
    display: none;
  }
}
header .header-right-menu.phone {
  white-space: nowrap;
}
@media (min-width: 960px) {
  header .header-right-menu.phone {
    height: 90px;
    padding-left: 1.6667vw;
    border-left: 1px solid #dcdcdc;
  }
}
header .header-sp-search-area {
  display: flex;
  justify-content: space-between;
}
header .header-sp-car-search {
  background-color: #111111;
  padding: 5px;
  border-radius: 5px;
  margin-right: 15px;
  width: 115px;
  text-align: center;
}
header .header-sp-car-search a {
  color: #fff;
  font-size: 12px;
}
header .header-sp-search {
  position: relative;
  font-size: 0;
  padding: 0 0.2rem;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 0.14rem;
}
header .header-sp-search.active {
  width: 100%;
}
header .header-sp-search.active .header-sp-search-close {
  display: block;
}
header .header-sp-search.active + .header-sp-car-search {
  display: none;
}
header .header-sp-search-close {
  width: 0.2rem;
  display: none;
}
header .header-sp-search-box {
  position: relative;
  flex: 1;
}
header .header-sp-search-btn {
  position: absolute;
  z-index: 2;
  left: 0.18rem;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 0.16rem;
}
header .header-sp-search-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  background: #f5f5f5;
  width: 100%;
  height: 0.4rem;
  border-radius: 0.08rem;
  padding-left: 0.45rem;
  padding-right: 0.2rem;
  font-size: 0.12rem;
}
header .header-sp-search-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
  height: 100vh;
  padding-top: 1.2rem;
  padding-bottom: 0.2rem;
  background: #fff;
  display: none;
}
@media (min-width: 960px) {
  header .header-sp-search-modal {
    display: none !important;
  }
}
header .header-sp-search-modal .search-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
header .header-sp-search-modal .search-keyword {
  background: #f5f5f5;
  padding: 0.1rem 0;
}
header .header-sp-search-modal .search-keyword-title {
  font-size: 0.12rem;
  border-bottom: 1px solid #dcdcdc;
  padding: 0 0.2rem 0.05rem;
  color: #c5c5c5;
}
header .header-sp-search-modal .search-keyword-list {
  display: flex;
  padding: 0 0.2rem 0.1rem;
  flex-wrap: wrap;
  gap: 0.07rem;
  margin-top: 0.1rem;
}
header .header-sp-search-modal .search-keyword-list .keyword {
  white-space: nowrap;
  font-size: 0.1rem;
  padding: 0.06rem 0.14rem;
  background: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 0.08rem;
}
header .header-sp-search-modal .search-history {
  padding: 0.16rem 0.2rem;
  flex: 1;
}
header .header-sp-search-modal .search-history-title {
  font-size: 0.12rem;
  color: #c5c5c5;
}
header .header-sp-search-modal .search-history-list {
  overflow-y: auto;
  max-height: calc(100vh - 3rem);
}
header .header-sp-search-modal .search-history-list .history {
  padding: 0.15rem 0;
  padding-right: 0.2rem;
  position: relative;
}
header .header-sp-search-modal .search-history-list .history:not(:last-child) {
  border-bottom: 1px solid #dcdcdc;
}
header .header-sp-search-modal .search-history-list .history .kw {
  font-size: 0.12rem;
  cursor: pointer;
}
header .header-sp-search-modal .search-history-list .history .del {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.14rem;
  height: 0.14rem;
  cursor: pointer;
}
header .header-sp-search-modal .search-history-list .history .del:before {
  content: "";
  width: 0.01rem;
  height: 0.13rem;
  display: block;
  background: #000;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotateZ(45deg);
}
header .header-sp-search-modal .search-history-list .history .del:after {
  content: "";
  width: 0.01rem;
  height: 0.13rem;
  display: block;
  background: #000;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotateZ(135deg);
}
header .header-sp-car-modal {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
  height: 100vh;
  padding-top: 1.2rem;
  display: none;
}
@media (min-width: 960px) {
  header .header-sp-car-modal {
    display: none !important;
  }
}
header .header-sp-car-modal .car-mask {
  position: absolute;
  left: 0;
  top: 1.2rem;
  background: rgba(17, 17, 17, 0.5);
  width: 100%;
  height: 100%;
  z-index: 0;
}
header .header-sp-car-modal .car-box {
  position: absolute;
  left: -28px;
  top: 1.2rem;
  z-index: 2;
  width: 100%;
  max-height: 100%;
  padding: 0 0.2rem 0.5rem;
  background: #fff;
  border-radius: 0 0 0.3rem 0.3rem;
  margin-top: -1px;
}
header .header-sp-car-modal .car-inner {
  border-top: 1px solid #dcdcdc;
  padding-top: 0.5rem;
  position: relative;
}
header .header-sp-car-modal .car-inner .car-close {
  width: 0.4rem;
  height: 0.4rem;
  position: absolute;
  right: 0;
  top: 0.24rem;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  z-index: 2;
}
header .header-sp-car-modal .car-inner .car-close:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.14rem;
  height: 0.01rem;
  background: #111;
  transform: translate(-50%, -50%) rotateZ(45deg);
}
header .header-sp-car-modal .car-inner .car-close:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.14rem;
  height: 0.01rem;
  background: #111;
  transform: translate(-50%, -50%) rotateZ(135deg);
}
header .header-sp-car-modal .car-inner .car-info {
  display: flex;
  gap: 0.2rem;
  padding-right: 0.5rem;
}
header .header-sp-car-modal .car-inner .car-info-img {
  font-size: 0;
}
header .header-sp-car-modal .car-inner .car-info-img img {
  width: 1.45rem;
  height: 0.8rem;
  object-fit: contain;
  min-width: 1.45rem;
}
header .header-sp-car-modal .car-inner .car-info-tip {
  font-size: 0.12rem;
  color: #c5c5c5;
}
header .header-sp-car-modal .car-inner .car-info-title {
  font-size: 0.16rem;
  margin-top: 0.06rem;
}
header .header-sp-car-modal .car-inner .car-info-text {
  font-size: 0.12rem;
  margin-top: 0.02rem;
}
header .header-sp-car-modal .car-inner .car-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.08rem;
  border: 1px solid #dcdcdc;
  font-size: 0.13rem;
  margin-top: 0.3rem;
  height: 0.7rem;
}
header .header-sp-list {
  font-size: 0;
  padding: 0 0.2rem;
  height: 0.45rem;
  position: relative;
  z-index: 0;
}
header .header-sp-list .link {
  font-size: 0.12rem;
  width: auto;
  display: flex;
  align-items: center;
  color: #c5c5c5;
}
header .header-sp-list .link.active {
  color: #000;
  border-bottom: 0.03rem solid #000;
}

.header-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 998;
  padding-top: 120px;
  display: none;
}
@media (max-width: 960px) {
  .header-modal {
    padding-top: 1.5rem;
    display: none !important;
  }
}
.header-modal .modal-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  z-index: 0;
}
.header-modal .modal-mask.active {
  backdrop-filter: blur(5px);
}
.header-modal .modal-box {
  position: relative;
  z-index: 1;
  padding: 0 20px;
  background: #fff;
}
.header-modal .modal-inner {
  max-width: 1820px;
  margin: 0 auto;
  padding: 30px 2vw;
  max-height: calc(100vh - 110px);
  overflow-y: auto;
}
.header-modal .modal-inner .modal-title {
  font-size: 30px;
}
.header-modal .modal-inner .modal-text {
  font-size: 12px;
  color: #c5c5c5;
  margin-top: 20px;
}
.header-modal .seat-cover-list {
  display: flex;
  gap: 2vw;
  margin-top: 30px;
}
.header-modal .seat-cover-list .scl-type {
  border-right: 1px solid #dcdcdc;
  padding-right: 2.6vw;
  width: 281px;
}
.header-modal .seat-cover-list .scl-type-logo {
  display: flex;
  align-items: center;
  height: 20px;
  max-width: 65px;
}
.header-modal .seat-cover-list .scl-type-description {
  font-size: 12px;
  color: #c5c5c5;
  margin-top: 12px;
}
.header-modal .seat-cover-list .scl-type-list {
  margin-top: 20px;
}
.header-modal .seat-cover-list .scl-type-list-title {
  margin-top: 20px;
  font-size: 12px;
}
.header-modal .seat-cover-list .scl-type-list-box {
  display: flex;
  gap: 10px;
  margin-top: 10px;
  flex-wrap: wrap;
}
.header-modal .seat-cover-list .scl-type-list-box .sc-link {
  font-size: 0;
  width: 48px;
}
.header-modal .seat-cover-list .scl-type-list-box .sc-link img {
  width: 48px;
  height: 48px;
  object-fit: cover;
}
.header-modal .seat-cover-list .scl-type-links {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 144px;
}
.header-modal .seat-cover-list .scl-type-links .scl-type-link {
  font-size: 14px;
}
.header-modal .interior-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2vw;
  margin-top: 20px;
}
.header-modal .interior-list .interior-block {
  display: flex;
  width: 245px;
  align-items: center;
  gap: 15px;
}
.header-modal .interior-list .interior-block .block-img {
  width: 70px;
  min-width: 70px;
  font-size: 0;
}
.header-modal .interior-list .interior-block .block-en {
  font-size: 12px;
  color: #c5c5c5;
}
.header-modal .interior-list .interior-block .block-name {
  margin-top: 5px;
  font-size: 14px;
}
.header-modal .column-list {
  display: flex;
  gap: 5.2vw;
  margin-top: 20px;
  font-size: 0;
}
.header-modal .column-list .column-box {
  width: 480px;
}
.header-modal .column-list .column-box-title {
  font-size: 14px;
  color: #c5c5c5;
}
.header-modal .column-list .column-box-block {
  padding: 30px 0;
  display: flex;
  align-items: center;
  gap: 15px;
}
.header-modal .column-list .column-box-block a {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 15px;
}
.header-modal .column-list .column-box-block:not(:last-child) {
  border-bottom: 1px solid #dcdcdc;
}
.header-modal .column-list .column-box-block .block-img {
  width: 70px;
  min-width: 70px;
}
.header-modal .column-list .column-box-block .block-title {
  font-size: 14px;
}
.header-modal .column-list .column-box-block .block-link {
  width: 54px;
  height: 54px;
  min-width: 54px;
  border-radius: 50%;
  border: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: 0;
}
.header-modal .search-list {
  margin-top: 30px;
  display: flex;
  gap: 40px;
}
.header-modal .search-list-tite {
  font-size: 14px;
  color: #c5c5c5;
}
.header-modal .search-list-left {
  width: 680px;
  border-right: 1px solid #dcdcdc;
}
.header-modal .search-list-right {
  width: 500px;
}
.header-modal .search-list-kw {
  display: flex;
  margin-top: 30px;
  gap: 20px;
  flex-wrap: wrap;
}
.header-modal .search-list-kw .kw {
  font-size: 12px;
  padding: 6px 10px;
  border: 1px solid #000;
  cursor: pointer;
}
.header-modal .search-list-history {
  margin-top: 15px;
}
.header-modal .search-list-history .history {
  padding: 15px 0;
  padding-right: 25px;
  position: relative;
}
.header-modal .search-list-history .history:not(:last-child) {
  border-bottom: 1px solid #dcdcdc;
}
.header-modal .search-list-history .history .kw {
  font-size: 12px;
  cursor: pointer;
}
.header-modal .search-list-history .history .del {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.header-modal .search-list-history .history .del:before {
  content: "";
  width: 1px;
  height: 13px;
  display: block;
  background: #000;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotateZ(45deg);
}
.header-modal .search-list-history .history .del:after {
  content: "";
  width: 1px;
  height: 13px;
  display: block;
  background: #000;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotateZ(135deg);
}
.header-modal .support-list {
  display: flex;
  margin-top: 10px;
  gap: 5.2vw;
}
.header-modal .support-list .support-box {
  width: 480px;
}
.header-modal .support-list .support {
  padding: 25px 0;
  display: flex;
  gap: 15px;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #dcdcdc;
}
.header-modal .support-list .support-title {
  font-size: 14px;
}
.header-modal .support-list .support-link {
  width: 54px;
  height: 54px;
  min-width: 54px;
  border-radius: 50%;
  border: 1px solid #e6e6e6;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: 0;
}
.header-modal .car-list {
  display: flex;
  margin-top: -25px;
  justify-content: center;
  gap: 50px;
}
.header-modal .car-list .car {
  width: 350px;
  padding-top: 20px;
  position: relative;
}
.header-modal .car-list .car-del {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  cursor: pointer;
}
.header-modal .car-list .car-del:before {
  content: "";
  display: block;
  width: 14px;
  height: 1px;
  background: #000;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotateZ(45deg);
}
.header-modal .car-list .car-del:after {
  content: "";
  display: block;
  width: 14px;
  height: 1px;
  background: #000;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotateZ(135deg);
}
.header-modal .car-list .car-info {
  display: flex;
  gap: 15px;
  padding-right: 50px;
}
.header-modal .car-list .car-info-img {
  font-size: 0;
}
.header-modal .car-list .car-info-img img {
  width: 150px;
  height: 75px;
  object-fit: contain;
  min-width: 150px;
}
.header-modal .car-list .car-info-tip {
  font-size: 14px;
  color: #c5c5c5;
}
.header-modal .car-list .car-info-title {
  font-size: 14px;
  margin-top: 6px;
}
.header-modal .car-list .car-info-text {
  font-size: 12px;
  margin-top: 2px;
}
.header-modal .car-list .car-btn {
  display: flex;
  width: 100%;
  height: 85px;
  align-items: center;
  justify-content: center;
  color: #000;
  border: 1px solid #dcdcdc;
  font-size: 14px;
  margin-top: 30px;
}
.header-modal .car-list .no-car {
  width: 350px;
  padding-top: 35px;
}
.header-modal .car-list .no-car-text {
  padding: 20px 0;
  font-size: 14px;
  color: #c5c5c5;
  text-align: center;
}
.header-modal .car-list .no-car-btn {
  display: flex;
  width: 100%;
  height: 85px;
  align-items: center;
  justify-content: center;
  color: #000;
  border: 1px solid #dcdcdc;
  font-size: 14px;
  margin-top: 30px;
}
.header-modal .mypage-list {
  display: flex;
  gap: 2.6vw;
}
.header-modal .mypage-list .mypage-info {
  width: 400px;
}
.header-modal .mypage-list .mypage-info .info-box {
  margin-top: 60px;
}
.header-modal .mypage-list .mypage-info .info-box .info-user {
  font-size: 18px;
}
.header-modal .mypage-list .mypage-info .info-box .info-point {
  margin-top: 20px;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 15px;
  font-size: 14px;
}
.header-modal .mypage-list .mypage-info .info-box .info-point div {
  width: 140px;
  display: inline-block;
}
.header-modal .mypage-list .mypage-info .info-box .info-point span {
  font-size: 30px;
}
.header-modal .mypage-list .mypage-info .info-box .info-date {
  font-size: 14px;
  margin-top: 20px;
}
.header-modal .mypage-list .mypage-info .info-box .info-date div {
  width: 140px;
  display: inline-block;
}
.header-modal .mypage-list .mypage-btn {
  border-left: 1px solid #dcdcdc;
  padding-left: 50px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.header-modal .mypage-list .mypage-btn .btn {
  display: flex;
  cursor: pointer;
  width: 350px;
  height: 85px;
  align-items: center;
  justify-content: center;
  color: #000;
  border: 1px solid #dcdcdc;
  font-size: 14px;
}
.header-modal .mypage-list .mypage-links {
  border-left: 1px solid #dcdcdc;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 38px;
}
.header-modal .mypage-list .mypage-links .links-box {
  margin-left: 50px;
  display: flex;
  flex-direction: column;
  gap: 38px;
}
.header-modal .mypage-list .mypage-links .links-box .link {
  font-size: 14px;
  color: #000;
  white-space: nowrap;
}

@keyframes scroll_text {
  0% {
    left: 100%;
    transform: translateX(0%);
  }
  100% {
    left: 0%;
    transform: translateX(-100%);
  }
}
.sp-pop-menu {
  display: none;
}
@media (max-width: 960px) {
  .sp-pop-menu {
    display: none;
    position: fixed;
    width: 100vh;
    height: 100vh;
    left: 0;
    top: 0;
    z-index: 1001;
    overflow: hidden;
  }
  .sp-pop-menu .pop-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(17, 17, 17, 0.5);
    z-index: 0;
  }
  .sp-pop-menu .pop-box {
    width: 3rem;
    position: absolute;
    z-index: 1;
    background: #fff;
    left: -3rem;
    top: 0;
    height: 100%;
    padding: 0.2rem;
    padding-left: 0.3rem;
    transition: left 0.4s;
  }
  .sp-pop-menu .pop-box.active {
    left: 0;
  }
  .sp-pop-menu .pop-box .pop-close {
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    right: 0.2rem;
    top: 0.2rem;
    border-radius: 50%;
    border: 1px solid #dcdcdc;
  }
  .sp-pop-menu .pop-box .pop-close:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0.14rem;
    height: 0.01rem;
    background: #111;
    transform: translate(-50%, -50%) rotateZ(45deg);
  }
  .sp-pop-menu .pop-box .pop-close:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0.14rem;
    height: 0.01rem;
    background: #111;
    transform: translate(-50%, -50%) rotateZ(135deg);
  }
  .sp-pop-menu .pop-box .pop-logo {
    display: flex;
    height: 0.4rem;
    align-items: center;
    font-size: 0;
  }
  .sp-pop-menu .pop-box .pop-logo a img {
    width: 1.2rem;
  }
  .sp-pop-menu .pop-box .pop-inner {
    margin-top: 0.1rem;
    margin-left: -0.3rem;
    margin-right: -0.2rem;
    padding-left: 0.3rem;
    padding-right: 0.2rem;
    max-height: calc(100vh - 0.9rem);
    overflow-y: auto;
  }
  .sp-pop-menu .pop-box .pop-inner .pop-link {
    padding: 0.16rem;
    padding-left: 0;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ececec;
    position: relative;
  }
  .sp-pop-menu .pop-box .pop-inner .pop-link a {
    font-size: 0.12rem;
  }
  .sp-pop-menu .pop-box .pop-inner .pop-link:after {
    content: "";
    display: block;
    width: 0.08rem;
    height: 0.08rem;
    border-right: 0.01rem solid #111;
    border-top: 0.01rem solid #111;
    position: absolute;
    right: 0.02rem;
    top: 50%;
    transform: translateY(-50%) rotateZ(45deg);
    transition: transform 0.4s;
  }
  .sp-pop-menu .pop-box .pop-inner .pop-parent.active {
    background: #f5f5f5;
    margin-left: -0.3rem;
    margin-right: -0.2rem;
    padding-left: 0.3rem;
    padding-right: 0.36rem;
    border-bottom: none;
    border-top: 1px solid #f5f5f5;
    margin-top: -1px;
  }
  .sp-pop-menu .pop-box .pop-inner .pop-parent.active:after {
    right: 0.22rem;
    transform: translateY(-50%) rotateZ(135deg);
  }
  .sp-pop-menu .pop-box .pop-inner .pop-children {
    display: none;
  }
  .sp-pop-menu .pop-box .pop-inner .pop-children .pop-link {
    padding-left: 0.16rem;
  }
}

#fixed_menu {
  position: fixed;
  right: 245px;
  bottom: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 996;
}
@media (max-width: 960px) {
  #fixed_menu {
    right: 0.75rem;
    bottom: 0.07rem;
    gap: 0.05rem;
  }
}
@media (max-width: 960px) {
  .menu_p {
    font-size: 0.12rem;
  }
}
#fixed_menu .fixed_line_guide {
  line-height: 1.4;
  width: 270px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  font-size: 13px;
  color: #fff;
  background: #179e1a;
  gap: 10px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
}
@media (max-width: 960px) {
  #fixed_menu .fixed_line_guide {
    width: 1.1rem;
    height: 0.5rem;
    font-size: 0.13rem;
    gap: 0.08rem;
  }
  #fixed_menu .fixed_line_guide img {
    width: 0.12rem;
  }
}
#fixed_menu .fixed_menu_guide {
  line-height: 1.4;
  width: 270px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  font-size: 13px;
  color: #fff;
  background: #111;
  gap: 10px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
}
@media (max-width: 960px) {
  #fixed_menu .fixed_menu_guide {
    width: 1.9rem;
    height: 0.5rem;
    font-size: 0.13rem;
    gap: 0.08rem;
  }
  #fixed_menu .fixed_menu_guide img {
    width: 0.12rem;
  }
}
#fixed_menu_sp {
  display: none;
}
@media (max-width: 960px) {
  #fixed_menu_sp {
    display: flex;
    align-items: center;
    gap: 0.05rem;
    margin: 2px 0px 6px;
    /*right: 0.14rem;*/
    left: 10px;
    bottom: 0rem;
    gap: 0.05rem;
    position: fixed;
  }
}
@media (max-width: 960px) {
  .menu_p {
    font-size: 0.12rem;
  }
}
#fixed_menu_sp .fixed_line_guide {
  line-height: 1.4;
  width: 270px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  font-size: 13px;
  color: #fff;
  background: #179e1a;
  gap: 10px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
}
@media (max-width: 960px) {
  #fixed_menu_sp .fixed_line_guide {
    width: 1.1rem;
    height: 0.5rem;
    font-size: 0.13rem;
    gap: 0.08rem;
  }
  #fixed_menu_sp .fixed_line_guide img {
    width: 0.12rem;
  }
}
#fixed_menu .fixed_menu_guide {
  line-height: 1.4;
  width: 270px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  font-size: 13px;
  color: #fff;
  background: #111;
  gap: 10px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
}
@media (max-width: 960px) {
  #fixed_menu .fixed_menu_guide {
    width: 1.9rem;
    height: 0.5rem;
    font-size: 0.13rem;
    gap: 0.08rem;
  }
  #fixed_menu .fixed_menu_guide img {
    width: 0.12rem;
  }
}
#fixed_menu_renewal .fixed_menu_guide {
  line-height: 1.4;
  width: 270px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  font-size: 13px;
  color: #fff;
  background: #111;
  gap: 10px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
}
@media (max-width: 960px) {
  #fixed_menu_renewal .fixed_menu_guide {
    width: 1.9rem;
    height: 0.5rem;
    font-size: 0.13rem;
    gap: 0.08rem;
  }
  #fixed_menu_renewal .fixed_menu_guide img {
    width: 0.12rem;
  }
}
#fixed_menu .fixed_call_guide {
  line-height: 1.4;
  width: 270px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  font-size: 13px;
  color: #fff;
  background: #00266e;
  gap: 10px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
}
@media (max-width: 960px) {
  #fixed_menu .fixed_call_guide {
    width: 1.9rem;
    height: 0.5rem;
    font-size: 0.13rem;
    gap: 0.08rem;
  }
  #fixed_menu .fixed_call_guide img {
    width: 0.12rem;
  }
}
#fixed_menu .fixed_menu_talk {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  padding: 24px 21px 21px 23px;
  align-items: center;
  background: #111;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
}
@media (max-width: 960px) {
  #fixed_menu .fixed_menu_talk {
    width: 0.5rem;
    height: 0.5rem;
    padding: 16px;
  }
  #fixed_menu .fixed_menu_talk img {
    width: 0.35rem;
  }
}
#fixed_menu_sp .fixed_menu_talk {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  padding: 15px;
  align-items: center;
  background: #111;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
}
@media (max-width: 960px) {
  #fixed_menu_sp .fixed_menu_talk {
    width: 0.5rem;
    height: 0.5rem;
  }
  #fixed_menu_sp .fixed_menu_talk img {
    width: 0.35rem;
  }
}

#fixed_menu_sp .fixed_call_guide {
  line-height: 1.4;
  width: 270px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  font-size: 13px;
  color: #fff;
  background: #00266e;
  gap: 10px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
}
@media (max-width: 960px) {
  #fixed_menu_sp .fixed_call_guide {
    width: 1.9rem;
    height: 0.5rem;
    font-size: 0.13rem;
    gap: 0.08rem;
  }
  #fixed_menu_sp .fixed_call_guide img {
    width: 0.12rem;
  }
}

#fixed_menu_renewal .fixed_menu_talk {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  padding: 24px 21px 21px 23px;
  align-items: center;
  background: #111;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
}
@media (max-width: 960px) {
  #fixed_menu_renewal .fixed_menu_talk {
    width: 0.5rem;
    height: 0.5rem;
  }
  #fixed_menu_renewal .fixed_menu_talk img {
    width: 0.35rem;
  }
}

#fixed_menu_renewal {
  position: fixed;
  right: 245px;
  bottom: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  z-index: 996;
}
@media (max-width: 960px) {
  #fixed_menu_renewal {
    display: none;
  }
}

footer {
  background: #fff;
  padding-top: 100px;
  position: relative;
  z-index: 2;
}
@media (max-width: 960px) {
  footer {
    padding-top: 0.3rem;
  }
}
footer .footer-inner {
  border-radius: 100px 100px 0 0;
  background: #f5f5f5;
  padding: 110px 0 60px;
}
@media (max-width: 960px) {
  footer .footer-inner {
    border-radius: 0.3rem 0.3rem 0 0;
    padding: 0.3rem 0 1rem;
  }
}
footer .inner {
  max-width: 1680px;
  margin: 0 auto;
  padding: 0 40px;
}
@media (max-width: 960px) {
  footer .inner {
    padding: 0 0.3rem;
  }
}
footer .footer-intro {
  display: flex;
  gap: 4vw;
}
@media (max-width: 960px) {
  footer .footer-intro {
    display: block;
  }
}
footer .footer-intro .intro-box + .intro-box {
  margin-top: 50px;
}
@media (max-width: 960px) {
  footer .footer-intro .intro-box + .intro-box {
    margin-top: 0;
  }
}
@media (max-width: 960px) {
  footer .footer-intro .intro-box {
    border-bottom: 1px solid #dcdcdc;
  }
}
footer .footer-intro .intro {
  flex: 1;
  position: relative;
}
footer .footer-intro .intro:not(:last-child):after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #dcdcdc;
  position: absolute;
  right: -2vw;
  top: 0;
}
@media (max-width: 960px) {
  footer .footer-intro .intro:not(:last-child):after {
    display: none;
  }
}
footer .footer-intro .intro-title {
  font-size: 16px;
}
@media (max-width: 960px) {
  footer .footer-intro .intro-title {
    padding: 0.2rem 0;
    position: relative;
    font-size: 0.14rem;
    padding-right: 0.3rem;
  }
  footer .footer-intro .intro-title:after {
    display: block;
    content: "";
    width: 0.08rem;
    height: 0.08rem;
    border-bottom: 0.01rem solid #111;
    border-right: 0.01rem solid #111;
    position: absolute;
    right: 0.1rem;
    top: 50%;
    transform: translateY(-65%) rotateZ(45deg);
    transition: 0.4s;
  }
  footer .footer-intro .intro-title.active:after {
    transform: translateY(-35%) rotateZ(225deg);
  }
}
footer .footer-intro .intro-text {
  font-size: 12px;
  margin-top: 20px;
  line-height: 2;
}
@media (min-width: 960px) {
  footer .footer-intro .intro-text {
    display: block !important;
  }
}
@media (max-width: 960px) {
  footer .footer-intro .intro-text {
    display: none;
    font-size: 0.12rem;
    margin-top: 0;
    padding-bottom: 0.2rem;
  }
}
@media (max-width: 960px) {
  footer .footer-contact {
    text-align: center;
  }
  footer .footer-contact .contact-en {
    margin-top: 0.36rem;
    font-size: 0.2rem;
  }
  footer .footer-contact .contact-name {
    font-size: 0.12rem;
  }
  footer .footer-contact .contact-phone {
    font-size: 0.32rem;
    margin-top: 0.35rem;
    display: inline;
  }
  footer .footer-contact .contact-tip {
    font-size: 0.12rem;
  }
  footer .footer-contact .contact-qa {
    height: 0.72rem;
    display: flex;
    width: 100%;
    margin-top: 0.24rem;
    align-items: center;
    justify-content: center;
    font-size: 0.14rem;
    border: 1px solid #111;
    border-radius: 0.36rem;
  }
}
footer .footer-menu {
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  display: flex !important;
  flex-wrap: wrap;
  padding: 40px 0;
  gap: 40px;
  margin-top: 120px;
}
@media (max-width: 960px) {
  footer .footer-menu {
    gap: 0.2rem;
    padding: 0.3rem 0;
    margin-top: 0.45rem;
    border: 0;
  }
}
footer .footer-menu a {
  font-size: 14px;
  color: #111;
}
@media (max-width: 960px) {
  footer .footer-menu a {
    margin-right: 0.1rem;
    font-size: 0.12rem;
    width: calc(50% - 25px);
    padding: 0 20px 20px 20px;
    border-bottom: 1px solid #dcdcdc;
    text-align: center;
  }
}
footer .footer-menu a.login.my-true{
  display: none !important;
}
footer .footer-menu a.logout.my-false{
  display: none !important;
}
footer .footer-logo {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
@media (max-width: 960px) {
  footer .footer-logo {
    flex-direction: column;
    align-items: center;
    margin-top: 0.4rem;
    gap: 0.5rem;
  }
}
footer .footer-logo .logo-list {
  display: flex;
  gap: 30px;
}
@media (max-width: 960px) {
  footer .footer-logo .logo-list {
    gap: 0.3rem;
  }
}
footer .footer-logo .logo-list a {
  font-size: 0;
}
footer .footer-logo .logo-list a img {
  height: 20px;
}
@media (max-width: 960px) {
  footer .footer-logo .logo-list a img {
    height: 0.2rem;
  }
}
footer .footer-logo .logo {
  font-size: 0;
}
footer .footer-logo .logo img {
  width: 306px;
}
@media (max-width: 960px) {
  footer .footer-logo .logo img {
    width: 2.74rem;
  }
}
footer .footer-copyright {
  font-size: 12px;
  margin-top: 80px;
  line-height: 2;
}
@media (max-width: 960px) {
  footer .footer-copyright {
    margin-top: 0.5rem;
    font-size: 0.1rem;
  }
}

.page-category .car-category-title {
  max-width: 1680px;
  margin: 0 auto;
  font-size: 30px;
  padding: 40px 40px 10px;
}
@media (max-width: 960px) {
  .page-category .car-category-title {
    font-size: 0.2rem;
    padding: 0.25rem 0.2rem 0;
  }
}
.page-category .product-category {
  max-width: 1680px;
  margin: 0 auto;
  display: flex;
  gap: 80px;
  justify-content: space-between;
  padding: 50px 40px 70px;
  border-bottom: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-category .product-category {
    display: block;
    padding: 0.5rem 0.2rem;
  }
}
.page-category .product-category.full-width {
  border-bottom: none;
}
@media (max-width: 960px) {
  .page-category .product-category.full-width {
    padding-top: 0.3rem;
  }
}
.page-category .product-category.full-width .product-category-right {
  max-width: 100%;
  border-bottom: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-category .product-category.full-width .product-category-right {
    border-bottom: none;
  }
}
.page-category .product-category-left {
  width: 420px;
  min-width: 420px;
}
@media (max-width: 960px) {
  .page-category .product-category-left {
    min-width: 100%;
    width: 100%;
  }
}
.page-category .product-category-left .content-title {
  font-size: 50px;
  color: #111;
  line-height: 1.1;
}
@media (max-width: 960px) {
  .page-category .product-category-left .content-title {
    font-size: 0.3rem;
    line-height: 1.2;
  }
}
.page-category .product-category-left .content-text {
  font-size: 16px;
  margin-top: 10px;
}
@media (max-width: 960px) {
  .page-category .product-category-left .content-text {
    font-size: 0.12rem;
    margin-top: 0.05rem;
  }
}
.page-category .product-category-left .left-tabs {
  margin-top: 90px;
  width: 180px;
  display: flex;
  height: 32px;
  border-radius: 16px;
  background: #f5f5f5;
}
@media (max-width: 960px) {
  .page-category .product-category-left .left-tabs {
    margin-top: 0.36rem;
    width: 1.8rem;
    height: 0.32rem;
    border-radius: 0.16rem;
  }
}
.page-category .product-category-left .left-tabs .tab {
  flex: 1;
  height: 32px;
  border-radius: 16px;
  color: #acabab;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-category .product-category-left .left-tabs .tab {
    height: 0.32rem;
    border-radius: 0.16rem;
    font-size: 0.14rem;
  }
}
.page-category .product-category-left .left-tabs .tab.active {
  background: #111111;
  color: #fff;
}
.page-category .product-category-left .left-list {
  margin-top: 30px;
}
@media (max-width: 960px) {
  .page-category .product-category-left .left-list {
    margin-top: 0.16rem;
  }
}
.page-category .product-category-left .left-list-title {
  font-size: 12px;
  color: #acabab;
}
@media (max-width: 960px) {
  .page-category .product-category-left .left-list-title {
    font-size: 0.12rem;
  }
}
.page-category .product-category-left .left-list-box {
  width: 100%;
  overflow: hidden;
  margin-top: 18px;
  padding-bottom: 20px;
  position: relative;
}
@media (max-width: 960px) {
  .page-category .product-category-left .left-list-box {
    margin-top: 0.1rem;
    padding-bottom: 0;
  }
}
.page-category .product-category-left .left-list-box .brand {
  width: 72px;
  opacity: 0.2;
}
@media (max-width: 960px) {
  .page-category .product-category-left .left-list-box .brand {
    width: 0.66rem;
  }
}
.page-category .product-category-left .left-list-box .brand.active {
  opacity: 1;
}
.page-category .product-category-left .left-list-box .brand-logo {
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  overflow: hidden;
}
@media (max-width: 960px) {
  .page-category .product-category-left .left-list-box .brand-logo {
    width: 0.66rem;
    height: 0.66rem;
  }
}
.page-category .product-category-left .left-list-box .brand-name {
  text-align: center;
  font-size: 12px;
  color: #111;
  margin-top: 6px;
}
@media (max-width: 960px) {
  .page-category .product-category-left .left-list-box .brand-name {
    font-size: 0.1rem;
    margin-top: 0.05rem;
  }
}
.page-category .product-category-left .left-list-box .swiper-scrollbar {
  border-radius: 0;
  height: 1px;
  width: 100%;
  left: 0;
}
@media (max-width: 960px) {
  .page-category .product-category-left .left-list-box .swiper-scrollbar {
    display: none;
  }
}
.page-category .product-category-left .left-list-box .swiper-scrollbar .swiper-scrollbar-drag {
  border-radius: 0;
  background: #111;
  height: 5px;
  margin-top: -2px;
}
@media (max-width: 960px) {
  .page-category .product-category-line {
    height: 1px;
    background: #dcdcdc;
    margin-left: -0.2rem;
    margin-right: -0.2rem;
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
  }
}
.page-category .product-category-right {
  max-width: calc(100% - 500px);
}
@media (max-width: 960px) {
  .page-category .product-category-right {
    margin-top: 0.14rem;
    max-width: 100%;
  }
}
.page-category .product-category-right .right-tabs {
  display: flex;
  align-items: center;
  padding: 25px 0;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  overflow: hidden;
}
@media (max-width: 960px) {
  .page-category .product-category-right .right-tabs {
    border: none;
    gap: 0.08rem;
    padding: 0;
  }
}
.page-category .product-category-right .right-tabs .tab {
  width: auto;
  color: #c5c5c5;
  font-size: 14px;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
}
@media (max-width: 960px) {
  .page-category .product-category-right .right-tabs .tab {
    height: 0.3rem;
    border-radius: 0.15rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.12rem;
    border: 1px solid #f5f5f5;
    background: #f5f5f5;
    font-size: 0.12rem;
  }
}
.page-category .product-category-right .right-tabs .tab.active {
  color: #000;
  border-bottom: 1px solid #000;
}
@media (max-width: 960px) {
  .page-category .product-category-right .right-tabs .tab.active {
    border: 1px solid #ececec;
    background: #fff;
  }
}
.page-category .product-category-right .right-type-content {
  display: flex;
  flex-wrap: wrap;
  gap: 50px;
  margin-top: 30px;
  max-height: 560px;
  height: 560px;
  overflow: auto;
}
@media (max-width: 960px) {
  .page-category .product-category-right .right-type-content {
    display: block;
    max-height: 3.3rem;
    height: 3.3rem;
    margin-top: 0.15rem;
    padding-right: 0.25rem;
  }
}
.page-category .product-category-right .right-type-content .type {
  width: 180px;
  cursor: pointer;
}
@media (max-width: 960px) {
  .page-category .product-category-right .right-type-content .type {
    width: 100%;
    border-bottom: 1px solid #dcdcdc;
    display: flex;
    align-items: center;
    padding: 15px 0;
    gap: 0.3rem;
  }
  .page-category .product-category-right .right-type-content .type:last-child {
    border-bottom: none;
  }
}
.page-category .product-category-right .right-type-content .type-img {
  font-size: 0;
  display: block;
}
.page-category .product-category-right .right-type-content .type-img img {
  width: 180px;
  height: 90px;
  object-fit: contain;
}
@media (max-width: 960px) {
  .page-category .product-category-right .right-type-content .type-img img {
    width: 0.8rem;
    height: 0.4rem;
    min-width: 0.8rem;
  }
}
.page-category .product-category-right .right-type-content .type-name {
  margin-top: 15px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 960px) {
  .page-category .product-category-right .right-type-content .type-name {
    margin-top: 0;
    font-size: 0.15rem;
  }
}
.page-category .product-brand-tip {
  max-width: 1680px;
  padding: 0 20px;
  text-align: center;
  margin: 100px auto 0;
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-category .product-brand-tip {
    padding: 0 0.2rem;
  }
}
.page-category .product-brand {
  max-width: 1680px;
  padding: 70px 20px;
  margin: 0 auto;
}
@media (max-width: 960px) {
  .page-category .product-brand {
    padding: 0.4rem 0.2rem;
  }
}
.page-category .product-brand-title {
  font-size: 16px;
  color: #111;
}
@media (max-width: 960px) {
  .page-category .product-brand-title {
    font-size: 0.14rem;
  }
}
.page-category .product-brand-list {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  overflow: hidden;
  max-width: 100%;
}
@media (min-width: 960px) {
  .page-category .product-brand-list .swiper-wrapper {
    transform: translate3d(0px, 0px, 0px) !important;
    flex-wrap: wrap;
  }
}
.page-category .product-brand-list .brand {
  display: block;
  padding-bottom: 20px;
  width: 90px;
}
@media (max-width: 960px) {
  .page-category .product-brand-list .brand {
    padding-bottom: 0.1rem;
    width: 0.66rem;
  }
}
.page-category .product-brand-list .brand-logo {
  width: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90px;
  font-size: 0;
  border: 1px solid #dcdcdc;
  border-radius: 50%;
}
@media (max-width: 960px) {
  .page-category .product-brand-list .brand-logo {
    width: 0.66rem;
    height: 0.66rem;
  }
}
.page-category .product-brand-list .brand-name {
  font-size: 12px;
  margin-top: 6px;
  text-align: center;
}
@media (max-width: 960px) {
  .page-category .product-brand-list .brand-name {
    font-size: 0.1rem;
    margin-top: 0.05rem;
  }
}
.page-category .product-brand-list + .product-brand-title {
  margin-top: 30px;
}
@media (max-width: 960px) {
  .page-category .product-brand-list + .product-brand-title {
    margin-top: 0.3rem;
  }
}

.page-top section {
  position: relative;
}
.page-top .top-mv {
  position: sticky;
  left: 0;
  top: 120px;
  width: 100%;
  height: calc(100vh - 120px);
  z-index: 0;
}
@media (max-width: 960px) {
  .page-top .top-mv {
    top: 1.5rem;
    height: unset;
    padding-bottom: 0;
  }
}
.page-top .top-mv .pos-lt {
  position: absolute;
  left: 40px;
  top: 20px;
  font-size: 12px;
  transform-origin: left top;
  transform: rotateZ(90deg) translateY(-100%);
}
.page-top .top-mv .pos-lb {
  position: absolute;
  left: 50px;
  bottom: 60px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 1px solid #111;
  font-size: 12px;
  color: #111;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transition: 0.3s;
  cursor: pointer;
}
@media (min-width: 960px) {
  .page-top .top-mv .pos-lb:hover {
    background: #111;
    color: #fff;
  }
}
@media (max-width: 1440px) {
  .page-top .top-mv .pos-lb {
    display: none;
  }
}
.page-top .top-mv-inner {
  display: flex;
  position: relative;
  height: 100%;
}
@media (max-width: 960px) {
  .page-top .top-mv-inner {
    padding-top: 0.1rem;
    display: block;
  }
}
.page-top .top-mv-inner .left {
  position: absolute;
  left: 60px;
  right: 0;
  /*max-width: 1680px;*/
  margin: 0 auto;
  padding: 0 20px;
  top: 45%;
  transform: translateY(-50%);
  color: #111;
  /*display: none;*/
}
@media (max-width: 960px) {
  .page-top .top-mv-inner .left {
    position: relative;
    left: 0;
    top: 0;
    transform: none;
    padding: 0 0.2rem;
    margin: 0;
  }
}
@media (max-width: 960px) {
  .page-top .top-mv-inner .left-text-sp {
    font-size: 0.15rem;
  }
}
.page-top .top-mv-inner .left-text01 {
  font-size: 13px;
}
@media (max-width: 960px) {
  .page-top .top-mv-inner .left-text01 {
    font-size: 0.12rem;
  }
}
.page-top .top-mv-inner .left-text02 {
  font-size: 76px;
  line-height: 1;
}
@media (max-width: 1550px) {
  .page-top .top-mv-inner .left-text02 {
    font-size: 66px;
  }
}
@media (max-width: 960px) {
  .page-top .top-mv-inner .left-text02 {
    font-size: 0.4rem;
    margin-top: 0.06rem;
  }
}
.page-top .top-mv-inner .left-text03 {
  font-size: 50px;
  line-height: 1;
}
@media (max-width: 960px) {
  .page-top .top-mv-inner .left-text03 {
    font-size: 0.24rem;
  }
}
.page-top .top-mv-inner .left-text04 {
  font-size: 12px;
  margin-top: 50px;
}
.page-top .top-mv-inner .left-text05 {
  font-size: 12px;
  margin-top: 30px;
}
.page-top .top-mv-inner .right {
  /*
  max-width: 1200px;
  width: calc(100vw - 500px);
  */
  max-width: 100%;
  width: calc(100vw - 580px);
  margin-left: auto;
  margin-right: 0;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1440px) {
  .page-top .top-mv-inner .right {
    /*width: calc(100vw - 530px);*/
    width: calc(100vw - 80px);
  }
}

@media (max-width: 960px) {
  .page-top .top-mv-inner .right {
    flex: 1;
    width: 100%;
    flex-direction: column-reverse;
      margin-bottom: 0.72rem;
  }
}
.page-top .top-mv-inner .right-scroll {
  display: flex;
  align-items: center;
  height: 50px;
}
@media (max-width: 960px) {
  .page-top .top-mv-inner .right-scroll {
    height: 0.32rem;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
  }
}
.page-top .top-mv-inner .right-scroll-text {
  font-size: 13px;
  font-weight: bold;
  display: flex;
  height: 20px;
}
@media (max-width: 960px) {
  .page-top .top-mv-inner .right-scroll-text {
    font-size: 0.1rem;
    height: 0.15rem;
    padding-left: 0.2rem;
  }
}
.page-top .top-mv-inner .right-scroll-text:after {
  content: "";
  display: block;
  margin: 0 16px;
  width: 1px;
  height: 17px;
  background: #111;
}
@media (max-width: 960px) {
  .page-top .top-mv-inner .right-scroll-text:after {
    height: 0.15rem;
    width: 0.01rem;
    margin: 0 0.1rem;
  }
}
.page-top .top-mv-inner .right-scroll-box {
  display: block;
  overflow: hidden;
  position: relative;
  flex: 1;
  height: 20px;
}
@media (max-width: 960px) {
  .page-top .top-mv-inner .right-scroll-box {
    height: 0.15rem;
  }
}
.page-top .top-mv-inner .right-scroll-box span {
  white-space: nowrap;
  transform: translateX(0%);
  animation-name: scroll_text;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  position: absolute;
  left: 100%;
  top: 0;
  animation-duration: 32s;
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-top .top-mv-inner .right-scroll-box span {
    font-size: 0.1rem;
  }
}
@media (max-width: 960px) {
  .page-top .top-mv-inner .right-scroll-box span a {
    font-size: 0.1rem;
  }
}
.page-top .top-mv-inner .right-swiper {
  flex: 1;
  overflow: hidden;
  padding-bottom: 75px;
  position: relative;
  height: 100%;
}
@media (max-width: 960px) {
  .page-top .top-mv-inner .right-swiper {
    padding-bottom: 0.4rem;
    margin-left: 0rem;
  }
  .page-top .top-mv-inner .right-swiper .swiper-tip{
    font-size: 0.13rem;
    line-height: 0.2rem;
    text-align: center;
  }
}
.page-top .top-mv-inner .right-swiper .swiper-slide {
  background: no-repeat center center/cover;
  position: relative;
  font-size: 0;
  opacity: 1 !important;
}
@media (max-width: 960px) {
  .page-top .top-mv-inner .right-swiper .swiper-slide {
    background: no-repeat center center/contain;
    /*border-radius: 0.08rem 0 0 0.08rem;*/
    overflow: hidden;
    width: 100%;
    padding-top: 100%;
  }
}
.page-top .top-mv-inner .right-swiper .swiper-slide .slide-text {
  position: absolute;
  left: 50px;
  bottom: 40px;
  max-width: calc(100% - 100px);
}
@media (max-width: 960px) {
  .page-top .top-mv-inner .right-swiper .swiper-slide .slide-text {
    display: none;
    left: 0.2rem;
    bottom: 0.15rem;
    max-width: calc(100% - 0.4rem);
  }
}
.page-top .top-mv-inner .right-swiper .swiper-slide .slide-text .st-tag {
  padding: 5px 12px;
  display: inline-flex;
  background: #fff;
  border-radius: 12px;
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-top .top-mv-inner .right-swiper .swiper-slide .slide-text .st-tag {
    padding: 0.05rem 0.12rem;
    border-radius: 0.1rem;
    font-size: 0.1rem;
  }
}
.page-top .top-mv-inner .right-swiper .swiper-slide .slide-text .st-title {
  font-size: 30px;
  color: #fff;
  margin-top: 10px;
}
@media (max-width: 960px) {
  .page-top .top-mv-inner .right-swiper .swiper-slide .slide-text .st-title {
    font-size: 0.16rem;
    margin-top: 0.04rem;
  }
}
.page-top .top-mv-inner .right-swiper .swiper-slide .slide-text .st-link {
  margin-top: 15px;
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #fff;
}
@media (max-width: 960px) {
  .page-top .top-mv-inner .right-swiper .swiper-slide .slide-text .st-link {
    margin-top: 0.08rem;
    font-size: 0.1rem;
  }
}
.page-top .top-mv-inner .right-swiper .swiper-slide .slide-text .st-link:after {
  content: "";
  display: block;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  background: url("../images/header/arrows_slim_right_white.svg") no-repeat center center;
  background-size: 12px auto;
  margin-left: 16px;
}
@media (max-width: 960px) {
  .page-top .top-mv-inner .right-swiper .swiper-slide .slide-text .st-link:after {
    width: 0.45rem;
    height: 0.45rem;
    background-size: 0.12rem;
    margin-left: 0.1rem;
  }
}
.page-top .top-mv-inner .right-swiper .swiper-pagination {
  display: flex;
  align-items: center;
  height: 60px;
  border-bottom: 6px;
}
@media (max-width: 960px) {
  .page-top .top-mv-inner .right-swiper .swiper-pagination {
    justify-content: center;
    height: 0.4rem;
    bottom: 0;
  }
}
.page-top .top-mv-inner .right-swiper .swiper-pagination .swiper-pagination-bullet {
  margin: 0;
  width: 30px;
  height: 30px;
  background: #fff;
  border: 1px solid transparent;
  position: relative;
  opacity: 1;
}
@media (max-width: 960px) {
  .page-top .top-mv-inner .right-swiper .swiper-pagination .swiper-pagination-bullet {
    width:  20px;
    height: 20px;
  }
}
.page-top .top-mv-inner .right-swiper .swiper-pagination .swiper-pagination-bullet:before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background: #111;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 960px) {
  .page-top .top-mv-inner .right-swiper .swiper-pagination .swiper-pagination-bullet:before {
    width: 0.05rem;
    height: 0.05rem;
  }
}
.page-top .top-mv-inner .right-swiper .swiper-pagination .swiper-pagination-bullet-active {
  border: 1px solid #111;
}
.page-top .top-mv-inner .right-swiper .swiper-button-prev {
  width: 60px;
  height: 60px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  background: url("../images/top/prev.svg") no-repeat center center;
  background-size: 10px auto;
  position: absolute;
  bottom: 135px;
  top: auto;
  margin: 0;
  left: auto;
  right: 114px;
}
@media (max-width: 960px) {
  .page-top .top-mv-inner .right-swiper .swiper-button-prev {
    bottom: 0.9rem;
    width: 0.38rem;
    height: 0.38rem;
    background-size: 0.06rem auto;
    right: 0.7rem;
  }
}
.page-top .top-mv-inner .right-swiper .swiper-button-prev:after {
  display: none;
}
.page-top .top-mv-inner .right-swiper .swiper-button-next {
  width: 60px;
  height: 60px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  background: url("../images/top/next.svg") no-repeat center center;
  background-size: 10px auto;
  position: absolute;
  bottom: 135px;
  top: auto;
  margin: 0;
  left: auto;
  right: 42px;
}
@media (max-width: 960px) {
  .page-top .top-mv-inner .right-swiper .swiper-button-next {
    bottom: 0.9rem;
    width: 0.38rem;
    height: 0.38rem;
    background-size: 0.06rem auto;
    right: 0.2rem;
  }
}
.page-top .top-mv-inner .right-swiper .swiper-button-next:after {
  display: none;
}
.page-top .page-category {
  background: #fff;
}
.page-top .page-category .product-category {
  border-bottom: none;
}
.page-top .inner {
  max-width: 1680px;
  margin: 0 auto;
  padding: 0 40px;
}
@media (max-width: 960px) {
  .page-top .inner {
    padding: 0 0.2rem;
  }
}
.page-top .top-guide {
  background: #fff;
  padding: 160px 0 120px;
}
@media (max-width: 960px) {
  .page-top .top-guide {
    padding: 0.8rem 0 0.15rem;
  }
}
.page-top .top-guide-title {
  text-align: center;
  font-size: 50px;
}
@media (max-width: 960px) {
  .page-top .top-guide-title {
    font-size: 0.3rem;
    text-align: left;
  }
}
.page-top .top-guide-text {
  text-align: center;
  font-size: 16px;
}
@media (max-width: 960px) {
  .page-top .top-guide-text {
    font-size: 0.12rem;
    text-align: left;
  }
}
.page-top .top-guide-list {
  margin-top: 70px;
  display: flex;
  overflow-y: auto;
}
@media (max-width: 960px) {
  .page-top .top-guide-list {
    margin-top: 0.3rem;
  }
}
.page-top .top-guide-list-block {
  flex: 1;
  min-width: 240px;
  counter-increment: counter1 1;
  border: 1px solid #dcdcdc;
  position: relative;
  text-align: center;
  padding: 86px 0 96px;
}
@media (max-width: 960px) {
  .page-top .top-guide-list-block {
    min-width: 1.67rem;
    padding: 0.44rem 0 0.5rem;
  }
}
.page-top .top-guide-list-block:first-child {
  border-radius: 0.08rem 0 0 0.08rem;
}
.page-top .top-guide-list-block:last-child {
  border-radius: 0 0.08rem 0.08rem 0;
}
.page-top .top-guide-list-block:not(:first-child) {
  border-left: none;
}
.page-top .top-guide-list-block .block-lt {
  position: absolute;
  top: 15px;
  left: 22px;
  font-size: 12px;
  transform: rotateZ(90deg);
  transform-origin: left top;
}
@media (max-width: 960px) {
  .page-top .top-guide-list-block .block-lt {
    top: 0.08rem;
    left: 0.12rem;
    font-size: 0.07rem;
  }
}
.page-top .top-guide-list-block .block-img {
  height: 60px;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 960px) {
  .page-top .top-guide-list-block .block-img {
    height: 0.3rem;
  }
  .page-top .top-guide-list-block .block-img img {
    height: 0.3rem;
    width: 0.36rem;
    object-fit: contain;
  }
}
.page-top .top-guide-list-block .block-text {
  margin-top: 30px;
  font-size: 18px;
}
@media (max-width: 960px) {
  .page-top .top-guide-list-block .block-text {
    margin-top: 0.12rem;
    font-size: 0.1rem;
  }
}
.page-top .top-guide-list-block:after {
  content: "(0" counter(counter1) ")";
  display: block;
  position: absolute;
  right: 18px;
  bottom: 22px;
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-top .top-guide-list-block:after {
    font-size: 0.07rem;
    bottom: 0.1rem;
    right: 0.08rem;
  }
}
.page-top .top-carmaker {
  padding: 100px 0 70px;
  background: #fff;
}
.page-top .top-carmaker .tp-name {
  font-size: 14px;
}
.page-top .top-carmaker .tp-title {
  font-size: 50px;
}
.page-top .top-carmaker .tp-text {
  font-size: 13px;
  color: #c5c5c5;
}
.page-top .top-carmaker .tp-subtitle {
  margin: 60px 0 20px;
}
.page-top .top-carmaker .car-maker-brand {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
}
.page-top .top-carmaker .brand-logo {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  border-radius: 50%;
}
.page-top .top-carmaker .brand-name {
  font-size: 12px;
  color: #111111;
  text-align: center;
  margin-top: 5px;
}
@media (max-width: 960px) {
  .page-top .top-carmaker {
    padding: 0.5rem 0 0.2rem;
  }
  .page-top .top-carmaker .car-maker-brand {
    gap: 22px;
  }
  .page-top .top-carmaker .car-maker-brand-list {
    width: 20%;
  }
  .page-top .top-carmaker .tp-title {
    font-size: 0.3rem;
  }
  .page-top .top-carmaker .tp-text {
    font-size: 0.1rem;
  }
  .page-top .top-carmaker .tp-subtitle {
    margin: 30px 0 20px;
  }
}
.page-top .top-carmodel {
  padding: 100px 0 70px;
  background: #fff;
}
.page-top .top-carmodel .carmodel-inner {
  position: relative;
  padding: 120px 0 160px;
}
.page-top .top-carmodel .carmodel-inner:before {
  content: "";
  display: block;
  width: 100%;
  background: #f5f5f5;
  border-radius: 100px 100px 0 0;
  height: 100%;
  z-index: 0;
  position: absolute;
  left: 0;
  bottom: 0;
}
.page-top .top-carmodel .carmodel-inner .inner {
  position: relative;
  z-index: 2;
  overflow: hidden;
  padding-bottom: 30px;
}
.page-top .top-carmodel .tc-title {
  font-size: 50px;
  text-align: center;
}
.page-top .top-carmodel .tc-text {
  font-size: 13px;
  color: #c5c5c5;
  text-align: center;
}
.page-top .top-carmodel .top-models {
  display: flex;
  flex-wrap: wrap;
  gap: 50px 2.6%;
}
.page-top .top-carmodel .top-models {
  margin-top: 70px;
}
.page-top .top-carmodel .top-carmodel-list {
  width: 17.92%;
}
.page-top .top-carmodel .top-carmodel-list img {
  transition: none;
}
.page-top .top-carmodel .top-carmodel-list .car-model-image{
  position: relative;
  font-size: 0;
}
.page-top .top-carmodel .top-carmodel-list .car-model-image:before{
  content: attr(data-tag);
  position: absolute;
  left: 0;
  min-width: 130px;
  max-width: 100%;
  bottom: 20px;
  background: rgba(0,0,0,0.6);
  color: #fff;
  font-size: 1.15vw;
  display: flex;
  height: 40px;
  padding: 0 10px;
  align-items: center;
}
.page-top .top-carmodel .top-carmodel-list .car-model-name{
  font-size: 12px;
  margin-top: 8px;
  font-weight: 500;
  color: #707070;
}
.page-top .top-carmodel .top-carmodel-list .car-model-tip{
  font-size: 0.8333vw;
  margin-top: 4px;
}


@media (max-width: 960px) {
  .page-top .top-carmodel {
    padding: 0.5rem 0 0.2rem;
  }
  .page-top .top-carmodel .carmodel-inner {
    padding: 0.45rem 0 0.6rem;
  }
  .page-top .top-carmodel .carmodel-inner:before {
    border-radius: 0.3rem 0.3rem 0 0;
  }
  .page-top .top-carmodel .carmodel-inner .inner {
    padding-bottom: 0;
  }
  .page-top .top-carmodel .top-carmodel-list {
    width: calc(33.3% - 0.08rem);
  }
  .page-top .top-carmodel .tc-title {
    font-size: 0.3rem;
  }
  .page-top .top-carmodel .tc-text {
    font-size: 0.13rem;
  }
  .page-top .top-carmodel .top-models {
    margin-top: 0.3rem;
    gap: 0.15rem 0.12rem
  }
  .page-top .top-carmodel .top-carmodel-list .car-model-image:before{
    min-width: unset;
    bottom: 0.11rem;
    font-size: 0.07rem;
    height: 0.15rem;
    padding: 0 0.05rem;
  }
  .page-top .top-carmodel .top-carmodel-list .car-model-name{
    font-size: 0.1rem;
    margin-top: 0;
  }
  .page-top .top-carmodel .top-carmodel-list .car-model-tip{
    font-size: 0.11rem;
    margin-top: 0;
  }
}

/* top ranking */
.page-top .top-ranking {
  padding: 100px 0 70px;
  background: #fff;
}
@media (max-width: 960px) {
  .page-top .top-ranking {
    padding: 0.5rem 0 0.2rem;
  }
}
.page-top .top-ranking .tc-title {
  font-size: 50px;
}
@media (max-width: 960px) {
  .page-top .top-ranking .tc-title {
    font-size: 0.3rem;
  }
}
.page-top .top-ranking .tc-text {
  font-size: 13px;
  color: #c5c5c5;
}
@media (max-width: 960px) {
  .page-top .top-ranking .tc-text {
    font-size: 0.1rem;
  }
}
.page-top .top-ranking-navi {
  margin-top: 40px;
  max-width: 100%;
  overflow-y: auto;
}
@media (max-width: 960px) {
  .page-top .top-ranking-navi {
    margin-top: 0.36rem;
  }
  .page-top .top-ranking-navi::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
.page-top .top-ranking-navi .navi-inner {
  display: flex;
  gap: 40px;
  width: max-content;
}
@media (max-width: 960px) {
  .page-top .top-ranking-navi .navi-inner {
    gap: 0.1rem;
  }
}
.page-top .top-ranking-navi .navi-inner .navi {
  font-size: 14px;
  padding: 3px 0;
  border-bottom: 1px solid transparent;
  color: rgba(17, 17, 17, 0.4);
  cursor: pointer;
  transition: 0.2s;
}
@media (max-width: 960px) {
  .page-top .top-ranking-navi .navi-inner .navi {
    font-size: 0.1rem;
    padding: 0 0.14rem;
    height: 0.32rem;
    border-radius: 0.16rem;
    background: #F5F5F5;
    color: #C5C5C5;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.page-top .top-ranking-navi .navi-inner .navi.active {
  border-bottom-color: #000;
  color: #000;
  cursor: unset;
}
@media (max-width: 960px) {
  .page-top .top-ranking-navi .navi-inner .navi.active {
    background: #111111;
    color: #fff;
    border: none;
  }
}
@media (min-width: 960px) {
  .page-top .top-ranking-navi .navi-inner .navi:hover {
    border-bottom-color: #000;
    color: #000;
  }
}
.page-top .top-ranking-container {
  margin-top: 45px;
  overflow: hidden;
  display: none;
  position: relative;
  padding-bottom: 70px;
}
@media (max-width: 960px) {
  .page-top .top-ranking-container {
    margin-top: 0.2rem;
    padding-bottom: 0;
  }
}
.page-top .top-ranking-container.active {
  display: block;
}
.page-top .top-ranking-container .swiper-slide {
  width: 250px;
}
@media (max-width: 960px) {
  .page-top .top-ranking-container .swiper-slide {
    width: 1.28rem;
  }
}
.page-top .top-ranking-container .swiper-slide:nth-child(1) .ranking-block-ranking {
  background: #EDC534;
}
.page-top .top-ranking-container .swiper-slide:nth-child(2) .ranking-block-ranking {
  background: #B4B4B4;
}
.page-top .top-ranking-container .swiper-slide:nth-child(3) .ranking-block-ranking {
  background: #846E3C;
}
.page-top .top-ranking-container .ranking-block {
  display: block;
  position: relative;
}
.page-top .top-ranking-container .ranking-block img {
  transition: none;
}
.page-top .top-ranking-container .ranking-block-ranking {
  position: absolute;
  padding: 0 15px;
  height: 36px;
  border-radius: 18px;
  color: #fff;
  background: #000;
  font-size: 16px;
  top: 10px;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 960px) {
  .page-top .top-ranking-container .ranking-block-ranking {
    padding: 0 0.08rem;
    height: 0.18rem;
    border-radius: 0.09rem;
    font-size: 0.08rem;
    top: 0.04rem;
    right: 0.04rem;
  }
}
.page-top .top-ranking-container .ranking-block-img {
  font-size: 0;
}
@media (max-width: 960px) {
  .page-top .top-ranking-container .ranking-block-img img {
    border-radius: 0.1rem;
  }
}
.page-top .top-ranking-container .ranking-block-brand {
  font-size: 12px;
  color: #707070;
  margin-top: 30px;
}
@media (max-width: 960px) {
  .page-top .top-ranking-container .ranking-block-brand {
    font-size: 0.1rem;
    margin-top: 0.05rem;
  }
}
.page-top .top-ranking-container .ranking-block-name {
  font-size: 14px;
  margin-top: 4px;
}
@media (max-width: 960px) {
  .page-top .top-ranking-container .ranking-block-name {
    font-size: 0.12rem;
    margin-top: 0;
  }
}
.page-top .top-ranking-container .swiper-scrollbar {
  border-radius: 0;
  height: 1px;
  width: 100%;
  left: 0;
}
@media (max-width: 960px) {
  .page-top .top-ranking-container .swiper-scrollbar {
    display: none;
  }
}
.page-top .top-ranking-container .swiper-scrollbar .swiper-scrollbar-drag {
  border-radius: 0;
  background: #111;
  height: 7px;
  margin-top: -3px;
}
/* top ranking */

/* top styling */
.page-top .top-styling {
  padding: 100px 0 70px;
  background: #fff;
  position: relative;
}
@media (max-width: 960px) {
  .page-top .top-styling {
    padding: 1rem 0 0.2rem;
  }
}
@media (max-width: 960px) {
  .page-top .top-styling:before {
    content: "";
    display: block;
    width: 100%;
    background: #f5f5f5;
    border-radius: 0.3rem 0.3rem 0 0;
    height: calc(100% - 0.6rem);
    z-index: 0;
    position: absolute;
    left: 0;
    bottom: 0;
  }
}
.page-top .top-styling .inner {
  position: relative;
  z-index: 1;
}
.page-top .top-styling .tc-title {
  font-size: 50px;
}
@media (max-width: 960px) {
  .page-top .top-styling .tc-title {
    font-size: 0.3rem;
  }
}
.page-top .top-styling .tc-text {
  font-size: 13px;
  color: #c5c5c5;
}
@media (max-width: 960px) {
  .page-top .top-styling .tc-text {
    font-size: 0.1rem;
  }
}
.page-top .top-styling-navi {
  margin-top: 30px;
  background: #fff;
  position: sticky;
  top: 120px;
  z-index: 2;
  padding: 10px 0;
}
.page-top .top-styling-navi .inner{
  overflow-y: auto;
}
@media (max-width: 960px) {
  .page-top .top-styling-navi {
    margin-top: 0.26rem;
    background: #f5f5f5;
    top: 0.7rem;
    padding: 0.1rem 0;
  }
  .page-top .top-styling-navi .inner::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
.page-top .top-styling-navi .navi-inner {
  display: flex;
  gap: 40px;
  width: max-content;
}
@media (max-width: 960px) {
  .page-top .top-styling-navi .navi-inner {
    gap: 0.1rem;
  }
}
.page-top .top-styling-navi .navi-inner .navi {
  font-size: 14px;
  padding: 3px 0;
  border-bottom: 1px solid transparent;
  color: rgba(17, 17, 17, 0.4);
  cursor: pointer;
  transition: 0.2s;
}
@media (max-width: 960px) {
  .page-top .top-styling-navi .navi-inner .navi {
    font-size: 0.1rem;
    padding: 0 0.14rem;
    height: 0.32rem;
    border-radius: 0.16rem;
    background: #fff;
    color: #C5C5C5;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.page-top .top-styling-navi .navi-inner .navi.active {
  border-bottom-color: #000;
  color: #000;
  cursor: unset;
}
@media (max-width: 960px) {
  .page-top .top-styling-navi .navi-inner .navi.active {
    background: #111111;
    color: #fff;
    border: none;
  }
}
@media (min-width: 960px) {
  .page-top .top-styling-navi .navi-inner .navi:hover {
    border-bottom-color: #000;
    color: #000;
  }
}
.page-top .top-styling-container {
  position: relative;
  margin-top: 35px;
  padding: 100px 0 150px;
  display: none;
}
@media (max-width: 960px) {
  .page-top .top-styling-container {
    padding: 0;
    margin-top: 0.26rem;
  }
}
.page-top .top-styling-container.active {
  display: block;
}
.page-top .top-styling-container:before {
  content: "";
  display: block;
  width: 100%;
  background: #f5f5f5;
  border-radius: 100px 100px 0 0;
  height: 100%;
  z-index: 0;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 960px) {
  .page-top .top-styling-container:before {
    display: none;
  }
}
.page-top .top-styling-container .inner {
  z-index: 1;
  position: relative;
}
.page-top .top-styling-container .styling-top {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 960px) {
  .page-top .top-styling-container .styling-top {
    display: block;
    position: relative;
  }
}
.page-top .top-styling-container .styling-top.color-Denim .styling-top-info-brand {
  color: #3A4772;
}
.page-top .top-styling-container .styling-top.color-Denim .styling-top-info-intro:after {
  background: #3A4772;
}
.page-top .top-styling-container .styling-top.color-Leather .styling-top-info-brand {
  color: #4E2A00;
}
.page-top .top-styling-container .styling-top.color-Leather .styling-top-info-intro:after {
  background: #4E2A00;
}
.page-top .top-styling-container .styling-top.color-Fabric .styling-top-info-brand {
  color: #7B7B7B;
}
.page-top .top-styling-container .styling-top.color-Fabric .styling-top-info-intro:after {
  background: #7B7B7B;
}
.page-top .top-styling-container .styling-top.color-Cute .styling-top-info-brand {
  color: #91ABA9;
}
.page-top .top-styling-container .styling-top.color-Cute .styling-top-info-intro:after {
  background: #91ABA9;
}
.page-top .top-styling-container .styling-top-info {
  padding-top: 60px;
}
@media (max-width: 960px) {
  .page-top .top-styling-container .styling-top-info {
    padding-top: 0;
  }
}
.page-top .top-styling-container .styling-top-info-brand {
  font-size: 70px;
  font-weight: 500;
  color: #72583A;
  line-height: 0.9;
}
@media (max-width: 960px) {
  .page-top .top-styling-container .styling-top-info-brand {
    font-size: 0.4rem;
  }
}
.page-top .top-styling-container .styling-top-info-name {
  font-size: 14px;
  margin-top: 12px;
}
@media (max-width: 960px) {
  .page-top .top-styling-container .styling-top-info-name {
    font-size: 0.1rem;
    margin-top: 0.06rem;
  }
}
.page-top .top-styling-container .styling-top-info-intro {
  font-size: 30px;
  font-weight: 500;
  margin-top: 60px;
  position: relative;
}
@media (max-width: 960px) {
  .page-top .top-styling-container .styling-top-info-intro {
    font-size: 0.18rem;
    margin-top: 0.1rem;
  }
}
.page-top .top-styling-container .styling-top-info-intro:after {
  content: "";
  position: absolute;
  width: 128px;
  height: 4px;
  background: #72583A;
  bottom: -14px;
  left: 0;
}
@media (max-width: 960px) {
  .page-top .top-styling-container .styling-top-info-intro:after {
    width: 0.75rem;
    height: 0.04rem;
    bottom: -0.1rem;
  }
}
.page-top .top-styling-container .styling-top-info-link {
  margin-top: 50px;
  display: flex;
  align-items: center;
}
@media (max-width: 960px) {
  .page-top .top-styling-container .styling-top-info-link {
    margin: 0;
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
.page-top .top-styling-container .styling-top-info-link a {
  display: flex;
  align-items: center;
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-top .top-styling-container .styling-top-info-link a {
    font-size: 0.12rem;
    background: #fff;
    padding: 0.1rem;
    width: 1.5rem;
    justify-content: center;
  }
}
.page-top .top-styling-container .styling-top-info-link a:after {
  content: "";
  display: block;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 50%;
  background: url(../images/header/arrows_slim_right.svg) no-repeat center center;
  background-size: 12px auto;
  margin-left: 16px;
}
@media (max-width: 960px) {
  .page-top .top-styling-container .styling-top-info-link a:after {
    content: '>';
    display: inline;
    width: unset;
    height: unset;
    border: unset;
    background: none;
    margin: unset;
  }
}
.page-top .top-styling-container .styling-top-img {
  font-size: 0;
  flex-basis: calc(100% - 500px - 6.25vw);
    height: 520px;
    background: no-repeat center center / cover;
    display: block;
}
@media (max-width: 960px) {
  .page-top .top-styling-container .styling-top-img {
    margin-top: 0.3rem;
      height: 2.12rem;
  }
}
.page-top .top-styling-container .styling-swiper {
  margin-top: 60px;
  overflow: hidden;
  position: relative;
  padding-bottom: 50px;
}
@media (max-width: 960px) {
  .page-top .top-styling-container .styling-swiper {
    margin-top: 0.3rem;
    padding-bottom: 0;
  }
}
.page-top .top-styling-container .styling-swiper .swiper-slide {
  width: 250px;
}
@media (max-width: 960px) {
  .page-top .top-styling-container .styling-swiper .swiper-slide {
    width: 1.28rem;
  }
}
.page-top .top-styling-container .styling-swiper .styling-block {
  display: block;
    cursor: pointer;
}
.page-top .top-styling-container .styling-swiper .styling-block-img {
  font-size: 0;
    border-radius: 15px;
    overflow: hidden;
}
.page-top .top-styling-container .styling-swiper .styling-block.active .styling-block-img {
    border: 2px solid #e18911;
}
@media (max-width: 960px) {
    .page-top .top-styling-container .styling-swiper .styling-block-img {
        border-radius: 0.1rem;
    }
}
.page-top .top-styling-container .styling-swiper .styling-block-brand {
  font-size: 12px;
  color: #707070;
  margin-top: 20px;
}
@media (max-width: 960px) {
  .page-top .top-styling-container .styling-swiper .styling-block-brand {
    font-size: 0.1rem;
    margin-top: 0.05rem;
  }
}
.page-top .top-styling-container .styling-swiper .styling-block-name {
  font-size: 14px;
  margin-top: 4px;
}
@media (max-width: 960px) {
  .page-top .top-styling-container .styling-swiper .styling-block-name {
    font-size: 0.12rem;
    margin-top: 0;
  }
}
.page-top .top-styling-container .styling-swiper .swiper-scrollbar {
  border-radius: 0;
  height: 1px;
  width: 100%;
  left: 0;
}
@media (max-width: 960px) {
  .page-top .top-styling-container .styling-swiper .swiper-scrollbar {
    display: none;
  }
}
.page-top .top-styling-container .styling-swiper .swiper-scrollbar .swiper-scrollbar-drag {
  border-radius: 0;
  background: #111;
  height: 7px;
  margin-top: -3px;
}
/* top styling */

.page-top .top-pickup {
  padding: 100px 0 70px;
  background: #fff;
}
@media (max-width: 960px) {
  .page-top .top-pickup {
    padding: 0.5rem 0 0.2rem;
    margin-top: -1px;
  }
}
.page-top .top-pickup .tp-name {
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-top .top-pickup .tp-name {
    font-size: 0.1rem;
  }
}
.page-top .top-pickup .tp-title {
  font-size: 50px;
}
@media (max-width: 960px) {
  .page-top .top-pickup .tp-title {
    font-size: 0.3rem;
  }
}
.page-top .top-pickup .tp-text {
  font-size: 13px;
  color: #c5c5c5;
}
@media (max-width: 960px) {
  .page-top .top-pickup .tp-text {
    font-size: 0.1rem;
  }
}
.page-top .top-pickup .tp-tabs {
  overflow: hidden;
  margin-top: 50px;
}
@media (max-width: 960px) {
  .page-top .top-pickup .tp-tabs {
    overflow: auto;
    margin-top: 0.2rem;
    position: sticky;
    top: 0.7rem;
    contain: paint;
    padding-top: 20px;
    padding-bottom: 20px;
    z-index: 2;
    background-color: #fff;
  }
}
.page-top .top-pickup .tp-tabs .tab {
  width: auto;
  color: #c5c5c5;
  font-size: 14px;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
}
@media (max-width: 960px) {
  .page-top .top-pickup .tp-tabs {
    display: flex;
    gap: 15px;
  }
  .page-top .top-pickup .tp-tabs a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    font-size: 0.12rem;
    padding: 0 0.12rem;
    border-radius: 0.15rem;
  }
}
.page-top .top-pickup .tp-tabs .tab.active {
  color: #000;
  border-bottom: 1px solid #707070;
}
@media (max-width: 960px) {
  .page-top .top-pickup .tp-tabs .active {
    background: #000;
    padding: 0 0.12rem;
    border-radius: 0.15rem;
    height: 0.3rem;
  }
}
.page-top .top-pickup .tp-container {
  overflow: hidden;
  margin-top: 60px;
  position: relative;
  padding-bottom: 90px;
}
@media (max-width: 960px) {
  .page-top .top-pickup .tp-container {
    padding-bottom: 0;
    margin-top: 0rem;
  }
}
.page-top .top-pickup .tp-container .pickup {
  width: 380px;
}
@media (max-width: 960px) {
  .page-top .top-pickup .tp-container .pickup {
    width: 1.4rem;
  }
}
.page-top .top-pickup .tp-container .pickup-img {
  width: 100%;
  font-size: 0;
}
.page-top .top-pickup .tp-container .pickup-img img {
  width: 100%;
  height: 460px;
  object-fit: contain;
}
@media (max-width: 960px) {
  .page-top .top-pickup .tp-container .pickup-img img {
    height: 1.3rem;
    border-radius: 0.08rem;
  }
  .page-top .top-pickup .tp-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding: 1px;
  }
  .page-top .top-pickup .tp-container .pickup {
    width: calc(33% - 10px);
  }
}
.page-top .top-pickup .tp-container .pickup-title {
  font-size: 0;
  margin-top: -50px;
  min-height: 60px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: baseline;
  gap: 2px;
}
.page-top .top-pickup .tp-container .pickup-title span {
  display: inline;
  background: #fff;
  font-size: 16px;
  line-height: 1.75;
  padding-right: 15px;
}
.page-top .top-pickup .tp-container .pickup-name {
  font-size: 16px;
  margin-top: 12px;
}
@media (max-width: 960px) {
  .page-top .top-pickup .tp-container .pickup-name {
    font-size: 0.1rem;
    margin-top: 0.08rem;
    color: #707070;
  }
}
.page-top .top-pickup .tp-container .pickup-text {
  font-size: 14px;
  margin-top: 4px;
  margin-bottom: 10px;
}
@media (max-width: 960px) {
  .page-top .top-pickup .tp-container .pickup-text {
    font-size: 0.12rem;
    margin-top: 0;
  }
}
.page-top .top-pickup-pc {
  padding: 100px 0 0px;
  background: #fff;
}
@media (max-width: 960px) {
  .page-top .top-pickup-pc {
    padding: 0.5rem 0 0.2rem;
  }
}
.page-top .top-pickup-pc .tp-name {
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-top .top-pickup-pc .tp-name {
    font-size: 0.1rem;
  }
}
.page-top .top-pickup-pc .tp-title {
  font-size: 50px;
}
@media (max-width: 960px) {
  .page-top .top-pickup-pc .tp-title {
    font-size: 0.3rem;
  }
}
.page-top .top-pickup-pc .tp-text {
  font-size: 13px;
  color: #c5c5c5;
}
@media (max-width: 960px) {
  .page-top .top-pickup-pc .tp-text {
    font-size: 0.1rem;
  }
}
.top-pickup-pc .inner {
  display: flex;
}
.top-pickup-pc-left {
  width: 70%;
  border-right: 1px solid #dcdcdc;
  max-width: 300px;
  padding-right: 20px;
  min-width: 220px;
}
.top-pickup-pc-right {
  position: relative;
  padding: 0 50px;
}
.tppl-menu {
  margin: 50px 0;
  position: sticky;
  top: 150px;
  contain: paint;
}
.tppl-list-catch {
  position: relative;
  bottom: 55px;
  display: block;
  width: max-content;
}
.tppl-list-catch span {
  background-color: #fff;
  display: block;
  margin: 5px 0;
  font-size: 13px;
  width: max-content;
  padding: 1px 5px;
}
.tppl-list-bland-name {
  color: #707070;
  font-size: 12px;
  margin-top: -50px;
}
.tppl-list-series-name {
  font-size: 14px;
}
.tppl-lists {
  padding: 30px 0;
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}
.tppl-list {
  width: 25%;
  width: calc(25% - 25px);
  padding: 20px 0;
}
.tppl-title {
  font-size: 20px;
  margin-top: 60px;
}
#tpplarea-1 .tppl-title {
  margin-top: 0;
}
.tppl-nav_link {
  color: #c5c5c5;
}
.tppl-nav_link.is-active {
  color: #000;
}
.tppl-menu li {
  margin-left: 20px;
  position: relative;
  margin-bottom: 20px;
}
.tppl-nav_link::before {
  font-weight: normal;
  font-size: 0.4em;
  position: absolute;
  top: 1.15em;
  left: -20px;
  content: "●";
  color: #dcdcdc;
}
.tppl-nav_link.is-active::before {
  color: #000;
}
.tppl-border {
  position: absolute;
  left: 2.5px;
  top: 10px;
  background: #dcdcdc;
  width: 1px;
  height: 90px;
}

.page-top .top-animation-text {
  width: 100%;
  height: 100vh;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 120px;
}
@media (max-width: 960px) {
  .page-top .top-animation-text {
    padding-top: 1.5rem;
  }
}
.page-top .top-animation-text .animation-text {
  font-size: 4.2vw;
  transform-origin: center center;
  zoom: 0.8;
  transition-timing-function: ease-in-out;
  position: fixed;
  opacity: 0.8;
  top: 48%;
  visibility: hidden;
}
.page-top .top-animation-text.active .animation-text{
  visibility: unset;
}
@media (max-width: 960px) {
  .page-top .top-animation-text .animation-text {
    font-size: 0.2rem;
  }
}
.page-top .top-brand {
  background: #fff;
  position: relative;
  overflow: hidden;
}
.page-top .top-brand .tb-inner {
  height: 100vh;
  position: relative;
  display: flex;
  padding-top: 120px;
}
@media (max-width: 960px) {
  .page-top .top-brand .tb-inner {
    padding-top: 0.3rem;
    padding-bottom: 0;
    height: 130vw;
  }
}
.page-top .top-brand .tb-inner:before {
  content: "";
  display: block;
  width: 100%;
  background: #f5f5f5;
  border-radius: 100px 100px 0 0;
  height: calc(100vh - 120px);
  z-index: 0;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 960px) {
  .page-top .top-brand .tb-inner:before {
    display: none;
  }
}
.page-top .top-brand .tb-inner .brand-list {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  display: flex;
  padding-bottom: 120px;
}
@media (max-width: 960px) {
  .page-top .top-brand .tb-inner .brand-list {
    padding-bottom: 0;
  }
}
.page-top .top-brand .tb-inner .brand-list .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 60px;
  border-bottom: 6px;
  bottom: 30px;
}
@media (max-width: 960px) {
  .page-top .top-brand .tb-inner .brand-list .swiper-pagination {
    gap: 0;
    bottom: 0.1rem;
    right: 0;
    height: 0.4rem;
    left: unset;
  }
}
.page-top .top-brand .tb-inner .brand-list .swiper-pagination .swiper-pagination-bullet {
  margin: 0;
  width: 30px;
  height: 30px;
  background: transparent;
  border: 1px solid transparent;
  position: relative;
  opacity: 1;
}
@media (max-width: 960px) {
  .page-top .top-brand .tb-inner .brand-list .swiper-pagination .swiper-pagination-bullet {
    width: 0.3rem;
    height: 0.3rem;
  }
}
.page-top .top-brand .tb-inner .brand-list .swiper-pagination .swiper-pagination-bullet:before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background: #111;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 960px) {
  .page-top .top-brand .tb-inner .brand-list .swiper-pagination .swiper-pagination-bullet:before {
    width: 0.05rem;
    height: 0.05rem;
    background: #fff;
  }
}
.page-top .top-brand .tb-inner .brand-list .swiper-pagination .swiper-pagination-bullet-active {
  border: 1px solid #111;
}
@media (max-width: 960px) {
  .page-top .top-brand .tb-inner .brand-list .swiper-pagination .swiper-pagination-bullet-active {
    border: 1px solid #fff;
  }
}
.page-top .top-brand .tb-inner .brand {
  height: 100%;
  padding-top: 11vh;
  color: #111;
  counter-increment: counter1 1;
}
@media (max-width: 960px) {
  .page-top .top-brand .tb-inner .brand {
    padding: 0.2rem 0;
    color: #fff;
  }
}
.page-top .top-brand .tb-inner .brand .inner {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 70px;
  position: relative;
}
@media (max-width: 960px) {
  .page-top .top-brand .tb-inner .brand .inner {
    display: block;
  }
}
.page-top .top-brand .tb-inner .brand-count {
  width: 544px;
  min-width: 544px;
  position: absolute;
  left: 20px;
  top: 0;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-content: center;
  font-size: 16px;
}
@media (max-width: 960px) {
  .page-top .top-brand .tb-inner .brand-count {
    width: 100%;
    min-width: 100%;
    top: 0;
    left: 0;
    padding: 0 0.2rem;
    font-size: 0.12rem;
  }
}
.page-top .top-brand .tb-inner .brand-count:after {
  content: "(0" counter(counter1) ")";
  display: block;
}
.page-top .top-brand .tb-inner .brand-info {
  width: 544px;
  min-width: 544px;
}
@media (max-width: 960px) {
  .page-top .top-brand .tb-inner .brand-info {
    width: 2.84rem;
    min-width: 2.84rem;
    position: absolute;
    z-index: 2;
    top: 31%;
  }
}
.page-top .top-brand .tb-inner .brand-img {
  height: 100%;
  width: calc(100% - 614px);
  background: no-repeat center center/cover;
  position: relative;
  font-size: 0;
}
.page-top .top-brand .tb-inner .brand-img .brand-img-thumb {
  height: inherit;
  object-fit: cover;
  width: 100%;
  object-position: top;
}
@media (max-width: 960px) {
  .page-top .top-brand .tb-inner .brand-img {
    position: absolute;
    width: 100%;
    height: calc(100% + 0.4rem);
    left: 0;
    top: -0.2rem;
  }
  .page-top .top-brand .tb-inner .brand-img:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(17, 17, 17, 0.5);
  }
}
.page-top .top-brand .tb-inner .brand-logo {
  position: absolute;
  width: 120px;
  height: 120px;
  right: -30px;
  top: -40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff;
  padding: 10px;
}
.page-top .top-brand .tb-inner .brand-logo .dottylogo{
  max-width:50px;
}

@media (max-width: 960px) {
  .page-top .top-brand .tb-inner .brand-logo {
    z-index: 2;
    width: 0.8rem;
    height: 0.8rem;
    top: 25%;
    left: 15%;
    transform: translate(-50%, -50%);
  }
  .page-top .top-brand .tb-inner .brand-logo .dottylogo{
    max-width:40px;
  }
}
.page-top .top-brand .tb-inner .brand-name {
  font-size: 100px;
}
@media (max-width: 960px) {
  .page-top .top-brand .tb-inner .brand-name {
    font-size: 0.6rem;
  }
}
.page-top .top-brand .tb-inner .brand-title {
  font-size: 30px;
  margin-top: 15px;
}
@media (max-width: 960px) {
  .page-top .top-brand .tb-inner .brand-title {
    font-size: 0.18rem;
    margin-top: 0.1rem;
  }
}
.page-top .top-brand .tb-inner .brand-text {
  font-size: 14px;
  height: 100px;
  margin-top: 10px;
}
@media (max-width: 960px) {
  .page-top .top-brand .tb-inner .brand-text {
    font-size: 0.12rem;
    margin-top: 0.1rem;
    height: 0.6rem;
  }
}
.page-top .top-brand .tb-inner .brand-more {
  font-size: 16px;
  padding-top: 30px;
  border-top: 1px solid #111;
}
@media (max-width: 960px) {
  .page-top .top-brand .tb-inner .brand-more {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 0.15rem;
    font-size: 0.12rem;
  }
}
.page-top .top-brand .tb-inner .brand-link {
  font-size: 0;
  margin-top: 10px;
}
@media (max-width: 960px) {
  .page-top .top-brand .tb-inner .brand-link {
    margin-top: 0.08rem;
  }
}
.page-top .top-brand .tb-inner .brand-link a {
  display: flex;
  align-items: center;
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-top .top-brand .tb-inner .brand-link a {
    font-size: 0.1rem;
  }
}
.page-top .top-brand .tb-inner .brand-more a{
  display: flex;
  text-align: center;
  align-items: center;
}
.page-top .top-brand .tb-inner .brand-more a:after {
  content: "";
  display: block;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 50%;
  background: url("../images/header/arrows_slim_right.svg") no-repeat center center;
  background-size: 12px auto;
  margin-left: 16px;
}
@media (max-width: 960px) {
  .page-top .top-brand .tb-inner .brand-more a:after {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-image: url("../images/header/arrows_slim_right_white.svg");
    width: 0.45rem;
    height: 0.45rem;
    background-size: 0.12rem;
    margin-left: 0.1rem;
  }
}
.page-top .top-brand .tb-counter {
  position: absolute;
  left: 0;
  z-index: 4;
  width: 100vw;
  bottom: 0;
  margin: 0 auto;
  font-size: 0;
  padding: 6vh 0 9vh;
}
@media (max-width: 960px) {
  .page-top .top-brand .tb-counter {
    left: calc(100vw - 0.5rem);
    width: auto;
    padding: 0;
    bottom: 50%;
    transform: translateY(50%);
    font-size: 0;
  }
}
.page-top .top-brand .tb-counter .inner {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 960px) {
  .page-top .top-brand .tb-counter .inner {
    display: block;
    padding: 0;
  }
}
.page-top .top-brand .tb-counter .count {
  width: auto;
  color: #c5c5c5;
  font-size: 12px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
}
@media (max-width: 960px) {
  .page-top .top-brand .tb-counter .count {
    font-size: 0;
    width: 0.3rem;
    height: 0.3rem;
    border: 1px solid transparent;
    position: relative;
    opacity: 1;
    border-radius: 50%;
  }
  .page-top .top-brand .tb-counter .count:after {
    content: "";
    display: block;
    width: 0.05rem;
    height: 0.05rem;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
.page-top .top-brand .tb-counter .count.active {
  color: #000;
  border-bottom: 1px solid #707070;
}
@media (max-width: 960px) {
  .page-top .top-brand .tb-counter .count.active {
    border: 1px solid #fff;
  }
}
@media (max-width: 1550px) {
  .page-top .top-brand .tb-inner .brand {
    margin: 40px;
  }
  .page-top .top-brand .tb-inner .brand-count {
    top: -50px;
  }
  .page-top .top-brand .tb-counter {
    bottom: -30px;
  }
  .page-top .top-brand .tb-inner .brand-text {
    height: 50px;
  }
}
@media (max-width: 960px) {
  .page-top .top-brand .tb-inner .brand {
    margin: 0px;
  }
  .page-top .top-brand .tb-inner .brand-count {
    top: 0;
  }
  .page-top .top-brand .tb-counter {
    bottom: 50%;
  }
  .page-top .top-brand .tb-inner .brand-text {
    height: 0.6rem;
  }
}
.page-top .top-category {
  padding: 100px 0 70px;
  background: #fff;
}
@media (max-width: 960px) {
  .page-top .top-category {
    padding: 0.5rem 0 0.2rem;
  }
}
.page-top .top-category .tc-name {
  font-size: 16px;
}
@media (max-width: 960px) {
  .page-top .top-category .tc-name {
    font-size: 0.1rem;
  }
}
.page-top .top-category .tc-title {
  font-size: 50px;
}
@media (max-width: 960px) {
  .page-top .top-category .tc-title {
    font-size: 0.3rem;
  }
}
.page-top .top-category .tc-text {
  font-size: 13px;
  color: #c5c5c5;
}
@media (max-width: 960px) {
  .page-top .top-category .tc-text {
    font-size: 0.1rem;
  }
}
.page-top .top-category .tc-container {
  overflow: hidden;
  margin-top: 70px;
  position: relative;
  padding-bottom: 90px;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
@media (max-width: 960px) {
  .page-top .top-category .tc-container {
    padding-bottom: 0;
    margin-top: 0.3rem;
  }
}
.page-top .top-category .tc-container .category {
  width: 270px;
  background: #f5f5f5;
  padding: 20px 20px 10px;
  text-align: center;
  height: auto;
  display: flex;
  width: calc(20% - 20px);
}
.page-top .top-category .tc-container .category a {
  display: flex;
}
@media (max-width: 960px) {
  .page-top .top-category .tc-container .category {
    width: calc(33% - 15px);
    padding: 0.1rem 0.1rem 0.1rem;
    border-radius: 0.08rem;
    display: block;
  }
  .page-top .top-category .tc-container .category a {
    display: block;
  }
}
.page-top .top-category .tc-container .category-img {
  font-size: 0;
  width: 50%;
}
.page-top .top-category .tc-container .category-img img {
  width: 100%;
  height: auto;
  object-fit: contain;
  min-width: 73px;
}
@media (max-width: 960px) {
  .page-top .top-category .tc-container .category-img img {
    width: 1rem;
    height: 1rem;
    border-radius: 0.08rem;
  }
}
.page-top .top-category .tc-container .category-en {
  font-size: 12px;
  color: #707070;
  margin-top: 10px;
}
@media (max-width: 960px) {
  .page-top .top-category .tc-container .category-en {
    font-size: 0.08rem;
    margin-top: 0.1rem;
  }
}
.page-top .top-category .tc-container .category-names {
  text-align: left;
  margin-left: 15px;
}
.page-top .top-category .tc-container .category-name {
  font-size: 16px;
  margin-top: 6px;
  min-height: 48px;
}
@media (max-width: 960px) {
  .page-top .top-category .tc-container .category-name {
    font-size: 0.1rem;
    margin-top: 0.01rem;
    min-height: 0.3rem;
  }
  .page-top .top-category .tc-container .category-img {
    width: 100%;
  }
  .page-top .top-category .tc-container .category-names {
    margin-left: 0px;
  }
}
.page-top .top-category .tc-container .swiper-scrollbar {
  border-radius: 0;
  height: 1px;
  width: 100%;
  left: 0;
}
.page-top .top-gallery {
  padding: 100px 0 70px;
  background: #fff;
  text-align: center;
  position: relative;
}
@media (max-width: 960px) {
  .page-top .top-gallery {
    padding: 0.5rem 0 0.2rem;
    text-align: left;
  }
}
.page-top .top-gallery .tg-name {
  font-size: 16px;
}
@media (max-width: 960px) {
  .page-top .top-gallery .tg-name {
    font-size: 0.1rem;
    padding: 0 0.2rem;
  }
}
.page-top .top-gallery .tg-title {
  font-size: 50px;
}
@media (max-width: 960px) {
  .page-top .top-gallery .tg-title {
    font-size: 0.3rem;
    padding: 0 0.2rem;
  }
}
.page-top .top-gallery .tg-text {
  font-size: 13px;
  color: #c5c5c5;
}
@media (max-width: 960px) {
  .page-top .top-gallery .tg-text {
    font-size: 0.1rem;
    padding: 0 0.2rem;
  }
}
.page-top .top-gallery .tg-container {
  overflow: hidden;
  margin-top: 70px;
  position: relative;
}
@media (max-width: 960px) {
  .page-top .top-gallery .tg-container {
    margin-top: 0.3rem;
  }
}
.page-top .top-gallery .tg-container .gallery {
  display: flex;
  flex-wrap: wrap;
  width: 515px;
  gap: 15px;
}
@media (max-width: 960px) {
  .page-top .top-gallery .tg-container .gallery {
    width: 2.46rem;
    gap: 0.06rem;
  }
}
.page-top .top-gallery .tg-container .gallery-img {
  font-size: 0;
  width: 250px;
}
@media (max-width: 960px) {
  .page-top .top-gallery .tg-container .gallery-img {
    width: 1.2rem;
  }
}
.page-top .top-gallery .tg-container .gallery-img img {
  width: 250px;
  height: 250px;
  object-fit: contain;
}
@media (max-width: 960px) {
  .page-top .top-gallery .tg-container .gallery-img img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 0.08rem;
  }
}
.page-top .top-gallery .tg-container .gallery-img.big {
  width: 515px;
}
@media (max-width: 960px) {
  .page-top .top-gallery .tg-container .gallery-img.big {
    width: 2.46rem;
  }
}
.page-top .top-gallery .tg-container .gallery-img.big img {
  width: 515px;
  height: 515px;
  object-fit: contain;
}
@media (max-width: 960px) {
  .page-top .top-gallery .tg-container .gallery-img.big img {
    width: 2.46rem;
    height: 2.46rem;
  }
}
.page-top .top-gallery .tg-more {
  margin-top: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 960px) {
  .page-top .top-gallery .tg-more {
    position: absolute;
    right: 0.2rem;
    top: 0.6rem;
    margin-top: 0;
  }
}
.page-top .top-gallery .tg-more a {
  display: flex;
  align-items: center;
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-top .top-gallery .tg-more a {
    font-size: 0.12rem;
  }
}
.page-top .top-gallery .tg-more a:after {
  content: "";
  display: block;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 50%;
  background: url("../images/header/arrows_slim_right.svg") no-repeat center center;
  background-size: 12px auto;
  margin-left: 16px;
}
@media (max-width: 960px) {
  .page-top .top-gallery .tg-more a:after {
    border: 1px solid rgba(17, 17, 17, 0.1);
    width: 0.54rem;
    height: 0.54rem;
    background-size: 0.12rem;
    margin-left: 0.1rem;
  }
}
.page-top .top-column {
  padding: 100px 0 70px;
  background: #fff;
}
@media (max-width: 960px) {
  .page-top .top-column {
    padding: 0.5rem 0 0.2rem;
  }
}
.page-top .top-column .tc-title {
  font-size: 50px;
}
@media (max-width: 960px) {
  .page-top .top-column .tc-title {
    font-size: 0.3rem;
  }
}
.page-top .top-column .tc-text {
  font-size: 16px;
}
@media (max-width: 960px) {
  .page-top .top-column .tc-text {
    font-size: 0.12rem;
  }
}
.page-top .top-column .tc-container {
  overflow: hidden;
  margin-top: 70px;
  position: relative;
  padding-bottom: 90px;
  display: flex;
}
@media (max-width: 960px) {
  .page-top .top-column .tc-container {
    padding-bottom: 0;
    margin-top: 0.3rem;
  }
  .page-top .top-column .tc-container .swiper-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
  }
}
.page-top .top-column .tc-container .column-list {
  width: auto;
  border-right: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-top .top-column .tc-container .column-list {
    width: 100%;
    border-right: none;
  }
}
.page-top .top-column .tc-container .column-list:last-child {
  border-right: none;
}
.page-top .top-column .tc-container .column-type {
  padding: 0 30px;
  border: 1px solid #111;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  font-size: 20px;
  border-radius: 22.5px;
}
@media (max-width: 960px) {
  .page-top .top-column .tc-container .column-type {
    padding: 0 0.16rem;
    font-size: 0.12rem;
    height: 0.25rem;
    border-radius: 0.125rem;
  }
}
.page-top .top-column .tc-container .column-box {
  display: flex;
  gap: 40px;
  padding-right: 40px;
  margin-top: 35px;
}
@media (max-width: 960px) {
  .page-top .top-column .tc-container .column-box {
    margin-left: -0.2rem;
    margin-right: -0.2rem;
    gap: 0.1rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    margin-top: 0.15rem;
    overflow-y: auto;
  }
}
.page-top .top-column .tc-container .column {
  min-width: 220px;
  width: 220px;
}
@media (max-width: 960px) {
  .page-top .top-column .tc-container .column {
    width: 1.3rem;
    min-width: 1.3rem;
  }
}
.page-top .top-column .tc-container .column-img {
  font-size: 0;
  width: 220px;
}
@media (max-width: 960px) {
  .page-top .top-column .tc-container .column-img {
    width: 1.3rem;
  }
}
.page-top .top-column .tc-container .column-img img {
  width: 220px;
  height: 220px;
  object-fit: contain;
}
@media (max-width: 960px) {
  .page-top .top-column .tc-container .column-img img {
    width: 1.3rem;
    height: 1.3rem;
  }
}
.page-top .top-column .tc-container .column-title {
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border-bottom: 1px solid #111;
}
@media (max-width: 960px) {
  .page-top .top-column .tc-container .column-title {
    border-bottom: none;
    font-size: 0.1rem;
    height: auto;
    margin-top: 0.1rem;
  }
}
.page-top .top-column .tc-container .column-link {
  font-size: 0;
  margin-top: 16px;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 960px) {
  .page-top .top-column .tc-container .column-link {
    display: none;
  }
}
.page-top .top-column .tc-container .column-link div {
  display: flex;
  align-items: center;
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-top .top-column .tc-container .column-link div {
    font-size: 0.1rem;
  }
}
.page-top .top-column .tc-container .column-link div:after {
  content: "";
  display: block;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 50%;
  background: url("../images/header/arrows_slim_right.svg") no-repeat center center;
  background-size: 12px auto;
  margin-left: 16px;
}
@media (max-width: 960px) {
  .page-top .top-column .tc-container .column-link div:after {
    border: 1px solid rgba(17, 17, 17, 0.1);
    width: 0.45rem;
    height: 0.45rem;
    background-size: 0.12rem;
    margin-left: 0.1rem;
  }
}
.page-top .top-column .tc-container .swiper-scrollbar {
  border-radius: 0;
  height: 1px;
  width: 100%;
  left: 0;
}
@media (max-width: 960px) {
  .page-top .top-column .tc-container .swiper-scrollbar {
    display: none;
  }
}
.page-top .top-column .tc-container .swiper-scrollbar .swiper-scrollbar-drag {
  border-radius: 0;
  background: #111;
  height: 7px;
  margin-top: -3px;
}
.page-top .top-support {
  padding: 100px 0 70px;
  background: #fff;
}
@media (max-width: 960px) {
  .page-top .top-support {
    padding: 0.5rem 0 0.2rem;
  }
}
.page-top .top-support .ts-title {
  font-size: 50px;
  text-align: center;
}
@media (max-width: 960px) {
  .page-top .top-support .ts-title {
    font-size: 0.3rem;
  }
}
.page-top .top-support .ts-text {
  font-size: 16px;
  text-align: center;
}
@media (max-width: 960px) {
  .page-top .top-support .ts-text {
    font-size: 0.13rem;
  }
}
.page-top .top-support .support-inner {
  position: relative;
  padding: 120px 0 160px;
}
@media (max-width: 960px) {
  .page-top .top-support .support-inner {
    padding: 0.45rem 0 0.6rem;
  }
}
.page-top .top-support .support-inner:before {
  content: "";
  display: block;
  width: 100%;
  background: #f5f5f5;
  border-radius: 100px 100px 0 0;
  height: 100%;
  z-index: 0;
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 960px) {
  .page-top .top-support .support-inner:before {
    border-radius: 0.3rem 0.3rem 0 0;
  }
}
.page-top .top-support .support-inner .inner {
  position: relative;
  z-index: 2;
  overflow: hidden;
  padding-bottom: 30px;
}
@media (max-width: 960px) {
  .page-top .top-support .support-inner .inner {
    padding-bottom: 0;
  }
}
.page-top .top-support .support-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4vw;
  margin-left: -20px;
  margin-right: -20px;
  margin-top: 80px;
}
@media (min-width: 960px) and (max-width: 1600px) {
  .page-top .top-support .support-list {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
  }
  .page-top .top-support .support-list .support:nth-child(3):after {
    display: none;
  }
}
@media (max-width: 960px) {
  .page-top .top-support .support-list {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0.3rem;
    gap: 0.15rem;
  }
}
.page-top .top-support .support-list .support {
  width: 260px;
  min-width: 260px;
  height: 260px;
  border-radius: 50%;
  background: #fff;
  text-align: center;
  position: relative;
  padding-top: 90px;
}
@media (max-width: 960px) {
  .page-top .top-support .support-list .support {
    width: 100%;
    min-width: auto;
    border-radius: 0.08rem;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.02);
    height: auto;
    padding: 0.2rem 0;
  }
}
.page-top .top-support .support-list .support:after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  right: -2vw;
  top: 0;
  background: #dcdcdc;
}
@media (max-width: 960px) {
  .page-top .top-support .support-list .support:after {
    display: none;
  }
}
.page-top .top-support .support-list .support:last-child:after {
  display: none;
}
.page-top .top-support .support-list .support-en {
  font-size: 12px;
  color: #c5c5c5;
}
@media (max-width: 960px) {
  .page-top .top-support .support-list .support-en {
    font-size: 0.12rem;
  }
}
.page-top .top-support .support-list .support-title {
  font-size: 18px;
  margin-top: 10px;
}
@media (max-width: 960px) {
  .page-top .top-support .support-list .support-title {
    font-size: 0.13rem;
    margin-top: 0.08rem;
  }
}
.page-top .top-support .support-list .support-link {
  position: absolute;
  bottom: -25px;
  right: 0;
}
@media (max-width: 960px) {
  .page-top .top-support .support-list .support-link {
    width: 100%;
    height: 100%;
    z-index: 2;
    bottom: 0;
  }
}
.page-top .top-support .support-list .support-link a {
  display: flex;
  align-items: center;
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-top .top-support .support-list .support-link a {
    font-size: 0;
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
.page-top .top-support .support-list .support-link a:after {
  content: "";
  display: block;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 50%;
  background: url("../images/header/arrows_slim_right.svg") no-repeat center center;
  background-size: 12px auto;
  margin-left: 16px;
}
@media (max-width: 960px) {
  .page-top .top-support .support-list .support-link a:after {
    display: none;
  }
}
.page-top .top-news {
  padding: 100px 0 70px;
  background: #fff;
}
@media (max-width: 960px) {
  .page-top .top-news {
    padding: 0.5rem 0 0.2rem;
  }
}
.page-top .top-news .tn-title {
  font-size: 50px;
}
@media (max-width: 960px) {
  .page-top .top-news .tn-title {
    font-size: 0.3rem;
  }
}
.page-top .top-news .tn-text {
  font-size: 16px;
}
@media (max-width: 960px) {
  .page-top .top-news .tn-text {
    font-size: 0.12rem;
  }
}
.page-top .top-news .tn-container {
  margin-top: 50px;
}
@media (max-width: 960px) {
  .page-top .top-news .tn-container {
    margin-top: 0.1rem;
  }
}
.page-top .top-news .tn-container .news {
  display: flex;
  gap: 30px;
  padding: 30px 0;
}
@media (max-width: 960px) {
  .page-top .top-news .tn-container .news {
    padding: 0.2rem 0;
    display: block;
  }
}
.page-top .top-news .tn-container .news:not(:last-child) {
  border-bottom: 1px solid #dcdcdc;
}
.page-top .top-news .tn-container .news-date {
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}
@media (max-width: 960px) {
  .page-top .top-news .tn-container .news-date {
    font-size: 0.12rem;
  }
}
.page-top .top-news .tn-container .news-text {
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-top .top-news .tn-container .news-text {
    font-size: 0.12rem;
    margin-top: 0.06rem;
  }
}
.page-top .top-news .tn-more {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 960px) {
  .page-top .top-news .tn-more {
    position: absolute;
    right: 0.2rem;
    top: 0.6rem;
  }
}
.page-top .top-news .tn-more a {
  display: flex;
  align-items: center;
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-top .top-news .tn-more a {
    font-size: 0.12rem;
  }
}
.page-top .top-news .tn-more a:after {
  content: "";
  display: block;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 50%;
  background: url("../images/header/arrows_slim_right.svg") no-repeat center center;
  background-size: 12px auto;
  margin-left: 16px;
}
@media (max-width: 960px) {
  .page-top .top-news .tn-more a:after {
    border: 1px solid rgba(17, 17, 17, 0.1);
    width: 0.54rem;
    height: 0.54rem;
    background-size: 0.12rem;
    margin-left: 0.1rem;
  }
}
.page-top .top-voice {
  padding: 100px 0 70px;
  background: #fff;
}
@media (max-width: 960px) {
  .page-top .top-voice {
    padding: 0.5rem 0 0.2rem;
  }
}
.page-top .top-voice .tv-title {
  font-size: 50px;
}
@media (max-width: 960px) {
  .page-top .top-voice .tv-title {
    font-size: 0.3rem;
  }
}
.page-top .top-voice .tv-text {
  font-size: 16px;
}
@media (max-width: 960px) {
  .page-top .top-voice .tv-text {
    font-size: 0.12rem;
  }
}
.page-top .top-voice .tv-container {
  margin-top: -20px;
  position: relative;
  padding-bottom: 60px;
  padding-top: 160px;
  overflow: hidden;
}
@media (max-width: 960px) {
  .page-top .top-voice .tv-container {
    padding-bottom: 0;
    margin-top: 0;
    padding-top: 0.5rem;
  }
}
.page-top .top-voice .tv-container:before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 110px;
  background: #dcdcdc;
}
@media (max-width: 960px) {
  .page-top .top-voice .tv-container:before {
    top: 0.2rem;
  }
}
.page-top .top-voice .tv-container .voice {
  width: 444px;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
}
@media (max-width: 960px) {
  .page-top .top-voice .tv-container .voice {
    width: 2.04rem;
    gap: 0.08rem;
  }
}
.page-top .top-voice .tv-container .voice-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-top .top-voice .tv-container .voice-star {
  display: flex;
  gap: 4px;
}
@media (max-width: 960px) {
  .page-top .top-voice .tv-container .voice-star {
    gap: 0.04rem;
  }
}
.page-top .top-voice .tv-container .voice-star img {
  width: 16px;
  height: 16px;
  object-fit: contain;
}
@media (max-width: 960px) {
  .page-top .top-voice .tv-container .voice-star img {
    width: 0.13rem;
    height: 0.13rem;
  }
}
.page-top .top-voice .tv-container .voice-date {
  font-size: 16px;
  color: #fff;
  background: #111;
  height: 36px;
  border-radius: 18px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 960px) {
  .page-top .top-voice .tv-container .voice-date {
    font-size: 0.1rem;
    height: 0.25rem;
    border-radius: 0.125rem;
    padding: 0 0.12rem;
  }
}
.page-top .top-voice .tv-container .voice-info {
  flex: 1;
  display: flex;
  gap: 30px;
  background: #f5f5f5;
  padding: 30px;
}
@media (max-width: 960px) {
  .page-top .top-voice .tv-container .voice-info {
    flex-direction: column;
    padding: 0.15rem 0.15rem 0.25rem;
    gap: 0.08rem;
  }
}
.page-top .top-voice .tv-container .voice-info-left {
  width: 100px;
  min-width: 100px;
}
@media (max-width: 960px) {
  .page-top .top-voice .tv-container .voice-info-left {
    display: flex;
    gap: 0.1rem;
    width: 100%;
  }
}
.page-top .top-voice .tv-container .voice-img {
  width: 100px;
  font-size: 0;
}
@media (max-width: 960px) {
  .page-top .top-voice .tv-container .voice-img {
    width: 0.82rem;
  }
}
.page-top .top-voice .tv-container .voice-img img {
  width: 100px;
  height: 100px;
  object-fit: contain;
}
@media (max-width: 960px) {
  .page-top .top-voice .tv-container .voice-img img {
    width: 0.82rem;
    height: 0.82rem;
    min-width: 0.82rem;
  }
}
.page-top .top-voice .tv-container .voice-name {
  font-size: 12px;
  margin-top: 10px;
}
@media (max-width: 960px) {
  .page-top .top-voice .tv-container .voice-name {
    margin-top: 0.15rem;
    font-size: 0.1rem;
    max-width: calc(100% - 0.92rem);
  }
}
.page-top .top-voice .tv-container .voice-title {
  font-size: 16px;
}
@media (max-width: 960px) {
  .page-top .top-voice .tv-container .voice-title {
    font-size: 0.12rem;
  }
}
.page-top .top-voice .tv-container .voice-text {
  font-size: 14px;
  margin-top: 10px;
}
@media (max-width: 960px) {
  .page-top .top-voice .tv-container .voice-text {
    font-size: 0.1rem;
    margin-top: 0.05rem;
  }
}
.page-top .top-voice .tv-container .swiper-scrollbar {
  border-radius: 0;
  height: 1px;
  width: 100%;
  left: 0;
}
@media (max-width: 960px) {
  .page-top .top-voice .tv-container .swiper-scrollbar {
    display: none;
  }
}
.page-top .top-voice .tv-container .swiper-scrollbar .swiper-scrollbar-drag {
  border-radius: 0;
  background: #111;
  height: 7px;
  margin-top: -3px;
}
.page-top .top-voice .tv-container .swiper-button-prev {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  left: auto;
  right: 72px;
  top: 0;
  margin: 0;
  background: url("../images/top/prev_black.svg") no-repeat center center;
  background-size: 10px auto;
}
@media (max-width: 960px) {
  .page-top .top-voice .tv-container .swiper-button-prev {
    display: none;
  }
}
.page-top .top-voice .tv-container .swiper-button-prev:after {
  display: none;
}
.page-top .top-voice .tv-container .swiper-button-next {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  left: auto;
  right: 0;
  top: 0;
  margin: 0;
  background: url("../images/top/next_black.svg") no-repeat center center;
  background-size: 10px auto;
}
@media (max-width: 960px) {
  .page-top .top-voice .tv-container .swiper-button-next {
    display: none;
  }
}
.page-top .top-voice .tv-container .swiper-button-next:after {
  display: none;
}
.page-top .top-voice .tv-more {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 30px;
}
@media (max-width: 960px) {
  .page-top .top-voice .tv-more {
    margin-top: 0;
    position: absolute;
    right: 0.2rem;
    top: 1rem;
  }
}
.page-top .top-voice .tv-more a {
  display: flex;
  align-items: center;
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-top .top-voice .tv-more a {
    font-size: 0.12rem;
  }
}
.page-top .top-voice .tv-more a:after {
  content: "";
  display: block;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 50%;
  background: url("../images/header/arrows_slim_right.svg") no-repeat center center;
  background-size: 12px auto;
  margin-left: 16px;
}
@media (max-width: 960px) {
  .page-top .top-voice .tv-more a:after {
    border: 1px solid rgba(17, 17, 17, 0.1);
    width: 0.54rem;
    height: 0.54rem;
    background-size: 0.12rem;
    margin-left: 0.1rem;
  }
}
.page-top .top-feature {
  padding: 100px 0 70px;
  background: #fff;
}
@media (max-width: 960px) {
  .page-top .top-feature {
    padding: 0.5rem 0 0.2rem;
  }
}
.page-top .top-feature .tf-title {
  font-size: 50px;
  text-align: center;
}
@media (max-width: 960px) {
  .page-top .top-feature .tf-title {
    font-size: 0.3rem;
  }
}
.page-top .top-feature .tf-text {
  font-size: 16px;
  text-align: center;
}
@media (max-width: 960px) {
  .page-top .top-feature .tf-text {
    font-size: 0.12rem;
  }
}
.page-top .top-feature .tf-container {
  display: flex;
  justify-content: center;
  /*align-items: center;*/
  margin-top: 70px;
}
@media (max-width: 960px) {
  .page-top .top-feature .tf-container {
    overflow-y: auto;
    margin-top: 0.3rem;
    justify-content: flex-start;
  }
}
.page-top .top-feature .tf-container .feature {
  flex: 1;
  counter-increment: counter1 1;
  border: 1px solid #dcdcdc;
  position: relative;
  text-align: center;
  padding: 86px 40px 60px 45px;
  max-width: 328px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 960px) {
  .page-top .top-feature .tf-container .feature {
    min-width: 1.67rem;
    padding: 0.44rem 0.15rem 0.5rem;
  }
}
.page-top .top-feature .tf-container .feature:first-child {
  border-radius: 0.08rem 0 0 0.08rem;
}
.page-top .top-feature .tf-container .feature:last-child {
  border-radius: 0 0.08rem 0.08rem 0;
}
.page-top .top-feature .tf-container .feature:not(:first-child) {
  border-left: none;
}
.page-top .top-feature .tf-container .feature-lt {
  position: absolute;
  top: 15px;
  left: 22px;
  font-size: 12px;
  transform: rotateZ(90deg);
  transform-origin: left top;
}
@media (max-width: 960px) {
  .page-top .top-feature .tf-container .feature-lt {
    top: 0.08rem;
    left: 0.12rem;
    font-size: 0.07rem;
  }
}
.page-top .top-feature .tf-container .feature-img {
  height: 60px;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 960px) {
  .page-top .top-feature .tf-container .feature-img {
    height: 0.3rem;
  }
  .page-top .top-feature .tf-container .feature-img img {
    height: 0.3rem;
    width: 0.36rem;
    object-fit: contain;
  }
}
.page-top .top-feature .tf-container .feature-title {
  margin-top: 30px;
  font-size: 18px;
}
@media (max-width: 960px) {
  .page-top .top-feature .tf-container .feature-title {
    margin-top: 0.12rem;
    font-size: 0.1rem;
  }
}
.page-top .top-feature .tf-container .feature-text {
  margin-top: 25px;
  padding-top: 25px;
  text-align: left;
  border-top: 1px solid #dcdcdc;
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-top .top-feature .tf-container .feature-text {
    font-size: 0.1rem;
    margin-top: 0.15rem;
    padding-top: 0.12rem;
  }
}
.page-top .top-feature .tf-container .feature:after {
  content: "(0" counter(counter1) ")";
  display: block;
  position: absolute;
  right: 18px;
  bottom: 22px;
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-top .top-feature .tf-container .feature:after {
    font-size: 0.07rem;
    bottom: 0.1rem;
    right: 0.08rem;
  }
}
.page-top .top-case {
  padding: 100px 0 70px;
  background: #fff;
}
@media (max-width: 960px) {
  .page-top .top-case {
    padding: 0.5rem 0 0.2rem;
  }
}
.page-top .top-case .swiper {
  overflow: hidden;
  padding-bottom: 90px;
  position: relative;
}
@media (max-width: 960px) {
  .page-top .top-case .swiper {
    padding-bottom: 0;
  }
}
.page-top .top-case .swiper .swiper-button-prev {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  left: calc(83.05% - 35px - 132px);
  right: auto;
  top: auto;
  bottom: 0;
  margin: 0;
  background: url("../images/top/prev_black.svg") no-repeat center center;
  background-size: 10px auto;
}
@media (max-width: 960px) {
  .page-top .top-case .swiper .swiper-button-prev {
    display: none;
  }
}
.page-top .top-case .swiper .swiper-button-prev:after {
  display: none;
}
.page-top .top-case .swiper .swiper-button-next {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  left: calc(83.05% - 35px - 60px);
  right: auto;
  top: auto;
  bottom: 0;
  margin: 0;
  background: url("../images/top/next_black.svg") no-repeat center center;
  background-size: 10px auto;
}
@media (max-width: 960px) {
  .page-top .top-case .swiper .swiper-button-next {
    display: none;
  }
}
.page-top .top-case .swiper .swiper-button-next:after {
  display: none;
}
.page-top .top-case .case {
  background: #ddd no-repeat center center/cover;
  padding: 120px 5.2vw;
  height: auto;
  position: relative;
}
.page-top .top-case .case a {
  color: #fff;
  border: 1px solid #fff;
  padding: 10px 20px;
  display: block;
  width: max-content;
  margin: 20px 0px;
}

@media (max-width: 960px) {
  .page-top .top-case .case {
    padding: 0.7rem 0.24rem 0.6rem;
    border-radius: 0.08rem;
  }
}
.page-top .top-case .case:after {
  content: "SEAT COVER ONLINE SHOP";
  position: absolute;
  right: -70px;
  top: 50%;
  transform-origin: center center;
  transform: translate(50%, -50%) rotateZ(90deg);
}
@media (max-width: 960px) {
  .page-top .top-case .case:after {
    display: none;
  }
}
.page-top .top-case .case-title {
  font-size: 30px;
  color: #fff;
  font-weight: 500;
}
@media (max-width: 960px) {
  .page-top .top-case .case-title {
    font-size: 0.2rem;
  }
}
.page-top .top-case .case-text {
  font-size: 14px;
  margin-top: 36px;
  color: #fff;
}
@media (max-width: 960px) {
  .page-top .top-case .case-text {
    font-size: 0.12rem;
    margin-top: 0.3rem;
  }
}
.page-top .top-about {
  padding: 100px 0 70px;
  background: #fff;
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 960px) {
  .page-top .top-about {
    padding: 0.5rem 0 0.2rem;
    display: block;
  }
}
.page-top .top-about .ta-title {
  font-size: 50px;
}
@media (max-width: 960px) {
  .page-top .top-about .ta-title {
    font-size: 0.3rem;
  }
}
.page-top .top-about .ta-text {
  font-size: 16px;
}
@media (max-width: 960px) {
  .page-top .top-about .ta-text {
    font-size: 0.12rem;
  }
}
.page-top .top-about .about-img {
  width: 42.7%;
  min-width: 42.7%;
  font-size: 0;
  min-height: 970px;
  background: no-repeat center center/cover;
}
@media (max-width: 960px) {
  .page-top .top-about .about-img {
    width: 100%;
    height: 2.46rem;
    background: no-repeat right center/cover;
    min-height: auto;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0.5rem;
  }
  .page-top .top-about .about-img:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(17, 17, 17, 0.5);
  }
}
.page-top .top-about .about-info {
  width: 75.3%;
  padding: 0 7.3vw;
}
@media (max-width: 960px) {
  .page-top .top-about .about-info {
    position: relative;
    z-index: 2;
    width: 3.5rem;
    margin: 0 auto;
    padding: 0;
  }
}
@media (max-width: 960px) {
  .page-top .top-about .about-top {
    height: 2.46rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
  }
}
.page-top .top-about .about-text {
  font-size: 14px;
  margin-top: 75px;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-top .top-about .about-text {
    margin-top: 0.2rem;
    font-size: 0.12rem;
  }
}
.page-top .top-type {
  padding: 100px 0 70px;
  background: #fff;
}
@media (max-width: 960px) {
  .page-top .top-type {
    padding: 0.2rem 0 0.2rem;
  }
}
.page-top .top-type .inner {
  display: flex;
  gap: 30px;
}
@media (max-width: 960px) {
  .page-top .top-type .inner {
    flex-direction: column;
    gap: 0.3rem;
  }
}
.page-top .top-type .inner .type {
  flex: 1;
  display: block;
}
@media (max-width: 960px) {
  .page-top .top-type .inner .type {
    flex: auto;
  }
}
.page-top .top-type .inner .type-img {
  font-size: 0;
}
@media (max-width: 960px) {
  .page-top .top-type .inner .type-img img {
    border-radius: 0.08rem;
  }
}
.page-top .top-type .inner .type-name {
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-top .top-type .inner .type-name {
    font-size: 0.12rem;
    margin-top: 0.1rem;
  }
}
.page-top .top-list {
  padding: 30px 0 70px;
  background: #fff;
  position: relative;
}
@media (max-width: 960px) {
  .page-top .top-list {
    padding: 0.3rem 0 0.2rem;
  }
}
.page-top .top-list .inner {
  display: flex;
  gap: 6.25vw;
  padding-top: 70px;
  position: relative;
}
@media (max-width: 960px) {
  .page-top .top-list .inner {
    flex-direction: column;
    gap: 0.4rem;
    padding-top: 0.3rem;
  }
}
.page-top .top-list .inner:before {
  content: "";
  position: absolute;
  width: calc(100% - 40px);
  left: 20px;
  top: 0;
  height: 1px;
  background: #dcdcdc;
}
@media (max-width: 960px) {
  .page-top .top-list .inner:before {
    left: 0.2rem;
    width: calc(100% - 0.4rem);
  }
}
.page-top .top-list .inner .list {
  max-width: calc(50% - 3.125vw);
}
@media (max-width: 960px) {
  .page-top .top-list .inner .list {
    max-width: 100%;
  }
}
.page-top .top-list .inner .list-title {
  font-size: 16px;
}
@media (max-width: 960px) {
  .page-top .top-list .inner .list-title {
    font-size: 0.14rem;
  }
}
.page-top .top-list .inner .list-brand {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  max-width: 100%;
  position: relative;
  padding-bottom: 50px;
}
@media (max-width: 960px) {
  .page-top .top-list .inner .list-brand {
    padding-bottom: 0;
    margin-top: 0.15rem;
  }
}
.page-top .top-list .inner .list-brand .brand {
  display: block;
  padding-bottom: 20px;
  width: 90px;
}
@media (max-width: 960px) {
  .page-top .top-list .inner .list-brand .brand {
    padding-bottom: 0.1rem;
    width: 0.66rem;
  }
}
.page-top .top-list .inner .list-brand .brand-logo {
  width: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90px;
  font-size: 0;
  border: 1px solid #dcdcdc;
  border-radius: 50%;
}
@media (max-width: 960px) {
  .page-top .top-list .inner .list-brand .brand-logo {
    width: 0.66rem;
    height: 0.66rem;
  }
}
.page-top .top-list .inner .list-brand .brand-name {
  font-size: 12px;
  margin-top: 6px;
  text-align: center;
}
@media (max-width: 960px) {
  .page-top .top-list .inner .list-brand .brand-name {
    font-size: 0.1rem;
    margin-top: 0.05rem;
  }
}
.page-top .top-list .inner .list-brand .swiper-scrollbar {
  border-radius: 0;
  height: 1px;
  width: 100%;
  left: 0;
}
@media (max-width: 960px) {
  .page-top .top-list .inner .list-brand .swiper-scrollbar {
    display: none;
  }
}
.page-top .top-list .inner .list-brand .swiper-scrollbar .swiper-scrollbar-drag {
  border-radius: 0;
  background: #111;
  height: 7px;
  margin-top: -3px;
}

.page-search .search-box {
  display: flex;
  gap: 6vw;
  max-width: 1680px;
  margin: 0 auto;
  padding: 60px 40px;
}
@media (max-width: 960px) {
  .page-search .search-box {
    display: block;
    padding: 0.25rem 0 0;
  }
}
.page-search .search-box-condition {
  width: 276px;
  min-width: 200px;
}
@media (min-width: 961px) {
  .page-search .search-box-condition {
    position: sticky;
    top: 150px;
    height: fit-content;
  }
}
@media (max-width: 960px) {
  .page-search .search-box-condition {
    width: 100%;
    min-width: auto;
    padding: 0 0.2rem;
  }
}
.page-search .search-box-condition-title {
  font-size: 30px;
}
@media (max-width: 960px) {
  .page-search .search-box-condition-title {
    font-size: 0.2rem;
  }
}
.page-search .search-box-condition-text {
  font-size: 14px;
  margin-top: 25px;
  margin-bottom: 20px;
}
@media (max-width: 960px) {
  .page-search .search-box-condition-text {
    font-size: 0.12rem;
    margin-top: 0.15rem;
    margin-bottom: 0.12rem;
  }
}
.page-search .search-box-condition-select {
  padding-top: 15px;
}
@media (max-width: 960px) {
  .page-search .search-box-condition-select {
    padding-top: 0.15rem;
  }
}
.page-search .search-box-condition-select .select-name {
  font-size: 12px;
  color: #c5c5c5;
}
@media (max-width: 960px) {
  .page-search .search-box-condition-select .select-name {
    font-size: 0.1rem;
  }
}
.page-search .search-box-condition-select .select-box {
  font-size: 0;
  margin-top: -5px;
  position: relative;
}
@media (max-width: 960px) {
  .page-search .search-box-condition-select .select-box {
    margin-top: -0.05rem;
  }
}
.page-search .search-box-condition-select .select-box:after {
  content: "";
  display: block;
  position: absolute;
  right: 12px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 1.5px solid #111;
  border-bottom: 1.5px solid #111;
  transform: translateY(-65%) rotateZ(45deg);
}
@media (max-width: 960px) {
  .page-search .search-box-condition-select .select-box:after {
    border-right: 0.015rem solid #111;
    border-bottom: 0.015rem solid #111;
    right: 0.1rem;
    width: 0.08rem;
    height: 0.08rem;
  }
}
.page-search .search-box-condition-select .select-box select {
  appearance: none;
  border: none;
  border-radius: 0;
  outline: none;
  border-bottom: 1px solid #dcdcdc;
  font-size: 14px;
  height: 40px;
  width: 100%;
  padding: 5px;
  padding-right: 30px;
  background: transparent;
}
@media (max-width: 960px) {
  .page-search .search-box-condition-select .select-box select {
    height: 0.36rem;
    padding-right: 0.24rem;
    font-size: 0.12rem;
  }
}
.page-search .search-box-condition-btn {
  margin-top: 30px;
  width: 100%;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #111;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
@media (max-width: 960px) {
  .page-search .search-box-condition-btn {
    margin-top: 0.2rem;
    height: 0.7rem;
    font-size: 0.13rem;
    border-radius: 0.08rem;
  }
}
.page-search .search-box-result {
  flex: 1;
  overflow: hidden;
}
@media (max-width: 960px) {
  .page-search .search-box-result {
    padding: 0.4rem 0.2rem 0;
    margin-top: 0.4rem;
    border-top: 1px solid #dcdcdc;
  }
}
.page-search .search-box-result-title {
  font-size: 18px;
}
@media (max-width: 960px) {
  .page-search .search-box-result-title {
    font-size: 0.16rem;
  }
}
.page-search .search-box-result-count {
  margin-top: 20px;
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-search .search-box-result-count {
    font-size: 0.12rem;
    margin-top: 0.1rem;
  }
}
.page-search .search-box-result-box {
  margin-top: 50px;
  position: relative;
  padding-bottom: 0px;
}
@media (max-width: 960px) {
  .page-search .search-box-result-box {
    padding-bottom: 0.5rem;
    margin-top: 0;
  }
  .page-search .search-box-result-box .swiper-wrapper {
    display: block;
  }
}
.page-search .search-box-result-box .search {
  height: auto;
  width: 100%;
  display: flex;
  background: #fff;
  border: 1px solid #dcdcdc;
  margin-bottom: 40px;
}
@media (max-width: 960px) {
  .page-search .search-box-result-box .search {
    border-radius: 0.08rem;
    width: 100%;
    padding: 0.1rem 0.2rem 0.2rem;
    margin-top: 0.3rem;
    display: block;
  }
}
.page-search .search-box-result-box .search-top {
  border-right: 1px solid #dcdcdb;
  width: 33%;
  padding: 40px;
}
@media (max-width: 960px) {
  .page-search .search-box-result-box .search-top {
    width: 100%;
    border-right: 0;
    padding: 20px;
    display: flex;
    border-bottom: 1px solid #dcdcdc;
    justify-content: space-between;
  }
}
.page-search .search-box-result-box .search-top-name {
  border-bottom: 1px solid #dcdcdc;
  width: 100%;
  padding: 0px 0 20px;
}
.page-search .search-box-result-box .search-top-name-text {
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-search .search-box-result-box .search-top-name-text {
    font-size: 0.12rem;
  }
  .page-search .search-box-result-box .search-top-name {
    border-bottom: 0;
  }
}
.page-search .search-box-result-box .search-top-name-type {
  font-size: 18px;
}
@media (max-width: 960px) {
  .page-search .search-box-result-box .search-top-name-type {
    font-size: 0.14rem;
  }
}
.page-search .search-box-result-box .search-top-img {
  font-size: 0;
  width: 100%;
}
.page-search .search-box-result-box .search-top-img img {
  width: 100%;
  max-width: 315px;
  object-fit: contain;
}
@media (max-width: 960px) {
  .page-search .search-box-result-box .search-top-img img {
    min-width: auto;
    width: 0.8rem;
    height: 0.6rem;
  }
  .page-search .search-box-result-box .search-top-img {
    width: auto;
  }
}
.page-search .search-box-result-box .search-info {
  padding: 40px;
  border-right: 1px solid #dcdcdb;
  width: 33%;
}
@media (max-width: 960px) {
  .page-search .search-box-result-box .search-info {
    margin-top: 0.05rem;
    width: 100%;
    padding: 20px;
    border-right: 0;
  }
}
.page-search .search-box-result-box .search-info dl {
  border-bottom: 1px solid #dcdcdc;
  display: flex;
  padding: 16px 0;
  gap: 10px;
}
.page-search .search-box-result-box .search-info dl:last-child {
  border-bottom: 0;
}
@media (max-width: 960px) {
  .page-search .search-box-result-box .search-info dl {
    padding: 0.1rem 0;
    gap: 0.04rem;
  }
}
.page-search .search-box-result-box .search-info dl dt {
  width: 70px;
  min-width: 70px;
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-search .search-box-result-box .search-info dl dt {
    width: 0.7rem;
    min-width: 0.7rem;
    font-size: 0.1rem;
  }
}
.page-search .search-box-result-box .search-info dl dd {
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-search .search-box-result-box .search-info dl dd {
    font-size: 0.1rem;
  }
}
.page-search .search-box-result-box .search-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 70px;
  margin-top: 20px;
  background: #fff;
  border: 1px solid #dcdcdc;
  font-size: 14px;
  cursor: pointer;
}
@media (max-width: 960px) {
  .page-search .search-box-result-box .search-btn {
    border-radius: 0.08rem;
    height: 0.46rem;
    font-size: 0.12rem;
    margin-top: 0rem;
  }
}
.page-search .search-box-result-box .search-btns {
  margin-top: 20px;
  width: 33%;
  padding: 40px;
}
@media (max-width: 960px) {
  .page-search .search-box-result-box .search-btns {
    margin-top: 0;
    gap: 0.1rem;
    width: 100%;
    padding: 20px;
  }
}
.page-search .search-box-result-box .search-btns .btn {
  display: block;
  flex: 1;
  text-align: center;
  padding: 8px 0;
  background: #111;
  color: #fff;
  font-size: 12px;
  margin: 20px 0;
}
@media (max-width: 960px) {
  .page-search .search-box-result-box .search-btns .btn {
    border-radius: 0.08rem;
    padding: 0.08rem;
    font-size: 0.11rem;
  }
}
.page-search .search-box-result-box .swiper-scrollbar {
  border-radius: 0;
  height: 1px;
  width: 100%;
  left: 0;
}
@media (max-width: 960px) {
  .page-search .search-box-result-box .swiper-scrollbar {
    display: none;
  }
}
.page-search .search-box-result-box .swiper-scrollbar .swiper-scrollbar-drag {
  border-radius: 0;
  background: #111;
  height: 7px;
  margin-top: -3px;
}
.page-search .search-box-result-box .swiper-button-prev {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  left: auto;
  right: 72px;
  top: -110px;
  margin: 0;
  background: url("../images/top/prev_black.svg") no-repeat center center;
  background-size: 10px auto;
}
@media (max-width: 960px) {
  .page-search .search-box-result-box .swiper-button-prev {
    display: none;
  }
}
.page-search .search-box-result-box .swiper-button-prev:after {
  display: none;
}
.page-search .search-box-result-box .swiper-button-next {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  left: auto;
  right: 0;
  top: -110px;
  margin: 0;
  background: url("../images/top/next_black.svg") no-repeat center center;
  background-size: 10px auto;
}
@media (max-width: 960px) {
  .page-search .search-box-result-box .swiper-button-next {
    display: none;
  }
}
.page-search .search-box-result-box .swiper-button-next:after {
  display: none;
}

.page-product-detail .detail-box {
  position: relative;
  display: flex;
  border-top: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box {
    display: block;
  }
}
.page-product-detail .detail-box .right {
  width: calc(200px + 4vw);
  padding: 80px 2vw;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .right {
    display: none;
    /* position: fixed;
    padding: 0 0.2rem;
    box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.06);
    background: #fff;
    z-index: 995;
    height: 0.9rem;
    left: 0;
    bottom: 0;
    width: 100vw;
    display: flex;
    align-items: center; */
  }
}
.page-product-detail .detail-box .right-box {
  position: sticky;
  top: calc(50% - 200px);
  right: 0;
  width: 100%;
  display: inline-block;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .right-box {
    position: relative;
    top: 0;
    right: 0;
  }
}
.page-product-detail .detail-box .right-img {
  font-size: 0;
  text-align: center;
}
.page-product-detail .detail-box .right-img img {
  width: 96px;
}
.page-product-detail .detail-box .right-name {
  font-size: 12px;
  margin-top: 20px;
}
.page-product-detail .detail-box .right-price {
  margin-top: 10px;
  font-size: 20px;
}
.page-product-detail .detail-box .right-price span {
  font-size: 10px;
  margin-left: 4px;
}
.page-product-detail .detail-box .right-point {
  color: #e29b49;
  font-size: 10px;
}
.page-product-detail .detail-box .right-add-cart {
  margin-top: 28px;
  display: flex;
  height: 60px;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 12px;
  gap: 8px;
  background: linear-gradient(to bottom, #e74e4e 0%, #d73ee4 100%);
}
.right-add-cart_sp {
  display: none;
}
.page-product-detail .cart_sp_flex{
  display: flex;
  gap: 10px;
  margin-top: 10px;
  flex-wrap: wrap;
}
.page-product-detail .cart_sp + .cart_sp_link{
  margin-top: 30px;
}
.page-product-detail .cart_sp_link:first-child{
  flex: 1;
}
.page-product-detail .cart_sp_link:last-child{
  min-width: 50%;
}
.page-product-detail .cart_sp_link a{
  font-size: 14px;
  border: 1px solid #dcdcdc;
  padding: 0.2em 0.8em;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  width: 100%;
  white-space: nowrap;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .right-add-cart_sp {
    margin-top: 28px;
    display: flex;
    height: 60px;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    gap: 8px;
    background: linear-gradient(to bottom, #e74e4e 0%, #d73ee4 100%);
    margin: 0 auto;
    margin-top: 28px;
    border-radius: 30px;
  }

  .page-product-detail .detail-box .right-add-cart img {
    width: 0.18rem;
  }
  .page-product-detail .cart_sp + .cart_sp_link{
    margin-top: 0.2rem;
  }
  .page-product-detail .cart_sp_link{

  }
  .page-product-detail .cart_sp_link a{
    font-size: 0.14rem;
  }
}
.page-product-detail .detail-box .right-btn {
  margin-top: 10px;
  display: flex;
  height: 60px;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  gap: 8px;
  background: #fff;
  border: 1px solid #dcdcdc;
}
.page-product-detail .detail-box .left {
  flex: 1;
  width: calc(96vw - 200px);
  border-right: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left {
    border-right: none;
    width: 100%;
  }
}
.page-product-detail .detail-box .left .detail-top {
  border-bottom: 1px solid #dcdcdc;
  display: flex;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-top {
    display: block;
  }
}
.page-product-detail .detail-box .left .detail-top-left {
  padding: 60px 3.6vw;
  display: flex;
  gap: 1vw;
  border-right: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-top-left {
    padding: 0 0 0.15rem;
    flex-direction: column-reverse;
    border-right: none;
    border-bottom: 1px solid #dcdcdc;
    gap: 0.1rem;
  }
}
.page-product-detail .detail-box .left .detail-top-right {
  padding: 60px 3.6vw;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-top-right {
    padding: 0.2rem 0.2rem 0.55rem;
  }
}
.page-product-detail .detail-box .left .detail-top-right-name {
  font-size: 16px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-top-right-name {
    font-size: 0.14rem;
  }
}
.page-product-detail .detail-box .left .detail-top-right-code {
  font-size: 12px;
  color: #c5c5c5;
  margin-top: 10px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-top-right-code {
    font-size: 0.1rem;
    margin-top: 0.06rem;
  }
}
.page-product-detail .detail-box .left .detail-top-right-brand {
  display: flex;
  gap: 5px;
  margin-top: 20px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-top-right-brand {
    margin-top: 0.15rem;
    gap: 0.05rem;
  }
}
.page-product-detail .detail-box .left .detail-top-right-brand .brand {
  display: flex;
  align-items: center;
  font-size: 10px;
  padding: 0 15px;
  height: 20px;
  border: 1px solid #707070;
  border-radius: 10px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-top-right-brand .brand {
    font-size: 0.1rem;
    padding: 0 0.15rem;
    height: 0.2rem;
    border-radius: 0.1rem;
  }
}
.page-product-detail .detail-box .left .detail-top-right-price {
  font-size: 14px;
  margin-top: 20px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-top-right-price {
    font-size: 0.14rem;
    margin-top: 0.2rem;
  }
}
.page-product-detail .detail-box .left .detail-top-right-price span {
  font-size: 30px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-top-right-price span {
    font-size: 0.3rem;
  }
}
.page-product-detail .detail-box .left .detail-top-right-point {
  font-size: 12px;
  color: #e29b49;
  margin-top: 4px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-top-right-point {
    font-size: 0.12rem;
    text-align: right;
    margin-top: -0.24rem;
  }
}
.page-product-detail .detail-box .left .detail-top-right-hr {
  margin: 40px 0;
  height: 1px;
  background: #dcdcdc;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-top-right-hr {
    margin: 0.1rem 0 0.3rem;
  }
}
.page-product-detail .detail-box .left .detail-top-right-subtitle {
  font-size: 16px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-top-right-subtitle {
    font-size: 0.12rem;
    margin-bottom: 0.08rem;
  }
}
.page-product-detail .detail-box .left .detail-top-right-subtitle span {
  font-size: 12px;
  color: #e24974;
  margin-left: 12px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-top-right-subtitle span {
    font-size: 0.1rem;
    margin-left: 0.08rem;
  }
}
.page-product-detail .detail-box .left .detail-top-right-form {
  margin-top: 18px;
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-top-right-form {
    margin-top: 0;
    gap: 0.1rem;
  }
}
.page-product-detail .detail-box .left .detail-top-right-form-box {
  border-bottom: 1px solid #dcdcdc;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 0;
  flex: 1;
  position: relative;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-top-right-form-box {
    padding: 0.1rem 0;
  }
}
.page-product-detail .detail-box .left .detail-top-right-form-box:after {
  content: "";
  display: block;
  position: absolute;
  right: 12px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 1.5px solid #111;
  border-bottom: 1.5px solid #111;
  transform: translateY(-75%) rotateZ(45deg);
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-top-right-form-box:after {
    border-right: 0.015rem solid #111;
    border-bottom: 0.015rem solid #111;
    right: 0.1rem;
    width: 0.08rem;
    height: 0.08rem;
  }
}
.page-product-detail .detail-box .left .detail-top-right-form-title {
  font-size: 14px;
  color: #c5c5c5;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-top-right-form-title {
    font-size: 0.12rem;
  }
}
.page-product-detail .detail-box .left .detail-top-right-form-title span {
  font-size: 12px;
  color: #e24974;
  margin-left: 4px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-top-right-form-title span {
    font-size: 0.1rem;
    margin-left: 0.04rem;
  }
}
.page-product-detail .detail-box .left .detail-top-right-form-select {
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: right;
  direction: rtl;
  min-width: 140px;
  font-size: 14px;
  padding-right: 40px;
  border-radius: 0;
  height: 35px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-top-right-form-select {
    padding-right: 0.3rem;
    min-width: 1.3rem;
    height: 0.32rem;
    font-size: 0.12rem;
  }
}
.page-product-detail .detail-box .left .detail-top-right-form-btn {
  width: 88px;
  min-width: 88px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #111;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-top-right-form-btn {
    width: 0.77rem;
    min-width: 0.77rem;
    font-size: 0.1rem;
    height: 0.32rem;
  }
}
.page-product-detail .detail-box .left .detail-top-right-form-btns {
  display: flex;
  justify-content: space-between;
  width: 88px;
  min-width: 88px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-top-right-form-btns {
    width: 0.77rem;
    min-width: 0.77rem;
    border-radius: 0.08rem;
  }
}
.page-product-detail .detail-box .left .detail-top-right-form-btns .btn {
  width: 40px;
  height: 35px;
  display: block;
  cursor: pointer;
  border: 1px solid #dcdcdc;
  position: relative;
  cursor: pointer;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-top-right-form-btns .btn {
    width: 0.35rem;
    height: 0.32rem;
    border-radius: 0.05rem;
  }
}
.page-product-detail .detail-box .left .detail-top-right-form-btns .btn.disabled {
  background: #dcdcdc;
  cursor: initial;
}
.page-product-detail .detail-box .left .detail-top-right-form-btns .btn:before {
  content: "";
  width: 10px;
  height: 1px;
  background: #111;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-top-right-form-btns .btn:before {
    width: 0.1rem;
  }
}
.page-product-detail .detail-box .left .detail-top-right-form-btns .btn.add:after {
  content: "";
  width: 1px;
  height: 10px;
  background: #111;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-top-right-form-btns .btn.add:after {
    height: 0.1rem;
  }
}
.page-product-detail .detail-box .left .detail-top-right-addCart {
  margin-top: 45px;
  display: flex;
  height: 80px;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  gap: 8px;
  background: linear-gradient(to bottom, #e74e4e 0%, #d73ee4 100%);
}
.page-product-detail .detail-box .left .detail-top-swiper-list {
  overflow: hidden;
  width: 5.2vw;
  height: 36.46vw;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-top-swiper-list {
    width: 100%;
    padding: 0 0.2rem;
    height: 0.54rem;
  }
}
.page-product-detail .detail-box .left .detail-top-swiper-list .swiper {
  max-height: 100%;
}
.page-product-detail .detail-box .left .detail-top-swiper-list .swiper-slide {
  font-size: 0;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-top-swiper-list .swiper-slide {
    width: 0.54rem;
  }
}
.page-product-detail .detail-box .left .detail-top-swiper-list .swiper-slide img {
  object-fit: contain;
  width: 5.2vw;
  height: 5.2vw;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-top-swiper-list .swiper-slide img {
    width: 0.54rem;
    height: 0.54rem;
    border-radius: 0.08rem;
  }
}
.page-product-detail .detail-box .left .detail-top-swiper-main {
  overflow: hidden;
  width: 36.46vw;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-top-swiper-main {
    width: 100vw;
  }
}
.page-product-detail .detail-box .left .detail-top-swiper-main .swiper-slide {
  font-size: 0;
}
.page-product-detail .detail-box .left .detail-top-swiper-main .swiper-slide img {
  object-fit: contain;
  width: 36.46vw;
  height: 36.46vw;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-top-swiper-main .swiper-slide img {
    width: 100vw;
    height: 100vw;
  }
}
.page-product-detail .detail-box .left .detail-inner {
  padding: 0 7vw;
  margin: 60px 0 60px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-inner {
    padding: 0 0.2rem;
    margin: 0.7rem 0;
  }
}
.page-product-detail .detail-box .left .detail-inner-title {
  font-size: 50px;
  text-align: center;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-inner-title {
    font-size: 0.3rem;
  }
}
.page-product-detail .detail-box .left .detail-inner-text {
  font-size: 16px;
  text-align: center;
  margin-top: 10px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-inner-text {
    font-size: 0.12rem;
    margin-top: 0.05rem;
  }
}
.page-product-detail .detail-box .left .detail-inner-description {
  font-size: 14px;
  text-align: center;
  margin-top: 40px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-inner-description {
    font-size: 0.12rem;
    margin-top: 0.3rem;
  }
}
.page-product-detail .detail-box .left .detail-intro-flex {
  display: flex;
  gap: 7vw;
  align-items: center;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-intro-flex {
    flex-direction: column;
    gap: 0.3rem;
  }
}
.page-product-detail .detail-box .left .detail-intro-flex.align-top {
  align-items: flex-start;
}
.page-product-detail .detail-box .left .detail-intro-flex .intro-text {
  width: 21.3vw;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-intro-flex .intro-text {
    width: 100%;
  }
}
.page-product-detail .detail-box .left .detail-intro-flex .intro-text-title {
  font-family: "Noto Serif JP", "Noto Sans JP", "メイリオ", Meiryo, sans-serif;
  font-size: 30px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-intro-flex .intro-text-title {
    font-size: 0.18rem;
  }
}
.page-product-detail .detail-box .left .detail-intro-flex .intro-text-info {
  font-size: 14px;
  margin-top: 40px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-intro-flex .intro-text-info {
    font-size: 0.12rem;
    margin-top: 0.3rem;
  }
}
.page-product-detail .detail-box .left .detail-intro-flex .intro-max-img {
  font-size: 0;
  width: 42.8vw;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-intro-flex .intro-max-img {
    width: 100%;
  }
}
.page-product-detail .detail-box .left .detail-intro-flex .intro-max-img img {
  width: 100%;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-intro-flex .intro-max-img img {
    border-radius: 0.08rem;
  }
}
.page-product-detail .detail-box .left .detail-intro-flex .intro-left-img {
  width: 28.3vw;
  font-size: 0;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-intro-flex .intro-left-img {
    width: 100%;
  }
}
.page-product-detail .detail-box .left .detail-intro-flex .intro-left-img img {
  width: 100%;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-intro-flex .intro-left-img img {
    border-radius: 0.08rem;
  }
}
.page-product-detail .detail-box .left .detail-intro-flex .intro-right {
  width: 35.7vw;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-intro-flex .intro-right {
    width: 100%;
  }
}
.page-product-detail .detail-box .left .detail-intro-flex .intro-right-title {
  font-family: "Noto Serif JP", "Noto Sans JP", "メイリオ", Meiryo, sans-serif;
  font-size: 30px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-intro-flex .intro-right-title {
    font-size: 0.18rem;
    text-align: center;
  }
}
.page-product-detail .detail-box .left .detail-intro-flex .intro-right-text {
  font-size: 14px;
  margin-top: 40px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-intro-flex .intro-right-text {
    margin-top: 0.3rem;
    display: flex;
    align-items: center;
    gap: 0.16rem;
    font-size: 0.12rem;
  }
  .page-product-detail .detail-box .left .detail-intro-flex .intro-right-text-img {
    width: 1.65rem;
    min-width: 1.65rem;
    font-size: 0;
  }
  .page-product-detail .detail-box .left .detail-intro-flex .intro-right-text-img img {
    width: 100%;
    border-radius: 0.08rem;
  }
}
.page-product-detail .detail-box .left .detail-intro-flex .intro-right-flex {
  display: flex;
  gap: 30px;
  margin-top: 50px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-intro-flex .intro-right-flex {
    margin-top: 0.3rem;
    gap: 0.1rem;
    overflow-y: auto;
  }
}
.page-product-detail .detail-box .left .detail-intro-flex .intro-right-flex-box {
  flex: 1;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-intro-flex .intro-right-flex-box {
    width: 1.6rem;
    min-width: 1.6rem;
  }
}
.page-product-detail .detail-box .left .detail-intro-flex .intro-right-flex-box-img {
  width: 100%;
  font-size: 0;
}
.page-product-detail .detail-box .left .detail-intro-flex .intro-right-flex-box-img img {
  width: 100%;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-intro-flex .intro-right-flex-box-img img {
    border-radius: 0.08rem;
  }
}
.page-product-detail .detail-box .left .detail-intro-flex .intro-right-flex-box-text {
  font-size: 12px;
  margin-top: 10px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-intro-flex .intro-right-flex-box-text {
    font-size: 0.1rem;
    margin-top: 0.1rem;
  }
}
.page-product-detail .detail-box .left .detail-intro-flex .intro-flex {
  display: flex;
  gap: 25px;
  width: 42.8vw;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-intro-flex .intro-flex {
    width: 100%;
    gap: 0.1rem;
  }
}
.page-product-detail .detail-box .left .detail-intro-flex .intro-flex-box {
  flex: 1;
}
.page-product-detail .detail-box .left .detail-intro-flex .intro-flex-box-img {
  width: 100%;
  font-size: 0;
}
.page-product-detail .detail-box .left .detail-intro-flex .intro-flex-box-img img {
  width: 100%;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-intro-flex .intro-flex-box-img img {
    border-radius: 0.08rem;
  }
}
.page-product-detail .detail-box .left .detail-intro-flex .intro-flex-box-text {
  font-size: 30px;
  line-height: 1;
  margin-top: 20px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-intro-flex .intro-flex-box-text {
    text-align: center;
    margin-top: 0.12rem;
    font-size: 0.16rem;
  }
}
.page-product-detail .detail-box .left .detail-intro-flex .intro-flex-box-text.grey {
  color: #c5c5c5;
}
.page-product-detail .detail-box .left .detail-intro-new {
  overflow: hidden;
}
.page-product-detail .detail-box .left .detail-intro-new .new-title {
  font-family: "Noto Serif JP", "Noto Sans JP", "メイリオ", Meiryo, sans-serif;
  font-size: 30px;
  text-align: center;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-intro-new .new-title {
    font-size: 0.18rem;
  }
}
.page-product-detail .detail-box .left .detail-intro-new .swiper {
  margin-top: 40px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-intro-new .swiper {
    margin-top: 0.3rem;
  }
}
@media (min-width: 960px) {
  .page-product-detail .detail-box .left .detail-intro-new .swiper-wrapper {
    transform: none !important;
    display: flex;
    gap: 40px;
  }
}
@media (min-width: 960px) {
  .page-product-detail .detail-box .left .detail-intro-new .block {
    flex: 1;
  }
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-intro-new .block {
    width: 2.7rem;
  }
}
.page-product-detail .detail-box .left .detail-intro-new .block-img {
  font-size: 0;
}
.page-product-detail .detail-box .left .detail-intro-new .block-img img {
  width: 100%;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-intro-new .block-img img {
    border-radius: 0.08rem;
  }
}
.page-product-detail .detail-box .left .detail-intro-new .block-text {
  margin-top: 30px;
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 16px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-intro-new .block-text {
    font-size: 0.13rem;
    margin-top: 0.15rem;
    gap: 0.1rem;
  }
}
.page-product-detail .detail-box .left .detail-intro-new .block-text-img {
  width: 50px;
  min-width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #111;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-intro-new .block-text-img {
    width: 0.3rem;
    height: 0.3rem;
    min-width: 0.3rem;
  }
}
.page-product-detail .detail-box .left .detail-intro-new .block-text-img img {
  width: 12px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-intro-new .block-text-img img {
    width: 0.1rem;
  }
}
.page-product-detail .detail-box .left .detail-line {
  border-top: 1px solid #dcdcdc;
}
.page-product-detail .detail-box .left .detail-color-variation-list {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 60px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-color-variation-list {
    margin-top: 0.3rem;
    column-gap: 0.1rem;
    row-gap: 0.25rem;
  }
}
.page-product-detail .detail-box .left .detail-color-variation-list .block {
  width: calc(20% - 16px);
  text-align: center;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-color-variation-list .block {
    width: calc(50% - 0.05rem);
  }
}
.page-product-detail .detail-box .left .detail-color-variation-list .block-img {
  font-size: 0;
}
.page-product-detail .detail-box .left .detail-color-variation-list .block-img img {
  width: 100%;
}
.page-product-detail .detail-box .left .detail-color-variation-list .block-en {
  font-size: 12px;
  color: #c5c5c5;
  margin-top: 24px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-color-variation-list .block-en {
    font-size: 0.08rem;
    margin-top: 0.14rem;
  }
}
.page-product-detail .detail-box .left .detail-color-variation-list .block-name {
  font-size: 16px;
  margin-top: 6px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-color-variation-list .block-name {
    font-size: 0.1rem;
    margin-top: 0;
  }
}
.page-product-detail .detail-box .left .detail-color-variation-list .block-text {
  font-size: 12px;
  margin-top: 24px;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-color-variation-list .block-text {
    font-size: 0.1rem;
    margin-top: 0.14rem;
    line-height: 1.25;
  }
}
.page-product-detail .detail-box .left .detail-gallery {
  overflow: hidden;
}
.page-product-detail .detail-box .left .detail-gallery-list {
  margin-top: 40px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-gallery-list {
    margin-top: 0.3rem;
  }
}
.page-product-detail .detail-box .left .detail-gallery-list .swiper {
  padding-bottom: 40px;
  position: relative;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-gallery-list .swiper {
    padding-bottom: 0;
  }
}
.page-product-detail .detail-box .left .detail-gallery-list .swiper .swiper-button-prev {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  left: calc(50% + 24vw - 180px);
  right: auto;
  top: auto;
  bottom: 0;
  margin: 0;
  background: #fff url("../images/top/prev_black.svg") no-repeat center center;
  background-size: 10px auto;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-gallery-list .swiper .swiper-button-prev {
    display: none;
  }
}
.page-product-detail .detail-box .left .detail-gallery-list .swiper .swiper-button-prev:after {
  display: none;
}
.page-product-detail .detail-box .left .detail-gallery-list .swiper .swiper-button-next {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  left: calc(50% + 24vw - 110px);
  right: auto;
  top: auto;
  bottom: 0;
  margin: 0;
  background: #fff url("../images/top/next_black.svg") no-repeat center center;
  background-size: 10px auto;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-gallery-list .swiper .swiper-button-next {
    display: none;
  }
}
.page-product-detail .detail-box .left .detail-gallery-list .swiper .swiper-button-next:after {
  display: none;
}
.page-product-detail .detail-box .left .detail-gallery-list .gallery {
  width: calc(48vw - 100px);
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-gallery-list .gallery {
    width: 2.7rem;
  }
}
.page-product-detail .detail-box .left .detail-gallery-list .gallery-img {
  font-size: 0;
}
.page-product-detail .detail-box .left .detail-gallery-list .gallery-img img {
  width: 100%;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-gallery-list .gallery-img img {
    border-radius: 0.08rem;
  }
}
.page-product-detail .detail-box .left .detail-gallery-list .gallery-text {
  font-size: 14px;
  margin-top: 30px;
  padding-right: 150px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-gallery-list .gallery-text {
    margin-top: 0.15rem;
    font-size: 0.12rem;
    padding-right: 0.6rem;
  }
}
.page-product-detail .detail-box .left .detail-design-list {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-design-list {
    margin-top: 0.3rem;
    overflow-x: auto;
    justify-content: flex-start;
  }
}
.page-product-detail .detail-box .left .detail-design-list .design {
  text-align: center;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-design-list .design {
    min-width: 2.4rem;
  }
}
.page-product-detail .detail-box .left .detail-design-list .design:not(:last-child) {
  border-right: 1px solid #dcdcdc;
}
.page-product-detail .detail-box .left .detail-design-list .design-img {
  font-size: 0;
}
.page-product-detail .detail-box .left .detail-design-list .design-img img {
  width: 100%;
}
.page-product-detail .detail-box .left .detail-design-list .design-title {
  font-size: 16px;
  margin-top: 25px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-design-list .design-title {
    font-size: 0.14rem;
    margin-top: 0;
  }
}
.page-product-detail .detail-box .left .detail-design-list .design-text {
  font-size: 14px;
  margin-top: 25px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-design-list .design-text {
    font-size: 0.12rem;
    margin-top: 0.15rem;
  }
}
.page-product-detail .detail-box .left .detail-movie-list {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 80px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-movie-list {
    margin-top: 0.3rem;
    gap: 0.23rem;
  }
}
.page-product-detail .detail-box .left .detail-movie-list iframe {
  width: 64vw;
  height: 36vw;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-movie-list iframe {
    width: 3.5rem;
    height: 1.96875rem;
  }
}
.page-product-detail .detail-box .left .detail-notice .notice-block .block-title {
  display: flex;
  align-items: center;
  gap: 15px;
  padding-left: 6px;
  font-size: 20px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-notice .notice-block .block-title {
    font-size: 0.16rem;
    gap: 0.12rem;
    padding-left: 0;
  }
}
.page-product-detail .detail-box .left .detail-notice .notice-block .block-text {
  margin-top: 30px;
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-notice .notice-block .block-text {
    margin-top: 0.3rem;
    font-size: 0.12rem;
  }
}
.page-product-detail .detail-box .left .detail-notice .notice-block .block-link {
  margin-top: 40px;
  display: inline-flex;
  align-items: center;
  padding-bottom: 15px;
  font-size: 14px;
  position: relative;
  border-bottom: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-notice .notice-block .block-link {
    padding-bottom: 0.15rem;
    margin-top: 0.4rem;
    font-size: 0.14rem;
  }
}
.page-product-detail .detail-box .left .detail-notice .notice-block .block-link:after {
  content: "";
  display: block;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 50%;
  background: url("../images/header/arrows_slim_right.svg") no-repeat center center;
  background-size: 12px auto;
  margin-left: 16px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-notice .notice-block .block-link:after {
    width: 0.45rem;
    height: 0.45rem;
    background-size: 0.12rem;
    margin-left: 0.1rem;
  }
}
.page-product-detail .detail-box .left .detail-notice .notice-line {
  border-top: 1px solid #dcdcdc;
  margin: 80px 0;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-notice .notice-line {
    margin: 0.4rem 0;
  }
}
.page-product-detail .detail-box .left .detail-phone {
  background: #f5f5f5;
  border-radius: 100px 0 0 0;
  padding: 150px 7vw;
  display: flex;
  justify-content: center;
  gap: 3.75vw;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-phone {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.3rem;
    padding: 0.4rem 0.2rem;
    border-radius: 0.3rem 0.3rem 0 0;
  }
}
.page-product-detail .detail-box .left .detail-phone-left {
  width: 480px;
  border-right: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-phone-left {
    width: 100%;
    border-right: none;
  }
}
.page-product-detail .detail-box .left .detail-phone-left-text01 {
  font-size: 16px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-phone-left-text01 {
    font-size: 0.12rem;
  }
}
.page-product-detail .detail-box .left .detail-phone-left-text02 {
  font-size: 30px;
  margin-top: 30px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-phone-left-text02 {
    font-size: 0.2rem;
    margin-top: 0.15rem;
  }
}
.page-product-detail .detail-box .left .detail-phone-right {
  width: 550px;
  border: 1px solid #dcdcdc;
  background: #fff;
  padding: 36px 0;
  text-align: center;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-phone-right {
    width: 100%;
    padding: 0.25rem 0 0.28rem;
    border-radius: 0.6rem;
  }
}
.page-product-detail .detail-box .left .detail-phone-right-text01 {
  font-size: 46px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-phone-right-text01 {
    font-size: 0.32rem;
  }
}
.page-product-detail .detail-box .left .detail-phone-right-text02 {
  font-size: 16px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-phone-right-text02 {
    font-size: 0.12rem;
  }
}
.page-product-detail .detail-box .left .detail-add {
  margin-top: -70px;
  text-align: center;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-add {
    margin-top: -0.3rem;
  }
}
.page-product-detail .detail-box .left .detail-add .add {
  font-size: 0;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-add .add img {
    border-radius: 0.08rem;
  }
}
.page-product-detail .detail-box .left .detail-pickup {
  overflow: hidden;
}
.page-product-detail .detail-box .left .detail-pickup-title {
  font-size: 50px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-pickup-title {
    font-size: 0.3rem;
  }
}
.page-product-detail .detail-box .left .detail-pickup-text {
  font-size: 16px;
  margin-top: 10px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-pickup-text {
    font-size: 0.12rem;
    margin-top: 0.06rem;
  }
}
.page-product-detail .detail-box .left .detail-pickup-container {
  margin-top: 60px;
  position: relative;
  padding-bottom: 90px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-pickup-container {
    padding-bottom: 0;
    margin-top: 0.3rem;
  }
}
.page-product-detail .detail-box .left .detail-pickup-container .pickup {
  width: 285px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-pickup-container .pickup {
    width: 1.4rem;
  }
}
.page-product-detail .detail-box .left .detail-pickup-container .pickup-img {
  width: 100%;
  font-size: 0;
}
.page-product-detail .detail-box .left .detail-pickup-container .pickup-img img {
  width: 100%;
  height: 285px;
  object-fit: contain;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-pickup-container .pickup-img img {
    height: 1.4rem;
    border-radius: 0.08rem;
  }
}
.page-product-detail .detail-box .left .detail-pickup-container .pickup-name {
  font-size: 16px;
  margin-top: 25px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-pickup-container .pickup-name {
    font-size: 0.1rem;
    margin-top: 0.08rem;
  }
}
.page-product-detail .detail-box .left .detail-pickup-container .pickup-text {
  font-size: 14px;
  margin-top: 4px;
}
.page-product-detail .detail-box .left .detail-pickup-container .swiper-scrollbar {
  border-radius: 0;
  height: 1px;
  width: 100%;
  left: 0;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-pickup-container .swiper-scrollbar {
    display: none;
  }
}
.page-product-detail .detail-box .left .detail-pickup-container .swiper-scrollbar .swiper-scrollbar-drag {
  border-radius: 0;
  background: #111;
  height: 7px;
  margin-top: -3px;
}
.page-product-detail .detail-box .left .detail-pickup-container .swiper-button-prev {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  left: auto;
  right: 72px;
  top: -120px;
  margin: 0;
  background: url("../images/top/prev_black.svg") no-repeat center center;
  background-size: 10px auto;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-pickup-container .swiper-button-prev {
    display: none;
  }
}
.page-product-detail .detail-box .left .detail-pickup-container .swiper-button-prev:after {
  display: none;
}
.page-product-detail .detail-box .left .detail-pickup-container .swiper-button-next {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  left: auto;
  right: 0;
  top: -120px;
  margin: 0;
  background: url("../images/top/next_black.svg") no-repeat center center;
  background-size: 10px auto;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-pickup-container .swiper-button-next {
    display: none;
  }
}
.page-product-detail .detail-box .left .detail-pickup-container .swiper-button-next:after {
  display: none;
}
.page-product-detail .detail-box .left .detail-category {
  overflow: hidden;
}
.page-product-detail .detail-box .left .detail-category-title {
  font-size: 50px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-category-title {
    font-size: 0.3rem;
  }
}
.page-product-detail .detail-box .left .detail-category-text {
  font-size: 16px;
  margin-top: 10px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-category-text {
    font-size: 0.12rem;
    margin-top: 0.06rem;
  }
}
.page-product-detail .detail-box .left .detail-category-container {
  margin-top: 60px;
  position: relative;
  padding-bottom: 90px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-category-container {
    padding-bottom: 0;
    margin-top: 0.3rem;
  }
}
.page-product-detail .detail-box .left .detail-category-container .category {
  width: 270px;
  background: #f5f5f5;
  padding: 30px 30px 20px;
  text-align: center;
  height: auto;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-category-container .category {
    width: 1.2rem;
    padding: 0.1rem 0.1rem 0.1rem;
    border-radius: 0.08rem;
  }
}
.page-product-detail .detail-box .left .detail-category-container .category-img {
  font-size: 0;
}
.page-product-detail .detail-box .left .detail-category-container .category-img img {
  width: 210px;
  height: 210px;
  object-fit: contain;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-category-container .category-img img {
    width: 1rem;
    height: 1rem;
    border-radius: 0.08rem;
  }
}
.page-product-detail .detail-box .left .detail-category-container .category-en {
  font-size: 12px;
  color: #c5c5c5;
  margin-top: 24px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-category-container .category-en {
    font-size: 0.08rem;
    margin-top: 0.1rem;
  }
}
.page-product-detail .detail-box .left .detail-category-container .category-name {
  font-size: 16px;
  margin-top: 6px;
  min-height: 48px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-category-container .category-name {
    font-size: 0.1rem;
    margin-top: 0.01rem;
    min-height: 0.3rem;
  }
}
.page-product-detail .detail-box .left .detail-category-container .swiper-scrollbar {
  border-radius: 0;
  height: 1px;
  width: 100%;
  left: 0;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-category-container .swiper-scrollbar {
    display: none;
  }
}
.page-product-detail .detail-box .left .detail-category-container .swiper-scrollbar .swiper-scrollbar-drag {
  border-radius: 0;
  background: #111;
  height: 7px;
  margin-top: -3px;
}
.page-product-detail .detail-box .left .detail-category-container .swiper-button-prev {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  left: auto;
  right: 72px;
  top: -120px;
  margin: 0;
  background: url("../images/top/prev_black.svg") no-repeat center center;
  background-size: 10px auto;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-category-container .swiper-button-prev {
    display: none;
  }
}
.page-product-detail .detail-box .left .detail-category-container .swiper-button-prev:after {
  display: none;
}
.page-product-detail .detail-box .left .detail-category-container .swiper-button-next {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  left: auto;
  right: 0;
  top: -120px;
  margin: 0;
  background: url("../images/top/next_black.svg") no-repeat center center;
  background-size: 10px auto;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-category-container .swiper-button-next {
    display: none;
  }
}
.page-product-detail .detail-box .left .detail-category-container .swiper-button-next:after {
  display: none;
}
.page-product-detail .detail-box .left .detail-voice {
  overflow: hidden;
  position: relative;
}
.page-product-detail .detail-box .left .detail-voice-title {
  font-size: 50px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-voice-title {
    font-size: 0.3rem;
  }
}
.page-product-detail .detail-box .left .detail-voice-text {
  font-size: 16px;
  margin-top: 10px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-voice-text {
    font-size: 0.12rem;
    margin-top: 0.06rem;
  }
}
.page-product-detail .detail-box .left .detail-voice-container {
  margin-top: -20px;
  position: relative;
  padding-bottom: 60px;
  padding-top: 160px;
  display: none;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-voice-container {
    padding-bottom: 0;
    margin-top: 0;
    padding-top: 0.5rem;
  }
}
.page-product-detail .detail-box .left .detail-voice-container:before {
  content: "";
  display: block;
  height: 1px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 110px;
  background: #dcdcdc;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-voice-container:before {
    top: 0.2rem;
  }
}
.page-product-detail .detail-box .left .detail-voice-container .voice {
  width: 444px;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-voice-container .voice {
    width: 2.04rem;
    gap: 0.08rem;
  }
}
.page-product-detail .detail-box .left .detail-voice-container .voice-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-product-detail .detail-box .left .detail-voice-container .voice-star {
  display: flex;
  gap: 4px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-voice-container .voice-star {
    gap: 0.04rem;
  }
}
.page-product-detail .detail-box .left .detail-voice-container .voice-star img {
  width: 16px;
  height: 16px;
  object-fit: contain;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-voice-container .voice-star img {
    width: 0.13rem;
    height: 0.13rem;
  }
}
.page-product-detail .detail-box .left .detail-voice-container .voice-date {
  font-size: 16px;
  color: #fff;
  background: #111;
  height: 36px;
  border-radius: 18px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-voice-container .voice-date {
    font-size: 0.1rem;
    height: 0.25rem;
    border-radius: 0.125rem;
    padding: 0 0.12rem;
  }
}
.page-product-detail .detail-box .left .detail-voice-container .voice-info {
  flex: 1;
  display: flex;
  gap: 30px;
  background: #f5f5f5;
  padding: 30px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-voice-container .voice-info {
    flex-direction: column;
    padding: 0.15rem 0.15rem 0.25rem;
    gap: 0.08rem;
  }
}
.page-product-detail .detail-box .left .detail-voice-container .voice-info-left {
  width: 100px;
  min-width: 100px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-voice-container .voice-info-left {
    display: flex;
    gap: 0.1rem;
    width: 100%;
  }
}
.page-product-detail .detail-box .left .detail-voice-container .voice-img {
  width: 100px;
  font-size: 0;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-voice-container .voice-img {
    width: 0.82rem;
  }
}
.page-product-detail .detail-box .left .detail-voice-container .voice-img img {
  width: 100px;
  height: 100px;
  object-fit: contain;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-voice-container .voice-img img {
    width: 0.82rem;
    height: 0.82rem;
    min-width: 0.82rem;
  }
}
.page-product-detail .detail-box .left .detail-voice-container .voice-name {
  font-size: 12px;
  margin-top: 10px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-voice-container .voice-name {
    margin-top: 0.15rem;
    font-size: 0.1rem;
  }
}
.page-product-detail .detail-box .left .detail-voice-container .voice-title {
  font-size: 16px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-voice-container .voice-title {
    font-size: 0.12rem;
  }
}
.page-product-detail .detail-box .left .detail-voice-container .voice-text {
  font-size: 14px;
  margin-top: 10px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-voice-container .voice-text {
    font-size: 0.1rem;
    margin-top: 0.05rem;
  }
}
.page-product-detail .detail-box .left .detail-voice-container .swiper-scrollbar {
  border-radius: 0;
  height: 1px;
  width: 100%;
  left: 0;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-voice-container .swiper-scrollbar {
    display: none;
  }
}
.page-product-detail .detail-box .left .detail-voice-container .swiper-scrollbar .swiper-scrollbar-drag {
  border-radius: 0;
  background: #111;
  height: 7px;
  margin-top: -3px;
}
.page-product-detail .detail-box .left .detail-voice-container .swiper-button-prev {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  left: auto;
  right: 72px;
  top: 0;
  margin: 0;
  background: url("../images/top/prev_black.svg") no-repeat center center;
  background-size: 10px auto;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-voice-container .swiper-button-prev {
    display: none;
  }
}
.page-product-detail .detail-box .left .detail-voice-container .swiper-button-prev:after {
  display: none;
}
.page-product-detail .detail-box .left .detail-voice-container .swiper-button-next {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  left: auto;
  right: 0;
  top: 0;
  margin: 0;
  background: url("../images/top/next_black.svg") no-repeat center center;
  background-size: 10px auto;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-voice-container .swiper-button-next {
    display: none;
  }
}
.page-product-detail .detail-box .left .detail-voice-container .swiper-button-next:after {
  display: none;
}
.page-product-detail .detail-box .left .detail-voice-more {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  align-items: start;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-voice-more {
    margin-top: 0;
    position: absolute;
    right: 0.2rem;
    top: 0.54rem;
  }
}
.page-product-detail .detail-box .left .detail-voice-more a {
  display: flex;
  align-items: center;
  font-size: 12px;
  padding: 15px 0;
  border-bottom: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-voice-more a {
    font-size: 0.12rem;
    padding: 0;
    border-bottom: none;
  }
}
.page-product-detail .detail-box .left .detail-voice-more a:after {
  content: "";
  display: block;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 50%;
  background: url("../images/header/arrows_slim_right.svg") no-repeat center center;
  background-size: 12px auto;
  margin-left: 16px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-voice-more a:after {
    border: 1px solid rgba(17, 17, 17, 0.1);
    width: 0.54rem;
    height: 0.54rem;
    background-size: 0.12rem;
    margin-left: 0.1rem;
  }
}
.page-product-detail .detail-box .left .detail-guide {
  overflow: hidden;
}
.page-product-detail .detail-box .left .detail-guide-title {
  font-size: 50px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-guide-title {
    font-size: 0.3rem;
  }
}
.page-product-detail .detail-box .left .detail-guide-text {
  font-size: 16px;
  margin-top: 10px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-guide-text {
    font-size: 0.12rem;
    margin-top: 0.06rem;
  }
}
.page-product-detail .detail-box .left .detail-guide-list {
  margin-top: 60px;
  display: flex;
  overflow-x: auto;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-guide-list {
    margin-top: 0.3rem;
  }
}
.page-product-detail .detail-box .left .detail-guide-list-block {
  min-width: 200px;
  flex: 1;
  counter-increment: counter1 1;
  border: 1px solid #dcdcdc;
  position: relative;
  text-align: center;
  padding: 80px 0 90px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-guide-list-block {
    min-width: 1.67rem;
    padding: 0.44rem 0 0.5rem;
  }
}
.page-product-detail .detail-box .left .detail-guide-list-block:first-child {
  border-radius: 0.08rem 0 0 0.08rem;
}
.page-product-detail .detail-box .left .detail-guide-list-block:last-child {
  border-radius: 0 0.08rem 0.08rem 0;
}
.page-product-detail .detail-box .left .detail-guide-list-block:not(:first-child) {
  border-left: none;
}
.page-product-detail .detail-box .left .detail-guide-list-block .block-lt {
  position: absolute;
  top: 15px;
  left: 22px;
  font-size: 12px;
  transform: rotateZ(90deg);
  transform-origin: left top;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-guide-list-block .block-lt {
    top: 0.08rem;
    left: 0.12rem;
    font-size: 0.07rem;
  }
}
.page-product-detail .detail-box .left .detail-guide-list-block .block-img {
  height: 60px;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-guide-list-block .block-img {
    height: 0.3rem;
  }
  .page-product-detail .detail-box .left .detail-guide-list-block .block-img img {
    height: 0.3rem;
    width: 0.36rem;
    object-fit: contain;
  }
}
.page-product-detail .detail-box .left .detail-guide-list-block .block-text {
  margin-top: 30px;
  font-size: 15px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-guide-list-block .block-text {
    margin-top: 0.12rem;
    font-size: 0.1rem;
  }
}
.page-product-detail .detail-box .left .detail-guide-list-block:after {
  content: "(0" counter(counter1) ")";
  display: block;
  position: absolute;
  right: 18px;
  bottom: 22px;
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-guide-list-block:after {
    font-size: 0.07rem;
    bottom: 0.1rem;
    right: 0.08rem;
  }
}
.page-product-detail .detail-box .left .detail-column {
  overflow: hidden;
}
.page-product-detail .detail-box .left .detail-column-title {
  font-size: 50px;
  display: contents;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-column-title {
    font-size: 0.3rem;
  }
}
.page-product-detail .detail-box .left .detail-column-text {
  font-size: 16px;
  margin-top: 10px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-column-text {
    font-size: 0.12rem;
    margin-top: 0.06rem;
  }
}
.page-product-detail .detail-box .left .detail-column-container .swiper {
  overflow: hidden;
  margin-top: 70px;
  position: relative;
  padding-bottom: 90px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-column-container .swiper {
    display: flex;
    padding-bottom: 0;
    margin-top: 0.3rem;
  }
  .page-product-detail .detail-box .left .detail-column-container .swiper .swiper-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
  }
}
.page-product-detail .detail-box .left .detail-column-container .swiper .column-list {
  width: auto;
  border-right: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-column-container .swiper .column-list {
    width: 100%;
    border-right: none;
  }
}
.page-product-detail .detail-box .left .detail-column-container .swiper .column-list:last-child {
  border-right: none;
}
.page-product-detail .detail-box .left .detail-column-container .swiper .column-type {
  padding: 0 30px;
  border: 1px solid #111;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  font-size: 20px;
  border-radius: 22.5px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-column-container .swiper .column-type {
    padding: 0 0.16rem;
    font-size: 0.12rem;
    height: 0.25rem;
    border-radius: 0.125rem;
  }
}
.page-product-detail .detail-box .left .detail-column-container .swiper .column-box {
  display: flex;
  gap: 40px;
  padding-right: 40px;
  margin-top: 35px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-column-container .swiper .column-box {
    margin-left: -0.2rem;
    margin-right: -0.2rem;
    gap: 0.1rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    margin-top: 0.15rem;
    overflow-y: auto;
  }
}
.page-product-detail .detail-box .left .detail-column-container .swiper .column {
  min-width: 220px;
  width: 220px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-column-container .swiper .column {
    width: 1.3rem;
    min-width: 1.3rem;
  }
}
.page-product-detail .detail-box .left .detail-column-container .swiper .column-img {
  font-size: 0;
  width: 220px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-column-container .swiper .column-img {
    width: 1.3rem;
  }
}
.page-product-detail .detail-box .left .detail-column-container .swiper .column-img img {
  width: 220px;
  height: 220px;
  object-fit: contain;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-column-container .swiper .column-img img {
    width: 1.3rem;
    height: 1.3rem;
  }
}
.page-product-detail .detail-box .left .detail-column-container .swiper .column-title {
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  border-bottom: 1px solid #111;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-column-container .swiper .column-title {
    border-bottom: none;
    font-size: 0.1rem;
    height: auto;
    margin-top: 0.1rem;
  }
}
.page-product-detail .detail-box .left .detail-column-container .swiper .column-link {
  font-size: 0;
  margin-top: 16px;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-column-container .swiper .column-link {
    display: none;
  }
}
.page-product-detail .detail-box .left .detail-column-container .swiper .column-link a {
  display: flex;
  align-items: center;
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-column-container .swiper .column-link a {
    font-size: 0.1rem;
  }
}
.page-product-detail .detail-box .left .detail-column-container .swiper .column-link a:after {
  content: "";
  display: block;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 50%;
  background: url("../images/header/arrows_slim_right.svg") no-repeat center center;
  background-size: 12px auto;
  margin-left: 16px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-column-container .swiper .column-link a:after {
    border: 1px solid rgba(17, 17, 17, 0.1);
    width: 0.45rem;
    height: 0.45rem;
    background-size: 0.12rem;
    margin-left: 0.1rem;
  }
}
.page-product-detail .detail-box .left .detail-column-container .swiper .swiper-scrollbar {
  border-radius: 0;
  height: 1px;
  width: 100%;
  left: 0;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-column-container .swiper .swiper-scrollbar {
    display: none;
  }
}
.page-product-detail .detail-box .left .detail-column-container .swiper .swiper-scrollbar .swiper-scrollbar-drag {
  border-radius: 0;
  background: #111;
  height: 7px;
  margin-top: -3px;
}
.page-product-detail .detail-box .left .detail-support {
  overflow: hidden;
  background: #f5f5f5;
  border-radius: 100px 0 0 0;
  padding-top: 120px;
  padding-bottom: 170px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-support {
    border-radius: 0.3rem 0.3rem 0 0;
    padding-top: 0.45rem;
    padding-bottom: 0.6rem;
  }
}
.page-product-detail .detail-box .left .detail-support-title {
  font-size: 50px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-support-title {
    font-size: 0.3rem;
    text-align: center;
  }
}
.page-product-detail .detail-box .left .detail-support-text {
  font-size: 16px;
  margin-top: 10px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-support-text {
    font-size: 0.12rem;
    margin-top: 0.06rem;
    text-align: center;
  }
}
.page-product-detail .detail-box .left .detail-support-list {
  display: flex;
  gap: 72px;
  margin-right: -7vw;
  padding-right: 2vw;
  margin-top: 60px;
  overflow-x: auto;
  padding-bottom: 30px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-support-list {
    margin-right: 0;
    margin-top: 0.3rem;
    padding-right: 0;
    gap: 0.15rem;
    flex-wrap: wrap;
    padding-bottom: 0;
  }
}
.page-product-detail .detail-box .left .detail-support-list .support {
  width: 227px;
  min-width: 227px;
  height: 227px;
  border-radius: 50%;
  background: #fff;
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-support-list .support {
    width: 100%;
    min-width: auto;
    border-radius: 0.08rem;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.02);
    height: auto;
    padding: 0.2rem 0;
  }
}
.page-product-detail .detail-box .left .detail-support-list .support:after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  right: -36px;
  top: 0;
  background: #dcdcdc;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-support-list .support:after {
    display: none;
  }
}
.page-product-detail .detail-box .left .detail-support-list .support:last-child:after {
  display: none;
}
.page-product-detail .detail-box .left .detail-support-list .support-en {
  font-size: 10px;
  color: #c5c5c5;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-support-list .support-en {
    font-size: 0.12rem;
  }
}
.page-product-detail .detail-box .left .detail-support-list .support-title {
  font-size: 15px;
  margin-top: 10px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-support-list .support-title {
    font-size: 0.13rem;
    margin-top: 0.08rem;
  }
}
.page-product-detail .detail-box .left .detail-support-list .support-link {
  position: absolute;
  bottom: -25px;
  right: 0;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-support-list .support-link {
    width: 100%;
    height: 100%;
    z-index: 2;
    bottom: 0;
  }
}
.page-product-detail .detail-box .left .detail-support-list .support-link a {
  display: flex;
  align-items: center;
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-support-list .support-link a {
    font-size: 0;
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
.page-product-detail .detail-box .left .detail-support-list .support-link a:after {
  content: "";
  display: block;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 50%;
  background: url("../images/header/arrows_slim_right.svg") no-repeat center center;
  background-size: 12px auto;
  margin-left: 16px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-support-list .support-link a:after {
    display: none;
  }
}
.page-product-detail .detail-box .left .detail-result {
  overflow: hidden;
}
.page-product-detail .detail-box .left .detail-result-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  padding-right: 166px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-result-top {
    display: block;
    padding: 0;
  }
}
.page-product-detail .detail-box .left .detail-result-title {
  font-size: 30px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-result-title {
    font-size: 0.2rem;
  }
}
.page-product-detail .detail-box .left .detail-result-text {
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-result-text {
    font-size: 0.1rem;
    margin-top: 0.3rem;
  }
}
.page-product-detail .detail-box .left .detail-result-box {
  margin-top: 40px;
  position: relative;
  padding-bottom: 60px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-result-box {
    padding-bottom: 0;
    margin-top: 0;
  }
}
.page-product-detail .detail-box .left .detail-result-box .search {
  height: auto;
  width: 380px;
  background: #fff;
  border: 1px solid #dcdcdc;
  padding: 20px 40px 40px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-result-box .search {
    border-radius: 0.08rem;
    width: 3rem;
    padding: 0.1rem 0.2rem 0.2rem;
    margin-top: 0.2rem;
  }
}
.page-product-detail .detail-box .left .detail-result-box .search-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-result-box .search-top {
    gap: 0.2rem;
  }
}
.page-product-detail .detail-box .left .detail-result-box .search-top-name-text {
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-result-box .search-top-name-text {
    font-size: 0.12rem;
  }
}
.page-product-detail .detail-box .left .detail-result-box .search-top-name-type {
  font-size: 18px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-result-box .search-top-name-type {
    font-size: 0.14rem;
  }
}
.page-product-detail .detail-box .left .detail-result-box .search-top-img {
  font-size: 0;
}
.page-product-detail .detail-box .left .detail-result-box .search-top-img img {
  width: 140px;
  height: 105px;
  min-width: 140px;
  object-fit: contain;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-result-box .search-top-img img {
    min-width: auto;
    width: 0.8rem;
    height: 0.6rem;
  }
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-result-box .search-info {
    margin-top: 0.05rem;
  }
}
.page-product-detail .detail-box .left .detail-result-box .search-info dl {
  border-bottom: 1px solid #dcdcdc;
  display: flex;
  padding: 16px 0;
  gap: 10px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-result-box .search-info dl {
    padding: 0.1rem 0;
    gap: 0.04rem;
  }
}
.page-product-detail .detail-box .left .detail-result-box .search-info dl:first-child {
  border-top: 1px solid #dcdcdc;
}
.page-product-detail .detail-box .left .detail-result-box .search-info dl dt {
  width: 70px;
  min-width: 70px;
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-result-box .search-info dl dt {
    width: 0.7rem;
    min-width: 0.7rem;
    font-size: 0.1rem;
  }
}
.page-product-detail .detail-box .left .detail-result-box .search-info dl dd {
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-result-box .search-info dl dd {
    font-size: 0.1rem;
  }
}
.page-product-detail .detail-box .left .detail-result-box .search-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 70px;
  margin-top: 20px;
  background: #fff;
  border: 1px solid #dcdcdc;
  font-size: 14px;
  cursor: pointer;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-result-box .search-btn {
    border-radius: 0.08rem;
    height: 0.46rem;
    font-size: 0.12rem;
    margin-top: 0.1rem;
  }
}
.page-product-detail .detail-box .left .detail-result-box .search-btns {
  display: flex;
  margin-top: 20px;
  gap: 10px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-result-box .search-btns {
    margin-top: 0.15rem;
    gap: 0.1rem;
  }
}
.page-product-detail .detail-box .left .detail-result-box .search-btns .btn {
  display: block;
  flex: 1;
  text-align: center;
  padding: 8px 0;
  background: #111;
  color: #fff;
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-result-box .search-btns .btn {
    border-radius: 0.08rem;
    padding: 0.08rem;
    font-size: 0.11rem;
  }
}
.page-product-detail .detail-box .left .detail-result-box .swiper-scrollbar {
  border-radius: 0;
  height: 1px;
  width: 100%;
  left: 0;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-result-box .swiper-scrollbar {
    display: none;
  }
}
.page-product-detail .detail-box .left .detail-result-box .swiper-scrollbar .swiper-scrollbar-drag {
  border-radius: 0;
  background: #111;
  height: 7px;
  margin-top: -3px;
}
.page-product-detail .detail-box .left .detail-result-box .swiper-button-prev {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  left: auto;
  right: 72px;
  top: -110px;
  margin: 0;
  background: url("../images/top/prev_black.svg") no-repeat center center;
  background-size: 10px auto;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-result-box .swiper-button-prev {
    display: none;
  }
}
.page-product-detail .detail-box .left .detail-result-box .swiper-button-prev:after {
  display: none;
}
.page-product-detail .detail-box .left .detail-result-box .swiper-button-next {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  left: auto;
  right: 0;
  top: -110px;
  margin: 0;
  background: url("../images/top/next_black.svg") no-repeat center center;
  background-size: 10px auto;
}
@media (max-width: 960px) {
  .page-product-detail .detail-box .left .detail-result-box .swiper-button-next {
    display: none;
  }
}
.page-product-detail .detail-box .left .detail-result-box .swiper-button-next:after {
  display: none;
}

.page-about-sales .page-title {
  font-size: 30px;
  max-width: 1680px;
  margin: 0 auto;
  padding: 40px 20px;
}
@media (max-width: 960px) {
  .page-about-sales .page-title {
    font-size: 0.2rem;
    padding: 0.25rem 0.2rem;
  }
}
.page-about-sales .page-tabs {
  border-bottom: 1px solid #dcdcdc;
  margin-top: 20px;
  padding: 0 20px;
}
@media (max-width: 960px) {
  .page-about-sales .page-tabs {
    margin-top: 0.05rem;
    padding: 0 0.2rem;
  }
}
.page-about-sales .page-tabs .tab-inner {
  max-width: 1640px;
  margin: 0 auto;
  display: flex;
  overflow-x: auto;
}
@media (max-width: 960px) {
  .page-about-sales .page-tabs .tab-inner {
    gap: 0.07rem;
    padding-bottom: 0.2rem;
  }
}
.page-about-sales .page-tabs .tab-inner .tab {
  width: 196px;
  height: 60px;
  border: 1px solid #dcdcdc;
  border-bottom: none;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #c5c5c5;
  margin-right: -1px;
  cursor: pointer;
}
@media (max-width: 960px) {
  .page-about-sales .page-tabs .tab-inner .tab {
    margin-right: 0;
    padding: 0.05rem 0.1rem;
    width: auto;
    height: auto;
    border-radius: 0.15rem;
    background: #f5f5f5;
    font-size: 0.12rem;
    white-space: nowrap;
    border: 1px solid #f5f5f5;
  }
}
.page-about-sales .page-tabs .tab-inner .tab.active {
  background: #111;
  border-color: #111;
  color: #fff;
  margin-right: 0;
  cursor: unset;
}
@media (max-width: 960px) {
  .page-about-sales .page-tabs .tab-inner .tab.active {
    border-color: #dcdcdc;
    background: #fff;
    color: #111;
  }
}
.page-about-sales .page-content {
  display: none;
  max-width: 1680px;
  padding: 0 40px;
  margin: 0 auto;
}
@media (max-width: 960px) {
  .page-about-sales .page-content {
    padding: 0 0.2rem;
  }
}
.page-about-sales .page-content.active {
  display: block;
}
.page-about-sales .page-content-inner {
  padding: 80px 0;
  border-top: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-inner {
    padding: 0.4rem 0;
  }
}
.page-about-sales .page-content-inner:first-child {
  border-top: none;
}
.page-about-sales .page-content-text-flex {
  display: flex;
  gap: 70px;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-text-flex {
    flex-direction: column;
    gap: 0.3rem;
  }
}
.page-about-sales .page-content-text-flex .left {
  max-width: 820px;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-text-flex .left {
    max-width: 100%;
  }
}
.page-about-sales .page-content-text-flex .left-title {
  font-size: 20px;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-text-flex .left-title {
    font-size: 0.16rem;
  }
}
.page-about-sales .page-content-text-flex .left-text {
  font-size: 14px;
  margin-top: 30px;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-text-flex .left-text {
    margin-top: 0.3rem;
    font-size: 0.12rem;
  }
}
.page-about-sales .page-content-text-flex .right {
  font-size: 0;
  display: flex;
  gap: 40px;
  min-width: 500px;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-text-flex .right {
    gap: 0.1rem;
    min-width: unset;
  }
  .page-about-sales .page-content-text-flex .right img {
    border-radius: 0.08rem;
  }
}
.page-about-sales .page-content-block01 .block-title {
  font-size: 20px;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-block01 .block-title {
    font-size: 0.16rem;
  }
}
.page-about-sales .page-content-block01 .block-flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 40px;
  margin-top: 30px;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-block01 .block-flex {
    gap: 0.2rem;
    margin-top: 0.3rem;
  }
}
.page-about-sales .page-content-block01 .block-flex .block {
  display: flex;
  gap: 15px;
  align-items: center;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-block01 .block-flex .block {
    gap: 0.12rem;
    align-items: flex-start;
  }
}
.page-about-sales .page-content-block01 .block-flex .block:before {
  width: 50px;
  height: 50px;
  content: "";
  display: flex;
  background: #111 url("../images/about_sales/icon_right.svg") no-repeat center center;
  background-size: 12px auto;
  border-radius: 50%;
  min-width: 50px;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-block01 .block-flex .block:before {
    width: 0.3rem;
    height: 0.3rem;
    background-size: 0.1rem auto;
    min-width: 0.3rem;
  }
}
.page-about-sales .page-content-block01 .block-flex .block span {
  font-size: 16px;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-block01 .block-flex .block span {
    font-size: 0.13rem;
    padding-top: 0.04rem;
  }
}
.page-about-sales .page-content-step .step-title {
  font-size: 20px;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-step .step-title {
    font-size: 0.16rem;
  }
}
.page-about-sales .page-content-step .step-sub-title {
  max-width: 820px;
  margin-top: 30px;
  font-size: 14px;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-step .step-sub-title {
    max-width: 100%;
    margin-top: 0.3rem;
    font-size: 0.12rem;
  }
}
.page-about-sales .page-content-step .step-block {
  display: flex;
  margin-top: 30px;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-step .step-block {
    display: block;
    margin-top: 0;
  }
}
.page-about-sales .page-content-step .step-block .block {
  flex: 1;
  border-right: 1px solid #dcdcdc;
  padding-top: 30px;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-step .step-block .block {
    padding-top: 0.3rem;
    border-right: none;
  }
}
.page-about-sales .page-content-step .step-block .block:last-child {
  border-right: none;
}
.page-about-sales .page-content-step .step-block .block-inner {
  max-width: 300px;
  margin: 0 auto;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-step .step-block .block-inner {
    max-width: 100%;
  }
}
@media (max-width: 960px) {
  .page-about-sales .page-content-step .step-block .block-top {
    display: flex;
    gap: 0.12rem;
    align-items: center;
    margin-bottom: 0.2rem;
  }
}
.page-about-sales .page-content-step .step-block .block-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 24px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  font-size: 12px;
  color: #c5c5c5;
  margin: 0 auto;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-step .step-block .block-step {
    width: 0.7rem;
    height: 0.7rem;
    min-width: 0.7rem;
    padding-top: 0.15rem;
    font-size: 0.1rem;
    margin: 0;
  }
}
.page-about-sales .page-content-step .step-block .block-step span {
  font-size: 30px;
  color: #111;
  line-height: 1;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-step .step-block .block-step span {
    font-size: 0.2rem;
  }
}
.page-about-sales .page-content-step .step-block .block-title {
  font-size: 16px;
  margin: 25px 0;
  text-align: center;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-step .step-block .block-title {
    font-size: 0.13rem;
    margin: 0;
    text-align: left;
  }
}
.page-about-sales .page-content-step .step-block .block-text {
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-step .step-block .block-text {
    margin-bottom: 0;
    font-size: 0.12rem;
    margin-top: 0.2rem;
  }
}
.page-about-sales .page-content-step .step-block .block-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 72px;
  background: #111;
  font-size: 14px;
  color: #fff;
  margin-bottom: 20px;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-step .step-block .block-btn {
    margin-bottom: 0;
    margin-top: 0.2rem;
    font-size: 0.14rem;
    border-radius: 0.08rem;
    height: 0.72rem;
  }
}
.page-about-sales .page-content-step .step-block .block-tip {
  font-size: 12px;
  margin-bottom: 20px;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-step .step-block .block-tip {
    margin-bottom: 0;
    margin-top: 0.2rem;
    font-size: 0.1rem;
  }
}
.page-about-sales .page-content-block02 .block-title {
  font-size: 20px;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-block02 .block-title {
    font-size: 0.16rem;
  }
}
.page-about-sales .page-content-block02 .block-flex {
  display: flex;
  gap: 70px;
  margin-top: 30px;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-block02 .block-flex {
    gap: 0.2rem;
    margin-top: 0.3rem;
    flex-direction: column;
  }
}
.page-about-sales .page-content-block02 .block-flex-left {
  width: 540px;
  min-width: 500px;
  font-size: 0;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-block02 .block-flex-left {
    min-width: unset;
    width: 100%;
  }
  .page-about-sales .page-content-block02 .block-flex-left img {
    border-radius: 0.08rem;
  }
}
.page-about-sales .page-content-block02 .block-flex-right {
  max-width: 750px;
  font-size: 14px;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-block02 .block-flex-right {
    font-size: 0.12rem;
  }
}
.page-about-sales .page-content-product {
  overflow: hidden;
}
.page-about-sales .page-content-product .product-title {
  font-size: 20px;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-product .product-title {
    font-size: 0.16rem;
  }
}
.page-about-sales .page-content-product .product-swiper {
  padding-bottom: 60px;
  margin-top: 60px;
  position: relative;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-product .product-swiper {
    padding-bottom: 0;
    margin-top: 0.3rem;
  }
}
.page-about-sales .page-content-product .product-swiper .block {
  width: 285px;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-product .product-swiper .block {
    width: 1.4rem;
  }
  .page-about-sales .page-content-product .product-swiper .block:first-child .block-img img {
    border-radius: 0.08rem 0 0 0.08rem;
  }
  .page-about-sales .page-content-product .product-swiper .block:last-child .block-img img {
    border-radius: 0 0.08rem 0.08rem 0;
  }
}
.page-about-sales .page-content-product .product-swiper .block-top {
  position: relative;
}
.page-about-sales .page-content-product .product-swiper .block-img {
  font-size: 0;
}
.page-about-sales .page-content-product .product-swiper .block-img img {
  width: 285px;
  height: 285px;
  object-fit: contain;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-product .product-swiper .block-img img {
    width: 1.4rem;
    height: 1.4rem;
    min-width: 1.4rem;
  }
}
.page-about-sales .page-content-product .product-swiper .block-like {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 0;
  bottom: -40px;
  font-size: 0;
  cursor: pointer;
  background: url("../images/about_sales/like-no-pc.svg") no-repeat center center/contain;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-product .product-swiper .block-like {
    width: 0.48rem;
    height: 0.47rem;
    right: -0.07rem;
    bottom: -0.1rem;
    background-image: url("../images/lineup/heart_icon01_sp.svg");
    background-size: 0.48rem auto;
  }
}
.page-about-sales .page-content-product .product-swiper .block-name {
  font-size: 12px;
  color: #c5c5c5;
  margin-top: 18px;
  padding-right: 24px;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-product .product-swiper .block-name {
    font-size: 0.1rem;
    margin-top: 0.08rem;
    padding: 0 0.08rem;
  }
}
.page-about-sales .page-content-product .product-swiper .block-price {
  font-size: 16px;
  padding-right: 24px;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-product .product-swiper .block-price {
    font-size: 0.12rem;
  }
}
.page-about-sales .page-content-product .product-swiper .block-price span {
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-product .product-swiper .block-price span {
    display: none;
  }
}
.page-about-sales .page-content-product .product-swiper .block-text {
  font-size: 12px;
  line-height: 2;
  margin-top: 15px;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-product .product-swiper .block-text {
    display: none;
  }
}
.page-about-sales .page-content-product .product-swiper .swiper-scrollbar {
  border-radius: 0;
  height: 1px;
  width: 100%;
  left: 0;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-product .product-swiper .swiper-scrollbar {
    display: none;
  }
}
.page-about-sales .page-content-product .product-swiper .swiper-scrollbar .swiper-scrollbar-drag {
  border-radius: 0;
  background: #111;
  height: 7px;
  margin-top: -3px;
}
.page-about-sales .page-content-car .car-title {
  font-size: 20px;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-car .car-title {
    font-size: 0.16rem;
  }
}
.page-about-sales .page-content-car .car-list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 60px;
  margin-top: 40px;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-car .car-list {
    row-gap: 0.24rem;
    column-gap: 0.1rem;
    margin-top: 0.3rem;
  }
}
.page-about-sales .page-content-car .car-list .car {
  text-align: center;
  min-width: 180px;
  width: 16.6667%;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-car .car-list .car {
    width: calc(50% - 0.05rem);
    min-width: unset;
  }
}
.page-about-sales .page-content-car .car-list .car-img {
  font-size: 0;
}
.page-about-sales .page-content-car .car-list .car-img img {
  width: 172px;
  height: 86px;
  object-fit: contain;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-car .car-list .car-img img {
    width: 100%;
    height: 0.86rem;
  }
}
.page-about-sales .page-content-car .car-list .car-name {
  font-size: 14px;
  margin-top: 20px;
}
@media (max-width: 960px) {
  .page-about-sales .page-content-car .car-list .car-name {
    font-size: 0.12rem;
    margin-top: 0.1rem;
  }
}
.modal-layer {
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0s linear, visibility 0s linear, z-index 0s linear;
  backdrop-filter: blur(5px);
}
.modal-layer.is-open {
  z-index: 999;
  opacity: 1;
  visibility: visible;
}
.modal-layer.is-open .modal {
  opacity: 1;
  visibility: visible;
  overflow-y: auto;
  max-height: 95%;
  margin-top: 30px;
  margin-bottom: 55px;
}
.modal__button-wrap {
  position: absolute;
  right: 20px;
  top: 20px;
  display: inline-flex;
}
.modal-close-button {
  position: relative;
  width: 45px;
  height: 45px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #d9d9d9 !important;
  padding: 0;
  border: transparent;
  cursor: pointer;
  z-index: 1;
}
.product-material-search-btn {
  cursor: pointer;
}
.modal-close-button span {
  width: 15px;
  height: 1px;
  background: #111111;
  display: inline-block;
  position: absolute;
  left: calc(50% - 7px);
  top: 55%;
  border-radius: 20px;
}
.modal-close-button span:nth-child(1) {
  transform: rotate(45deg) translate(-1px, -1px);
}
.modal-close-button span:nth-child(2) {
  transform: rotate(-45deg) translate(1px, -1px);
}
.modal-layer .modal {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  width: 90%;
  min-width: 440px;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.1s linear, opacity 0.1s linear;
}
.modal__inner {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  box-shadow: 3px 4px 4px rgba(0, 0, 0, 0.25);
  display: block;
  padding: 21px 8px 21px;
  height: auto;
}
.modal__content {
  padding-top: 15px;
  padding-bottom: 23px;
}
.modal__content.page-search .search-box {
  padding: 20px 40px;
}
.modal__content.page-search .search-box-warning {
  border: 1px solid #dcdcdc;
  background-color: #ffeeee;
  padding: 20px;
  font-size: 12px;
  margin-top: 20px;
}
.modal__content.page-search .search-box-warning-link {
  border: 1px solid #707070;
  border-radius: 100px;
  padding: 20px;
  margin-top: 20px;
  display: block;
  font-size: 14px;
  text-align: center;
}
.modal__content.page-search .search-box-warning-contact {
  text-align: center;
  margin-top: 20px;
}
.modal__content.page-search .search-box-warning-contact-txt1 {
  font-size: 12px;
}
.modal__content.page-search .search-box-warning-contact-txt2 {
  font-size: 30px;
}
.modal__content.page-search .search-box-warning-contact-txt3 {
  font-size: 12px;
}
.modal__content.page-search .search-box-condition-text {
  margin-top: 5px;
}
.modal__content.page-search .search-box-result-box .search-info {
  border-right: 0;
  width: 67%;
}
.modal__content.page-search .search-btns {
  margin-top: 0px;
  width: 100%;
  padding: 20px;
}
.modal__content.page-search .search-btns .btn {
  display: block;
  flex: 1;
  text-align: center;
  padding: 8px 0;
  background: #111;
  color: #fff;
  font-size: 12px;
  margin: 20px 0;
}
@media (min-width: 961px) {
  .modal__content.page-search .search-box-condition {
    top: 60px;
  }
}
@media (max-width: 960px) {
  .modal-layer .modal {
    min-width: auto;
  }
  .modal__content.page-search .search-box {
    padding: 20px 0px;
  }
  .modal__content.page-search .search-box-warning-link {
    padding: 10px;
    font-size: 12px;
  }
  .modal__content.page-search .search-box-warning-contact-txt2 {
    font-size: 18px;
  }
  .modal__content.page-search .search-box-result-box .search-info {
    width: 100%;
  }
  .modal__content.page-search .search-box-result-box .search {
    padding: 0.1rem 0rem 0.2rem;
  }
  .modal__content.page-search .search-btns {
    padding: 0 20px;
  }
  .modal__content.page-search .search-box-warning {
    font-size: 10px;
  }
  .modal__content.page-search .search-box-result-box {
    padding-bottom: 0;
  }
  .modal__content.page-search .search-box-warning-link {
    margin: 0 20px;
  }
  .page-product-detail #fixed_menu .fixed_menu_guide {
    display: none;
  }
}
.page-product-detail .material-search {
  display: flex;
  padding: 20px 40px;
  position: relative;
}
.page-product-detail .material-search-left {
  max-width: 380px;
}
.page-product-detail .material-search-image {
  width: 100%;
  margin-top: 55px;
}
.page-product-detail .material-search-title {
  font-size: 20px;
  margin-bottom: 40px;
}
.page-product-detail .material-search-box {
  height: 65vh;
  overflow-y: scroll;
  margin-right: 40px;
}
.page-product-detail .material-search-box-title {
  color: #c5c5c5;
  font-size: 14px;
  margin-bottom: 20px;
}
.page-product-detail .material-search-box ul li {
  display: flex;
  border-bottom: 1px solid #ececec;
  margin-bottom: 20px;
  position: relative;
}
.page-product-detail .material-search-box ul li .msbt-title {
  padding: 15px 20px;
}
.page-product-detail .material-search-btn {
  display: flex;
  justify-content: space-between;
  margin-right: 50px;
  margin-top: 20px;
}
.page-product-detail .material-search-btn .right-add-cart {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 12px;
  gap: 8px;
  background: linear-gradient(to bottom, #e74e4e 0%, #d73ee4 100%);
  border-radius: 50px;
  padding: 10px 20px;
  height: 50px;
  width: 195px;
}
.page-product-detail .material-search-btn .left-back-btn {
  background-color: #9b9b9b;
  color: #fff;
  display: block;
  border-radius: 50px;
  height: 50px;
  font-size: 12px;
  padding: 17px 20px;
  height: 50px;
  width: 140px;
  text-align: center;
  margin-right: 25px;
}
.product-material-search-modal.is-open .modal {
  max-height: max-content;
}
.page-product-detail .material-search-box ul li.active::after {
  content: url(../images/search/material-search-check.svg);
  position: absolute;
  right: 30px;
  top: 15px;
}
@media (max-width: 960px) {
  .page-product-detail .material-search-image {
    margin-top: 0;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0px;
  }
  .product-material-search-modal .modal {
    width: 100%;
    min-width: 100%;
  }
  .product-material-search-modal .modal-close-button {
    position: fixed;
    top: 10px;
    right: 10px;
  }
  .product-material-search-modal .modal__inner {
    padding: 0;
  }
  .product-material-search-modal .modal__button-wrap {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
  }
  .page-product-detail .material-search {
    padding: 20px 20px;
  }
  .page-product-detail .material-search-left {
    max-width: 100%;
    margin-top: 128px;
    width: 100%;
  }
  .page-product-detail .material-search-title {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .page-product-detail .material-search-box {
    height: auto;
    overflow-y: initial;
    margin-right: 0px;
  }
  .product-material-search-modal.is-open .modal {
    max-height: -webkit-fill-available;
    margin-bottom: 0;
  }
  .page-product-detail .material-search-btn {
    display: block;
    margin: 0 auto;
  }
  .page-product-detail .material-search-btn .left-back-btn {
    width: 100%;
    margin: 30px 0 20px;
  }
  .page-product-detail .material-search-btn .right-add-cart {
    width: 100%;
  }
}
.page-product-detail .delivery-notice-btn {
  cursor: pointer;
}
.page-product-detail .delivery-notice-modal .modal {
  max-width: 300px;
}
.modal__content.delivery-notice {
  text-align: center;
}
.page-product-detail .delivery-notice-modal .delivery-notice-title {
  font-size: 20px;
  border-bottom: 1px solid #ececec;
  padding-bottom: 30px;
}
.page-product-detail .delivery-notice-modal p {
  margin: 30px 0;
}
.page-product-detail .delivery-notice-modal .nouki {
  font-size: 20px;
}
.page-product-detail .delivery-notice-modal .bikou {
  font-size: 12px;
}
.header-modal .car-maker-brand {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
}
.header-modal .car-maker-brand {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
  margin: 15px 0 30px 0;
}
.header-modal .car-maker-brand-list {
  width: 75px;
  height: auto;
}
.header-modal .car-maker-brand .brand-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  border-radius: 50%;
}
.header-modal .car-maker-brand .brand-logo img {
  width: 60px;
  height: 60px;
}
.header-modal .car-maker-brand .brand-name {
  font-size: 12px;
  color: #111111;
  text-align: center;
  margin-top: 5px;
}
.seetcover_list_title {
  z-index: 1;
  font-size: 12px;
  color: #fff;
  position: relative;
  top: 30px;
  margin: -20px 0 0 20px;
}

/*c-index*/
.page-c-title {
  font-size: 30px;
  margin: 40px auto 0;
  max-width: 1680px;
  padding: 0 20px;
}
.page-c-top {
  display: flex;
  margin: 60px auto 0;
  max-width: 1400px;
  padding: 0 20px;
  gap: 60px;
}
@media (max-width: 960px) {
  .page-c-top {
    display: block;
    margin-top: 0.2rem;
    padding: 0;
  }
}
.page-c-top-left {
  width: 500px;
  min-width: 500px;
}
@media (max-width: 960px) {
  .page-c-top-left {
    width: 100%;
    min-width: 100%;
  }
}
.page-c-top-left img {
  width: 100%;
}
@media (max-width: 960px) {
  .page-c-top-right {
    padding: 0.26rem 0.2rem 0;
  }
}
.page-c-top-right .right-title {
  font-size: 30px;
}
@media (max-width: 960px) {
  .page-c-top-right .right-title {
    font-size: 0.2rem;
  }
}
.page-c-top-right .right-en {
  font-size: 12px;
  color: #c5c5c5;
}
@media (max-width: 960px) {
  .page-c-top-right .right-en {
    font-size: 0.1rem;
    margin-top: 0.1rem;
  }
}
.page-c-top-right .right-text {
  margin-top: 20px;
  font-size: 14px;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-c-top-right .right-text {
    margin-top: 0.3rem;
    font-size: 0.12rem;
  }
}
.page-c-content {
  display: flex;
  border-top: 1px solid #dcdcdc;
  margin-top: 60px;
}
@media (max-width: 960px) {
  .page-c-content {
    margin-top: 0;
    border: none;
  }
}
.page-c-content-left {
  position: relative;
  width: calc(250px + 8vw);
  min-width: calc(250px + 8vw);
  border-right: 1px solid #dcdcdc;
  padding: 80px 4vw;
}
.page-c-content-left .pcc-nav {
  position: sticky;
  top: 150px;
}
.page-c-content-left .pcc-nav > li {
  position: relative;
  padding-left: 24px;
}
.page-c-content-left .pcc-nav > li:not(:last-child) {
  padding-bottom: 35px;
}
.page-c-content-left .pcc-nav > li:not(:last-child):after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #c5c5c5;
  position: absolute;
  z-index: 1;
  left: 4px;
  top: 9px;
}
.page-c-content-left .pcc-nav > li:before {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #c5c5c5;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 9px;
}
.page-c-content-left .pcc-nav > li.active:before {
  background: #111;
}
.page-c-content-left .pcc-nav > li.active .pcc-nav_link {
  color: #111;
}
.page-c-content-left .pcc-nav > li.active .pcc-pick-nav_link.active {
  color: #111;
}
.page-c-content-left .pcc-nav > li.active .pcc-pick-nav_link.active span {
  color: #fff;
  background-color: #000;
  border: 0;
}
.page-c-content-left .pcc-nav > li:not(.active) a {
  color: #c5c5c5 !important;
}
.page-c-content-left .pcc-nav > li .pcc-pick-nav {
  margin-top: 30px;
}
.page-c-content-left .pcc-nav > li .pcc-pick-nav > li:not(:last-child) {
  padding-bottom: 30px;
  position: relative;
}
.page-c-content-left .pcc-nav > li .pcc-pick-nav > li:not(:last-child):after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #c5c5c5;
  position: absolute;
  z-index: 1;
  left: 20px;
  top: 0;
}
.page-c-content-left .pcc-nav > li .pcc-pick-nav_link {
  font-size: 14px;
  display: flex;
  gap: 10px;
  align-items: center;
  position: relative;
  z-index: 2;
  color: #c5c5c5;
}
.page-c-content-left .pcc-nav > li .pcc-pick-nav_link span {
  background-color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  color: #c5c5c5;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
}
.page-c-content-left .pcc-nav_link {
  font-size: 16px;
}
.page-c-content-right {
  width: calc(100% - 250px - 8vw);
  padding: 70px 7vw 0 4.6875vw;
}
@media (max-width: 960px) {
  .page-c-content-right {
    width: 100%;
    padding: 0 0.2rem 0.4rem;
  }
}
.page-c-content-right .pcc-area {
  padding-bottom: 120px;
  z-index: 2;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area {
    margin-top: 0.7rem;
    padding-bottom: 0;
  }
}
.page-c-content-right .pcc-area-title {
  font-size: 50px;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-title {
    font-size: 0.3rem;
  }
}
.page-c-content-right .pcc-area-sub-title {
  font-size: 16px;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-sub-title {
    font-size: 0.12rem;
    margin-top: 0.05rem;
  }
}
.page-c-content-right .pcc-area-en {
  font-size: 13px;
  margin-top: 24px;
  color: #c5c5c5;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-en {
    font-size: 0.1rem;
    margin-top: 0.05rem;
  }
}
.page-c-content-right .pcc-area-ranking {
  overflow: hidden;
  margin-left: -10px;
  position: relative;
  margin-top: 60px;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-ranking {
    margin-left: -0.05rem;
    margin-top: 0.2rem;
  }
}
.page-c-content-right .pcc-area-ranking .swiper {
  padding-bottom: 80px;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-ranking .swiper {
    padding-bottom: 0;
  }
}
.page-c-content-right .pcc-area-ranking .swiper .swiper-slide {
  padding-left: 10px;
  padding-top: 16px;
  position: relative;
  width: 390px;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-ranking .swiper .swiper-slide {
    padding-top: 0.09rem;
    padding-left: 0.05rem;
    width: 1.45rem;
  }
}
.page-c-content-right .pcc-area-ranking .swiper .swiper-slide:nth-child(1) .ranking-item-rank {
  background: #d1b981;
  color: #111;
}
.page-c-content-right .pcc-area-ranking .swiper .swiper-slide:nth-child(2) .ranking-item-rank {
  background: #dcdcdc;
  color: #111;
}
.page-c-content-right .pcc-area-ranking .swiper .swiper-slide:nth-child(3) .ranking-item-rank {
  background: #9b6405;
  color: #111;
}
.page-c-content-right .pcc-area-ranking .swiper .swiper-scrollbar {
  border-radius: 0;
  height: 1px;
  width: 100%;
  left: 0;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-ranking .swiper .swiper-scrollbar {
    display: none;
  }
}
.page-c-content-right .pcc-area-ranking .swiper .swiper-scrollbar .swiper-scrollbar-drag {
  border-radius: 0;
  background: #111;
  height: 7px;
  margin-top: -3px;
}
.page-c-content-right .pcc-area-ranking .ranking-item {
  width: 380px;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-ranking .ranking-item {
    width: 1.4rem;
  }
}
.page-c-content-right .pcc-area-ranking .ranking-item-rank {
  position: absolute;
  left: 0;
  top: 0;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #111;
  color: #fff;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-ranking .ranking-item-rank {
    width: 0.35rem;
    height: 0.35rem;
    font-size: 0.17rem;
  }
}
.page-c-content-right .pcc-area-ranking .ranking-item-img {
  font-size: 0;
  position: relative;
}
.page-c-content-right .pcc-area-ranking .ranking-item-img > img {
  width: 380px;
  height: auto;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-ranking .ranking-item-img > img {
    width: 1.4rem;
    border-radius: 0.08rem;
  }
}
.page-c-content-right .pcc-area-ranking .ranking-item-logo {
  position: absolute;
  left: 0;
  bottom: 10px;
  z-index: 1;
  font-size: 0;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-ranking .ranking-item-logo {
    left: -0.05rem;
    bottom: 0;
    width: 0.45rem;
  }
}
.page-c-content-right .pcc-area-ranking .ranking-item-name {
  margin-top: 25px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.05em;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-ranking .ranking-item-name {
    font-size: 0.1rem;
    margin-top: 0.08rem;
  }
}
.page-c-content-right .pcc-area-ranking .ranking-item-text {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.05em;
  margin-top: 4px;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-ranking .ranking-item-text {
    display: none;
  }
}
.page-c-content-right .pcc-area-text {
  margin-top: 60px;
  font-size: 14px;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-text {
    font-size: 0.12rem;
    margin-top: 0.3rem;
  }
}
.page-c-content-right .pcc-area-gallery {
  margin-top: 50px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-gallery {
    margin-top: 0.3rem;
  }
}
.page-c-content-right .pcc-area-gallery .swiper {
  padding-bottom: 80px;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-gallery .swiper {
    padding-bottom: 0;
  }
  .page-c-content-right .pcc-area-gallery .swiper .swiper-wrapper {
    /* display: grid;
    grid-gap: 0.1rem;
    grid-template-columns: repeat(3, 1fr); */
    display: block;
  }
}
.page-c-content-right .pcc-area-gallery .swiper .swiper-scrollbar {
  border-radius: 0;
  height: 1px;
  width: 100%;
  left: 0;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-gallery .swiper .swiper-scrollbar {
    display: none;
  }
}
.page-c-content-right .pcc-area-gallery .swiper .swiper-scrollbar .swiper-scrollbar-drag {
  border-radius: 0;
  background: #111;
  height: 7px;
  margin-top: -3px;
}
.page-c-content-right .pcc-area-gallery .gallery {
  height: unset;
  background: #f5f5f5;
  padding: 30px;
  width: 540px;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-gallery .gallery {
    width: auto;
    padding: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
    background: none;
    border-bottom: 1px solid #ddd;
    margin-bottom: 40px !important;
  }
}
.page-c-content-right .pcc-area-gallery .gallery-top {
  display: flex;
  gap: 30px;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-gallery .gallery-top {
    /* display: block; */
    gap: 20px;
  }
}
.page-c-content-right .pcc-area-gallery .gallery-top .gt-left {
  min-width: 190px;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-gallery .gallery-top .gt-left {
    /* min-width: unset; */
    min-width: 125px;
  }
}
.page-c-content-right .pcc-area-gallery .gallery-top .gt-right {
  padding-top: 14px;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-gallery .gallery-top .gt-right {
    display: none;
  }
}
.page-c-content-right .pcc-area-gallery .gallery-top .gt-img {
  font-size: 0;
  width: 190px;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-gallery .gallery-top .gt-img {
    width: 100%;
  }
  .page-c-content-right .pcc-area-gallery .gallery-top .gt-img img {
    border-radius: 0.08rem;
  }
}
.page-c-content-right .pcc-area-gallery .gallery-top .gt-link {
  margin-top: 20px;
  display: flex;
  justify-content: center;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-gallery .gallery-top .gt-link {
    display: none;
  }
}
.page-c-content-right .pcc-area-gallery .gallery-top .gt-link a {
  display: flex;
  align-items: center;
  font-size: 12px;
}
.page-c-content-right .pcc-area-gallery .gallery-top .gt-link a:after {
  content: "";
  display: block;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 50%;
  background: url("../images/header/arrows_slim_right.svg") no-repeat center center;
  background-size: 12px auto;
  margin-left: 16px;
}
.page-c-content-right .pcc-area-gallery .gallery-top .gt-name {
  font-size: 18px;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-gallery .gallery-top .gt-name {
    display: none;
  }
}
.page-c-content-right .pcc-area-gallery .gallery-top .gt-text {
  margin-top: 20px;
  font-size: 14px;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-gallery .gallery-top .gt-text {
    margin-top: 0px;
    display: block;
    font-size: 0.12rem;
  }
}
.page-c-content-right .pcc-area-gallery .gallery-bot {
  display: flex;
  border-top: 1px solid #dcdcdc;
  margin-top: 30px;
  padding-top: 20px;
  gap: 8px;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-gallery .gallery-bot {
    display: none;
  }
}
.page-c-content-right .pcc-area-gallery .gallery-bot .gb-tag {
  padding: 6px 16px;
  background: #111;
  font-size: 12px;
  color: #fff;
  border-radius: 16px;
  flex-wrap: wrap;
}
.page-c-content-right .pcc-area .search-carmodel {
  border-top: none;
}
.page-c-content-right .pcc-area .search-carmodel-right {
  border-left: none;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area .search-carmodel-right {
    padding-bottom: 0;
  }
}
.page-c-content-right .pcc-area .search-carmodel-right .automaker-search,
.page-c-content-right .pcc-area .search-carmodel-right .automaker-bland-search,
.page-c-content-right .pcc-area .search-carmodel-right .seatmaker-style-search,
.page-c-content-right .pcc-area .search-carmodel-right .seatmaker-design-search {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area .search-carmodel .automaker-search-title {
    padding: 0;
  }
}
.page-c-content-right .pcc-area-lineup {
  position: relative;
  margin-top: 80px;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-lineup {
    margin-top: 0.4rem;
    margin-left: -0.2rem;
    margin-right: -0.2rem;
  }
}
.page-c-content-right .pcc-area-lineup .lineup-tabs {
  margin: 0 -7vw 0 -4.6875vw;
  padding: 0 7vw 0 4.6875vw;
  position: sticky;
  top: 120px;
  z-index: 2;
  border-bottom: 1px solid #dcdcdc;
  background: #fff;
}
.page-c-content-right .pcc-area-lineup .lineup-tabs-wrap {
  display: flex;
}
.page-c-content-right .pcc-area-lineup .lineup-tabs-wrap .tab {
  width: 139px;
  height: 50px;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.05em;
  text-align: left;
  color: #c5c5c5;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border: 1px solid #dcdcdc;
  border-left: none;
  cursor: pointer;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  border-bottom: 0;
}
@media (min-width: 960px) and (max-width: 1430px) {
  .page-c-content-right .pcc-area-lineup .lineup-tabs-wrap .tab {
    width: 90px;
    font-size: 12px;
  }
}
.page-c-content-right .pcc-area-lineup .lineup-tabs-wrap .tab.active {
  position: relative;
  color: #fff;
  background: #111;
  border-color: #111;
}
.page-c-content-right .pcc-area-lineup .lineup-tabs-wrap .tab:hover {
  position: relative;
  color: #fff;
  background: #111;
  border-color: #111;
}
.page-c-content-right .pcc-area-lineup .lineup-num {
  box-sizing: border-box;
  width: 100%;
  position: absolute;
  left: 0;
  top: 13px;
  display: flex;
  justify-content: flex-end;
  font-size: 14px;
  letter-spacing: 0.05em;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-lineup .lineup-num {
    margin: 0 0.2rem 0.15rem;
    padding: 0;
    width: auto;
    max-width: initial;
    justify-content: space-between;
    flex-direction: row-reverse;
    position: relative;
    left: auto;
    top: auto;
    color: #c5c5c5;
    font-size: 0.1rem;
    line-height: 2.8;
  }
}
.page-c-content-right .pcc-area-lineup .lineup-num-text {
  position: relative;
  z-index: 5;
  font-weight: 400;
}
.page-c-content-right .pcc-area-lineup .lineup-num .arrange-box-text {
  margin-right: 0;
  font-size: 0.1rem;
  display: flex;
  align-items: center;
  line-height: 2.8;
  text-align: left;
  color: #111;
  cursor: pointer;
}
.page-c-content-right .pcc-area-lineup .lineup-num .arrange-box-text img {
  margin-right: 0.07rem;
  width: 0.14rem;
}
.page-c-content-right .pcc-area-lineup .lineup-list {
  padding-top: 80px;
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(4, 1fr);
}
@media (min-width: 960px) and (max-width: 1430px) {
  .page-c-content-right .pcc-area-lineup .lineup-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-lineup .lineup-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.page-c-content-right .pcc-area-lineup .lineup-list .block {
  margin-bottom: 30px;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-lineup .lineup-list .block {
    margin-bottom: 0.3rem;
    padding: 0 0.1rem;
  }
}
.page-c-content-right .pcc-area-lineup .lineup-list .block-top {
  position: relative;
}
.page-c-content-right .pcc-area-lineup .lineup-list .block-img {
  font-size: 0;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-lineup .lineup-list .block-img {
    margin-left: -0.1rem;
    margin-right: -0.1rem;
  }
}
.page-c-content-right .pcc-area-lineup .lineup-list .block-like {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 0;
  bottom: -40px;
  font-size: 0;
  cursor: pointer;
  background: url("../images/about_sales/like-no-pc.svg") no-repeat center center/contain;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-lineup .lineup-list .block-like {
    width: 0.48rem;
    height: 0.47rem;
    right: -0.07rem;
    bottom: -0.1rem;
    background-image: url("../images/lineup/heart_icon01_sp.svg");
    background-size: 0.48rem auto;
  }
}
.page-c-content-right .pcc-area-lineup .lineup-list .block-name {
  font-size: 12px;
  color: #c5c5c5;
  margin-top: 18px;
  padding-right: 24px;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-lineup .lineup-list .block-name {
    font-size: 0.1rem;
    margin-top: 0.1rem;
    padding-right: 0;
  }
}
.page-c-content-right .pcc-area-lineup .lineup-list .block-text {
  font-size: 12px;
  line-height: 2;
  margin-top: 15px;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-lineup .lineup-list .block-text {
    font-size: 0.1rem;
    margin-top: 0.1rem;
  }
}
.page-c-content-right .pcc-area-lineup .lineup-list .block-tags {
  display: flex;
  gap: 5px;
  margin-top: 10px;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-lineup .lineup-list .block-tags {
    margin-top: 0.1rem;
    gap: 0.04rem;
  }
}
.page-c-content-right .pcc-area-lineup .lineup-list .block-tags .tag {
  padding: 0 15px;
  border-radius: 15px;
  border: 1px solid #707070;
  font-size: 10px;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-lineup .lineup-list .block-tags .tag {
    padding: 0.02rem 0.14rem;
    font-size: 0.08rem;
  }
}
.page-c-content-right .pcc-area-lineup .lineup-list .block-price {
  margin-top: 10px;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-lineup .lineup-list .block-price {
    margin-top: 0.1rem;
  }
}
.page-c-content-right .pcc-area-lineup .lineup-list .block-price .price {
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-lineup .lineup-list .block-price .price {
    font-size: 0.1rem;
  }
}
.page-c-content-right .pcc-area-lineup .lineup-list .block-price .price span {
  font-size: 20px;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-lineup .lineup-list .block-price .price span {
    font-size: 0.16rem;
  }
}
.page-c-content-right .pcc-area-lineup .lineup-list .block-price.sales .sales-title {
  font-size: 10px;
}
@media (max-width: 960px) {
  .page-c-content-right .pcc-area-lineup .lineup-list .block-price.sales .sales-title {
    font-size: 0.1rem;
  }
}
.page-c-content-right .pcc-area-lineup .lineup-list .block-price.sales .price span {
  color: #e24974;
}

/*cart*/
.page-cart .inner {
  max-width: 1680px;
  padding-left: 40px;
  padding-right: 40px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media (max-width: 960px) {
  .page-cart .inner {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
}
.page-cart-top {
  display: flex;
  gap: 2vw;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 60px;
}
@media (max-width: 960px) {
  .page-cart-top {
    display: block;
    margin-top: 0.2rem;
  }
}
.page-cart-top .top-left {
  width: 1100px;
}
@media (max-width: 960px) {
  .page-cart-top .top-left {
    width: 100%;
  }
}
.page-cart-top .top-left-title {
  font-size: 30px;
}
@media (max-width: 960px) {
  .page-cart-top .top-left-title {
    font-size: 0.2rem;
  }
}
.page-cart-top .top-left-table {
  width: 100%;
  min-width: 100%;
  border-collapse: collapse;
  border-left: 1px solid #dcdcdc;
  margin-top: 80px;
}
@media (max-width: 960px) {
  .page-cart-top .top-left-table {
    display: block;
    margin-top: 0.1rem;
    border: none;
  }
  .page-cart-top .top-left-table thead {
    display: none;
  }
  .page-cart-top .top-left-table tr,
  .page-cart-top .top-left-table th,
  .page-cart-top .top-left-table td {
    display: block;
  }
  .page-cart-top .top-left-table tr {
    border-bottom: 1px solid #dcdcdc;
    position: relative;
    padding-left: 1.35rem;
    padding-top: 0.3rem;
  }
}
.page-cart-top .top-left-table th {
  height: 60px;
  background: #111;
  color: #fff;
  font-size: 14px;
  border-right: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-cart-top .top-left-table th {
    display: none;
  }
}
.page-cart-top .top-left-table td {
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  padding: 1.6vw;
}
@media (max-width: 960px) {
  .page-cart-top .top-left-table td {
    padding: 0;
    border: none;
  }
}
.page-cart-top .top-left-table .product {
  display: flex;
  gap: 20px;
}
@media (max-width: 960px) {
  .page-cart-top .top-left-table .product {
    gap: 0;
  }
}
.page-cart-top .top-left-table .product-img {
  font-size: 0;
  width: 160px;
  min-width: 160px;
}
@media (max-width: 960px) {
  .page-cart-top .top-left-table .product-img {
    position: absolute;
    width: 1.2rem;
    min-width: 1.2rem;
    left: 0;
    top: 0.3rem;
  }
  .page-cart-top .top-left-table .product-img img {
    width: 1.2rem;
    border-radius: 0.08rem;
  }
}
.page-cart-top .top-left-table .product-info {
  line-height: 2;
}
@media (max-width: 960px) {
  .page-cart-top .top-left-table .product-info {
    margin-bottom: 0.15rem;
  }
}
.page-cart-top .top-left-table .product-info-title {
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-cart-top .top-left-table .product-info-title {
    font-size: 0.12rem;
  }
}
.page-cart-top .top-left-table .product-info-text {
  font-size: 12px;
  margin-top: 12px;
}
@media (max-width: 960px) {
  .page-cart-top .top-left-table .product-info-text {
    font-size: 0.1rem;
    margin-top: 0.1rem;
  }
}
.page-cart-top .top-left-table .product-info-price {
  font-size: 12px;
  margin-top: 12px;
}
@media (max-width: 960px) {
  .page-cart-top .top-left-table .product-info-price {
    font-size: 0.1rem;
    margin-top: 0.1rem;
  }
}
.page-cart-top .top-left-table .product-info-price span {
  font-size: 18px;
  color: #e29b49;
}
@media (max-width: 960px) {
  .page-cart-top .top-left-table .product-info-price span {
    font-size: 0.16rem;
  }
}
@media (max-width: 960px) {
  .page-cart-top .top-left-table .table-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #dcdcdc;
    height: 0.52rem;
  }
}
.page-cart-top .top-left-table .table-flex-left {
  display: none;
}
@media (max-width: 960px) {
  .page-cart-top .top-left-table .table-flex-left {
    display: block;
    font-size: 0.12rem;
  }
}
.page-cart-top .top-left-table .table-flex-right {
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-cart-top .top-left-table .table-flex-right {
    font-size: 0.12rem;
  }
  .page-cart-top .top-left-table .table-flex-right span {
    font-size: 0.14rem;
  }
}
.page-cart-top .top-left-table .table-flex-right input[type="number"] {
  width: 40px;
  height: 36px;
  text-align: center;
  text-align-last: center;
  font-size: 14px;
  border: 1px solid #dcdcdc;
  background: #fff;
  outline: none;
}
@media (max-width: 960px) {
  .page-cart-top .top-left-table .table-flex-right input[type="number"] {
    width: 0.35rem;
    height: 0.32rem;
    font-size: 0.12rem;
    border-radius: 0.05rem;
  }
}
.page-cart-top .top-left-table .table-flex-right input::-webkit-outer-spin-button,
.page-cart-top .top-left-table .table-flex-right input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.page-cart-top .top-left-table .table-flex-right input[type="number"] {
  -moz-appearance: textfield;
}
@media (max-width: 960px) {
  .page-cart-top .top-left-table .table-btns {
    position: absolute;
    left: 0;
    top: 1.52rem;
    width: 1.2rem;
  }
}
.page-cart-top .top-left-table .table-btns .btn {
  display: flex;
  width: 90px;
  height: 36px;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #fff;
  background: #111;
  margin: 14px auto;
}
@media (max-width: 960px) {
  .page-cart-top .top-left-table .table-btns .btn {
    width: 0.9rem;
    height: 0.36rem;
    font-size: 0.12rem;
    margin: 0.14rem auto;
    border-radius: 0.08rem;
  }
}
.page-cart-top .top-left-table .table-btns .btn.grey {
  background: #c5c5c5;
}
.page-cart-top .top-right {
  border: 1px solid #dcdcdc;
  padding: 1.6vw;
  width: 410px;
  position: sticky;
  top: 150px;
}
@media (max-width: 960px) {
  .page-cart-top .top-right {
    width: 100%;
    position: relative;
    top: 0;
    margin-top: 0.3rem;
    padding: 0;
    border: none;
  }
}
@media (max-width: 960px) {
  .page-cart-top .top-right .total-info {
    border-radius: 0.08rem;
    border: 1px solid #dcdcdc;
    overflow: hidden;
  }
}
.page-cart-top .top-right .total-info .info {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  border-bottom: 1px solid #dcdcdc;
  font-size: 14px;
  padding: 20px 0 10px;
}
@media (max-width: 960px) {
  .page-cart-top .top-right .total-info .info {
    font-size: 0.12rem;
    padding: 0;
    text-align: center;
  }
  .page-cart-top .top-right .total-info .info:last-child {
    border-bottom: none;
  }
  .page-cart-top .top-right .total-info .info-left {
    width: 1.44rem;
    color: #fff;
    background: #111;
    padding: 0.2rem 0;
  }
  .page-cart-top .top-right .total-info .info-right {
    flex: 1;
    padding: 0.2rem 0;
  }
}
.page-cart-top .top-right .total-info .info span {
  font-size: 20px;
}
@media (max-width: 960px) {
  .page-cart-top .top-right .total-info .info span {
    font-size: 0.12rem;
  }
}
.page-cart-top .top-right .total-btn {
  display: flex;
  width: 100%;
  height: 72px;
  align-items: center;
  justify-content: center;
  background: #111111;
  color: #fff;
  font-size: 14px;
  margin: 40px auto;
  cursor: pointer;
}
@media (max-width: 960px) {
  .page-cart-top .top-right .total-btn {
    height: 0.72rem;
    border-radius: 0.08rem;
    font-size: 0.14rem;
    margin-top: 0.3rem;
  }
}
.page-cart-top .top-right .amazon-text {
  font-size: 12px;
  margin-top: 60px;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-cart-top .top-right .amazon-text {
    font-size: 0.12rem;
    margin-top: 0.4rem;
  }
}
.page-cart-top .top-right .amazon-btn {
  font-size: 0;
  margin-top: 40px;
  display: block;
}
@media (max-width: 960px) {
  .page-cart-top .top-right .amazon-btn {
    margin-top: 0.3rem;
  }
}
.page-cart-top .top-right .amazon-btn img {
  width: 100%;
}
.page-cart-alert {
  max-width: 1100px;
  padding: 80px 0;
}
@media (max-width: 960px) {
  .page-cart-alert {
    padding: 0.4rem 0;
    max-width: 100%;
  }
}
.page-cart-alert + .page-cart-alert {
  border-top: 1px solid #dcdcdc;
}
.page-cart-alert .alert-title {
  display: flex;
  font-size: 20px;
  gap: 15px;
}
@media (max-width: 960px) {
  .page-cart-alert .alert-title {
    align-items: center;
    gap: 0.12rem;
    font-size: 0.16rem;
  }
}
.page-cart-alert .alert-title img {
  width: 21px;
  min-width: 21px;
}
@media (max-width: 960px) {
  .page-cart-alert .alert-title img {
    width: 0.21rem;
    min-width: 0.21rem;
  }
}
.page-cart-alert .alert-text {
  font-size: 14px;
  line-height: 2;
  margin-top: 30px;
}
@media (max-width: 960px) {
  .page-cart-alert .alert-text {
    font-size: 0.12rem;
    margin-top: 0.3rem;
  }
}
.page-cart-recommend {
  padding-top: 80px;
  padding-bottom: 80px;
  border-top: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-cart-recommend {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
}
.page-cart-recommend .recommend-title {
  font-size: 20px;
}
@media (max-width: 960px) {
  .page-cart-recommend .recommend-title {
    font-size: 0.16rem;
  }
}
.page-cart-recommend .recommend-list {
  display: flex;
  gap: 1.6vw;
  margin-top: 40px;
}
@media (max-width: 960px) {
  .page-cart-recommend .recommend-list {
    gap: 0;
    margin-top: 0.3rem;
    overflow: auto;
  }
}
.page-cart-recommend .recommend-list .block {
  width: calc(20% - 1.28vw);
}
@media (max-width: 960px) {
  .page-cart-recommend .recommend-list .block {
    width: 1.4rem;
    min-width: 1.4rem;
  }
}
.page-cart-recommend .recommend-list .block-top {
  position: relative;
}
.page-cart-recommend .recommend-list .block-img {
  font-size: 0;
}
.page-cart-recommend .recommend-list .block-img img {
  width: 100%;
}
.page-cart-recommend .recommend-list .block-like {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 0;
  bottom: -40px;
  font-size: 0;
  cursor: pointer;
  background: url("../images/about_sales/like-no-pc.svg") no-repeat center center/contain;
}
@media (max-width: 960px) {
  .page-cart-recommend .recommend-list .block-like {
    width: 0.48rem;
    height: 0.47rem;
    right: -0.07rem;
    bottom: -0.1rem;
    background-image: url("../images/lineup/heart_icon01_sp.svg");
    background-size: 0.48rem auto;
  }
}
.page-cart-recommend .recommend-list .block-name {
  font-size: 12px;
  color: #c5c5c5;
  margin-top: 18px;
  padding-right: 24px;
}
@media (max-width: 960px) {
  .page-cart-recommend .recommend-list .block-name {
    font-size: 0.1rem;
    margin-top: 0.08rem;
    padding: 0 0.08rem;
  }
}
.page-cart-recommend .recommend-list .block-price {
  font-size: 16px;
  padding-right: 24px;
}
@media (max-width: 960px) {
  .page-cart-recommend .recommend-list .block-price {
    font-size: 0.12rem;
  }
}
.page-cart-recommend .recommend-list .block-price span {
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-cart-recommend .recommend-list .block-price span {
    display: none;
  }
}
.page-cart-recommend .recommend-list .block-text {
  font-size: 12px;
  line-height: 2;
  margin-top: 15px;
}
@media (max-width: 960px) {
  .page-cart-recommend .recommend-list .block-text {
    display: none;
  }
}
.page-cart-bulk {
  padding: 80px 0;
  border-top: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-cart-bulk {
    padding: 0.4rem 0;
  }
}
.page-cart-bulk .bulk-title {
  font-size: 20px;
}
@media (max-width: 960px) {
  .page-cart-bulk .bulk-title {
    font-size: 0.16rem;
  }
}
.page-cart-bulk .bulk-text {
  font-size: 14px;
  margin-top: 40px;
}
@media (max-width: 960px) {
  .page-cart-bulk .bulk-text {
    font-size: 0.12rem;
    margin-top: 0.3rem;
  }
}
.page-cart-bulk .bulk-btns {
  display: flex;
  margin-top: 60px;
  gap: 40px;
}
@media (max-width: 960px) {
  .page-cart-bulk .bulk-btns {
    flex-direction: column;
    gap: 0.2rem;
    margin-top: 0.3rem;
  }
}
.page-cart-bulk .bulk-btns .btn {
  width: 380px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dcdcdc;
  font-size: 14px;
  cursor: pointer;
}
@media (max-width: 960px) {
  .page-cart-bulk .bulk-btns .btn {
    width: 100%;
    height: 0.72rem;
    border-radius: 0.08rem;
    font-size: 0.14rem;
  }
}

/*column*/
.page-column-box {
  display: flex;
  max-width: 1680px;
  padding: 0 40px;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 960px) {
  .page-column-box {
    padding: 0 0.2rem;
  }
}
.page-column-box-left {
  padding-right: 7vw;
  flex-basis: 60%;
  border-right: 1px solid #dcdcdc;
  position: relative;
  padding-bottom: 160px;
}
@media (max-width: 960px) {
  .page-column-box-left {
    flex-basis: 100%;
    padding-right: 0;
    border-right: none;
  }
}
.page-column-box-left:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  top: -100px;
  right: -1px;
  background: #dcdcdc;
}
@media (max-width: 960px) {
  .page-column-box-left:after {
    display: none;
  }
}
.page-column-box-right {
  padding-left: 7vw;
  flex-basis: 40%;
  position: relative;
}
@media (max-width: 960px) {
  .page-column-box-right {
    display: none;
  }
}
.page-column-box-right .right-box {
  position: sticky;
  top: 150px;
  margin-bottom: -1px;
}
.page-column-box-right .right-title {
  font-size: 16px;
}
.page-column-box-right .right-list {
  display: grid;
  margin-top: 40px;
  grid-gap: 30px;
  overflow: hidden;
  grid-template-columns: repeat(3, 1fr);
}
.page-column-box-right .right-list-block {
  position: relative;
  padding-bottom: 20px;
}
.page-column-box-right .right-list-block:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: calc(100% + 30px);
  height: 1px;
  background: #dcdcdc;
}
.page-column-box-right .right-list-block .block-img {
  font-size: 0;
}
.page-column-box-right .right-list-block .block-title {
  font-size: 12px;
  text-align: center;
  margin-top: 16px;
}
.page-column-box-right .right-list-block.active .block-img,
.page-column-box-right .right-list-block.active .block-title {
  opacity: 0.3;
}
.page-column-title {
  margin-top: 40px;
  font-size: 30px;
}
@media (max-width: 960px) {
  .page-column-title {
    font-size: 0.2rem;
    margin-top: 0.2rem;
  }
}
.page-column-sub-title {
  margin-top: 80px;
  font-size: 20px;
}
@media (max-width: 960px) {
  .page-column-sub-title {
    margin-top: 0.3rem;
    font-size: 0.16rem;
  }
}
.page-column-text {
  font-size: 14px;
  line-height: 2;
  margin-top: 30px;
}
@media (max-width: 960px) {
  .page-column-text {
    margin-top: 0.3rem;
    font-size: 0.12rem;
  }
}
.page-column-block {
  margin-top: 80px;
}
@media (max-width: 960px) {
  .page-column-block {
    margin-top: 0.7rem;
  }
}
.page-column-block .pcb-img {
  font-size: 0;
  display: block;
}
.page-column-block .pcb-img img {
  width: 100%;
}
.page-column-block .pcb-sub-title {
  font-size: 12px;
  margin-top: 40px;
  color: #c5c5c5;
}
@media (max-width: 960px) {
  .page-column-block .pcb-sub-title {
    font-size: 0.1rem;
    margin-top: 0.3rem;
  }
}
.page-column-block .pcb-title {
  font-size: 20px;
  margin-top: 5px;
}
@media (max-width: 960px) {
  .page-column-block .pcb-title {
    font-size: 0.16rem;
    margin-top: 0.05rem;
  }
}
.page-column-block .pcb-flex {
  margin-top: 30px;
  display: flex;
  gap: 60px;
}
@media (max-width: 960px) {
  .page-column-block .pcb-flex {
    display: block;
    margin-top: 0.3rem;
  }
}
.page-column-block .pcb-text {
  flex-basis: 380px;
  font-size: 14px;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-column-block .pcb-text {
    font-size: 0.12rem;
  }
}
.page-column-block .pcb-info {
  flex-basis: 330px;
  font-size: 0;
}
@media (max-width: 960px) {
  .page-column-block .pcb-info {
    margin-top: 0.3rem;
    text-align: center;
  }
}
.page-column-block .pcb-info img {
  width: 100%;
}
@media (max-width: 960px) {
  .page-column-block .pcb-info img {
    width: 3rem;
  }
}
.page-column-block .pcb-link {
  margin-top: 40px;
  display: flex;
}
@media (max-width: 960px) {
  .page-column-block .pcb-link {
    margin-top: 0.3rem;
  }
}
.page-column-block .pcb-link a {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding-bottom: 15px;
  border-bottom: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-column-block .pcb-link a {
    font-size: 0.14rem;
    padding-bottom: 0.15rem;
  }
}
.page-column-block .pcb-link a:after {
  content: "";
  display: block;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 50%;
  background: url("../images/header/arrows_slim_right.svg") no-repeat center center;
  background-size: 12px auto;
  margin-left: 16px;
}
@media (max-width: 960px) {
  .page-column-block .pcb-link a:after {
    width: 0.54rem;
    height: 0.54rem;
    background-size: 0.12rem auto;
    margin-left: 0.16rem;
  }
}

/*faq*/
.page-faq-inner {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 40px;
}
@media (max-width: 960px) {
  .page-faq-inner {
    padding: 0 0.2rem;
  }
}
.page-faq-title {
  margin-top: 50px;
  text-align: center;
  font-size: 50px;
}
@media (max-width: 960px) {
  .page-faq-title {
    text-align: left;
    margin-top: 0.2rem;
    font-size: 0.3rem;
  }
}
.page-faq-sub-title {
  font-size: 16px;
  text-align: center;
}
@media (max-width: 960px) {
  .page-faq-sub-title {
    font-size: 0.12rem;
    text-align: left;
  }
}
.page-faq-text {
  font-size: 20px;
  margin-top: 80px;
}
@media (max-width: 960px) {
  .page-faq-text {
    font-size: 0.16rem;
    margin-top: 0.4rem;
  }
}
.page-faq-description {
  margin-top: 30px;
  font-size: 14px;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-faq-description {
    font-size: 0.12rem;
    margin-top: 0.3rem;
  }
}
.page-faq-box {
  margin-top: 60px;
}
@media (max-width: 960px) {
  .page-faq-box {
    margin-top: 0.2rem;
  }
}
.page-faq-box .faq {
  border-bottom: 1px solid #dcdcdc;
}
.page-faq-box .faq .q {
  padding: 40px 120px 40px 50px;
  position: relative;
  font-size: 14px;
  line-height: 1.5;
}
@media (max-width: 960px) {
  .page-faq-box .faq .q {
    font-size: 0.12rem;
    padding: 0.24rem 0.5rem 0.24rem 0.3rem;
  }
}
.page-faq-box .faq .q:before {
  content: "Q.";
  font-size: 30px;
  position: absolute;
  left: 0;
  top: 36px;
  line-height: 1;
}
@media (max-width: 960px) {
  .page-faq-box .faq .q:before {
    font-size: 0.2rem;
    top: 0.24rem;
  }
}
.page-faq-box .faq .a {
  padding: 40px 0px 40px 50px;
  font-size: 14px;
  line-height: 2;
  position: relative;
  border-top: 1px solid #dcdcdc;
  display: none;
}
@media (max-width: 960px) {
  .page-faq-box .faq .a {
    font-size: 0.12rem;
    padding: 0.24rem 0 0.24rem 0.3rem;
  }
}
.page-faq-box .faq .a:before {
  content: "A.";
  font-size: 30px;
  position: absolute;
  left: 0;
  top: 40px;
  line-height: 1;
}
@media (max-width: 960px) {
  .page-faq-box .faq .a:before {
    font-size: 0.2rem;
    top: 0.24rem;
  }
}
.page-faq-box .faq .a p {
  margin: 0;
  paddding: 0;
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-faq-box .faq .a p {
    font-size: 0.12rem;
  }
}
.page-faq-box .faq .a a {
  font-size: 14px;
  color: #30c1c1;
  text-decoration: underline;
}
@media (max-width: 960px) {
  .page-faq-box .faq .a a {
    font-size: 0.12rem;
  }
}
.page-faq-box .faq-btn {
  position: absolute;
  right: 0;
  top: 20px;
  display: flex;
  align-items: center;
  justify-content: right;
  font-size: 12px;
  gap: 10px;
  max-width: 120px;
  cursor: pointer;
}
@media (max-width: 960px) {
  .page-faq-box .faq-btn {
    top: 50%;
    transform: translateY(-50%);
  }
}
.page-faq-box .faq-btn span {
  display: none;
}
@media (max-width: 960px) {
  .page-faq-box .faq-btn span {
    display: none !important;
  }
}
.page-faq-box .faq-btn:after {
  content: "";
  width: 54px;
  height: 54px;
  display: block;
  background: url("../images/faq/faq-icon.svg") no-repeat center center/contain;
  transform: rotateZ(0deg);
  transition: 0.4s;
}
@media (max-width: 960px) {
  .page-faq-box .faq-btn:after {
    width: 0.4rem;
    height: 0.4rem;
  }
}
.page-faq-box .faq-btn.active span {
  display: block;
}
.page-faq-box .faq-btn.active:after {
  transform: rotateZ(135deg);
}
.page-faq-btn {
  margin: 60px auto;
  width: 300px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #111;
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-faq-btn {
    margin: 0.4rem auto;
    width: 3.5rem;
    height: 0.72rem;
    font-size: 0.14rem;
    border-radius: 0.08rem;
  }
}

/*guide*/
.page-guide-inner {
  max-width: 1680px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}
@media (max-width: 960px) {
  .page-guide-inner {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
}
.page-guide-title {
  text-align: center;
  margin-top: 50px;
  font-size: 50px;
}
@media (max-width: 960px) {
  .page-guide-title {
    text-align: left;
    margin-top: 0.2rem;
    font-size: 0.3rem;
  }
}
.page-guide-sub-title {
  text-align: center;
  font-size: 16px;
}
@media (max-width: 960px) {
  .page-guide-sub-title {
    font-size: 0.12rem;
    text-align: left;
  }
}
.page-guide-navi {
  position: fixed;
  right: 0;
  top: 120px;
  z-index: 98;
  padding: 40px 16px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 30px;
  background: #f5f5f5;
  border-bottom-left-radius: 15px;
  border: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-guide-navi {
    position: sticky;
    left: 0;
    top: 0.7rem;
    width: 100%;
    background: #fff;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #dcdcdc;
    flex-direction: row;
    padding: 0 0.3rem;
    justify-content: space-between;
  }
}
.page-guide-navi .pgn-block {
  cursor: pointer;
}
@media (max-width: 960px) {
  .page-guide-navi .pgn-block {
    padding: 0.1rem 0;
    border-bottom: 0.03rem solid transparent;
  }
  .page-guide-navi .pgn-block.active {
    border-bottom: 0.03rem solid #111;
  }
  .page-guide-navi .pgn-block.active .pgn-block-text {
    color: #111;
  }
}
.page-guide-navi .pgn-block-img {
  font-size: 0;
}
.page-guide-navi .pgn-block-img img {
  width: 36px;
  height: 30px;
  object-fit: contain;
}
.page-guide-navi .pgn-block-text {
  font-size: 0.12rem;
  color: #c5c5c5;
}
.page-guide-list {
  margin-top: 70px;
  display: flex;
  overflow-y: auto;
}
@media (max-width: 960px) {
  .page-guide-list {
    margin-top: 0.2rem;
    display: block;
  }
}
.page-guide-list-block {
  flex: 1;
  min-width: 240px;
  counter-increment: counter1 1;
  border: 1px solid #dcdcdc;
  position: relative;
  text-align: center;
  padding: 86px 0 96px;
}
@media (max-width: 960px) {
  .page-guide-list-block {
    border: none;
    min-width: unset;
    padding: 0.2rem 0;
    display: flex;
    align-items: center;
    width: 100%;
    gap: 0.18rem;
  }
}
.page-guide-list-block:not(:first-child) {
  border-left: none;
}
@media (max-width: 960px) {
  .page-guide-list-block:not(:first-child) {
    border-top: 1px solid #dcdcdc;
  }
}
.page-guide-list-block:after {
  content: "(0" counter(counter1) ")";
  display: block;
  position: absolute;
  right: 18px;
  bottom: 22px;
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-guide-list-block:after {
    right: 0;
    bottom: 50%;
    transform: translateY(50%);
    font-size: 0.08rem;
  }
}
.page-guide-list-block .block-lt {
  position: absolute;
  top: 15px;
  left: 22px;
  font-size: 12px;
  transform: rotateZ(90deg);
  transform-origin: left top;
}
@media (max-width: 960px) {
  .page-guide-list-block .block-lt {
    display: none;
  }
}
.page-guide-list-block .block-img {
  height: 60px;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 960px) {
  .page-guide-list-block .block-img {
    height: auto;
  }
  .page-guide-list-block .block-img img {
    width: 0.45rem;
    height: 0.4rem;
    object-fit: contain;
  }
}
.page-guide-list-block .block-text {
  margin-top: 30px;
  font-size: 18px;
}
@media (max-width: 960px) {
  .page-guide-list-block .block-text {
    font-size: 0.12rem;
    margin-top: 0;
    text-align: left;
  }
}
.page-guide-content {
  margin: 180px auto;
}
@media (max-width: 960px) {
  .page-guide-content {
    margin: 0.7rem auto;
  }
}
.page-guide-content .pgc-title {
  height: 120px;
  display: flex;
  align-items: center;
  gap: 25px;
  position: relative;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 80px;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-title {
    margin-left: -0.2rem;
    margin-right: -0.2rem;
    padding: 0.2rem;
    height: auto;
    gap: 0.15rem;
    margin-bottom: 0.4rem;
  }
}
.page-guide-content .pgc-title-img {
  font-size: 0;
}
.page-guide-content .pgc-title-img img {
  width: 70px;
  height: 60px;
  object-fit: contain;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-title-img img {
    width: 0.45rem;
    height: 0.4rem;
  }
}
.page-guide-content .pgc-title-tip {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-title-tip {
    position: relative;
    transform: none;
    top: 0;
    font-size: 0.08rem;
  }
}
.page-guide-content .pgc-title-name {
  font-size: 30px;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-title-name {
    font-size: 0.2rem;
  }
}
.page-guide-content .pgc-block-title {
  font-size: 20px;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-title {
    font-size: 0.16rem;
  }
}
.page-guide-content .pgc-block-text {
  margin-top: 30px;
  font-size: 14px;
  line-height: 2;
  max-width: 820px;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-text {
    font-size: 0.12rem;
    max-width: unset;
    margin-top: 0.3rem;
  }
}
.page-guide-content .pgc-block-text a {
  color: #30c1c1;
  text-decoration: underline;
}
.page-guide-content .pgc-block-text span {
  display: block;
  font-size: 12px;
  margin-top: 12px;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-text span {
    font-size: 0.1rem;
    margin-top: 0.15rem;
  }
}
.page-guide-content .pgc-block-line {
  margin: 40px 0;
  border-top: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-line {
    margin: 0.4rem 0;
  }
}
.page-guide-content .pgc-block-dbline {
  margin: 80px 0;
  border-top: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-dbline {
    margin: 0.4rem 0;
  }
}
.page-guide-content .pgc-block-list {
  display: flex;
  margin-top: 30px;
  margin-bottom: 80px;
  border: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-list {
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
    display: block;
    border-radius: 0.08rem;
  }
}
.page-guide-content .pgc-block-list .box {
  flex: 1;
  padding: 50px 2.86vw;
}
.page-guide-content .pgc-block-list .box:not(:first-child) {
  border-left: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-list .box:not(:first-child) {
    border-left: none;
    border-top: 1px solid #dcdcdc;
    padding: 0.3rem 0.2rem;
  }
}
.page-guide-content .pgc-block-list .box-sub-title {
  font-size: 12px;
  color: #c5c5c5;
  line-height: 1.5;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-list .box-sub-title {
    font-size: 0.12rem;
  }
}
.page-guide-content .pgc-block-list .box-title {
  padding: 15px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #dcdcdc;
  font-size: 14px;
  line-height: 1.5;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-list .box-title {
    padding: 0.15rem 0;
    font-size: 0.14rem;
  }
}
.page-guide-content .pgc-block-list .box-title a {
  display: block;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 50%;
  background: url("../images/header/arrows_slim_right.svg") no-repeat center center;
  background-size: 12px auto;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-list .box-title a {
    width: 0.54rem;
    height: 0.54rem;
    background-size: 0.12rem auto;
  }
}
.page-guide-content .pgc-block-list .box-text {
  font-size: 14px;
  line-height: 2;
  margin-top: 30px;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-list .box-text {
    font-size: 0.12rem;
    margin-top: 0.3rem;
  }
}
.page-guide-content .pgc-block-choose {
  display: flex;
  gap: 60px;
  margin-top: 40px;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-choose {
    flex-direction: column;
    gap: 0.3rem;
    margin-top: 0.3rem;
  }
}
.page-guide-content .pgc-block-choose-left {
  width: 650px;
  border: 1px solid #dcdcdc;
  padding: 50px;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-choose-left {
    width: 100%;
    border-radius: 0.08rem;
    padding: 0.3rem 0.2rem;
  }
}
.page-guide-content .pgc-block-choose-left-title {
  font-size: 16px;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-choose-left-title {
    font-size: 0.12rem;
    margin-bottom: 0.08rem;
  }
}
.page-guide-content .pgc-block-choose-left-title span {
  font-size: 12px;
  color: #e24974;
  margin-left: 12px;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-choose-left-title span {
    font-size: 0.1rem;
    margin-left: 0.08rem;
  }
}
.page-guide-content .pgc-block-choose-form {
  margin-top: 18px;
  display: flex;
  align-items: center;
  gap: 20px;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-choose-form {
    margin-top: 0;
    gap: 0.1rem;
  }
}
.page-guide-content .pgc-block-choose-form-box {
  border-bottom: 1px solid #dcdcdc;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 0;
  flex: 1;
  position: relative;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-choose-form-box {
    padding: 0.1rem 0;
  }
}
.page-guide-content .pgc-block-choose-form-box:after {
  content: "";
  display: block;
  position: absolute;
  right: 12px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 1.5px solid #111;
  border-bottom: 1.5px solid #111;
  transform: translateY(-75%) rotateZ(45deg);
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-choose-form-box:after {
    border-right: 0.015rem solid #111;
    border-bottom: 0.015rem solid #111;
    right: 0.1rem;
    width: 0.08rem;
    height: 0.08rem;
  }
}
.page-guide-content .pgc-block-choose-form-title {
  font-size: 14px;
  color: #c5c5c5;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-choose-form-title {
    font-size: 0.12rem;
  }
}
.page-guide-content .pgc-block-choose-form-title span {
  font-size: 12px;
  color: #e24974;
  margin-left: 4px;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-choose-form-title span {
    font-size: 0.1rem;
    margin-left: 0.04rem;
  }
}
.page-guide-content .pgc-block-choose-form-select {
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: right;
  direction: rtl;
  min-width: 140px;
  font-size: 14px;
  padding-right: 40px;
  border-radius: 0;
  height: 35px;
  width: unset;
  box-shadow: none;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-choose-form-select {
    padding-right: 0.3rem;
    min-width: 1.3rem;
    height: 0.32rem;
    font-size: 0.12rem;
  }
}
.page-guide-content .pgc-block-choose-form-btn {
  width: 88px;
  min-width: 88px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #111;
  font-size: 12px;
  color: #fff;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-choose-form-btn {
    width: 0.77rem;
    min-width: 0.77rem;
    font-size: 0.1rem;
    height: 0.32rem;
    border-radius: 0.08rem;
  }
}
.page-guide-content .pgc-block-choose-form-btns {
  display: flex;
  justify-content: space-between;
  width: 88px;
  min-width: 88px;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-choose-form-btns {
    width: 0.77rem;
    min-width: 0.77rem;
    border-radius: 0.08rem;
  }
}
.page-guide-content .pgc-block-choose-form-btns .btn {
  width: 40px;
  height: 35px;
  display: block;
  cursor: pointer;
  border: 1px solid #dcdcdc;
  position: relative;
  cursor: pointer;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-choose-form-btns .btn {
    width: 0.35rem;
    height: 0.32rem;
    border-radius: 0.05rem;
  }
}
.page-guide-content .pgc-block-choose-form-btns .btn.disabled {
  background: #dcdcdc;
  cursor: initial;
}
.page-guide-content .pgc-block-choose-form-btns .btn:before {
  content: "";
  width: 10px;
  height: 1px;
  background: #111;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-choose-form-btns .btn:before {
    width: 0.1rem;
  }
}
.page-guide-content .pgc-block-choose-form-btns .btn.add:after {
  content: "";
  width: 1px;
  height: 10px;
  background: #111;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-choose-form-btns .btn.add:after {
    height: 0.1rem;
  }
}
.page-guide-content .pgc-block-choose-right {
  border: 1px solid #dcdcdc;
  padding: 90px 100px;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-choose-right {
    border-radius: 0.08rem;
    padding: 0.3rem 0.2rem;
  }
}
.page-guide-content .pgc-block-choose-tip {
  display: flex;
  align-items: center;
  font-size: 16px;
  gap: 6px;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-choose-tip {
    gap: 0.1rem;
    font-size: 0.13rem;
  }
}
.page-guide-content .pgc-block-choose-tip:not(:first-child) {
  margin-top: 60px;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-choose-tip:not(:first-child) {
    margin-top: 0.3rem;
  }
}
.page-guide-content .pgc-block-choose-tip span {
  width: 26px;
  height: 26px;
  min-width: 26px;
  border-radius: 50%;
  background: #111;
  color: #fff;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-choose-tip span {
    width: 0.26rem;
    height: 0.26rem;
    min-width: 0.26rem;
    font-size: 0.16rem;
  }
}
.page-guide-content .pgc-block-choose-link {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px 40px;
  margin-top: 20px;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-choose-link {
    display: block;
    margin-top: 0.1rem;
  }
}
.page-guide-content .pgc-block-choose-link .link {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid #dcdcdc;
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-choose-link .link {
    font-size: 0.14rem;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 0.14rem;
  }
  .page-guide-content .pgc-block-choose-link .link + .link {
    margin-top: 0.15rem;
  }
}
.page-guide-content .pgc-block-choose-link .link:after {
  content: "";
  display: block;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 50%;
  background: url("../images/header/arrows_slim_right.svg") no-repeat center center;
  background-size: 12px auto;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-choose-link .link:after {
    width: 0.54rem;
    height: 0.54rem;
    background-size: 0.12rem auto;
  }
}
.page-guide-content .pgc-block-flex {
  margin-top: 40px;
  display: flex;
  gap: 60px;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-flex {
    display: block;
    margin-top: 0;
  }
}
.page-guide-content .pgc-block-flex-box {
  flex: 1;
}
.page-guide-content .pgc-block-flex-box-title {
  display: inline-flex;
  height: 40px;
  font-size: 16px;
  align-items: center;
  justify-content: center;
  padding: 0 25px;
  border-radius: 20px;
  border: 1px solid #111;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-flex-box-title {
    height: 0.24rem;
    border-radius: 0.12rem;
    padding: 0 0.18rem;
    font-size: 0.12rem;
    margin-top: 0.3rem;
  }
}
.page-guide-content .pgc-block-flex-box-title:not(:first-child) {
  margin-top: 40px;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-flex-box-title:not(:first-child) {
    margin-top: 0.3rem;
  }
}
.page-guide-content .pgc-block-flex-box-text {
  font-size: 14px;
  line-height: 2;
  margin-top: 20px;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-flex-box-text {
    margin-top: 0.15rem;
    font-size: 0.12rem;
  }
}
.page-guide-content .pgc-block-flex-box-tip {
  font-size: 12px;
  line-height: 2;
  margin-top: 20px;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-flex-box-tip {
    margin-top: 0.15rem;
    font-size: 0.1rem;
  }
}
.page-guide-content .pgc-block-flex-box-table {
  margin-top: 30px;
  background: #f5f5f5;
  padding: 15px 40px 25px;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-flex-box-table {
    margin-top: 0.2rem;
    padding: 0.1rem 0.2rem;
    border-radius: 0.08rem;
  }
}
.page-guide-content .pgc-block-flex-box-table table {
  width: 100%;
  border-collapse: collapse;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-flex-box-table table tr {
    display: block;
    padding: 0.2rem 0;
  }
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-flex-box-table table tr:not(:last-child) {
    border-bottom: 1px solid #dcdcdc;
  }
}
.page-guide-content .pgc-block-flex-box-table table tr:not(:last-child) th,
.page-guide-content .pgc-block-flex-box-table table tr:not(:last-child) td {
  border-bottom: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-flex-box-table table tr:not(:last-child) th,
  .page-guide-content .pgc-block-flex-box-table table tr:not(:last-child) td {
    border-bottom: none;
  }
}
.page-guide-content .pgc-block-flex-box-table table th {
  font-size: 16px;
  white-space: nowrap;
  padding: 25px 0;
  padding-right: 20px;
  text-align: left;
  vertical-align: top;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-flex-box-table table th {
    display: block;
    padding: 0;
    font-size: 0.13rem;
  }
}
.page-guide-content .pgc-block-flex-box-table table td {
  font-size: 14px;
  line-height: 2;
  padding: 25px 0;
  text-align: left;
}
@media (max-width: 960px) {
  .page-guide-content .pgc-block-flex-box-table table td {
    display: block;
    padding: 0;
    font-size: 0.12rem;
    margin-top: 0.1rem;
  }
}

/*mypage*/
.page-login-title {
  max-width: 1680px;
  margin: 0 auto;
  padding: 40px 40px;
  font-size: 30px;
}
@media (max-width: 960px) {
  .page-login-title {
    padding: 0.2rem;
  }
}
.page-login-box {
  max-width: 1680px;
  margin: 0 auto;
  padding: 40px 40px;
  display: flex;
}
@media (max-width: 960px) {
  .page-login-box {
    padding: 0.4rem 0.2rem 0.7rem;
    display: block;
  }
}
.page-login-box .left-box {
  padding-right: 3.125vw;
  border-right: 1px solid #dcdcdc;
  flex: 1;
}
@media (max-width: 960px) {
  .page-login-box .left-box {
    padding-right: 0;
    border-right: none;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #dcdcdc;
  }
}
.page-login-box .left-box-title {
  font-size: 20px;
  margin-bottom: 40px;
}
@media (max-width: 960px) {
  .page-login-box .left-box-title {
    font-size: 0.16rem;
    margin-bottom: 0.3rem;
  }
}
.page-login-box .left-box-name {
  display: flex;
  align-items: center;
  font-size: 16px;
  margin-top: 30px;
}
@media (max-width: 960px) {
  .page-login-box .left-box-name {
    margin-top: 0.2rem;
    font-size: 0.12rem;
  }
}
.page-login-box .left-box-name span {
  color: #e24974;
  font-size: 12px;
  margin-left: 8px;
}
@media (max-width: 960px) {
  .page-login-box .left-box-name span {
    font-size: 0.1rem;
    margin-left: 0.04rem;
  }
}
.page-login-box .left-box-input {
  margin-top: 16px;
  position: relative;
}
@media (max-width: 960px) {
  .page-login-box .left-box-input {
    margin-top: 0.1rem;
  }
}
.page-login-box .left-box-input input {
  border: none;
  background: #f5f5f5;
  outline: none;
  height: 60px;
  width: 100%;
  padding-left: 25px;
  padding-right: 70px;
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-login-box .left-box-input input {
    height: 0.5rem;
    padding-left: 0.15rem;
    padding-right: 0.5rem;
    font-size: 0.12rem;
    border-radius: 0.08rem;
  }
}
.page-login-box .left-box-input.password .show-password {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: url("../images/login/eye.svg") no-repeat center center/contain;
}
@media (max-width: 960px) {
  .page-login-box .left-box-input.password .show-password {
    right: 0.16rem;
    width: 0.18rem;
    height: 0.18rem;
  }
}
.page-login-box .left-box-input.password .show-password.close {
  background-image: url("../images/login/eye-close.svg");
}
.page-login-box .left-box-forget {
  text-align: right;
  margin-top: 20px;
  font-size: 0;
}
@media (max-width: 960px) {
  .page-login-box .left-box-forget {
    margin-top: 0.1rem;
  }
}
.page-login-box .left-box-forget a {
  font-size: 12px;
  color: #30c1c1;
}
@media (max-width: 960px) {
  .page-login-box .left-box-forget a {
    font-size: 0.1rem;
  }
}
.page-login-box .left-box-submit {
  width: 300px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #111111;
  color: #fff;
  font-size: 14px;
  margin-top: 32px;
  cursor: pointer;
}
@media (max-width: 960px) {
  .page-login-box .left-box-submit {
    width: 100%;
    height: 0.72rem;
    border-radius: 0.08rem;
    font-size: 0.14rem;
    margin-top: 0.3rem;
  }
}
.page-login-box .right-box {
  padding-left: 3.125vw;
  flex: 1;
}
@media (max-width: 960px) {
  .page-login-box .right-box {
    padding-left: 0;
    margin-top: 0.4rem;
  }
}
.page-login-box .right-box-title {
  font-size: 20px;
}
@media (max-width: 960px) {
  .page-login-box .right-box-title {
    font-size: 0.16rem;
  }
}
.page-login-box .right-box-text {
  margin-top: 30px;
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-login-box .right-box-text {
    font-size: 0.12rem;
    margin-top: 0.3rem;
  }
}
.page-login-box .right-box-login {
  margin-top: 40px;
  display: flex;
}
@media (max-width: 960px) {
  .page-login-box .right-box-login {
    margin-top: 0.3rem;
  }
}
@media (max-width: 960px) {
  .page-login-box .right-box-login a {
    width: 100%;
  }
  .page-login-box .right-box-login a img {
    width: 100%;
  }
}

.page-entry-inner {
  max-width: 1130px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 960px) {
  .page-entry-inner {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
}
.page-entry-title {
  text-align: center;
  font-size: 30px;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (max-width: 960px) {
  .page-entry-title {
    text-align: left;
    font-size: 0.2rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
  }
}
.page-entry-text {
  font-size: 14px;
  padding-top: 40px;
  padding-bottom: 50px;
}
@media (max-width: 960px) {
  .page-entry-text {
    padding-top: 0.2rem;
    padding-bottom: 0.4rem;
    font-size: 0.12rem;
  }
}
.page-entry-form .form-name {
  display: flex;
  align-items: center;
  font-size: 16px;
  margin-top: 30px;
}
@media (max-width: 960px) {
  .page-entry-form .form-name {
    margin-top: 0.2rem;
    font-size: 0.12rem;
  }
}
.page-entry-form .form-name span {
  color: #e24974;
  font-size: 12px;
  margin-left: 8px;
}
@media (max-width: 960px) {
  .page-entry-form .form-name span {
    font-size: 0.1rem;
    margin-left: 0.04rem;
  }
}
.page-entry-form .form-input {
  margin-top: 16px;
  position: relative;
}
@media (max-width: 960px) {
  .page-entry-form .form-input {
    margin-top: 0.1rem;
  }
}
.page-entry-form .form-input input {
  border: none;
  background: #f5f5f5;
  outline: none;
  height: 60px;
  width: 100%;
  padding-left: 25px;
  padding-right: 70px;
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-entry-form .form-input input {
    height: 0.5rem;
    padding-left: 0.15rem;
    padding-right: 0.5rem;
    font-size: 0.12rem;
    border-radius: 0.08rem;
  }
}
.page-entry-form .form-text {
  font-size: 12px;
  max-width: 550px;
  margin-top: 20px;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-entry-form .form-text {
    font-size: 0.1rem;
    max-width: 100%;
    margin-top: 0.2rem;
  }
}
.page-entry-form .form-checkbox {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 16px;
}
@media (max-width: 960px) {
  .page-entry-form .form-checkbox {
    margin-top: 0.14rem;
    gap: 0.3rem;
  }
}
.page-entry-form .form-checkbox label {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 0;
}
@media (max-width: 960px) {
  .page-entry-form .form-checkbox label {
    gap: 0.1rem;
  }
}
.page-entry-form .form-checkbox label input {
  appearance: none;
  outline: none;
  display: block;
  width: 17px;
  height: 17px;
  border: 1px solid #dcdcdc;
  background: #fff;
  position: relative;
}
@media (max-width: 960px) {
  .page-entry-form .form-checkbox label input {
    width: 0.17rem;
    height: 0.17rem;
  }
}
.page-entry-form .form-checkbox label input:checked:after {
  content: "";
  display: block;
  width: 18px;
  height: 14px;
  background: url("../images/login/check-line.svg") no-repeat center top;
  background-size: 100% auto;
  position: absolute;
  left: 1px;
  top: -1px;
}
@media (max-width: 960px) {
  .page-entry-form .form-checkbox label input:checked:after {
    width: 0.18rem;
    height: 0.14rem;
  }
}
.page-entry-form .form-checkbox label span {
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-entry-form .form-checkbox label span {
    font-size: 0.12rem;
  }
}
.page-entry-form .form-select {
  display: flex;
  align-items: center;
  margin-top: 16px;
  gap: 50px;
}
@media (max-width: 960px) {
  .page-entry-form .form-select {
    margin-top: 0.1rem;
    gap: 0.3rem;
  }
}
.page-entry-form .form-select label {
  position: relative;
  font-size: 0;
}
@media (max-width: 960px) {
  .page-entry-form .form-select label {
    width: calc(33% - 0.1rem);
  }
}
.page-entry-form .form-select label.full-line {
  flex: 1;
}
.page-entry-form .form-select label.full-line select {
  width: 100%;
}
.page-entry-form .form-select label:before {
  content: "";
  display: block;
  position: absolute;
  right: 12px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 1.5px solid #111;
  border-bottom: 1.5px solid #111;
  transform: translateY(-65%) rotateZ(45deg);
}
@media (max-width: 960px) {
  .page-entry-form .form-select label:before {
    border-right: 0.015rem solid #111;
    border-bottom: 0.015rem solid #111;
    right: 0.1rem;
    width: 0.08rem;
    height: 0.08rem;
  }
}
.page-entry-form .form-select label:not(:last-child):after {
  content: "";
  display: block;
  width: 45px;
  height: 1px;
  background: #dcdcdc;
  position: absolute;
  right: -26px;
  top: 50%;
  transform: translate(50%, -50%) rotateZ(-56deg);
}
@media (max-width: 960px) {
  .page-entry-form .form-select label:not(:last-child):after {
    right: -0.15rem;
    width: 0.4rem;
    transform: translate(50%, -50%) rotateZ(-67deg);
  }
}
.page-entry-form .form-select label select {
  width: 151px;
  height: 60px;
  font-size: 14px;
  background: #f5f5f5;
  border: none;
  outline: none;
  appearance: none;
  padding-left: 25px;
  padding-right: 40px;
}
@media (max-width: 960px) {
  .page-entry-form .form-select label select {
    width: 100%;
    height: 0.5rem;
    border-radius: 0.08rem;
    font-size: 0.12rem;
    padding-left: 0.15rem;
    padding-right: 0.4rem;
  }
}
.page-entry-form .form-textarea {
  margin-top: 16px;
  position: relative;
}
@media (max-width: 960px) {
  .page-entry-form .form-textarea {
    margin-top: 0.1rem;
  }
}
.page-entry-form .form-textarea textarea {
  border: none;
  background: #f5f5f5;
  outline: none;
  height: 60px;
  width: 100%;
  padding-left: 25px;
  padding-right: 70px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 14px;
  height: 240px;
}
@media (max-width: 960px) {
  .page-entry-form .form-textarea textarea {
    height: 1.5rem;
    padding-left: 0.15rem;
    padding-right: 0.5rem;
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
    font-size: 0.12rem;
    border-radius: 0.08rem;
  }
}
.page-entry-form .form-file {
  margin-top: 16px;
  position: relative;
}
@media (max-width: 960px) {
  .page-entry-form .form-file {
    margin-top: 0.1rem;
  }
}
.page-entry-form .form-file .fake-file {
  padding: 10px;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  gap: 18px;
  position: relative;
}
@media (max-width: 960px) {
  .page-entry-form .form-file .fake-file {
    padding: 0.07rem 0.15rem;
    border-radius: 0.08rem;
    gap: 0.08rem;
  }
}
.page-entry-form .form-file .fake-file span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 40px;
  font-size: 16px;
  background: #c5c5c5;
}
@media (max-width: 960px) {
  .page-entry-form .form-file .fake-file span {
    width: 1.14rem;
    height: 0.36rem;
    font-size: 0.12rem;
    border-radius: 0.08rem;
  }
}
.page-entry-form .form-file .fake-file #fileupload {
  appearance: none;
  border: none;
  outline: none;
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-entry-form .form-file .fake-file #fileupload {
    font-size: 0.12rem;
  }
}
.page-entry-form .form-file .fake-file label {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 960px) {
  .page-entry-form .form-file .fake-file label {
  }
}
.page-entry-agree {
  margin-top: 40px;
}
@media (max-width: 960px) {
  .page-entry-agree {
    margin-top: 0.3rem;
  }
}
.page-entry-agree .agree-line {
  display: block;
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 40px;
}
@media (max-width: 960px) {
  .page-entry-agree .agree-line {
    margin-bottom: 0.3rem;
  }
}
.page-entry-agree .agree-area {
  margin-top: 30px;
}
@media (max-width: 960px) {
  .page-entry-agree .agree-area {
    margin-top: 0.2rem;
  }
}
.page-entry-agree .agree-area label {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 0;
  max-width: 300px;
  padding-left: 40px;
  margin: 0 auto;
}
@media (max-width: 960px) {
  .page-entry-agree .agree-area label {
    gap: 0.1rem;
    max-width: 100%;
    padding-left: 0.8rem;
  }
}
.page-entry-agree .agree-area label input {
  appearance: none;
  outline: none;
  display: block;
  width: 17px;
  height: 17px;
  border: 1px solid #dcdcdc;
  background: #fff;
  position: relative;
}
@media (max-width: 960px) {
  .page-entry-agree .agree-area label input {
    width: 0.17rem;
    height: 0.17rem;
  }
}
.page-entry-agree .agree-area label input:checked:after {
  content: "";
  display: block;
  width: 18px;
  height: 14px;
  background: url("../images/login/check-line.svg") no-repeat center top;
  background-size: 100% auto;
  position: absolute;
  left: 1px;
  top: -1px;
}
@media (max-width: 960px) {
  .page-entry-agree .agree-area label input:checked:after {
    width: 0.18rem;
    height: 0.14rem;
  }
}
.page-entry-agree .agree-area label span {
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-entry-agree .agree-area label span {
    font-size: 0.12rem;
  }
}
.page-entry-agree .agree-area label span a {
  color: #30c1c1;
  text-decoration: underline;
}
.page-entry-submit .btn {
  width: 300px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #111111;
  color: #fff;
  font-size: 14px;
  margin: 40px auto;
  cursor: pointer;
}
@media (max-width: 960px) {
  .page-entry-submit .btn {
    width: 100%;
    height: 0.72rem;
    border-radius: 0.08rem;
    font-size: 0.14rem;
    margin-top: 0.3rem;
  }
}

.page-mypage-box {
  border-top: 1px solid #dcdcdc;
  margin-top: 50px;
  display: flex;
  margin-bottom: -1px;
}
@media (max-width: 960px) {
  .page-mypage-box {
    border-top: none;
    margin-top: 0.2rem;
  }
}
.page-mypage-box .box-left {
  position: sticky;
  top: 150px;
  width: 412px;
  height: fit-content;
}
.page-mypage-box .box-left-link {
  display: flex;
  align-items: center;
  height: 85px;
  font-size: 14px;
  padding: 0 50px;
  border-bottom: 1px solid #dcdcdc;
  gap: 20px;
}
.page-mypage-box .box-left-link img {
  width: 33px;
  height: 33px;
  object-fit: contain;
  min-width: 33px;
}
.page-mypage-box .box-right {
  border-left: 1px solid #dcdcdc;
  padding: 80px 7vw;
  flex: 1;
}
@media (max-width: 960px) {
  .page-mypage-box .box-right {
    border-left: none;
    padding: 0 0.2rem 0.7rem;
  }
}
.page-mypage-box .box-right-title {
  font-size: 30px;
}
@media (max-width: 960px) {
  .page-mypage-box .box-right-title {
    font-size: 0.2rem;
  }
}
.page-mypage-box .box-right-text {
  font-size: 14px;
  margin-top: 70px;
}
@media (max-width: 960px) {
  .page-mypage-box .box-right-text {
    font-size: 0.12rem;
    margin-top: 0.4rem;
  }
}
.page-mypage-box .box-right-member-info {
  margin-top: 10px;
}
@media (max-width: 960px) {
  .page-mypage-box .box-right-member-info {
    margin-top: 0.1rem;
  }
}
.page-mypage-box .box-right-member-info .info {
  display: flex;
  padding: 20px 0;
  line-height: 1.66;
}
@media (max-width: 960px) {
  .page-mypage-box .box-right-member-info .info {
    padding: 0.2rem 0;
  }
}
.page-mypage-box .box-right-member-info .info:not(:last-child) {
  border-bottom: 1px solid #dcdcdc;
}
.page-mypage-box .box-right-member-info .info-left {
  width: 200px;
  min-width: 200px;
  font-size: 16px;
  color: #c5c5c5;
}
@media (max-width: 960px) {
  .page-mypage-box .box-right-member-info .info-left {
    width: 1.47rem;
    min-width: 1.47rem;
    font-size: 0.12rem;
  }
}
.page-mypage-box .box-right-member-info .info-right {
  font-size: 16px;
  flex: 1;
}
@media (max-width: 960px) {
  .page-mypage-box .box-right-member-info .info-right {
    font-size: 0.12rem;
  }
}
.page-mypage-box .box-right-btn {
  width: 300px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #111111;
  color: #fff;
  font-size: 14px;
  margin-top: 40px;
  cursor: pointer;
}
@media (max-width: 960px) {
  .page-mypage-box .box-right-btn {
    width: 100%;
    height: 0.72rem;
    border-radius: 0.08rem;
    font-size: 0.14rem;
    margin-top: 0.3rem;
  }
}
.page-mypage .pm-bottom-btns {
  display: flex;
  flex-direction: column;
  padding: 0 0.2rem 0.4rem;
  gap: 0.3rem;
}
.page-mypage .pm-bottom-btns .btn {
  width: 100%;
  height: 0.72rem;
  border-radius: 0.36rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dcdcdc;
  background: #fff;
  font-size: 0.14rem;
}
.page-sample-present .psp-title {
  font-size: 50px;
  margin-top: 50px;
  text-align: center;
}
@media (max-width: 960px) {
  .page-sample-present .psp-title {
    margin-top: 0.2rem;
    font-size: 0.3rem;
    text-align: left;
  }
}
.page-sample-present .psp-text {
  font-size: 16px;
  text-align: center;
}
@media (max-width: 960px) {
  .page-sample-present .psp-text {
    font-size: 0.12rem;
    text-align: left;
  }
}
.page-sample-present .psp-flex {
  display: flex;
  align-items: center;
  gap: 3.6vw;
  padding-top: 80px;
  padding-bottom: 80px;
  border-bottom: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-sample-present .psp-flex {
    flex-direction: column;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
    border-bottom: none;
    gap: 0.3rem;
  }
}
.page-sample-present .psp-flex-img {
  min-width: 375px;
  width: 375px;
  font-size: 0;
}
@media (max-width: 960px) {
  .page-sample-present .psp-flex-img {
    width: 100%;
    min-width: 100%;
  }
  .page-sample-present .psp-flex-img img {
    border-radius: 0.08rem;
  }
}
.page-sample-present .psp-flex-text {
  font-size: 14px;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-sample-present .psp-flex-text {
    font-size: 0.12rem;
  }
}
.page-sample-present .psp-flex-text span {
  display: block;
  font-size: 12px;
  margin-top: 20px;
}
@media (max-width: 960px) {
  .page-sample-present .psp-flex-text span {
    font-size: 0.1rem;
    margin-top: 0.2rem;
  }
}
.page-sample-present .psp-form {
  margin-top: 80px;
  margin-bottom: 80px;
}
@media (max-width: 960px) {
  .page-sample-present .psp-form {
    margin-top: 0.3rem;
    margin-bottom: 0.4rem;
  }
}
.page-sample-present .psp-form-title {
  font-size: 20px;
}
@media (max-width: 960px) {
  .page-sample-present .psp-form-title {
    font-size: 0.16rem;
  }
}
.page-sample-present .psp-form-text {
  font-size: 16px;
  margin-top: 30px;
  line-height: 2;
}
.page-sample-present .psp-form-text a {
  color: #30c1c1;
  text-decoration: underline;
}
@media (max-width: 960px) {
  .page-sample-present .psp-form-text {
    font-size: 0.12rem;
    margin-top: 0.3rem;
  }
}
.page-sample-present .psp-form-tip {
  font-size: 12px;
  margin-top: 20px;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-sample-present .psp-form-tip {
    font-size: 0.1rem;
    margin-top: 0.2rem;
  }
}
.page-sample-present .psp-form-text.page-entry-form {
  margin-top: 60px;
}
@media (max-width: 960px) {
  .page-sample-present .psp-form-text.page-entry-form {
    margin-top: 0.4rem;
  }
}
.page-sample-present .psp-form-tip.page-entry-form {
  margin-top: 60px;
}
@media (max-width: 960px) {
  .page-sample-present .psp-form-tip.page-entry-form {
    margin-top: 0.4rem;
  }
}

.page-gallery-inner {
  max-width: 1680px;
  padding-left: 40px;
  padding-right: 40px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 960px) {
  .page-gallery-inner {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
}
.page-gallery-en {
  font-size: 50px;
  margin-top: 50px;
}
@media (max-width: 960px) {
  .page-gallery-en {
    margin-top: 0.2rem;
    font-size: 0.3rem;
  }
}
.page-gallery-title {
  font-size: 16px;
  margin-bottom: 80px;
}
@media (max-width: 960px) {
  .page-gallery-title {
    font-size: 0.12rem;
    margin-bottom: 0.4rem;
  }
}
.page-gallery-text {
  font-size: 14px;
  max-width: 818px;
  margin: 30px 0;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-gallery-text {
    max-width: unset;
    font-size: 0.12rem;
    margin: 0.3rem 0;
  }
}
.page-gallery-sub-title {
  font-size: 20px;
  margin-top: 80px;
  margin-bottom: 30px;
}
@media (max-width: 960px) {
  .page-gallery-sub-title {
    font-size: 0.16rem;
    margin-top: 0.4rem;
    margin-bottom: 0.3rem;
  }
}
.page-gallery-flex {
  display: flex;
  margin-top: 40px;
  flex-wrap: wrap;
}
@media (max-width: 960px) {
  .page-gallery-flex {
    margin-top: 0.3rem;
    flex-wrap: wrap;
  }
}
.page-gallery-flex .pgf-block {
  width: 50%;
  border: 1px solid #dcdcdc;
  padding-bottom: 56px;
}
@media (max-width: 960px) {
  .page-gallery-flex .pgf-block {
    width: 50%;
    padding-bottom: 0.3rem;
    margin-top: -1px;
    margin-right: -1px;
    overflow: hidden;
  }
  .page-gallery-flex .pgf-block:nth-child(1) {
    border-top-left-radius: 0.08rem;
  }
  .page-gallery-flex .pgf-block:nth-child(2) {
    border-top-right-radius: 0.08rem;
  }
  .page-gallery-flex .pgf-block:nth-child(3) {
    border-bottom-left-radius: 0.08rem;
  }
  .page-gallery-flex .pgf-block:nth-child(4) {
    border-bottom-right-radius: 0.08rem;
  }
}
.page-gallery-flex .pgf-block:not(:first-child) {
  border-left: none;
}
@media (max-width: 960px) {
  .page-gallery-flex .pgf-block:not(:first-child) {
    border: 1px solid #dcdcdc;
  }
}
.page-gallery-flex .pgf-block-img {
  display: flex;
  height: 174px;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  color: #fff;
  font-weight: bold;
  background: no-repeat center center/cover;
}
@media (max-width: 960px) {
  .page-gallery-flex .pgf-block-img {
    height: 0.74rem;
    font-size: 0.2rem;
  }
}
.page-gallery-flex .pgf-block-logo {
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dcdcdc;
  margin: -30px auto 0;
  border-radius: 50%;
  background: #fff;
}
@media (max-width: 960px) {
  .page-gallery-flex .pgf-block-logo {
    width: 0.5rem;
    height: 0.5rem;
    margin-top: -0.12rem;
  }
}
.page-gallery-flex .pgf-block-link {
  text-align: center;
  margin-top: 5px;
}
@media (max-width: 960px) {
  .page-gallery-flex .pgf-block-link {
    margin-top: 0.1rem;
  }
}
.page-gallery-flex .pgf-block-link a {
  display: inline-flex;
  align-items: center;
  border-bottom: 1px solid #dcdcdc;
  font-size: 14px;
  padding: 15px 0;
  gap: 20px;
}
@media (max-width: 960px) {
  .page-gallery-flex .pgf-block-link a {
    padding: 0;
    font-size: 0.12rem;
    border: none;
  }
}
.page-gallery-flex .pgf-block-link a:after {
  content: "";
  display: block;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 50%;
  background: url("../images/header/arrows_slim_right.svg") no-repeat center center;
  background-size: 12px auto;
  margin-left: 16px;
}
@media (max-width: 960px) {
  .page-gallery-flex .pgf-block-link a:after {
    display: none;
  }
}
.page-gallery-grid {
  display: grid;
  grid-gap: 0 20px;
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 960px) {
  .page-gallery-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0 0.1rem;
  }
}
.page-gallery-grid .pgg-block {
  margin-bottom: 60px;
}
@media (max-width: 960px) {
  .page-gallery-grid .pgg-block {
    margin-bottom: 0.4rem;
  }
}
.page-gallery-grid .pgg-block-img {
  font-size: 0;
  margin-bottom: 18px;
  display: block;
}
.page-gallery-grid .pgg-block-img img {
  width: 100%;
}
@media (max-width: 960px) {
  .page-gallery-grid .pgg-block-img {
    margin-bottom: 0.1rem;
  }
  .page-gallery-grid .pgg-block-img img {
    border-radius: 0.08rem;
  }
}
.page-gallery-grid .pgg-block-text {
  margin-top: 12px;
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-gallery-grid .pgg-block-text {
    margin-top: 0.1rem;
    font-size: 0.12rem;
  }
}
.page-gallery-grid .pgg-block-text span {
  color: #c5c5c5;
}
@media (max-width: 960px) {
  .page-gallery-grid .pgg-block-text span {
    display: block;
  }
}

.page-customer-voice-inner {
  max-width: 1680px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 960px) {
  .page-customer-voice-inner {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
}
.page-customer-voice-en {
  font-size: 50px;
  margin-top: 50px;
}
@media (max-width: 960px) {
  .page-customer-voice-en {
    margin-top: 0.2rem;
    font-size: 0.3rem;
  }
}
.page-customer-voice-title {
  font-size: 16px;
  margin-bottom: 80px;
}
@media (max-width: 960px) {
  .page-customer-voice-title {
    font-size: 0.12rem;
    margin-bottom: 0.4rem;
  }
}
.page-customer-voice-text {
  font-size: 14px;
  max-width: 818px;
  margin: 30px 0;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-customer-voice-text {
    max-width: unset;
    font-size: 0.12rem;
    margin: 0.3rem 0;
  }
}
.page-customer-voice-block {
  display: flex;
  align-items: center;
  padding: 80px 0;
}
@media (max-width: 960px) {
  .page-customer-voice-block {
    padding: 0.4rem 0;
    display: block;
  }
}
.page-customer-voice-block + .page-customer-voice-block {
  border-top: 1px solid #dcdcdc;
}
.page-customer-voice-block .block-left {
  flex: 1;
  border-right: 1px solid #dcdcdc;
  padding-right: 2.5vw;
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 960px) {
  .page-customer-voice-block .block-left {
    padding-right: 0;
    border-right: none;
    grid-gap: 0.1rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
.page-customer-voice-block .block-left-img {
  font-size: 0;
}
@media (max-width: 960px) {
  .page-customer-voice-block .block-left-img img {
    border-radius: 0.08rem;
  }
}
.page-customer-voice-block .block-right {
  flex: 1;
  padding-left: 2.5vw;
}
@media (max-width: 960px) {
  .page-customer-voice-block .block-right {
    padding-left: 0;
  }
}
.page-customer-voice-block .block-right-name {
  height: 40px;
  border-radius: 20px;
  padding: 0 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  border: 1px solid #111;
}
@media (max-width: 960px) {
  .page-customer-voice-block .block-right-name {
    height: 0.24rem;
    padding: 0 0.16rem;
    border-radius: 0.12rem;
    font-size: 0.12rem;
  }
}
.page-customer-voice-block .block-right-series {
  font-size: 20px;
  margin-top: 20px;
}
@media (max-width: 960px) {
  .page-customer-voice-block .block-right-series {
    margin-top: 0.15rem;
    font-size: 0.16rem;
    margin-bottom: 0.3rem;
  }
}
.page-customer-voice-block .block-right-info {
  margin-top: 40px;
}
@media (max-width: 960px) {
  .page-customer-voice-block .block-right-info {
    margin-top: 0.12rem;
  }
}
.page-customer-voice-block .block-right-info .info {
  font-size: 14px;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-customer-voice-block .block-right-info .info {
    font-size: 0.12rem;
  }
}
.page-customer-voice-block .block-right-info .info span {
  color: #c5c5c5;
}
@media (max-width: 960px) {
  .page-customer-voice-block .block-right-info .info span {
    display: block;
    font-size: 0.12rem;
  }
}
.page-customer-voice-block .block-right-text {
  font-size: 14px;
  line-height: 2;
  margin-top: 40px;
}
@media (max-width: 960px) {
  .page-customer-voice-block .block-right-text {
    font-size: 0.12rem;
    margin-top: 0.3rem;
  }
}
.page-parts-contact-inner {
  max-width: 1680px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 960px) {
  .page-parts-contact-inner {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
}
.page-parts-contact-title {
  font-size: 20px;
  margin-top: 50px;
}
@media (max-width: 960px) {
  .page-parts-contact-title {
    margin-top: 0.2rem;
    font-size: 0.16rem;
  }
}
.page-parts-contact-text {
  margin-top: 30px;
  font-size: 14px;
  line-height: 2;
  max-width: 820px;
}
@media (max-width: 960px) {
  .page-parts-contact-text {
    margin-top: 0.3rem;
    font-size: 0.12rem;
    max-width: 100%;
  }
}
.page-parts-contact-top {
  margin-top: 80px;
  padding-bottom: 80px;
  border-bottom: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-parts-contact-top {
    margin-top: 0.4rem;
    padding-bottom: 0.4rem;
  }
}
.page-parts-contact-top .ppct-tabs {
  display: flex;
  align-items: center;
  gap: 30px;
}
@media (max-width: 960px) {
  .page-parts-contact-top .ppct-tabs {
    overflow-x: auto;
    gap: 0.07rem;
  }
}
.page-parts-contact-top .ppct-tabs .tab {
  font-size: 16px;
  color: #c5c5c5;
  padding-bottom: 4px;
  border-bottom: 1px solid transparent;
  cursor: pointer;
}
@media (max-width: 960px) {
  .page-parts-contact-top .ppct-tabs .tab {
    padding: 0.05rem 0.15rem;
    border: 1px solid #f5f5f5;
    background: #f5f5f5;
    font-size: 0.12rem;
    border-radius: 0.15rem;
  }
}
.page-parts-contact-top .ppct-tabs .tab:hover,
.page-parts-contact-top .ppct-tabs .tab.active {
  color: #111;
  border-bottom: 1px solid #111;
}
@media (max-width: 960px) {
  .page-parts-contact-top .ppct-tabs .tab:hover,
  .page-parts-contact-top .ppct-tabs .tab.active {
    border: 1px solid #dcdcdc;
    background: #fff;
  }
}
.page-parts-contact-top .ppct-table {
  margin-top: 30px;
  overflow-x: auto;
}
@media (max-width: 960px) {
  .page-parts-contact-top .ppct-table {
    margin-top: 0.3rem;
  }
}
.page-parts-contact-top .ppct-table table {
  width: 100%;
  border: none;
  border-collapse: collapse;
  min-width: 1200px;
}
@media (max-width: 960px) {
  .page-parts-contact-top .ppct-table table {
    min-width: 12.6rem;
    border-radius: 0.08rem;
  }
  .page-parts-contact-top .ppct-table table tr:first-child th:first-child {
    border-top-left-radius: 0.08rem;
  }
  .page-parts-contact-top .ppct-table table tr:first-child th:last-child {
    border-top-right-radius: 0.08rem;
  }
  .page-parts-contact-top .ppct-table table tr:last-child td:first-child {
    border-bottom-left-radius: 0.08rem;
  }
  .page-parts-contact-top .ppct-table table tr:last-child td:last-child {
    border-bottom-right-radius: 0.08rem;
  }
}
.page-parts-contact-top .ppct-table table tr:first-child th {
  border-top: 1px solid #dcdcdc;
}
.page-parts-contact-top .ppct-table table tr > :first-child {
  border-left: 1px solid #dcdcdc;
}
.page-parts-contact-top .ppct-table table th {
  background: #111;
  color: #fff;
  text-align: center;
  height: 60px;
  border-bottom: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  font-size: 14px;
  width: 10%;
}
@media (max-width: 960px) {
  .page-parts-contact-top .ppct-table table th {
    font-size: 0.12rem;
    height: 0.6rem;
  }
}
.page-parts-contact-top .ppct-table table td {
  text-align: center;
  height: 80px;
  border-bottom: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-parts-contact-top .ppct-table table td {
    font-size: 0.12rem;
    height: 0.6rem;
  }
}
.page-parts-contact-top .ppct-tip {
  margin-top: 40px;
  padding: 40px;
  background: #f5f5f5;
  font-size: 12px;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-parts-contact-top .ppct-tip {
    margin-top: 0.3rem;
    padding: 0;
    background: none;
    font-size: 0.1rem;
  }
}
.page-parts-contact-top .ppct-tip a {
  color: #30c1c1;
  text-decoration: underline;
}
.page-parts-contact-form {
  margin-top: 80px;
}
@media (max-width: 960px) {
  .page-parts-contact-form {
    margin-top: 0.4rem;
  }
}
.page-parts-contact-form .ppcf-title {
  font-size: 20px;
}
@media (max-width: 960px) {
  .page-parts-contact-form .ppcf-title {
    font-size: 0.16rem;
  }
}
.page-parts-contact-form .ppcf-flex {
  display: flex;
  margin-top: 50px;
}
@media (max-width: 960px) {
  .page-parts-contact-form .ppcf-flex {
    margin-top: 0.3rem;
    display: block;
  }
}
.page-parts-contact-form .ppcf-navi {
  position: relative;
  width: 410px;
  min-width: 300px;
  padding-bottom: 30px;
}
@media (max-width: 960px) {
  .page-parts-contact-form .ppcf-navi {
    min-width: auto;
    width: 100%;
    padding: 0 0.2rem;
  }
}
.page-parts-contact-form .ppcf-navi-step {
  position: sticky;
  top: 150px;
}
@media (max-width: 960px) {
  .page-parts-contact-form .ppcf-navi-step {
    position: relative;
    top: 0;
    display: flex;
    justify-content: space-between;
  }
}
.page-parts-contact-form .ppcf-navi-step:before {
  content: "";
  height: 100%;
  width: 1px;
  display: block;
  position: absolute;
  top: 0;
  left: 50px;
  background: #dcdcdc;
}
@media (max-width: 960px) {
  .page-parts-contact-form .ppcf-navi-step:before {
    width: 100%;
    height: 1px;
    left: 0;
    top: 0.35rem;
  }
}
.page-parts-contact-form .ppcf-navi-step .step {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 40px;
  position: relative;
  z-index: 2;
}
@media (max-width: 960px) {
  .page-parts-contact-form .ppcf-navi-step .step {
    display: block;
    margin-bottom: 0;
  }
}
.page-parts-contact-form .ppcf-navi-step .step-num {
  width: 100px;
  height: 100px;
  background: #fff;
  color: #c5c5c5;
  border: 1px solid #dcdcdc;
  border-radius: 50%;
  padding-top: 24px;
  line-height: 1;
  text-align: center;
  font-size: 12px;
  position: relative;
  z-index: 1;
}
@media (max-width: 960px) {
  .page-parts-contact-form .ppcf-navi-step .step-num {
    width: 0.7rem;
    height: 0.7rem;
    padding-top: 0.15rem;
    font-size: 0.1rem;
  }
}
.page-parts-contact-form .ppcf-navi-step .step-num span {
  display: block;
  font-size: 30px;
}
@media (max-width: 960px) {
  .page-parts-contact-form .ppcf-navi-step .step-num span {
    font-size: 0.2rem;
  }
}
.page-parts-contact-form .ppcf-navi-step .step-name {
  font-size: 16px;
  color: #c5c5c5;
}
@media (max-width: 960px) {
  .page-parts-contact-form .ppcf-navi-step .step-name {
    font-size: 0.13rem;
    margin-top: 0.1rem;
    text-align: center;
  }
}
.page-parts-contact-form .ppcf-navi-step .step.active .step-num {
  background: #111;
  color: #fff;
  border-color: #111;
}
.page-parts-contact-form .ppcf-navi-step .step.active .step-name {
  color: #111;
}
.page-parts-contact-form .ppcf-form {
  padding-left: 7vw;
  border-left: 1px solid #dcdcdc;
  flex: 1;
  padding-bottom: 160px;
}
@media (max-width: 960px) {
  .page-parts-contact-form .ppcf-form {
    padding-left: 0;
    border: none;
    padding-bottom: 0.7rem;
  }
  .page-parts-contact-form .ppcf-form-title {
    margin-top: 0.4rem;
    font-size: 0.16rem;
    margin-bottom: 0.3rem;
  }
}
.page-parts-contact-form .ppcf-form-content {
  display: none;
}
.page-parts-contact-form .ppcf-form-content.active {
  display: block;
}
.page-parts-contact-form .ppcf-form-content > div:first-child .form-name {
  margin-top: 0;
}
.page-parts-contact-form .ppcf-form-content-flex {
  display: flex;
  gap: 50px;
}
@media (max-width: 960px) {
  .page-parts-contact-form .ppcf-form-content-flex {
    display: block;
  }
}
.page-parts-contact-form .ppcf-form-content-flex .page-entry-form {
  flex: 1;
}
.page-parts-contact-form .ppcf-form-content-btns {
  display: flex;
  gap: 30px;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}
@media (max-width: 960px) {
  .page-parts-contact-form .ppcf-form-content-btns {
    gap: 0.1rem;
    margin-top: 0.3rem;
  }
}
.page-parts-contact-form .ppcf-form-content-btns .btn {
  width: 300px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  background: #111;
  color: #fff;
  cursor: pointer;
}
@media (max-width: 960px) {
  .page-parts-contact-form .ppcf-form-content-btns .btn {
    flex: 1;
    width: unset;
    height: 0.72rem;
    font-size: 0.14rem;
    border-radius: 0.08rem;
  }
}
.page-parts-contact-form .ppcf-form-content-btns .btn.back {
  background: #c5c5c5;
}

.page-mypage-address .pma-tip-box {
  margin-top: 30px;
  border: 1px solid #dcdcdc;
  padding: 25px 40px 35px;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-tip-box {
    margin-top: 0.4rem;
    border-radius: 0.08rem;
    padding: 0.1rem 0.2rem 0.3rem;
  }
}
.page-mypage-address .pma-tip-box .tip {
  display: flex;
  gap: 10px;
  font-size: 14px;
  align-items: center;
  margin-top: 15px;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-tip-box .tip {
    margin-top: 0.2rem;
    gap: 0.06rem;
    font-size: 0.12rem;
    align-items: flex-start;
  }
}
.page-mypage-address .pma-tip-box .tip:before {
  content: "";
  display: block;
  width: 24px;
  min-width: 24px;
  height: 24px;
  background: url("../images/review_campaign/prc-icon.svg") no-repeat center center;
  background-size: 100% auto;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-tip-box .tip:before {
    width: 0.14rem;
    height: 0.14rem;
    min-width: 0.14rem;
    margin-top: 0.02rem;
  }
}
.page-mypage-address .pma-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 80px;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-info {
    margin-top: 0.3rem;
    display: block;
  }
}
.page-mypage-address .pma-info-btn {
  width: 300px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #111111;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-info-btn {
    width: 100%;
    height: 0.72rem;
    border-radius: 0.08rem;
    font-size: 0.14rem;
  }
}
.page-mypage-address .pma-info-num {
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-info-num {
    font-size: 0.12rem;
    margin-top: 0.4rem;
  }
}
.page-mypage-address .pma-list {
  margin-top: 40px;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-list {
    margin-top: 0.3rem;
  }
}
.page-mypage-address .pma-list dl {
  border-left: 1px solid #dcdcdc;
  border-top: 1px solid #dcdcdc;
  width: 100%;
  display: flex;
  margin-top: -1px;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-list dl {
    display: block;
    border: 1px solid #dcdcdc;
    padding: 0.3rem 0.2rem;
  }
  .page-mypage-address .pma-list dl:first-child {
    border-top-left-radius: 0.08rem;
    border-top-right-radius: 0.08rem;
  }
  .page-mypage-address .pma-list dl:last-child {
    border-bottom-left-radius: 0.08rem;
    border-bottom-right-radius: 0.08rem;
  }
}
.page-mypage-address .pma-list dl dt {
  padding: 36px 30px;
  font-size: 18px;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  width: 270px;
  min-width: 270px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-list dl dt {
    width: 100%;
    display: block;
    border: none;
    padding: 0;
    text-align: left;
    font-size: 0.16rem;
    min-width: unset;
  }
}
.page-mypage-address .pma-list dl dt span {
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-list dl dt span {
    font-size: 0.1rem;
  }
}
.page-mypage-address .pma-list dl dd {
  font-size: 14px;
  line-height: 2;
  padding: 36px 30px;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  width: 100%;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-list dl dd {
    width: 100%;
    display: block;
    border: none;
    padding: 0;
    margin-top: 0.2rem;
    font-size: 0.12rem;
  }
}
.page-mypage-address .pma-list dl dd:last-child {
  width: 150px;
  min-width: 150px;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-list dl dd:last-child {
    width: 100%;
    min-width: unset;
  }
}
@media (max-width: 960px) {
  .page-mypage-address .pma-list dl dd .btns {
    display: flex;
    gap: 0.14rem;
  }
}
.page-mypage-address .pma-list dl dd .btns .btn {
  width: 90px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #fff;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-list dl dd .btns .btn {
    width: 0.9rem;
    height: 0.36rem;
    font-size: 0.12rem;
    border-radius: 0.08rem;
  }
}
.page-mypage-address .pma-list dl dd .btns .btn.delete {
  background: #c5c5c5;
}
.page-mypage-address .pma-list dl dd .btns .btn.change {
  background: #111;
  margin-top: 14px;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-list dl dd .btns .btn.change {
    margin-top: 0;
  }
}
.page-mypage-address .pma-list-none {
  margin-top: 40px;
  border: 1px solid #dcdcdc;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #c5c5c5;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-list-none {
    margin-top: 0.3rem;
    height: 1.6rem;
    font-size: 0.12rem;
    border-radius: 0.08rem;
  }
}
.page-mypage-address .pma-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 998;
  padding: 0 20px;
  display: none;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-modal {
    padding: 0;
  }
}
.page-mypage-address .pma-modal-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  backdrop-filter: blur(10px) brightness(0.9);
}
.page-mypage-address .pma-modal-inner {
  position: absolute;
  top: calc(60px + 50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  max-width: 1240px;
  margin: 0 auto;
  padding: 100px 80px 80px;
  background: #fff;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-modal-inner {
    top: unset;
    bottom: 0;
    transform: none;
    padding: 0.3rem 0.2rem 0.4rem;
    border-radius: 0.08rem 0.08rem 0 0;
  }
}
.page-mypage-address .pma-modal-close {
  position: absolute;
  top: 30px;
  right: 35px;
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 12px;
  cursor: pointer;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-modal-close {
    font-size: 0;
    gap: 0;
    top: 0.2rem;
    right: 0.2rem;
  }
}
.page-mypage-address .pma-modal-close span {
  display: block;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 50%;
  position: relative;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-modal-close span {
    width: 0.4rem;
    height: 0.4rem;
  }
}
.page-mypage-address .pma-modal-close span:before {
  content: "";
  display: block;
  position: absolute;
  width: 14px;
  height: 1px;
  background: #111;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotateZ(45deg);
}
@media (max-width: 960px) {
  .page-mypage-address .pma-modal-close span:before {
    width: 0.14rem;
    height: 0.015rem;
  }
}
.page-mypage-address .pma-modal-close span:after {
  content: "";
  display: block;
  position: absolute;
  width: 14px;
  height: 1px;
  background: #111;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotateZ(-45deg);
}
@media (max-width: 960px) {
  .page-mypage-address .pma-modal-close span:after {
    width: 0.14rem;
    height: 0.015rem;
  }
}
.page-mypage-address .pma-modal-title {
  font-size: 20px;
  text-align: center;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-modal-title {
    font-size: 0.16rem;
  }
}
.page-mypage-address .pma-modal-line {
  width: 390px;
  margin: 30px auto;
  border-top: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-modal-line {
    width: unset;
    margin: 0.3rem -0.2rem;
  }
}
.page-mypage-address .pma-modal-text {
  text-align: center;
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-modal-text {
    font-size: 0.14rem;
  }
}
.page-mypage-address .pma-modal-info {
  margin-top: 60px;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-modal-info {
    margin-top: 0.3rem;
  }
}
.page-mypage-address .pma-modal-info dl {
  border-left: 1px solid #dcdcdc;
  border-top: 1px solid #dcdcdc;
  width: 100%;
  display: flex;
  margin-top: -1px;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-modal-info dl {
    display: block;
    border: 1px solid #dcdcdc;
    padding: 0.3rem 0.2rem;
  }
  .page-mypage-address .pma-modal-info dl:first-child {
    border-top-left-radius: 0.08rem;
    border-top-right-radius: 0.08rem;
  }
  .page-mypage-address .pma-modal-info dl:last-child {
    border-bottom-left-radius: 0.08rem;
    border-bottom-right-radius: 0.08rem;
  }
}
.page-mypage-address .pma-modal-info dl dt {
  padding: 36px 30px;
  font-size: 18px;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  width: 270px;
  min-width: 270px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-modal-info dl dt {
    width: 100%;
    display: block;
    border: none;
    padding: 0;
    text-align: left;
    font-size: 0.16rem;
    min-width: unset;
  }
}
.page-mypage-address .pma-modal-info dl dt span {
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-modal-info dl dt span {
    font-size: 0.1rem;
  }
}
.page-mypage-address .pma-modal-info dl dd {
  font-size: 14px;
  line-height: 2;
  padding: 36px 30px;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  width: 100%;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-modal-info dl dd {
    width: 100%;
    display: block;
    border: none;
    padding: 0;
    margin-top: 0.2rem;
    font-size: 0.12rem;
  }
}
.page-mypage-address .pma-modal-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
  gap: 30px;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-modal-btns {
    margin-top: 0.3rem;
    gap: 0.1rem;
  }
}
.page-mypage-address .pma-modal-btns .btn {
  width: 300px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #111111;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-modal-btns .btn {
    width: 100%;
    height: 0.72rem;
    border-radius: 0.08rem;
    font-size: 0.14rem;
  }
}
.page-mypage-address .pma-modal-btns .btn.cancel {
  background: #c5c5c5;
}
.page-mypage-address .pma-delete-complete {
  position: fixed;
  right: 40px;
  top: 150px;
  border: 1px solid #dcdcdc;
  background: #f5f5f5;
  height: 72px;
  width: 300px;
  display: none;
  align-items: center;
  z-index: 998;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-delete-complete {
    left: 0;
    right: 0;
    width: 3rem;
    height: 0.72rem;
    margin: 0 auto;
    top: unset;
    bottom: 0.5rem;
    border-radius: 0.08rem;
  }
}
.page-mypage-address .pma-delete-complete .complete-img {
  width: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-delete-complete .complete-img {
    width: 0.7rem;
  }
  .page-mypage-address .pma-delete-complete .complete-img img {
    width: 0.17rem;
  }
}
.page-mypage-address .pma-delete-complete .complete-text {
  font-size: 14px;
  flex: 1;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-delete-complete .complete-text {
    font-size: 0.14rem;
  }
}
.page-mypage-address .pma-delete-complete .complete-close {
  width: 60px;
  height: 100%;
  position: relative;
  cursor: pointer;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-delete-complete .complete-close {
    width: 0.6rem;
  }
}
.page-mypage-address .pma-delete-complete .complete-close:before {
  content: "";
  display: block;
  position: absolute;
  width: 14px;
  height: 1px;
  background: #111;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotateZ(45deg);
}
@media (max-width: 960px) {
  .page-mypage-address .pma-delete-complete .complete-close:before {
    width: 0.14rem;
    height: 0.015rem;
  }
}
.page-mypage-address .pma-delete-complete .complete-close:after {
  content: "";
  display: block;
  position: absolute;
  width: 14px;
  height: 1px;
  background: #111;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotateZ(-45deg);
}
@media (max-width: 960px) {
  .page-mypage-address .pma-delete-complete .complete-close:after {
    width: 0.14rem;
    height: 0.015rem;
  }
}
.page-mypage-address .pma-delete-complete .complete-line {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 300px;
  background: #db42c4;
  transition: 4s;
  transition-timing-function: linear;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-delete-complete .complete-line {
    width: 3rem;
    height: 0.02rem;
  }
}
.page-mypage-address .pma-delete-complete .complete-line.active {
  width: 0%;
}
.page-mypage-address .pma-form {
  margin-top: 80px;
  margin-left: -20px;
  margin-right: -20px;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-form {
    margin-top: 0.3rem;
    margin-left: -0.2rem;
    margin-right: -0.2rem;
  }
}
.page-mypage-address .pma-btns {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
  gap: 30px;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-btns {
    margin-top: 0.3rem;
    gap: 0.1rem;
  }
}
.page-mypage-address .pma-btns .btn {
  width: 300px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #111111;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
@media (max-width: 960px) {
  .page-mypage-address .pma-btns .btn {
    width: 100%;
    height: 0.72rem;
    border-radius: 0.08rem;
    font-size: 0.14rem;
  }
}
.page-mypage-address .pma-btns .btn.cancel {
  background: #c5c5c5;
}

/*present*/
.page-present-inner {
  max-width: 1680px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
}
@media (max-width: 960px) {
  .page-present-inner {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
}
.page-present-title {
  margin-top: 50px;
  font-size: 50px;
}
@media (max-width: 960px) {
  .page-present-title {
    margin-top: 0.2rem;
    font-size: 0.3rem;
  }
}
.page-present-sub-title {
  font-size: 16px;
}
@media (max-width: 960px) {
  .page-present-sub-title {
    font-size: 0.12rem;
  }
}
.page-present-text {
  margin-top: 80px;
  font-size: 20px;
}
@media (max-width: 960px) {
  .page-present-text {
    margin-top: 0.4rem;
    font-size: 0.14rem;
  }
}
.page-present-sub-text {
  font-size: 30px;
}
@media (max-width: 960px) {
  .page-present-sub-text {
    font-size: 0.2rem;
  }
}
.page-present-mv {
  display: flex;
  margin-top: 40px;
}
@media (max-width: 960px) {
  .page-present-mv {
    margin-top: 0.3rem;
    position: relative;
    padding-left: 0.4rem;
    padding-bottom: 0.5rem;
    display: block;
  }
  .page-present-mv .img01 {
    position: absolute;
    left: 0.2rem;
    bottom: 0;
    width: 1.4rem;
    font-size: 0;
  }
  .page-present-mv .img02 {
    font-size: 0;
  }
}
.page-present-outer {
  border-radius: 100px 100px 0 0;
  background: #f5f5f5;
  padding: 160px 0 180px;
  margin-top: 180px;
}
@media (max-width: 960px) {
  .page-present-outer {
    border-radius: 0.3rem 0.3rem 0 0;
    margin-top: 0.7rem;
    padding: 0.4rem 0 0.7rem;
  }
}
.page-present-qa {
  display: flex;
  align-items: center;
  gap: 3.6vw;
}
@media (max-width: 960px) {
  .page-present-qa {
    display: block;
  }
}
.page-present-qa-left {
  flex: 1;
}
.page-present-qa-right {
  flex: 1;
}
.page-present-qa-title {
  font-size: 30px;
}
@media (max-width: 960px) {
  .page-present-qa-title {
    font-size: 0.2rem;
  }
}
.page-present-qa-img {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
@media (max-width: 960px) {
  .page-present-qa-img {
    gap: 0.15rem;
    margin-top: 0.3rem;
  }
  .page-present-qa-img img {
    border-radius: 0.08rem;
  }
}
.page-present-qa-text {
  margin-top: 40px;
  font-size: 14px;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-present-qa-text {
    font-size: 0.12rem;
    margin-top: 0.3rem;
  }
}
.page-present-qa.split-img-qa .page-present-qa-left {
  padding-bottom: 50px;
}
@media (max-width: 960px) {
  .page-present-qa.split-img-qa .page-present-qa-left {
    padding-bottom: 0;
  }
}
.page-present-qa.split-img-qa .page-present-qa-img {
  position: relative;
}
.page-present-qa.split-img-qa .page-present-qa-img .ppqi-text {
  margin-top: -15px;
  display: flex;
  width: 100%;
}
@media (max-width: 960px) {
  .page-present-qa.split-img-qa .page-present-qa-img .ppqi-text {
    margin-top: -0.1rem;
  }
}
.page-present-qa.split-img-qa .page-present-qa-img .ppqi-text .text {
  font-size: 30px;
  line-height: 1;
  color: #111;
  flex: 1;
}
@media (max-width: 960px) {
  .page-present-qa.split-img-qa .page-present-qa-img .ppqi-text .text {
    font-size: 0.16rem;
    text-align: center;
  }
}
.page-present-qa.split-img-qa .page-present-qa-img .ppqi-text .text.grey {
  color: #c5c5c5;
}
.page-present-qa.split-img-qa .page-present-qa-img .img01 {
  width: calc(33.333% - 10px);
}
@media (max-width: 960px) {
  .page-present-qa.split-img-qa .page-present-qa-img .img01 {
    width: calc(33.333% - 0.05rem);
  }
}
.page-present-qa.split-img-qa .page-present-qa-img .img02 {
  width: calc(66.666% - 20px);
}
@media (max-width: 960px) {
  .page-present-qa.split-img-qa .page-present-qa-img .img02 {
    width: calc(66.666% - 0.1rem);
  }
}
.page-present-line {
  border-top: 1px solid #dcdcdc;
  margin: 80px 0;
}
@media (max-width: 960px) {
  .page-present-line {
    margin: 0.4rem 0;
  }
}
.page-present-flex {
  margin-top: 180px;
  margin-bottom: 180px;
}
@media (max-width: 960px) {
  .page-present-flex {
    margin-top: 0.7rem;
    margin-bottom: 0.7rem;
  }
}
.page-present-flex .flex-title {
  width: 100%;
  font-size: 20px;
}
@media (max-width: 960px) {
  .page-present-flex .flex-title {
    font-size: 0.16rem;
  }
}
.page-present-flex .flex-area {
  display: flex;
  gap: 60px;
  flex-wrap: wrap;
  margin-top: 30px;
}
@media (max-width: 960px) {
  .page-present-flex .flex-area {
    display: block;
    margin-top: 0;
  }
}
.page-present-flex .flex-box {
  padding: 40px;
  border: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-present-flex .flex-box {
    margin-top: 0.3rem;
    padding: 0.3rem 0.2rem;
    border-radius: 0.08rem;
  }
}
.page-present-flex .flex-box.flex-3 {
  width: calc(33.333% - 40px);
}
@media (max-width: 960px) {
  .page-present-flex .flex-box.flex-3 {
    width: 100%;
  }
}
.page-present-flex .flex-box.flex-2 {
  width: calc(50% - 30px);
}
@media (max-width: 960px) {
  .page-present-flex .flex-box.flex-2 {
    width: 100%;
  }
}
.page-present-flex .flex-box.flex-1 {
  width: 100%;
}
.page-present-flex .ppf-title {
  font-size: 16px;
  line-height: 1.5;
}
@media (max-width: 960px) {
  .page-present-flex .ppf-title {
    font-size: 0.13rem;
  }
}
.page-present-flex .ppf-text {
  font-size: 14px;
  line-height: 2;
  margin-top: 30px;
}
@media (max-width: 960px) {
  .page-present-flex .ppf-text {
    font-size: 0.12rem;
    margin-top: 0.1rem;
  }
}
.page-present-flex .ppf-tip {
  font-size: 12px;
  line-height: 2;
  margin-top: 30px;
}
@media (max-width: 960px) {
  .page-present-flex .ppf-tip {
    font-size: 0.1rem;
    margin-top: 0.1rem;
  }
}
.page-present-flex .ppf-addr {
  display: flex;
  gap: 30px;
  margin-top: 30px;
}
@media (max-width: 960px) {
  .page-present-flex .ppf-addr {
    margin-top: 0.1rem;
    display: block;
  }
}
.page-present-flex .ppf-addr-box {
  flex: 1;
}
@media (max-width: 960px) {
  .page-present-flex .ppf-addr-box:not(:first-child) {
    margin-top: 0.3rem;
  }
}
.page-present-flex .ppf-addr-map iframe {
  width: 100%;
  height: 260px;
}
@media (max-width: 960px) {
  .page-present-flex .ppf-addr-map iframe {
    height: 1.65rem;
    border-radius: 0.08rem;
  }
}
.page-present-flex .ppf-addr-text {
  font-size: 14px;
  line-height: 2;
  margin-top: 30px;
}
@media (max-width: 960px) {
  .page-present-flex .ppf-addr-text {
    font-size: 0.12rem;
    margin-top: 0.15rem;
  }
}
.page-present-flex .flex-bottom {
  margin-top: 80px;
  text-align: center;
}
@media (max-width: 960px) {
  .page-present-flex .flex-bottom {
    margin-top: 0.7rem;
  }
}
.page-present-flex .flex-bottom-title {
  font-size: 20px;
}
@media (max-width: 960px) {
  .page-present-flex .flex-bottom-title {
    font-size: 0.16rem;
  }
}
.page-present-flex .flex-bottom-text {
  font-size: 12px;
  margin-top: 30px;
}
@media (max-width: 960px) {
  .page-present-flex .flex-bottom-text {
    text-align: left;
    font-size: 0.1rem;
    margin-top: 0.3rem;
    line-height: 2;
  }
}
.page-present-flex .flex-bottom-btn {
  margin: 40px auto 0;
  width: 300px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #111;
  color: #fff;
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-present-flex .flex-bottom-btn {
    width: 100%;
    margin-top: 0.3rem;
    height: 0.72rem;
    font-size: 0.14rem;
    border-radius: 0.08rem;
  }
}
/*review campaign*/
.page-review-campaign-inner {
  max-width: 1200px;
  padding: 0 40px;
  margin: 0 auto;
}
@media (max-width: 960px) {
  .page-review-campaign-inner {
    padding: 0 0.2rem;
  }
}
.page-review-campaign-inner .prci-title {
  font-size: 30px;
  font-weight: bold;
  margin-top: 50px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-title {
    font-size: 0.2rem;
    margin-top: 0.2rem;
  }
}
.page-review-campaign-inner .prci-text {
  font-size: 20px;
  margin-top: 80px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-text {
    font-size: 0.16rem;
    margin-top: 0.4rem;
  }
}
.page-review-campaign-inner .prci-tip {
  font-size: 12px;
  margin-top: 30px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-tip {
    font-size: 0.12rem;
    margin-top: 0.3rem;
  }
}
.page-review-campaign-inner .prci-condition-box {
  display: flex;
  gap: 40px;
  margin-top: 40px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-condition-box {
    margin-top: 0.3rem;
    gap: 0.3rem;
    flex-direction: column;
  }
}
.page-review-campaign-inner .prci-condition-box .condition {
  flex: 1;
  border: 1px solid #dcdcdc;
  padding: 40px 0;
  text-align: center;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-condition-box .condition {
    padding: 0.3rem 0;
    border-radius: 0.08rem;
  }
}
.page-review-campaign-inner .prci-condition-box .condition-title {
  width: 94px;
  height: 40px;
  display: flex;
  margin: 0 auto;
  border-radius: 20px;
  background: #111;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #fff;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-condition-box .condition-title {
    width: 0.66rem;
    height: 0.24rem;
    border-radius: 0.12rem;
    font-size: 0.12rem;
  }
}
.page-review-campaign-inner .prci-condition-box .condition-text {
  margin-top: 20px;
  font-size: 16px;
  line-height: 1.75;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-condition-box .condition-text {
    font-size: 0.13rem;
    margin-top: 0.1rem;
  }
}
.page-review-campaign-inner .prci-condition-box .condition-text span {
  display: block;
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-condition-box .condition-text span {
    font-size: 0.11rem;
  }
}
.page-review-campaign-inner .prci-line-title {
  font-size: 30px;
  padding: 40px 0;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  margin-top: 180px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-line-title {
    font-size: 0.2rem;
    margin-top: 0.7rem;
    margin-left: -0.2rem;
    margin-right: -0.2rem;
    padding: 0.2rem;
  }
}
.page-review-campaign-inner .prci-row-step {
  padding: 80px 0;
  display: flex;
  border-bottom: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-row-step {
    padding: 0.4rem 0;
    flex-direction: column;
    gap: 0.3rem;
  }
}
.page-review-campaign-inner .prci-row-step .step {
  flex: 1;
  text-align: center;
}
.page-review-campaign-inner .prci-row-step .step:not(:last-child) {
  border-right: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-row-step .step:not(:last-child) {
    border: none;
  }
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-row-step .step-info {
    display: flex;
    align-items: center;
    gap: 0.12rem;
  }
}
.page-review-campaign-inner .prci-row-step .step-num {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  font-size: 12px;
  color: #c5c5c5;
  padding-top: 20px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-row-step .step-num {
    width: 0.7rem;
    height: 0.7rem;
    font-size: 0.1rem;
    padding-top: 0.15rem;
    margin: 0;
  }
}
.page-review-campaign-inner .prci-row-step .step-num span {
  font-size: 30px;
  line-height: 1;
  color: #111;
  display: block;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-row-step .step-num span {
    font-size: 0.2rem;
  }
}
.page-review-campaign-inner .prci-row-step .step-title {
  margin-top: 25px;
  font-size: 16px;
  line-height: 1.75;
  min-height: 56px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-row-step .step-title {
    font-size: 0.13rem;
    min-height: unset;
    margin-top: 0;
    text-align: left;
  }
}
.page-review-campaign-inner .prci-row-step .step-text {
  font-size: 14px;
  line-height: 2;
  margin-top: 20px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-row-step .step-text {
    font-size: 0.12rem;
    margin-top: 0.2rem;
    text-align: left;
  }
}
.page-review-campaign-inner .prci-detail {
  margin-top: 80px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-detail {
    margin-top: 0.4rem;
  }
}
.page-review-campaign-inner .prci-detail-title {
  font-size: 20px;
  margin-bottom: 40px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-detail-title {
    font-size: 0.16rem;
    margin-bottom: 0.3rem;
  }
}
.page-review-campaign-inner .prci-detail dl {
  display: flex;
  border-top: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-detail dl {
    display: block;
    border: 1px solid #dcdcdc;
    border-radius: 0.08rem;
    overflow: hidden;
    margin-top: 0.3rem;
  }
}
.page-review-campaign-inner .prci-detail dl:last-child dd {
  border-bottom: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-detail dl:last-child dd {
    border: none;
  }
}
.page-review-campaign-inner .prci-detail dl dt {
  width: 270px;
  min-width: 270px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #111;
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-detail dl dt {
    width: 100%;
    min-width: unset;
    height: 0.6rem;
    font-size: 0.12rem;
  }
}
.page-review-campaign-inner .prci-detail dl dd {
  padding: 30px;
  font-size: 14px;
  line-height: 1.5;
  flex: 1;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-detail dl dd {
    padding: 0.2rem 0.2rem 0.3rem;
    font-size: 0.12rem;
  }
}
.page-review-campaign-inner .prci-detail dl dd span {
  margin-top: 10px;
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-detail dl dd span {
    font-size: 0.1rem;
    margin-top: 0.3rem;
  }
}
.page-review-campaign-inner .prci-detail dl dd ul {
  margin-top: 30px;
  margin-bottom: 20px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-detail dl dd ul {
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
  }
}
.page-review-campaign-inner .prci-detail dl dd ul li {
  margin: 15px 0;
  display: flex;
  gap: 10px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-detail dl dd ul li {
    margin: 0.2rem 0;
    gap: 0.06rem;
    line-height: 0.14rem;
  }
}
.page-review-campaign-inner .prci-detail dl dd ul li:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background: url("../images/review_campaign/prc-icon.svg") no-repeat center center;
  background-size: 100% auto;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-detail dl dd ul li:before {
    width: 0.14rem;
    height: 0.14rem;
    min-width: 0.14rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-top {
  margin-top: 80px;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 40px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-top {
    margin-top: 0.4rem;
    margin-bottom: 0.2rem;
    gap: 0.12rem;
    align-items: flex-start;
  }
}
.page-review-campaign-inner .prci-col-step .step-num {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 1px solid #dcdcdc;
  font-size: 12px;
  color: #c5c5c5;
  padding-top: 20px;
  text-align: center;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-num {
    width: 0.7rem;
    height: 0.7rem;
    font-size: 0.1rem;
    padding-top: 0.15rem;
    margin: 0;
    text-align: center;
    min-width: 0.7rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-num span {
  font-size: 30px;
  line-height: 1;
  color: #111;
  display: block;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-num span {
    font-size: 0.2rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-text {
  font-size: 16px;
  line-height: 1.75;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-text {
    font-size: 0.13rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-text span {
  font-size: 12px;
  display: block;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-text span {
    font-size: 0.1rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-review,
.page-review-campaign-inner .prci-col-step .step-login,
.page-review-campaign-inner .prci-col-step .step-form {
  position: relative;
}
.page-review-campaign-inner .prci-col-step .step-review:before,
.page-review-campaign-inner .prci-col-step .step-login:before,
.page-review-campaign-inner .prci-col-step .step-form:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}
.page-review-campaign-inner .prci-col-step .step-review {
  border: 1px solid #dcdcdc;
  padding: 60px 0;
  text-align: center;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-review {
    border-radius: 0.08rem;
    padding: 0.3rem 0;
  }
}
.page-review-campaign-inner .prci-col-step .step-review a {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid #dcdcdc;
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-review a {
    font-size: 0.14rem;
    padding-bottom: 0.14rem;
    gap: 0.2rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-review a:after {
  content: "";
  display: block;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 50%;
  background: url("../images/header/arrows_slim_right.svg") no-repeat center center;
  background-size: 12px auto;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-review a:after {
    width: 0.54rem;
    height: 0.54rem;
    background-size: 0.12rem auto;
  }
}
.page-review-campaign-inner .prci-col-step .step-login {
  padding: 60px 3.8vw;
  border: 1px solid #dcdcdc;
  display: flex;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-login {
    display: block;
    padding: 0.3rem 0.4rem;
    border-radius: 0.08rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-login-title {
  font-size: 13px;
  margin-bottom: 30px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-login-title {
    font-size: 0.16rem;
    margin-bottom: 0.3rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-login-submit {
  width: 220px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #111111;
  color: #fff;
  font-size: 9px;
  margin-top: 24px;
  cursor: pointer;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-login-submit {
    width: 100%;
    height: 0.72rem;
    border-radius: 0.08rem;
    font-size: 0.14rem;
    margin-top: 0.3rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-login-left {
  padding-right: 40px;
  border-right: 1px solid #dcdcdc;
  flex: 1;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-login-left {
    padding-right: 0;
    border-right: none;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #dcdcdc;
  }
}
.page-review-campaign-inner .prci-col-step .step-login-left-name {
  display: flex;
  align-items: center;
  font-size: 10px;
  margin-top: 20px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-login-left-name {
    margin-top: 0.2rem;
    font-size: 0.12rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-login-left-name span {
  color: #e24974;
  font-size: 8px;
  margin-left: 12px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-login-left-name span {
    font-size: 0.1rem;
    margin-left: 0.04rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-login-left-input {
  margin-top: 14px;
  position: relative;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-login-left-input {
    margin-top: 0.1rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-login-left-input input {
  border: none;
  background: #f5f5f5;
  outline: none;
  height: 42px;
  width: 100%;
  padding-left: 18px;
  padding-right: 50px;
  font-size: 9px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-login-left-input input {
    height: 0.5rem;
    padding-left: 0.15rem;
    padding-right: 0.5rem;
    font-size: 0.12rem;
    border-radius: 0.08rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-login-left-input .show-password {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background: url("../images/login/eye.svg") no-repeat center center/contain;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-login-left-input .show-password {
    right: 0.16rem;
    width: 0.18rem;
    height: 0.18rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-login-left-input .show-password.close {
  background-image: url("../images/login/eye-close.svg");
}
.page-review-campaign-inner .prci-col-step .step-login-left-forget {
  text-align: right;
  margin-top: 16px;
  font-size: 0;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-login-left-forget {
    margin-top: 0.1rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-login-left-forget a {
  font-size: 8px;
  color: #30c1c1;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-login-left-forget a {
    font-size: 0.1rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-login-right {
  padding-left: 40px;
  width: 350px;
  min-width: 350px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-login-right {
    padding-left: 0;
    margin-top: 0.4rem;
    min-width: unset;
    width: 100%;
  }
}
.page-review-campaign-inner .prci-col-step .step-login-right-text {
  font-size: 9px;
  line-height: 2;
  margin-top: 24px;
  margin-bottom: 30px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-login-right-text {
    font-size: 0.12rem;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-form {
  padding: 60px 3.8vw;
  border: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-form {
    padding: 0.3rem 0.2rem;
    border-radius: 0.08rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-form-title {
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-form-title {
    font-size: 0.12rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-form-title:not(:first-child) {
  margin-top: 30px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-form-title:not(:first-child) {
    margin-top: 0.2rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-form-title span {
  font-size: 9px;
  color: #e24974;
  margin-left: 10px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-form-title span {
    font-size: 0.1rem;
    margin-left: 0.04rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-form-input {
  margin-top: 15px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-form-input {
    margin-top: 0.1rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-form-input input[type="text"] {
  outline: none;
  border: none;
  width: 100%;
  height: 52px;
  background: #f5f5f5;
  padding: 0 25px;
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-form-input input[type="text"] {
    height: 0.5rem;
    padding-left: 0.15rem;
    padding-right: 0.5rem;
    font-size: 0.12rem;
    border-radius: 0.08rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-form-select {
  margin-top: 15px;
  position: relative;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-form-select {
    margin-top: 0.1rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-form-select:before {
  content: "";
  display: block;
  position: absolute;
  right: 12px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 1.5px solid #111;
  border-bottom: 1.5px solid #111;
  transform: translateY(-65%) rotateZ(45deg);
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-form-select:before {
    border-right: 0.015rem solid #111;
    border-bottom: 0.015rem solid #111;
    right: 0.1rem;
    width: 0.08rem;
    height: 0.08rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-form-select select {
  appearance: none;
  outline: none;
  border: none;
  width: 100%;
  height: 52px;
  background: #f5f5f5;
  padding-left: 25px;
  padding-right: 40px;
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-form-select select {
    width: 100%;
    height: 0.5rem;
    border-radius: 0.08rem;
    font-size: 0.12rem;
    padding-left: 0.15rem;
    padding-right: 0.4rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-form-textarea {
  margin-top: 15px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-form-textarea {
    margin-top: 0.1rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-form-textarea textarea {
  outline: none;
  border: none;
  width: 100%;
  height: 210px;
  background: #f5f5f5;
  padding: 16px 25px;
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-form-textarea textarea {
    height: 1.5rem;
    padding-left: 0.15rem;
    padding-right: 0.5rem;
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
    font-size: 0.12rem;
    border-radius: 0.08rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-form-check-select {
  margin-top: 20px;
  display: flex;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-form-check-select {
    margin-top: 0.2rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-form-check-select-left {
  width: 170px;
  min-width: 170px;
  display: flex;
  align-items: center;
  font-size: 12px;
  gap: 10px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-form-check-select-left {
    width: 1.55rem;
    min-width: 1.55rem;
    font-size: 0.12rem;
    gap: 0.06rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-form-check-select-left input[type="checkbox"] {
  appearance: none;
  outline: none;
  display: block;
  width: 15px;
  height: 15px;
  border: 1px solid #dcdcdc;
  background: #fff;
  position: relative;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-form-check-select-left input[type="checkbox"] {
    width: 0.17rem;
    height: 0.17rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-form-check-select-left input[type="checkbox"]:checked:after {
  content: "";
  display: block;
  width: 15px;
  height: 10px;
  background: url("../images/login/check-line.svg") no-repeat center top;
  background-size: 100% auto;
  position: absolute;
  left: 1px;
  top: -1px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-form-check-select-left input[type="checkbox"]:checked:after {
    width: 0.18rem;
    height: 0.14rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-form-check-select-select {
  flex: 1;
  position: relative;
}
.page-review-campaign-inner .prci-col-step .step-form-check-select-select:before {
  content: "";
  display: block;
  position: absolute;
  right: 12px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 1.5px solid #111;
  border-bottom: 1.5px solid #111;
  transform: translateY(-65%) rotateZ(45deg);
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-form-check-select-select:before {
    border-right: 0.015rem solid #111;
    border-bottom: 0.015rem solid #111;
    right: 0.1rem;
    width: 0.08rem;
    height: 0.08rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-form-check-select-select select {
  appearance: none;
  outline: none;
  border: none;
  width: 100%;
  height: 52px;
  background: #f5f5f5;
  padding-left: 25px;
  padding-right: 40px;
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-form-check-select-select select {
    width: 100%;
    height: 0.5rem;
    border-radius: 0.08rem;
    font-size: 0.12rem;
    padding-left: 0.15rem;
    padding-right: 0.4rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-form-check-select-checkbox {
  display: flex;
  gap: 25px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-form-check-select-checkbox {
    gap: 0.1rem;
    flex-wrap: wrap;
  }
}
.page-review-campaign-inner .prci-col-step .step-form-check-select-checkbox label {
  display: flex;
  align-items: center;
  font-size: 12px;
  gap: 10px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-form-check-select-checkbox label {
    font-size: 0.12rem;
    gap: 0.06rem;
  }
  .page-review-campaign-inner .prci-col-step .step-form-check-select-checkbox label:first-child {
    width: 100%;
  }
}
.page-review-campaign-inner .prci-col-step .step-form-check-select-checkbox label input[type="radio"] {
  appearance: none;
  outline: none;
  display: block;
  width: 15px;
  height: 15px;
  border: 1px solid #dcdcdc;
  background: #fff;
  position: relative;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-form-check-select-checkbox label input[type="radio"] {
    width: 0.17rem;
    height: 0.17rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-form-check-select-checkbox label input[type="radio"]:checked:after {
  content: "";
  display: block;
  width: 15px;
  height: 10px;
  background: url("../images/login/check-line.svg") no-repeat center top;
  background-size: 100% auto;
  position: absolute;
  left: 1px;
  top: -1px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-form-check-select-checkbox label input[type="radio"]:checked:after {
    width: 0.18rem;
    height: 0.14rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-form-date {
  margin-top: 15px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-form-date {
    margin-top: 0.1rem;
  }
}
.page-review-campaign-inner .prci-col-step .step-form-date input[type="date"] {
  outline: none;
  border: none;
  width: 100%;
  height: 52px;
  background: #f5f5f5;
  padding: 0 25px;
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-review-campaign-inner .prci-col-step .step-form-date input[type="date"] {
    height: 0.5rem;
    padding-left: 0.15rem;
    padding-right: 0.15rem;
    font-size: 0.12rem;
    border-radius: 0.08rem;
  }
}
/*series*/
.page-series .series {
  margin-top: 180px;
}
@media (max-width: 960px) {
  .page-series .series {
    margin-top: 0.7rem;
  }
}
.page-series .search-carmodel {
  border-bottom: 1px solid #dcdcdc;
}
.page-series-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 50px auto 0;
  max-width: 1680px;
  padding: 0 20px;
}
@media (max-width: 960px) {
  .page-series-menu {
    padding: 0 0.2rem;
    margin-top: 0.2rem;
    display: block;
  }
}
.page-series-menu .psm-title {
  font-size: 25px;
}
@media (max-width: 960px) {
  .page-series-menu .psm-title {
    font-size: 0.2rem;
  }
}
.page-series-menu .psm-menu {
  display: flex;
  background: #f5f5f5;
  border: 1px solid #dcdcdc;
  border-radius: 20px;
}
@media (max-width: 960px) {
  .page-series-menu .psm-menu {
    width: 100%;
    border-radius: 0.16rem;
    justify-content: space-between;
    margin-top: 0.4rem;
  }
}
.page-series-menu .psm-menu .menu {
  padding: 11px 25px;
  border-radius: 20px;
  font-size: 12px;
  color: #c5c5c5;
  cursor: pointer;
}
@media (max-width: 960px) {
  .page-series-menu .psm-menu .menu {
    border-radius: 0.16rem;
    font-size: 0.1rem;
    padding: 0.08rem 0.2rem;
    white-space: nowrap;
  }
}
.page-series-menu .psm-menu .menu.active {
  background: #111;
  color: #fff;
}
.page-series-title {
  text-align: center;
  font-size: 73px;
  margin-top: 80px;
}
@media (max-width: 960px) {
  .page-series-title {
    margin-top: 0.25rem;
    font-size: 0.4rem;
    text-align: left;
  }
}
.page-series-inner {
  max-width: 1200px;
  padding-left: 40px;
  padding-right: 40px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 960px) {
  .page-series-inner {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
  }
}
.page-series-inner-title {
  font-size: 50px;
  margin-top: 80px;
  line-height: 1;
}
@media (max-width: 960px) {
  .page-series-inner-title {
    font-size: 0.3rem;
    margin-top: 0.6rem;
  }
}
.page-series-inner-text {
  margin-top: 10px;
  font-size: 14px;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-series-inner-text {
    font-size: 0.12rem;
    margin-top: 0.1rem;
  }
}
.page-series-mv {
  width: 100%;
  font-size: 0;
  margin-top: 80px;
}
@media (max-width: 960px) {
  .page-series-mv {
    width: unset;
    margin-top: 0.3rem;
    margin-left: -0.2rem;
    margin-right: -0.2rem;
  }
}
.page-series-mv img {
  width: 100%;
}
.page-series-info {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 40px;
}
@media (max-width: 960px) {
  .page-series-info {
    display: block;
    margin-top: 0.25rem;
  }
}
.page-series-info .psi-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 246px;
  width: 246px;
}
@media (max-width: 960px) {
  .page-series-info .psi-logo {
    width: 100%;
  }
  .page-series-info .psi-logo img {
    max-width: 2rem;
  }
}
.page-series-info .psi-text {
  font-size: 14px;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-series-info .psi-text {
    font-size: 0.12rem;
    margin-top: 0.3rem;
  }
}
.page-series-images {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 80px;
}
@media (max-width: 960px) {
  .page-series-images {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0.4rem;
    margin-top: 0.3rem;
  }
}
.page-series-images .psi-block-img {
  width: 100%;
  font-size: 0;
}
.page-series-images .psi-block-img img {
  width: 100%;
}
@media (max-width: 960px) {
  .page-series-images .psi-block-img img {
    border-radius: 0.08rem;
  }
}
.page-series-images .psi-block-en {
  font-size: 30px;
  margin-top: 36px;
}
@media (max-width: 960px) {
  .page-series-images .psi-block-en {
    font-size: 0.18rem;
    margin-top: 0.16rem;
  }
}
.page-series-images .psi-block-name {
  font-size: 12px;
  margin-top: 5px;
}
@media (max-width: 960px) {
  .page-series-images .psi-block-name {
    font-size: 0.1rem;
    margin-top: 0.1rem;
  }
}
.page-series-images .psi-block-text {
  font-size: 14px;
  line-height: 2;
  margin-top: 30px;
}
@media (max-width: 960px) {
  .page-series-images .psi-block-text {
    font-size: 0.12rem;
    margin-top: 0.15rem;
  }
}
.page-series-flex {
  display: flex;
  gap: 40px;
  margin-top: 80px;
}
@media (max-width: 960px) {
  .page-series-flex {
    margin-top: 0.3rem;
    gap: 0.25rem 0.1rem;
    flex-wrap: wrap;
  }
}
.page-series-flex .psf-block {
  text-align: center;
  flex: 1;
}
@media (max-width: 960px) {
  .page-series-flex .psf-block {
    flex: unset;
    width: calc(50% - 0.05rem);
    min-width: calc(50% - 0.05rem);
  }
}
.page-series-flex .psf-block-img {
  width: 100%;
  font-size: 0;
}
.page-series-flex .psf-block-img img {
  width: 100%;
}
@media (max-width: 960px) {
  .page-series-flex .psf-block-img img {
    border-radius: 0.08rem;
  }
}
.page-series-flex .psf-block-en {
  font-size: 12px;
  color: #c5c5c5;
  margin-top: 24px;
}
@media (max-width: 960px) {
  .page-series-flex .psf-block-en {
    font-size: 0.08rem;
    margin-top: 0.14rem;
  }
}
.page-series-flex .psf-block-text {
  font-size: 16px;
}
@media (max-width: 960px) {
  .page-series-flex .psf-block-text {
    font-size: 0.1rem;
  }
}
.page-series-full-image {
  margin-top: 80px;
  font-size: 0;
}
@media (max-width: 960px) {
  .page-series-full-image {
    margin-top: 0.3rem;
  }
}
.page-series-full-image img {
  width: 100%;
}
@media (max-width: 960px) {
  .page-series-full-image img {
    border-radius: 0.08rem;
  }
}
.page-series-more {
  display: flex;
  margin-top: 80px;
}
@media (max-width: 960px) {
  .page-series-more {
    margin-top: 0.4rem;
  }
}
.page-series-more a {
  display: flex;
  align-items: center;
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-series-more a {
    font-size: 0.12rem;
  }
}
.page-series-more a:after {
  content: "";
  display: block;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 50%;
  background: url("../images/header/arrows_slim_right.svg") no-repeat center center;
  background-size: 12px auto;
  margin-left: 16px;
}
@media (max-width: 960px) {
  .page-series-more a:after {
    width: 0.54rem;
    height: 0.54rem;
    background-size: 0.12rem;
    margin-left: 0.2rem;
  }
}
.page-series-content-title {
  max-width: 1680px;
  margin: 180px auto 0;
  font-size: 50px;
  padding: 0 40px;
}
@media (max-width: 960px) {
  .page-series-content-title {
    font-size: 0.3rem;
    margin-top: 0.7rem;
    padding: 0 0.2rem;
  }
}
.page-series-content-sub-title {
  max-width: 1680px;
  margin: 10px auto 60px;
  font-size: 16px;
  padding: 0 40px;
}
@media (max-width: 960px) {
  .page-series-content-sub-title {
    font-size: 0.13rem;
    margin-top: 0;
    margin-bottom: 0.4rem;
    padding: 0 0.2rem;
  }
}
.page-series-content-text {
  max-width: 1680px;
  margin: 60px auto;
  font-size: 14px;
  padding: 0 40px;
}
.page-mypage-index .page-mypageindex-box {
  margin: 0 auto;
  margin-top: 50px;
  max-width: 1680px;
  padding: 0 20px;
}
@media (max-width: 960px) {
  .page-mypage-index .page-mypageindex-box {
    margin-top: 0.2rem;
    padding: 0 0.2rem;
  }
}
.page-mypage-index .page-mypageindex-box .box-til {
  font-size: 30px;
}
@media (max-width: 960px) {
  .page-mypage-index .page-mypageindex-box .box-til {
    font-size: 0.2rem;
  }
}
.page-mypage-index .page-mypageindex-box .box-info {
  margin-top: 64px;
  display: flex;
  gap: 67px;
}
@media (max-width: 960px) {
  .page-mypage-index .page-mypageindex-box .box-info {
    margin-top: 0.44rem;
    display: block;
  }
}
.page-mypage-index .page-mypageindex-box .box-info .left {
  padding-right: 68px;
  border-right: 1px solid #dcdcdc;
  min-width: 477px;
}
@media (max-width: 960px) {
  .page-mypage-index .page-mypageindex-box .box-info .left {
    min-width: unset;
    width: 100%;
    padding-right: 0;
    border-right: none;
  }
}
.page-mypage-index .page-mypageindex-box .box-info .left .left-til {
  margin-top: 20px;
  font-size: 18px;
}
@media (max-width: 960px) {
  .page-mypage-index .page-mypageindex-box .box-info .left .left-til {
    font-size: 0.16rem;
    margin-top: 0;
  }
}
.page-mypage-index .page-mypageindex-box .box-info .left .left-info {
  margin-top: 40px;
}
@media (max-width: 960px) {
  .page-mypage-index .page-mypageindex-box .box-info .left .left-info {
    margin-top: 0.37rem;
  }
}
.page-mypage-index .page-mypageindex-box .box-info .left .left-info .info:last-of-type {
  border-bottom: none;
}
@media (max-width: 960px) {
  .page-mypage-index .page-mypageindex-box .box-info .left .left-info .info:last-of-type {
    border-bottom: 1px solid #dcdcdc;
  }
}
.page-mypage-index .page-mypageindex-box .box-info .left .left-info .info:first-of-type {
  padding-top: 0;
}
.page-mypage-index .page-mypageindex-box .box-info .left .left-info .info {
  border-bottom: 1px solid #dcdcdc;
  padding: 20px 0;
  display: flex;
}
@media (max-width: 960px) {
  .page-mypage-index .page-mypageindex-box .box-info .left .left-info .info {
    padding: 0.21rem 0;
  }
}
.page-mypage-index .page-mypageindex-box .box-info .left .left-info .info .info-til {
  font-size: 14px;
  width: 132px;
}
@media (max-width: 960px) {
  .page-mypage-index .page-mypageindex-box .box-info .left .left-info .info .info-til {
    font-size: 0.12rem;
    width: 1.28rem;
  }
}
.page-mypage-index .page-mypageindex-box .box-info .left .left-info .info .info-int {
  flex: 1;
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-mypage-index .page-mypageindex-box .box-info .left .left-info .info .info-int {
    font-size: 0.12rem;
  }
}
.page-mypage-index .page-mypageindex-box .box-info .left .left-info .info .info-int span {
  font-size: 30px;
  line-height: 0;
}
@media (max-width: 960px) {
  .page-mypage-index .page-mypageindex-box .box-info .left .left-info .info .info-int span {
    font-size: 0.26rem;
  }
}
.page-mypage-index .page-mypageindex-box .box-info .right {
  flex: 1;
}
@media (max-width: 960px) {
  .page-mypage-index .page-mypageindex-box .box-info .right {
    margin-top: 0.4rem;
  }
}
.page-mypage-index .page-mypageindex-box .box-info .right .link-group {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 960px) {
  .page-mypage-index .page-mypageindex-box .box-info .right .link-group {
    display: block;
    border: 0.01rem solid #dcdcdc;
    border-radius: 0.08rem;
  }
}
.page-mypage-index .page-mypageindex-box .box-info .right .link-group .link:nth-of-type(1),
.page-mypage-index .page-mypageindex-box .box-info .right .link-group .link:nth-of-type(2),
.page-mypage-index .page-mypageindex-box .box-info .right .link-group .link:nth-of-type(3),
.page-mypage-index .page-mypageindex-box .box-info .right .link-group .link:nth-of-type(4) {
  border-top: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-mypage-index .page-mypageindex-box .box-info .right .link-group .link:nth-of-type(1),
  .page-mypage-index .page-mypageindex-box .box-info .right .link-group .link:nth-of-type(2),
  .page-mypage-index .page-mypageindex-box .box-info .right .link-group .link:nth-of-type(3),
  .page-mypage-index .page-mypageindex-box .box-info .right .link-group .link:nth-of-type(4) {
    border-top: none;
  }
}
.page-mypage-index .page-mypageindex-box .box-info .right .link-group .link:nth-of-type(4n + 1) {
  border-left: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-mypage-index .page-mypageindex-box .box-info .right .link-group .link:nth-of-type(4n + 1) {
    border-left: none;
  }
}
@media (max-width: 960px) {
  .page-mypage-index .page-mypageindex-box .box-info .right .link-group .link:last-of-type {
    border-bottom: none;
  }
}
.page-mypage-index .page-mypageindex-box .box-info .right .link-group .link {
  width: 25%;
  height: 195px;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 960px) {
  .page-mypage-index .page-mypageindex-box .box-info .right .link-group .link {
    width: 100%;
    height: 0.6rem;
    flex-direction: unset;
    justify-content: unset;
    border-right: none;
    border-bottom: 1px solid #dcdcdc;
    padding: 0.18rem 0.2rem;
  }
}
.page-mypage-index .page-mypageindex-box .box-info .right .link-group .link .link-img {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 960px) {
  .page-mypage-index .page-mypageindex-box .box-info .right .link-group .link .link-img {
    width: 0.25rem;
    height: 0.25rem;
    margin-right: 0.17rem;
  }
}
.page-mypage-index .page-mypageindex-box .box-info .right .link-group .link .link-txt {
  font-size: 14px;
  margin-top: 14px;
  text-align: center;
}
@media (max-width: 960px) {
  .page-mypage-index .page-mypageindex-box .box-info .right .link-group .link .link-txt {
    font-size: 0.12rem;
    margin-top: 0;
    text-align: unset;
  }
}
.page-mypage-index .page-mypageindex-box .like-list {
  margin: 80px 0 162px;
  padding-top: 81px;
  border-top: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-mypage-index .page-mypageindex-box .like-list {
    margin: 0.72rem 0 0.71rem;
    padding-top: 0;
    border-top: none;
  }
}
.page-mypage-index .page-mypageindex-box .like-list .like-til {
  font-size: 20px;
}
@media (max-width: 960px) {
  .page-mypage-index .page-mypageindex-box .like-list .like-til {
    font-size: 0.16rem;
  }
}
.page-mypage-index .page-mypageindex-box .like-list .like-group {
  margin-top: 42px;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
@media (max-width: 960px) {
  .page-mypage-index .page-mypageindex-box .like-list .like-group {
    margin: 0 -0.2rem;
    margin-top: 0.31rem;
    gap: 0;
  }
}
@media (max-width: 960px) {
  .page-mypage-index .page-mypageindex-box .like-list .like-group .like:nth-of-type(1),
  .page-mypage-index .page-mypageindex-box .like-list .like-group .like:nth-of-type(2) {
    margin-top: 0;
  }
}
.page-mypage-index .page-mypageindex-box .like-list .like-group .like {
  width: calc((100% - 90px) / 4);
}
@media (max-width: 960px) {
  .page-mypage-index .page-mypageindex-box .like-list .like-group .like {
    width: 50%;
    margin-top: 0.3rem;
  }
}
@media (max-width: 960px) {
  .page-mypage-index .page-mypageindex-box .like-list .like-group .like .sp-padding {
    padding: 0 0.1rem;
  }
}
.page-mypage-index .page-mypageindex-box .like-list .like-group .like .like-img {
  display: flex;
}
@media (max-width: 960px) {
  .page-mypage-index .page-mypageindex-box .like-list .like-group .like .like-img {
    position: relative;
  }
}
.page-mypage-index .page-mypageindex-box .like-list .like-group .like .like-img img {
  width: 100%;
}
.page-mypage-index .page-mypageindex-box .like-list .like-group .like .like-img .like-sp {
  width: 0.18rem;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.page-mypage-index .page-mypageindex-box .like-list .like-group .like .refinad-like {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
@media (max-width: 960px) {
  .page-mypage-index .page-mypageindex-box .like-list .like-group .like .refinad-like {
    margin-top: 0.12rem;
  }
}
.page-mypage-index .page-mypageindex-box .like-list .like-group .like .refinad-like .rl-txt {
  font-size: 12px;
  color: #c5c5c5;
}
@media (max-width: 960px) {
  .page-mypage-index .page-mypageindex-box .like-list .like-group .like .refinad-like .rl-txt {
    font-size: 0.1rem;
  }
}
.page-mypage-index .page-mypageindex-box .like-list .like-group .like .refinad-like .rl-img {
  display: flex;
}
.page-mypage-index .page-mypageindex-box .like-list .like-group .like .like-peice {
  font-size: 16px;
  margin-top: 2px;
}
@media (max-width: 960px) {
  .page-mypage-index .page-mypageindex-box .like-list .like-group .like .like-peice {
    font-size: 0.16rem;
    margin-top: 0.1rem;
  }
}
.page-mypage-index .page-mypageindex-box .like-list .like-group .like .like-peice span {
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-mypage-index .page-mypageindex-box .like-list .like-group .like .like-peice span {
    font-size: 0.1rem;
    margin-left: 0.035rem;
  }
}
.page-mypage-index .page-mypageindex-box .like-list .like-group .like .like-art {
  margin-top: 19px;
  font-size: 12px;
  line-height: 1.67;
}
@media (max-width: 960px) {
  .page-mypage-index .page-mypageindex-box .like-list .like-group .like .like-art {
    margin-top: 0.106rem;
    font-size: 0.1rem;
    line-height: 2;
  }
}
.page-mypage-index .page-mypageindex-box .like-list .like-group .like .like-sign {
  display: flex;
  flex-wrap: wrap;
  gap: 0.04rem;
  margin-top: 0.11rem;
}
.page-mypage-index .page-mypageindex-box .like-list .like-group .like .like-sign .sign {
  font-size: 0.08rem;
  min-width: 0.5rem;
  height: 0.17rem;
  background: #ffffff;
  border-radius: 0.15rem;
  border: 0.01rem solid #707070;
  padding: 0 0.14rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-mypage-like .adv-group {
  margin-top: 65px;
  padding: 40px;
  border: 1px solid #dcdcdc;
  background: #ffffff;
}
@media (max-width: 960px) {
  .page-mypage-like .adv-group {
    margin-top: 0.42rem;
    padding: 0.32rem 0.2rem 0.56rem;
    border-radius: 0.08rem;
  }
}
.page-mypage-like .adv-group .adv:last-of-type {
  margin-bottom: 0;
}
.page-mypage-like .adv-group .adv {
  display: flex;
  align-items: flex-start;
  margin-bottom: 14px;
}
@media (max-width: 960px) {
  .page-mypage-like .adv-group .adv {
    margin-bottom: 0.2rem;
  }
}
.page-mypage-like .adv-group .adv .adv-img {
  display: flex;
  margin-right: 10px;
  margin-top: 2px;
}
@media (max-width: 960px) {
  .page-mypage-like .adv-group .adv .adv-img {
    margin-right: 0.06rem;
    width: 0.14rem;
    margin-top: 0.05rem;
  }
}
.page-mypage-like .adv-group .adv .adv-txt {
  font-size: 14px;
  flex: 1;
}
@media (max-width: 960px) {
  .page-mypage-like .adv-group .adv .adv-txt {
    font-size: 0.12rem;
    line-height: 2;
  }
}
.page-mypage-like .like-group {
  margin-top: 80px;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
@media (max-width: 960px) {
  .page-mypage-like .like-group {
    margin: 0 -0.2rem;
    margin-top: 0.31rem;
    gap: 0;
  }
}
.page-mypage-like .like-group .like:nth-of-type(1),
.page-mypage-like .like-group .like:nth-of-type(2),
.page-mypage-like .like-group .like:nth-of-type(3),
.page-mypage-like .like-group .like:nth-of-type(4) {
  margin-top: 0;
}
@media (max-width: 960px) {
  .page-mypage-like .like-group .like:nth-of-type(1),
  .page-mypage-like .like-group .like:nth-of-type(2),
  .page-mypage-like .like-group .like:nth-of-type(3),
  .page-mypage-like .like-group .like:nth-of-type(4) {
    margin-top: 0.3rem;
  }
}
@media (max-width: 960px) {
  .page-mypage-like .like-group .like:nth-of-type(1),
  .page-mypage-like .like-group .like:nth-of-type(2) {
    margin-top: 0;
  }
}
.page-mypage-like .like-group .like {
  width: calc((100% - 90px) / 4);
  margin-top: 80px;
}
@media (max-width: 960px) {
  .page-mypage-like .like-group .like {
    width: 50%;
    margin-top: 0.3rem;
  }
}
@media (max-width: 960px) {
  .page-mypage-like .like-group .like .sp-padding {
    padding: 0 0.1rem;
  }
}
.page-mypage-like .like-group .like .like-img {
  display: flex;
}
@media (max-width: 960px) {
  .page-mypage-like .like-group .like .like-img {
    position: relative;
  }
}
.page-mypage-like .like-group .like .like-img .like-sp {
  width: 0.18rem;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.page-mypage-like .like-group .like .refinad-like {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
@media (max-width: 960px) {
  .page-mypage-like .like-group .like .refinad-like {
    margin-top: 0.12rem;
  }
}
.page-mypage-like .like-group .like .refinad-like .rl-txt {
  font-size: 12px;
  color: #c5c5c5;
}
@media (max-width: 960px) {
  .page-mypage-like .like-group .like .refinad-like .rl-txt {
    font-size: 0.1rem;
  }
}
.page-mypage-like .like-group .like .refinad-like .rl-img {
  display: flex;
}
.page-mypage-like .like-group .like .like-peice {
  font-size: 16px;
  margin-top: 2px;
}
@media (max-width: 960px) {
  .page-mypage-like .like-group .like .like-peice {
    font-size: 0.16rem;
    margin-top: 0.1rem;
  }
}
.page-mypage-like .like-group .like .like-peice span {
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-mypage-like .like-group .like .like-peice span {
    font-size: 0.1rem;
    margin-left: 0.035rem;
  }
}
.page-mypage-like .like-group .like .like-art {
  margin-top: 19px;
  font-size: 12px;
  line-height: 1.67;
}
@media (max-width: 960px) {
  .page-mypage-like .like-group .like .like-art {
    margin-top: 0.106rem;
    font-size: 0.1rem;
    line-height: 2;
  }
}
.page-mypage-like .like-group .like .like-sign {
  display: flex;
  flex-wrap: wrap;
  gap: 0.04rem;
  margin-top: 0.11rem;
}
.page-mypage-like .like-group .like .like-sign .sign {
  font-size: 0.08rem;
  min-width: 0.5rem;
  height: 0.17rem;
  background: #ffffff;
  border-radius: 0.15rem;
  border: 0.01rem solid #707070;
  padding: 0 0.14rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-mypage-point .point-group {
  padding: 76px 0 60px;
  border-bottom: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-mypage-point .point-group {
    padding: 0.388rem 0 0.2rem;
  }
}
.page-mypage-point .point-group .point:last-of-type {
  border-bottom: none;
}
.page-mypage-point .point-group .point {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 21px 0;
  border-bottom: 1px solid #dcdcdc;
  width: 410px;
}
@media (max-width: 960px) {
  .page-mypage-point .point-group .point {
    align-items: flex-end;
    width: 100%;
    padding: 0.21rem 0;
  }
}
.page-mypage-point .point-group .point .point-til {
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-mypage-point .point-group .point .point-til {
    font-size: 0.12rem;
  }
}
.page-mypage-point .point-group .point .point-content {
  font-size: 14px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: right;
}
@media (max-width: 960px) {
  .page-mypage-point .point-group .point .point-content {
    font-size: 0.12rem;
  }
}
.page-mypage-point .point-group .point .point-content .point-num span {
  font-size: 30px;
  line-height: 0;
  margin-right: 9px;
}
@media (max-width: 960px) {
  .page-mypage-point .point-group .point .point-content .point-num span {
    font-size: 0.26rem;
    margin-right: 0.09rem;
  }
}
.page-mypage-point .point-group .point .point-content .point-limit {
  font-size: 12px;
  margin-top: 8px;
  margin-right: 7px;
}
@media (max-width: 960px) {
  .page-mypage-point .point-group .point .point-content .point-limit {
    font-size: 0.1rem;
    margin-top: 0.06rem;
    margin-right: 0;
  }
}
.page-mypage-point .point-record {
  margin-top: 81px;
}
@media (max-width: 960px) {
  .page-mypage-point .point-record {
    margin-top: 0.4rem;
  }
}
.page-mypage-point .point-record .record-til {
  display: flex;
  justify-content: space-between;
}
.page-mypage-point .point-record .record-til .rt-left {
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-mypage-point .point-record .record-til .rt-left {
    font-size: 0.1rem;
  }
}
.page-mypage-point .point-record .record-til .rt-right {
  position: relative;
  display: flex;
}
.page-mypage-point .point-record .record-til .rt-right select {
  width: 151px;
  height: 60px;
  background: #f5f5f5;
  padding: 21px 22px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
}
@media (max-width: 960px) {
  .page-mypage-point .point-record .record-til .rt-right select {
    width: 1.14rem;
    height: 0.4rem;
    border-radius: 0.08rem;
    padding: 0.12rem 0.15rem;
  }
}
.page-mypage-point .point-record .record-til .rt-right:after {
  content: "";
  background: url("../images/mypage_index/select-arrow.svg") no-repeat;
  background-size: 10px 5px;
  display: block;
  width: 10px;
  height: 5px;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
@media (max-width: 960px) {
  .page-mypage-point .point-record .record-til .rt-right:after {
    background-size: 0.1rem 0.05rem;
    width: 0.1rem;
    height: 0.05rem;
    right: 0.15rem;
  }
}
.page-mypage-point .point-record .point-table {
  margin-top: 31px;
}
@media (max-width: 960px) {
  .page-mypage-point .point-record .point-table {
    margin-top: 0.31rem;
  }
}
.page-mypage-point .point-record .point-table table {
  border-collapse: collapse;
}
.page-mypage-point .point-record .point-table table tr:first-of-type {
  border-bottom: none;
}
.page-mypage-point .point-record .point-table table tr {
  border-right: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}
.page-mypage-point .point-record .point-table table tr td:last-of-type,
.page-mypage-point .point-record .point-table table tr th:last-of-type {
  border-right: none;
}
.page-mypage-point .point-record .point-table table tr th {
  width: 426px;
  height: 63px;
  background: #000000;
  font-size: 14px;
  color: #ffffff;
  border-right: 1px solid #dcdcdc;
}
.page-mypage-point .point-record .point-table table tr td {
  background: #ffffff;
  height: 81px;
  font-size: 14px;
  text-align: center;
  border-right: 1px solid #dcdcdc;
}
.page-mypage-point .point-record .point-table .record-list .list:first-of-type {
  margin-top: 0;
}
.page-mypage-point .point-record .point-table .record-list .list {
  margin-top: 0.31rem;
  border-radius: 0.08rem;
  border: 0.01rem solid #dcdcdc;
  background: #ffffff;
  overflow: hidden;
}
.page-mypage-point .point-record .point-table .record-list .list dl {
  display: flex;
}
.page-mypage-point .point-record .point-table .record-list .list dl dt,
.page-mypage-point .point-record .point-table .record-list .list dl dd {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-mypage-point .point-record .point-table .record-list .list dl dt {
  height: 0.63rem;
  width: 1.45rem;
  background: #000000;
  font-size: 0.12rem;
  font-weight: bold;
  color: #ffffff;
}
.page-mypage-point .point-record .point-table .record-list .list dl dd {
  font-size: 0.12rem;
  flex: 1;
}

.page-mypage-freight-payment .page-mypagefreight-payment-box {
  margin: 0 auto;
  margin-top: 60px;
  max-width: 1680px;
  padding: 0 40px 180px;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box {
    margin-top: 0.2rem;
    padding: 0 0.2rem 0.7rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .box-right-title {
  font-size: 30px;
  padding: 42px 0;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .box-right-title {
    font-size: 0.2rem;
    padding: 0.23rem 0.2rem;
    border-top: 0.01rem solid #dcdcdc;
    border-bottom: 0.01rem solid #dcdcdc;
    margin: 0 -0.2rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-til {
  font-size: 20px;
  margin-top: 81px;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-til {
    font-size: 0.16rem;
    margin-top: 0.42rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-sbtil {
  font-size: 14px;
  margin-top: 31px;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-sbtil {
    font-size: 0.12rem;
    margin-top: 0.31rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group {
  margin-top: 80px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group {
    margin-top: 0.31rem;
    display: block;
  }
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group .table-ot:last-of-type {
    margin-bottom: 0;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group .table-ot {
  width: 312px;
  margin-bottom: 80px;
  border: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group .table-ot {
    width: 100%;
    margin-bottom: 0.31rem;
    border: 0.01rem solid #dcdcdc;
    border-radius: 0.08rem;
    overflow: hidden;
  }
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group table:last-of-type {
    margin-bottom: 0;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group table {
  width: 100%;
  border-collapse: collapse;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group table {
    width: 100%;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group table tr:last-of-type {
  border-bottom: none;
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group table tr {
  border-bottom: 1px solid #dcdcdc;
  background: #ffffff;
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group table tr th {
  background: #000000;
  height: 63px;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group table tr th {
    height: 0.63rem;
    font-size: 0.12rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group table tr td:first-of-type {
  width: 188px;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group table tr td:first-of-type {
    width: 2.12rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group table tr td:last-of-type {
  width: 124px;
  border-right: none;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group table tr td:last-of-type {
    width: 1.22rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group table tr td {
  border-right: 1px solid #dcdcdc;
  font-size: 14px;
  text-align: center;
  height: 80px;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group table tr td {
    height: 0.57rem;
    font-size: 0.12rem;
    border-right: 0.01rem solid #dcdcdc;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk {
  margin-top: 100px;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk {
    margin-top: 0.7rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group {
  margin-top: 80px;
  display: flex;
  gap: 60px;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group {
    margin-top: 0.4rem;
    display: block;
  }
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method-blk:first-of-type .method:first-of-type {
    margin-top: 0;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method:first-of-type {
  margin-top: 0;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method:first-of-type {
    margin-top: 0.3rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method {
  max-width: 790px;
  margin-top: 40px;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method {
    width: 100%;
    margin-top: 0.3rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-til {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  padding: 0 24px;
  min-width: 117px;
  width: fit-content;
  height: 41px;
  border-radius: 21px;
  background: #ffffff;
  border: 1px solid #111111;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-til {
    font-size: 0.12rem;
    padding: 0 0.17rem;
    min-width: 0.85rem;
    height: 0.25rem;
    border-radius: 0.25rem;
    border: 0.01rem solid #111111;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-tip-group {
  margin-top: 20px;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-tip-group {
    margin-top: 0.15rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-tip-group .method-tip {
  font-size: 14px;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-tip-group .method-tip {
    font-size: 0.12rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .pm-til {
  margin-top: 31px;
  font-size: 12px;
  color: #c5c5c5;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .pm-til {
    font-size: 0.1rem;
    margin-top: 0.33rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .pm-img-group {
  display: flex;
  align-items: center;
  margin-top: 23px;
  gap: 20px;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .pm-img-group {
    margin-top: 0.15rem;
    gap: 0.1rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .pm-img-group .pm-img {
  display: flex;
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-txt {
  font-size: 14px;
  line-height: 2;
  margin-top: 20px;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-txt {
    font-size: 0.12rem;
    margin-top: 0.15rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-table {
  margin-top: 30px;
  display: flex;
  border: 1px solid #dcdcdc;
  width: 312px;
  overflow: hidden;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-table {
    margin-top: 0.2rem;
    width: 100%;
    border: 0.01rem solid #dcdcdc;
    border-radius: 0.08rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-table table {
  border-collapse: collapse;
  background: #ffffff;
  width: 100%;
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-table tr:last-of-type {
  border-bottom: none;
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-table tr {
  border-bottom: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-table tr {
    border-bottom: 0.01rem solid #dcdcdc;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-table tr > *:first-child {
  width: 188px;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-table tr > *:first-child {
    width: 2.11rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-table tr > *:last-child {
  border-right: none;
  width: 124px;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-table tr > *:last-child {
    width: 1.39rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-table tr > * {
  border-right: 1px solid #dcdcdc;
  text-align: center;
  height: 80px;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-table tr > * {
    height: 0.64rem;
    border-right: 0.01rem solid #dcdcdc;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-table tr th {
  background: #000000;
  color: #ffffff;
}

.page-mypage-review-history .page-mypage-box .box-right {
  padding-bottom: 286px;
}
@media (max-width: 960px) {
  .page-mypage-review-history .page-mypage-box .box-right {
    padding-bottom: 0.7rem;
  }
}
.page-mypage-review-history .page-mypage-box .nothing {
  font-size: 12px;
  color: #c5c5c5;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 160px;
  border: 1px solid #dcdcdc;
  margin-top: 81px;
}
@media (max-width: 960px) {
  .page-mypage-review-history .page-mypage-box .nothing {
    margin-top: 0.42rem;
    justify-content: flex-start;
    padding-left: 0.7rem;
    font-size: 0.12rem;
    width: 100%;
    height: 1.6rem;
    border-radius: 0.08rem;
  }
}
.page-mypage-review-history .page-mypage-box .review-num {
  margin-top: 82px;
}
@media (max-width: 960px) {
  .page-mypage-review-history .page-mypage-box .review-num {
    margin-top: 0.43rem;
  }
}
.page-mypage-review-history .page-mypage-box .review-num .rn-num {
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-mypage-review-history .page-mypage-box .review-num .rn-num {
    font-size: 0.1rem;
  }
}
.page-mypage-review-history .page-mypage-box .review-num .review-group {
  margin-top: 42px;
}
@media (max-width: 960px) {
  .page-mypage-review-history .page-mypage-box .review-num .review-group {
    margin-top: 0.2rem;
  }
}
.page-mypage-review-history .page-mypage-box .review-num .review-group .review:first-child {
  margin-top: 0;
}
.page-mypage-review-history .page-mypage-box .review-num .review-group .review {
  display: flex;
  border: 1px solid #dcdcdc;
  width: 100%;
  margin-top: 30px;
  background: #ffffff;
}
@media (max-width: 960px) {
  .page-mypage-review-history .page-mypage-box .review-num .review-group .review {
    border-radius: 0.08rem;
    margin-top: 0.4rem;
    display: block;
    padding: 0.3rem 0.2rem;
  }
}
.page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-left {
  border-right: 1px solid #dcdcdc;
  padding: 30px 30px 45px;
  max-width: 443px;
  display: flex;
}
@media (max-width: 960px) {
  .page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-left {
    border-right: none;
    padding: 0;
    padding-bottom: 0.265rem;
    border-bottom: 0.01rem solid #dcdcdc;
  }
}
.page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-left .left-img {
  display: flex;
  margin-right: 20px;
  width: 150px;
  align-items: flex-start;
}
@media (max-width: 960px) {
  .page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-left .left-img {
    width: 1.2rem;
    margin-right: 0.14rem;
  }
}
.page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-left .left-img img {
  width: 100%;
}
.page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-left .grade-txt {
  margin-top: 30px;
}
@media (max-width: 960px) {
  .page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-left .grade-txt {
    margin-top: 0.19rem;
  }
}
.page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-left .grade-txt .gt-grade {
  display: flex;
  align-items: center;
  gap: 4px;
}
@media (max-width: 960px) {
  .page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-left .grade-txt .gt-grade {
    gap: 0.03rem;
  }
}
.page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-left .grade-txt .gt-grade .grade-img {
  display: flex;
}
@media (max-width: 960px) {
  .page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-left .grade-txt .gt-grade .grade-img {
    width: 0.13rem;
  }
}
@media (max-width: 960px) {
  .page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-left .grade-txt .gt-grade .grade-img img {
    width: 100%;
  }
}
.page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-left .grade-txt .gt-txt {
  font-size: 14px;
  line-height: 1.4;
  margin-top: 18px;
  width: 211px;
}
@media (max-width: 960px) {
  .page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-left .grade-txt .gt-txt {
    font-size: 0.12rem;
    margin-top: 0.12rem;
    line-height: 1.67;
    width: 1.75rem;
  }
}
.page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-right {
  flex: 1;
  position: relative;
  padding: 59px 30px;
}
@media (max-width: 960px) {
  .page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-right {
    padding: 0;
    margin-top: 0.28rem;
  }
}
.page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-right .right-txt {
  font-size: 14px;
  line-height: 2;
  max-width: 727px;
}
@media (max-width: 960px) {
  .page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-right .right-txt {
    font-size: 0.12rem;
    max-width: unset;
    line-height: 1.83;
  }
}
.page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-right .right-link {
  display: flex;
  width: fit-content;
  color: #30c1c1;
  font-size: 12px;
  position: absolute;
  right: 54px;
  bottom: 31px;
}
@media (max-width: 960px) {
  .page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-right .right-link {
    position: unset;
    margin: 0 auto;
    margin-right: 0.25rem;
    margin-top: 0.31rem;
    font-size: 0.1rem;
  }
}

.page-mypage-review-history-change .page-mypage-box .box-right {
  padding-bottom: 180px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .box-right {
    padding-bottom: 0.7rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .product {
  margin-top: 81px;
  display: flex;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .product {
    margin-top: 0.46rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .product .product-img {
  display: flex;
  width: 160px;
  margin-right: 20px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .product .product-img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 0.08rem;
    margin-right: 0.14rem;
    overflow: hidden;
  }
}
.page-mypage-review-history-change .page-mypage-box .product .product-img img {
  width: 100%;
}
.page-mypage-review-history-change .page-mypage-box .product .product-txt {
  margin-top: 27px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .product .product-txt {
    flex: 1;
    margin-top: 0;
  }
}
.page-mypage-review-history-change .page-mypage-box .product .product-txt .pt-til {
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .product .product-txt .pt-til {
    font-size: 0.12rem;
    line-height: 1.6;
  }
}
.page-mypage-review-history-change .page-mypage-box .product .product-txt .pt-sbtil {
  font-size: 12px;
  margin-top: 14px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .product .product-txt .pt-sbtil {
    font-size: 0.1rem;
    line-height: 1.8;
    margin-top: 0.11rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .product .product-txt .pt-price {
  margin-top: 16px;
  display: flex;
  align-items: center;
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .product .product-txt .pt-price {
    margin-top: 0.06rem;
    font-size: 0.1rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .product .product-txt .pt-price span {
  font-size: 16px;
  margin-right: 6px;
  color: #e29b49;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .product .product-txt .pt-price span {
    margin-right: 0.045rem;
    font-size: 0.16rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .nothing {
  margin-top: 41px;
  width: 100%;
  height: 80px;
  border: 1px solid #dcdcdc;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #c5c5c5;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .nothing {
    margin-top: 0.3rem;
    height: 0.51rem;
    border-radius: 0.08rem;
    border: 0.01rem solid #dcdcdc;
  }
}
.page-mypage-review-history-change .page-mypage-box .careful {
  margin-top: 47px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .careful {
    margin-top: 0.43rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .careful .c-til {
  font-size: 20px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .careful .c-til {
    font-size: 0.16rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .careful .c-art {
  font-size: 14px;
  line-height: 2;
  margin-top: 31px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .careful .c-art {
    margin-top: 0.31rem;
    font-size: 0.12rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group {
  margin-top: 82px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group {
    margin-top: 0.41rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk:first-child {
  margin-top: 0;
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk {
  margin-top: 33px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk {
    margin-top: 0.21rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-til {
  font-size: 16px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-til {
    font-size: 0.12rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-til span {
  font-size: 12px;
  margin-left: 33px;
  color: #e24974;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-til span {
    font-size: 0.1rem;
    margin-left: 0.13rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value {
  display: flex;
  flex-direction: column;
  margin-top: 19px;
  position: relative;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value {
    margin-top: 0.1rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .input-blk {
  display: flex;
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .input-blk input {
  width: 100%;
  height: 60px;
  font-size: 14px;
  background: #f5f5f5;
  padding: 0 20px;
  border: none;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .input-blk input {
    height: 0.5rem;
    font-size: 0.12rem;
    padding: 0 0.2rem;
    border-radius: 0.08rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .select-blk {
  display: flex;
  position: relative;
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .select-blk select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 100%;
  height: 60px;
  padding: 0 20px;
  font-size: 14px;
  background: #f5f5f5;
  border: none;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .select-blk select {
    height: 0.5rem;
    padding: 0 0.2rem;
    font-size: 0.12rem;
    border-radius: 0.08rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .select-blk::after {
  content: "";
  background: url("../images/mypage_index/select-arrow.svg") no-repeat;
  background-size: 10px 5px;
  display: block;
  width: 10px;
  height: 5px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .select-blk::after {
    background-size: 0.09rem 0.04rem;
    width: 0.069rem;
    height: 0.04rem;
    right: 0.21rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .blk-txtarea {
  display: flex;
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .blk-txtarea textarea {
  width: 100%;
  border: none;
  height: 240px;
  font-size: 14px;
  background: #f5f5f5;
  resize: none;
  padding: 20px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .blk-txtarea textarea {
    height: 1.5rem;
    padding: 0.2rem;
    font-size: 0.12rem;
    border-radius: 0.08rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select:last-of-type {
  margin-top: 36px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select:last-of-type {
    margin-top: 0.36rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select:first-of-type {
  margin-top: 0;
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select {
  margin-top: 30px;
  display: flex;
  align-items: center;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select {
    margin-top: 0.2rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select .lable-group {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select .lable-group {
    margin-left: 0.19rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select .lable-group label:first-of-type {
  width: fit-content;
  margin-right: 30px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select .lable-group label:first-of-type {
    margin-right: 0.3rem;
    margin-bottom: 0.15rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select label:first-of-type {
  width: 220px;
  margin-right: 0;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select label:first-of-type {
    width: 1.68rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select label:first-of-type input {
  margin-right: 12px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select label:first-of-type input {
    margin-right: 0.1rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select label {
  display: flex;
  align-items: center;
  margin-right: 30px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select label {
    margin-right: 0.3rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select label input:checked {
  width: 17px;
  height: 17px;
  border: 1px solid #dcdcdc;
  background: #ffffff;
  position: relative;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select label input:checked {
    width: 0.17rem;
    height: 0.17rem;
    border: 0.01rem solid #dcdcdc;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select label input:checked:after {
  content: "";
  background: url("../images/mypage_index/check.svg") no-repeat;
  background-size: 17px 12px;
  width: 17px;
  height: 12px;
  display: block;
  position: absolute;
  left: 2px;
  top: 0.5px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select label input:checked:after {
    background-size: 0.17rem 0.12rem;
    width: 0.17rem;
    height: 0.12rem;
    left: 0.02rem;
    top: 0.005rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select label input {
  margin: 0;
  margin-right: 14px;
  width: 17px;
  height: 17px;
  border: 1px solid #dcdcdc;
  background: #ffffff;
  appearance: none;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select label input {
    margin-right: 0.1rem;
    width: 0.17rem;
    height: 0.17rem;
    border: 0.01rem solid #dcdcdc;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select label span {
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select label span {
    font-size: 0.12rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select select {
  width: 100%;
  height: 60px;
  background: #f5f5f5;
  border: none;
  flex: 1;
  padding: 0 20px;
  appearance: none;
  background-image: url("../images/mypage_index/select-arrow.svg");
  background-size: 10px 5px;
  background-repeat: no-repeat;
  background-position: right 20px center;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select select {
    height: 0.5rem;
    padding: 0 0.2rem;
    border-radius: 0.08rem;
    font-size: 0.12rem;
    background-size: 0.09rem 0.04rem;
    background-position: right 0.21rem center;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .blk-data {
  display: flex;
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .blk-data input {
  width: 100%;
  padding: 0 27px;
  height: 60px;
  background: #f5f5f5;
  border: none;
  background-image: url("../images/mypage_index/data.svg");
  background-size: 22px 22px;
  background-repeat: no-repeat;
  background-position: right 20px center;
  position: relative;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .blk-data input {
    padding: 0 0.2rem;
    height: 0.5rem;
    background-size: 0.18rem 0.18rem;
    background-position: right 0.16rem center;
    border-radius: 0.08rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .blk-data input[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-tip {
  font-size: 12px;
  color: #c5c5c5;
  margin-top: 15px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-tip {
    font-size: 0.1rem;
    margin-top: 0.11rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-btn {
  margin-top: 55px;
  display: flex;
  justify-content: center;
  gap: 30px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-btn {
    margin-top: 0.3rem;
    gap: 0.1rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-btn .btn {
  width: 300px;
  height: 73px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #ffffff;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-btn .btn {
    width: 1.7rem;
    height: 0.73rem;
    border-radius: 0.08rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-btn .back {
  background: #c5c5c5;
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-btn .sure {
  background: #000000;
}

.page-mypage-passowrd .form-group {
  margin-top: 42px;
}
@media (max-width: 960px) {
  .page-mypage-passowrd .form-group {
    margin-top: 0.31rem;
  }
}
.page-mypage-passowrd .form-group .form-blk:first-of-type {
  margin-top: 0;
}
.page-mypage-passowrd .form-group .form-blk {
  margin-top: 33px;
}
@media (max-width: 960px) {
  .page-mypage-passowrd .form-group .form-blk {
    margin-top: 0.21rem;
  }
}
.page-mypage-passowrd .form-group .form-blk .blk-til {
  font-size: 16px;
}
@media (max-width: 960px) {
  .page-mypage-passowrd .form-group .form-blk .blk-til {
    font-size: 0.12rem;
  }
}
.page-mypage-passowrd .form-group .form-blk .blk-til span {
  font-size: 12px;
  color: #e24974;
  margin-left: 33px;
}
@media (max-width: 960px) {
  .page-mypage-passowrd .form-group .form-blk .blk-til span {
    font-size: 0.1rem;
    margin-left: 0.22rem;
  }
}
.page-mypage-passowrd .form-group .form-blk .blk-input {
  margin-top: 19px;
  display: flex;
  position: relative;
  width: fit-content;
}
@media (max-width: 960px) {
  .page-mypage-passowrd .form-group .form-blk .blk-input {
    margin-top: 0.1rem;
    width: 100%;
  }
}
.page-mypage-passowrd .form-group .form-blk .blk-input input {
  width: 615px;
  height: 60px;
  border: none;
  background: #f5f5f5;
  padding: 0 20px;
  font-size: 16px;
}
@media (max-width: 960px) {
  .page-mypage-passowrd .form-group .form-blk .blk-input input {
    width: 100%;
    height: 0.5rem;
    padding: 0 0.2rem;
    font-size: 0.12rem;
    border-radius: 0.08rem;
  }
}
.page-mypage-passowrd .form-group .form-blk .blk-input:after {
  content: "";
  background: url("../images/mypage_index/passowrd-show.svg") no-repeat;
  background-size: 30px 30px;
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
}
@media (max-width: 960px) {
  .page-mypage-passowrd .form-group .form-blk .blk-input:after {
    background-size: 0.18rem 0.18rem;
    width: 0.18rem;
    height: 0.18rem;
    top: 50%;
    right: 0.16rem;
  }
}
.page-mypage-like .adv-group {
  margin-top: 81px;
  padding: 40px;
  border: 1px solid #dcdcdc;
  background: #ffffff;
}
@media (max-width: 960px) {
  .page-mypage-like .adv-group {
    margin-top: 0.42rem;
    padding: 0.32rem 0.2rem 0.56rem;
    border-radius: 0.08rem;
  }
}
.page-mypage-like .adv-group .adv:last-of-type {
  margin-bottom: 0;
}
.page-mypage-like .adv-group .adv {
  display: flex;
  align-items: flex-start;
  margin-bottom: 14px;
}
@media (max-width: 960px) {
  .page-mypage-like .adv-group .adv {
    margin-bottom: 0.2rem;
  }
}
.page-mypage-like .adv-group .adv .adv-img {
  display: flex;
  margin-right: 10px;
  margin-top: 2px;
}
@media (max-width: 960px) {
  .page-mypage-like .adv-group .adv .adv-img {
    margin-right: 0.06rem;
    width: 0.14rem;
    margin-top: 0.05rem;
  }
}
.page-mypage-like .adv-group .adv .adv-txt {
  font-size: 14px;
  flex: 1;
}
@media (max-width: 960px) {
  .page-mypage-like .adv-group .adv .adv-txt {
    font-size: 0.12rem;
    line-height: 2;
  }
}
.page-mypage-like .like-group {
  margin-top: 80px;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
@media (max-width: 960px) {
  .page-mypage-like .like-group {
    margin: 0 -0.2rem;
    margin-top: 0.31rem;
    gap: 0;
  }
}
.page-mypage-like .like-group .like:nth-of-type(1),
.page-mypage-like .like-group .like:nth-of-type(2),
.page-mypage-like .like-group .like:nth-of-type(3),
.page-mypage-like .like-group .like:nth-of-type(4) {
  margin-top: 0;
}
@media (max-width: 960px) {
  .page-mypage-like .like-group .like:nth-of-type(1),
  .page-mypage-like .like-group .like:nth-of-type(2),
  .page-mypage-like .like-group .like:nth-of-type(3),
  .page-mypage-like .like-group .like:nth-of-type(4) {
    margin-top: 0.3rem;
  }
}
@media (max-width: 960px) {
  .page-mypage-like .like-group .like:nth-of-type(1),
  .page-mypage-like .like-group .like:nth-of-type(2) {
    margin-top: 0;
  }
}
.page-mypage-like .like-group .like {
  width: calc((100% - 90px) / 4);
  margin-top: 80px;
}
@media (max-width: 960px) {
  .page-mypage-like .like-group .like {
    width: 50%;
    margin-top: 0.3rem;
  }
}
@media (max-width: 960px) {
  .page-mypage-like .like-group .like .sp-padding {
    padding: 0 0.1rem;
  }
}
.page-mypage-like .like-group .like .like-img {
  display: flex;
}
@media (max-width: 960px) {
  .page-mypage-like .like-group .like .like-img {
    position: relative;
  }
}
.page-mypage-like .like-group .like .like-img .like-sp {
  width: 0.18rem;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.page-mypage-like .like-group .like .refinad-like {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
@media (max-width: 960px) {
  .page-mypage-like .like-group .like .refinad-like {
    margin-top: 0.12rem;
  }
}
.page-mypage-like .like-group .like .refinad-like .rl-txt {
  font-size: 12px;
  color: #c5c5c5;
}
@media (max-width: 960px) {
  .page-mypage-like .like-group .like .refinad-like .rl-txt {
    font-size: 0.1rem;
  }
}
.page-mypage-like .like-group .like .refinad-like .rl-img {
  display: flex;
}
.page-mypage-like .like-group .like .like-peice {
  font-size: 16px;
  margin-top: 2px;
}
@media (max-width: 960px) {
  .page-mypage-like .like-group .like .like-peice {
    font-size: 0.16rem;
    margin-top: 0.1rem;
  }
}
.page-mypage-like .like-group .like .like-peice span {
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-mypage-like .like-group .like .like-peice span {
    font-size: 0.1rem;
    margin-left: 0.035rem;
  }
}
.page-mypage-like .like-group .like .like-art {
  margin-top: 19px;
  font-size: 12px;
  line-height: 1.67;
}
@media (max-width: 960px) {
  .page-mypage-like .like-group .like .like-art {
    margin-top: 0.106rem;
    font-size: 0.1rem;
    line-height: 2;
  }
}
.page-mypage-like .like-group .like .like-sign {
  display: flex;
  flex-wrap: wrap;
  gap: 0.04rem;
  margin-top: 0.11rem;
}
.page-mypage-like .like-group .like .like-sign .sign {
  font-size: 0.08rem;
  min-width: 0.5rem;
  height: 0.17rem;
  background: #ffffff;
  border-radius: 0.15rem;
  border: 0.01rem solid #707070;
  padding: 0 0.14rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-mypage-point .point-group {
  padding: 76px 0 60px;
  border-bottom: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-mypage-point .point-group {
    padding: 0.388rem 0 0.2rem;
  }
}
.page-mypage-point .point-group .point:last-of-type {
  border-bottom: none;
}
.page-mypage-point .point-group .point {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 21px 0;
  border-bottom: 1px solid #dcdcdc;
  width: 410px;
}
@media (max-width: 960px) {
  .page-mypage-point .point-group .point {
    align-items: flex-end;
    width: 100%;
    padding: 0.21rem 0;
  }
}
.page-mypage-point .point-group .point .point-til {
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-mypage-point .point-group .point .point-til {
    font-size: 0.12rem;
  }
}
.page-mypage-point .point-group .point .point-content {
  font-size: 14px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: right;
}
@media (max-width: 960px) {
  .page-mypage-point .point-group .point .point-content {
    font-size: 0.12rem;
  }
}
.page-mypage-point .point-group .point .point-content .point-num span {
  font-size: 30px;
  line-height: 0;
  margin-right: 9px;
}
@media (max-width: 960px) {
  .page-mypage-point .point-group .point .point-content .point-num span {
    font-size: 0.26rem;
    margin-right: 0.09rem;
  }
}
.page-mypage-point .point-group .point .point-content .point-limit {
  font-size: 12px;
  margin-top: 8px;
  margin-right: 7px;
}
@media (max-width: 960px) {
  .page-mypage-point .point-group .point .point-content .point-limit {
    font-size: 0.1rem;
    margin-top: 0.06rem;
    margin-right: 0;
  }
}
.page-mypage-point .point-record {
  margin-top: 81px;
}
@media (max-width: 960px) {
  .page-mypage-point .point-record {
    margin-top: 0.4rem;
  }
}
.page-mypage-point .point-record .record-til {
  display: flex;
  justify-content: space-between;
}
.page-mypage-point .point-record .record-til .rt-left {
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-mypage-point .point-record .record-til .rt-left {
    font-size: 0.1rem;
  }
}
.page-mypage-point .point-record .record-til .rt-right {
  position: relative;
  display: flex;
}
.page-mypage-point .point-record .record-til .rt-right select {
  width: 151px;
  height: 60px;
  background: #f5f5f5;
  padding: 21px 22px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
}
@media (max-width: 960px) {
  .page-mypage-point .point-record .record-til .rt-right select {
    width: 1.14rem;
    height: 0.4rem;
    border-radius: 0.08rem;
    padding: 0.12rem 0.15rem;
  }
}
.page-mypage-point .point-record .record-til .rt-right:after {
  content: "";
  background: url("../images/mypage_index/select-arrow.svg") no-repeat;
  background-size: 10px 5px;
  display: block;
  width: 10px;
  height: 5px;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
@media (max-width: 960px) {
  .page-mypage-point .point-record .record-til .rt-right:after {
    background-size: 0.1rem 0.05rem;
    width: 0.1rem;
    height: 0.05rem;
    right: 0.15rem;
  }
}
.page-mypage-point .point-record .point-table {
  margin-top: 31px;
}
@media (max-width: 960px) {
  .page-mypage-point .point-record .point-table {
    margin-top: 0.31rem;
  }
}
.page-mypage-point .point-record .point-table table {
  border-collapse: collapse;
}
.page-mypage-point .point-record .point-table table tr:first-of-type {
  border-bottom: none;
}
.page-mypage-point .point-record .point-table table tr {
  border-right: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}
.page-mypage-point .point-record .point-table table tr td:last-of-type,
.page-mypage-point .point-record .point-table table tr th:last-of-type {
  border-right: none;
}
.page-mypage-point .point-record .point-table table tr th {
  width: 426px;
  height: 63px;
  background: #000000;
  font-size: 14px;
  color: #ffffff;
  border-right: 1px solid #dcdcdc;
}
.page-mypage-point .point-record .point-table table tr td {
  background: #ffffff;
  height: 81px;
  font-size: 14px;
  text-align: center;
  border-right: 1px solid #dcdcdc;
}
.page-mypage-point .point-record .point-table .record-list .list:first-of-type {
  margin-top: 0;
}
.page-mypage-point .point-record .point-table .record-list .list {
  margin-top: 0.31rem;
  border-radius: 0.08rem;
  border: 0.01rem solid #dcdcdc;
  background: #ffffff;
  overflow: hidden;
}
.page-mypage-point .point-record .point-table .record-list .list dl {
  display: flex;
}
.page-mypage-point .point-record .point-table .record-list .list dl dt,
.page-mypage-point .point-record .point-table .record-list .list dl dd {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-mypage-point .point-record .point-table .record-list .list dl dt {
  height: 0.63rem;
  width: 1.45rem;
  background: #000000;
  font-size: 0.12rem;
  font-weight: bold;
  color: #ffffff;
}
.page-mypage-point .point-record .point-table .record-list .list dl dd {
  font-size: 0.12rem;
  flex: 1;
}
.page-mypage-freight-payment .page-mypagefreight-payment-box {
  margin: 0 auto;
  margin-top: 60px;
  max-width: 1680px;
  padding: 0 40px 180px;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box {
    margin-top: 0.2rem;
    padding: 0 0.2rem 0.7rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .box-right-title {
  font-size: 30px;
  padding: 42px 0;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .box-right-title {
    font-size: 0.2rem;
    padding: 0.23rem 0.2rem;
    border-top: 0.01rem solid #dcdcdc;
    border-bottom: 0.01rem solid #dcdcdc;
    margin: 0 -0.2rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-til {
  font-size: 20px;
  margin-top: 81px;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-til {
    font-size: 0.16rem;
    margin-top: 0.42rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-sbtil {
  font-size: 14px;
  margin-top: 31px;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-sbtil {
    font-size: 0.12rem;
    margin-top: 0.31rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group {
  margin-top: 80px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group {
    margin-top: 0.31rem;
    display: block;
  }
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group .table-ot:last-of-type {
    margin-bottom: 0;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group .table-ot {
  width: 312px;
  margin-bottom: 80px;
  border: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group .table-ot {
    width: 100%;
    margin-bottom: 0.31rem;
    border: 0.01rem solid #dcdcdc;
    border-radius: 0.08rem;
    overflow: hidden;
  }
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group table:last-of-type {
    margin-bottom: 0;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group table {
  width: 100%;
  border-collapse: collapse;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group table {
    width: 100%;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group table tr:last-of-type {
  border-bottom: none;
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group table tr {
  border-bottom: 1px solid #dcdcdc;
  background: #ffffff;
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group table tr th {
  background: #000000;
  height: 63px;
  font-size: 14px;
  text-align: center;
  color: #ffffff;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group table tr th {
    height: 0.63rem;
    font-size: 0.12rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group table tr td:first-of-type {
  width: 188px;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group table tr td:first-of-type {
    width: 2.12rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group table tr td:last-of-type {
  width: 124px;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group table tr td:last-of-type {
    width: 1.22rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group table tr td {
  border-right: 1px solid #dcdcdc;
  font-size: 14px;
  text-align: center;
  height: 80px;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .table-blk .table-group table tr td {
    height: 0.57rem;
    font-size: 0.12rem;
    border-right: 0.01rem solid #dcdcdc;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk {
  margin-top: 100px;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk {
    margin-top: 0.7rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group {
  margin-top: 80px;
  display: flex;
  gap: 60px;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group {
    margin-top: 0.4rem;
    display: block;
  }
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method-blk:first-of-type .method:first-of-type {
    margin-top: 0;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method:first-of-type {
  margin-top: 0;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method:first-of-type {
    margin-top: 0.3rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method {
  max-width: 790px;
  margin-top: 40px;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method {
    width: 100%;
    margin-top: 0.3rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-til {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  padding: 0 24px;
  min-width: 117px;
  width: fit-content;
  height: 41px;
  border-radius: 21px;
  background: #ffffff;
  border: 1px solid #111111;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-til {
    font-size: 0.12rem;
    padding: 0 0.17rem;
    min-width: 0.85rem;
    height: 0.25rem;
    border-radius: 0.25rem;
    border: 0.01rem solid #111111;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-tip-group {
  margin-top: 20px;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-tip-group {
    margin-top: 0.15rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-tip-group .method-tip {
  font-size: 14px;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-tip-group .method-tip {
    font-size: 0.12rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .pm-til {
  margin-top: 31px;
  font-size: 12px;
  color: #c5c5c5;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .pm-til {
    font-size: 0.1rem;
    margin-top: 0.33rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .pm-img-group {
  display: flex;
  align-items: center;
  margin-top: 23px;
  gap: 20px;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .pm-img-group {
    margin-top: 0.15rem;
    gap: 0.1rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .pm-img-group .pm-img {
  display: flex;
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-txt {
  font-size: 14px;
  line-height: 2;
  margin-top: 20px;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-txt {
    font-size: 0.12rem;
    margin-top: 0.15rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-table {
  margin-top: 30px;
  display: flex;
  border: 1px solid #dcdcdc;
  width: 312px;
  overflow: hidden;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-table {
    margin-top: 0.2rem;
    width: 100%;
    border: 0.01rem solid #dcdcdc;
    border-radius: 0.08rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-table table {
  border-collapse: collapse;
  background: #ffffff;
  width: 100%;
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-table tr:last-of-type {
  border-bottom: none;
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-table tr {
  border-bottom: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-table tr {
    border-bottom: 0.01rem solid #dcdcdc;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-table tr > *:first-child {
  width: 188px;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-table tr > *:first-child {
    width: 2.11rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-table tr > *:last-child {
  border-right: none;
  width: 124px;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-table tr > *:last-child {
    width: 1.39rem;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-table tr > * {
  border-right: 1px solid #dcdcdc;
  text-align: center;
  height: 80px;
}
@media (max-width: 960px) {
  .page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-table tr > * {
    height: 0.64rem;
    border-right: 0.01rem solid #dcdcdc;
  }
}
.page-mypage-freight-payment .page-mypagefreight-payment-box .payment-blk .method-group .method .method-table tr th {
  background: #000000;
  color: #ffffff;
}
.page-mypage-review-history .page-mypage-box .box-right {
  padding-bottom: 286px;
}
@media (max-width: 960px) {
  .page-mypage-review-history .page-mypage-box .box-right {
    padding-bottom: 0.7rem;
  }
}
.page-mypage-review-history .page-mypage-box .nothing {
  font-size: 12px;
  color: #c5c5c5;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 160px;
  border: 1px solid #dcdcdc;
  margin-top: 81px;
}
@media (max-width: 960px) {
  .page-mypage-review-history .page-mypage-box .nothing {
    margin-top: 0.42rem;
    justify-content: flex-start;
    padding-left: 0.7rem;
    font-size: 0.12rem;
    width: 100%;
    height: 1.6rem;
    border-radius: 0.08rem;
  }
}
.page-mypage-review-history .page-mypage-box .review-num {
  margin-top: 82px;
}
@media (max-width: 960px) {
  .page-mypage-review-history .page-mypage-box .review-num {
    margin-top: 0.43rem;
  }
}
.page-mypage-review-history .page-mypage-box .review-num .rn-num {
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-mypage-review-history .page-mypage-box .review-num .rn-num {
    font-size: 0.1rem;
  }
}
.page-mypage-review-history .page-mypage-box .review-num .review-group {
  margin-top: 42px;
}
@media (max-width: 960px) {
  .page-mypage-review-history .page-mypage-box .review-num .review-group {
    margin-top: 0.2rem;
  }
}
.page-mypage-review-history .page-mypage-box .review-num .review-group .review:first-child {
  margin-top: 0;
}
.page-mypage-review-history .page-mypage-box .review-num .review-group .review {
  display: flex;
  border: 1px solid #dcdcdc;
  width: 100%;
  margin-top: 30px;
  background: #ffffff;
}
@media (max-width: 960px) {
  .page-mypage-review-history .page-mypage-box .review-num .review-group .review {
    border-radius: 0.08rem;
    margin-top: 0.4rem;
    display: block;
    padding: 0.3rem 0.2rem;
  }
}
.page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-left {
  border-right: 1px solid #dcdcdc;
  padding: 30px 30px 45px;
  max-width: 443px;
  display: flex;
}
@media (max-width: 960px) {
  .page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-left {
    border-right: none;
    padding: 0;
    padding-bottom: 0.265rem;
    border-bottom: 0.01rem solid #dcdcdc;
  }
}
.page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-left .left-img {
  display: flex;
  margin-right: 20px;
  width: 150px;
  align-items: flex-start;
}
@media (max-width: 960px) {
  .page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-left .left-img {
    width: 1.2rem;
    margin-right: 0.14rem;
  }
}
.page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-left .left-img img {
  width: 100%;
}
.page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-left .grade-txt {
  margin-top: 30px;
}
@media (max-width: 960px) {
  .page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-left .grade-txt {
    margin-top: 0.19rem;
  }
}
.page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-left .grade-txt .gt-grade {
  display: flex;
  align-items: center;
  gap: 4px;
}
@media (max-width: 960px) {
  .page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-left .grade-txt .gt-grade {
    gap: 0.03rem;
  }
}
.page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-left .grade-txt .gt-grade .grade-img {
  display: flex;
}
@media (max-width: 960px) {
  .page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-left .grade-txt .gt-grade .grade-img {
    width: 0.13rem;
  }
}
@media (max-width: 960px) {
  .page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-left .grade-txt .gt-grade .grade-img img {
    width: 100%;
  }
}
.page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-left .grade-txt .gt-txt {
  font-size: 14px;
  line-height: 1.4;
  margin-top: 18px;
  width: 211px;
}
@media (max-width: 960px) {
  .page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-left .grade-txt .gt-txt {
    font-size: 0.12rem;
    margin-top: 0.12rem;
    line-height: 1.67;
    width: 1.75rem;
  }
}
.page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-right {
  flex: 1;
  position: relative;
  padding: 59px 30px;
}
@media (max-width: 960px) {
  .page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-right {
    padding: 0;
    margin-top: 0.28rem;
  }
}
.page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-right .right-txt {
  font-size: 14px;
  line-height: 2;
  max-width: 727px;
}
@media (max-width: 960px) {
  .page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-right .right-txt {
    font-size: 0.12rem;
    max-width: unset;
    line-height: 1.83;
  }
}
.page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-right .right-link {
  display: flex;
  width: fit-content;
  color: #30c1c1;
  font-size: 12px;
  position: absolute;
  right: 54px;
  bottom: 31px;
}
@media (max-width: 960px) {
  .page-mypage-review-history .page-mypage-box .review-num .review-group .review .review-right .right-link {
    position: unset;
    margin: 0 auto;
    margin-right: 0.25rem;
    margin-top: 0.31rem;
    font-size: 0.1rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .box-right {
  padding-bottom: 180px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .box-right {
    padding-bottom: 0.7rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .product {
  margin-top: 81px;
  display: flex;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .product {
    margin-top: 0.46rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .product .product-img {
  display: flex;
  width: 160px;
  margin-right: 20px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .product .product-img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 0.08rem;
    margin-right: 0.14rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .product .product-img img {
  width: 100%;
}
.page-mypage-review-history-change .page-mypage-box .product .product-txt {
  margin-top: 27px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .product .product-txt {
    flex: 1;
    margin-top: 0;
  }
}
.page-mypage-review-history-change .page-mypage-box .product .product-txt .pt-til {
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .product .product-txt .pt-til {
    font-size: 0.12rem;
    line-height: 1.6;
  }
}
.page-mypage-review-history-change .page-mypage-box .product .product-txt .pt-sbtil {
  font-size: 12px;
  margin-top: 14px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .product .product-txt .pt-sbtil {
    font-size: 0.1rem;
    line-height: 1.8;
    margin-top: 0.11rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .product .product-txt .pt-price {
  margin-top: 16px;
  display: flex;
  align-items: center;
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .product .product-txt .pt-price {
    margin-top: 0.06rem;
    font-size: 0.1rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .product .product-txt .pt-price span {
  font-size: 16px;
  margin-right: 6px;
  color: #e29b49;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .product .product-txt .pt-price span {
    margin-right: 0.045rem;
    font-size: 0.16rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .nothing {
  margin-top: 41px;
  width: 100%;
  height: 80px;
  border: 1px solid #dcdcdc;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #c5c5c5;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .nothing {
    margin-top: 0.3rem;
    height: 0.51rem;
    border-radius: 0.08rem;
    border: 0.01rem solid #dcdcdc;
  }
}
.page-mypage-review-history-change .page-mypage-box .careful {
  margin-top: 47px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .careful {
    margin-top: 0.43rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .careful .c-til {
  font-size: 20px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .careful .c-til {
    font-size: 0.16rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .careful .c-art {
  font-size: 14px;
  line-height: 2;
  margin-top: 31px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .careful .c-art {
    margin-top: 0.31rem;
    font-size: 0.12rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group {
  margin-top: 82px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group {
    margin-top: 0.41rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk:first-child {
  margin-top: 0;
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk {
  margin-top: 33px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk {
    margin-top: 0.21rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-til {
  font-size: 16px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-til {
    font-size: 0.12rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-til span {
  font-size: 12px;
  margin-left: 33px;
  color: #e24974;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-til span {
    font-size: 0.1rem;
    margin-left: 0.13rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value {
  display: flex;
  flex-direction: column;
  margin-top: 19px;
  position: relative;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value {
    margin-top: 0.1rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .input-blk {
  display: flex;
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .input-blk input {
  width: 100%;
  height: 60px;
  font-size: 14px;
  background: #f5f5f5;
  padding: 0 20px;
  border: none;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .input-blk input {
    height: 0.5rem;
    font-size: 0.12rem;
    padding: 0 0.2rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .select-blk {
  display: flex;
  position: relative;
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .select-blk select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 100%;
  height: 60px;
  padding: 0 20px;
  font-size: 14px;
  background: #f5f5f5;
  border: none;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .select-blk select {
    height: 0.5rem;
    padding: 0 0.2rem;
    font-size: 0.12rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .select-blk::after {
  content: "";
  background: url("../images/mypage_review_history_change/select-arrow.svg") no-repeat;
  background-size: 10px 5px;
  display: block;
  width: 10px;
  height: 5px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .select-blk::after {
    background-size: 0.09rem 0.04rem;
    width: 0.069rem;
    height: 0.04rem;
    right: 0.21rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .blk-txtarea {
  display: flex;
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .blk-txtarea textarea {
  width: 100%;
  border: none;
  height: 240px;
  font-size: 14px;
  background: #f5f5f5;
  resize: none;
  padding: 20px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .blk-txtarea textarea {
    height: 1.5rem;
    padding: 0.2rem;
    font-size: 0.12rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select:last-of-type {
  margin-top: 36px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select:last-of-type {
    margin-top: 0.36rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select:first-of-type {
  margin-top: 0;
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select {
  margin-top: 30px;
  display: flex;
  align-items: center;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select {
    margin-top: 0.2rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select .lable-group {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select .lable-group {
    margin-left: 0.19rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select .lable-group label:first-of-type {
  width: fit-content;
  margin-right: 30px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select .lable-group label:first-of-type {
    margin-right: 0.3rem;
    margin-bottom: 0.15rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select label:first-of-type {
  width: 220px;
  margin-right: 0;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select label:first-of-type {
    width: 1.68rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select label:first-of-type input {
  margin-right: 12px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select label:first-of-type input {
    margin-right: 0.1rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select label {
  display: flex;
  align-items: center;
  margin-right: 30px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select label {
    margin-right: 0.3rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select label input:checked {
  width: 17px;
  height: 17px;
  border: 1px solid #dcdcdc;
  background: #ffffff;
  position: relative;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select label input:checked {
    width: 0.17rem;
    height: 0.17rem;
    border: 0.01rem solid #dcdcdc;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select label input:checked:after {
  content: "";
  background: url("../images/mypage_index/check.svg") no-repeat;
  background-size: 17px 12px;
  width: 17px;
  height: 12px;
  display: block;
  position: absolute;
  left: 2px;
  top: 0.5px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select label input:checked:after {
    background-size: 0.17rem 0.12rem;
    width: 0.17rem;
    height: 0.12rem;
    left: 0.02rem;
    top: 0.005rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select label input {
  margin: 0;
  margin-right: 14px;
  width: 17px;
  height: 17px;
  border: 1px solid #dcdcdc;
  background: #ffffff;
  appearance: none;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select label input {
    margin-right: 0.1rem;
    width: 0.17rem;
    height: 0.17rem;
    border: 0.01rem solid #dcdcdc;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select label span {
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select label span {
    font-size: 0.12rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .check-select select {
  width: 100%;
  height: 60px;
  background: #f5f5f5;
  border: none;
  flex: 1;
  padding: 0 20px;
  appearance: none;
  background-image: url("../images/mypage_review_history_change/select-arrow.svg");
  background-size: 10px 5px;
  background-repeat: no-repeat;
  background-position: right 20px center;
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .blk-data {
  display: flex;
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .blk-data input {
  width: 100%;
  padding: 0 27px;
  height: 60px;
  background: #f5f5f5;
  border: none;
  background-image: url("../images/mypage_index/data.svg");
  background-size: 22px 22px;
  background-repeat: no-repeat;
  background-position: right 20px center;
  position: relative;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .blk-data input {
    padding: 0 0.2rem;
    height: 0.5rem;
    background-size: 0.18rem 0.18rem;
    background-position: right 0.16rem center;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-value .blk-data input[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-tip {
  font-size: 12px;
  color: #c5c5c5;
  margin-top: 15px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-blk .blk-tip {
    font-size: 0.1rem;
    margin-top: 0.11rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-btn {
  margin-top: 55px;
  display: flex;
  justify-content: center;
  gap: 30px;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-btn {
    margin-top: 0.3rem;
    gap: 0.1rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-btn .btn {
  width: 300px;
  height: 73px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #ffffff;
}
@media (max-width: 960px) {
  .page-mypage-review-history-change .page-mypage-box .form-group .form-btn .btn {
    width: 1.7rem;
    height: 0.73rem;
    border-radius: 0.08rem;
  }
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-btn .back {
  background: #c5c5c5;
}
.page-mypage-review-history-change .page-mypage-box .form-group .form-btn .sure {
  background: #000000;
}

@media (max-width: 960px) {
  .page-mypage-order .box-right-title {
    margin-bottom: 0.42rem;
  }
}
.page-mypage-order .select-blk {
  margin-top: 82px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 960px) {
  .page-mypage-order .select-blk {
    margin-top: 0.42rem;
  }
}
.page-mypage-order .select-blk .sb-show {
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-mypage-order .select-blk .sb-show {
    font-size: 0.1rem;
  }
}
.page-mypage-order .select-blk .sb-select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 151px;
  height: 60px;
  background: #f5f5f5 url("../images/mypage/select-arrow.svg") no-repeat center right 15px;
  padding: 0 22px;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  border: none;
}
@media (max-width: 960px) {
  .page-mypage-order .select-blk .sb-select {
    width: 1.14rem;
    height: 0.4rem;
    background: #f5f5f5 url("../images/mypage/select-arrow.svg") no-repeat center right 0.15rem;
    background-size: 0.1rem 0.05rem;
    padding: 0 0.15rem;
    font-size: 0.12rem;
    border-radius: 0.08rem;
  }
}
.page-mypage-order .result-no {
  margin-top: 30px;
  width: 100%;
  height: 160px;
  border: 1px solid #dcdcdc;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 500;
  color: #c5c5c5;
}
@media (max-width: 960px) {
  .page-mypage-order .result-no {
    margin-top: 0.28rem;
    height: 1.6rem;
    font-size: 0.12rem;
    border: 0.01rem solid #dcdcdc;
    border-radius: 0.08rem;
  }
}
.page-mypage-order .result-group {
  margin-top: 30px;
}
@media (max-width: 960px) {
  .page-mypage-order .result-group {
    margin: 0 -0.2rem;
    margin-top: 0.28rem;
  }
}
.page-mypage-order .result-group .result:first-of-type {
  border-top: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-mypage-order .result-group .result:first-of-type {
    border-top: 0.01rem solid #dcdcdc;
  }
}
.page-mypage-order .result-group .result {
  border: 1px solid #dcdcdc;
  border-top: none;
}
@media (max-width: 960px) {
  .page-mypage-order .result-group .result {
    border: none;
    border-bottom: 0.01rem solid #dcdcdc;
  }
}
.page-mypage-order .result-group .result .r-top {
  background: #f5f5f5;
  padding: 25px 60px 23px 30px;
  display: flex;
  gap: 30px;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-mypage-order .result-group .result .r-top {
    padding: 0.13rem 0.25rem 0.14rem;
    display: block;
    border-bottom: 0.01rem solid #dcdcdc;
  }
}
.page-mypage-order .result-group .result .r-top .info-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}
@media (max-width: 960px) {
  .page-mypage-order .result-group .result .r-top .info-group {
    gap: 0.33rem;
  }
}
.page-mypage-order .result-group .result .r-top .info-group .info {
  margin-right: 35px;
}
@media (max-width: 960px) {
  .page-mypage-order .result-group .result .r-top .info-group .info {
    margin-right: 0;
  }
}
.page-mypage-order .result-group .result .r-top .info-group .info .info-til {
  font-size: 12px;
  font-weight: 500;
  color: #c5c5c5;
}
@media (max-width: 960px) {
  .page-mypage-order .result-group .result .r-top .info-group .info .info-til {
    font-size: 0.1rem;
  }
}
.page-mypage-order .result-group .result .r-top .info-group .info .info-sbtil {
  font-size: 14px;
  font-weight: 500;
  color: #111111;
  margin-top: 4px;
}
@media (max-width: 960px) {
  .page-mypage-order .result-group .result .r-top .info-group .info .info-sbtil {
    font-size: 0.1rem;
    margin-top: 0.01rem;
  }
}
.page-mypage-order .result-group .result .rt-review {
  font-size: 12px;
  font-weight: 500;
  color: #30c1c1;
  white-space: nowrap;
  cursor: pointer;
}
@media (max-width: 960px) {
  .page-mypage-order .result-group .result .rt-review {
    font-size: 0.1rem;
    margin-top: 0.16rem;
    text-align: center;
  }
}
.page-mypage-order .result-group .result .r-bottom {
  display: flex;
}
@media (max-width: 960px) {
  .page-mypage-order .result-group .result .r-bottom {
    display: block;
    padding: 0.2rem 0.2rem 0.25rem;
  }
}
.page-mypage-order .result-group .result .r-bottom .detail-main {
  border-right: 1px solid #dcdcdc;
  padding: 23px 30px 43px;
  display: flex;
  width: 70%;
}
@media (max-width: 960px) {
  .page-mypage-order .result-group .result .r-bottom .detail-main {
    width: 100%;
    border: none;
    padding: 0;
  }
}
.page-mypage-order .result-group .result .r-bottom .detail-main .detail-img {
  display: flex;
  margin-right: 20px;
  width: 160px;
}
@media (max-width: 960px) {
  .page-mypage-order .result-group .result .r-bottom .detail-main .detail-img {
    width: 1.2rem;
    margin-right: 0.14rem;
    border-radius: 0.08rem;
    overflow: hidden;
  }
}
.page-mypage-order .result-group .result .r-bottom .detail-main .detail-img img {
  width: 100%;
}
.page-mypage-order .result-group .result .r-bottom .detail-main .detail-txt {
  flex: 1;
}
@media (max-width: 960px) {
  .page-mypage-order .result-group .result .r-bottom .detail-main .detail-txt {
    margin-top: -0.04rem;
  }
}
.page-mypage-order .result-group .result .r-bottom .detail-main .detail-txt .detial-til {
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 960px) {
  .page-mypage-order .result-group .result .r-bottom .detail-main .detail-txt .detial-til {
    font-size: 0.12rem;
    line-height: 1.67;
  }
}
.page-mypage-order .result-group .result .r-bottom .detail-main .detail-txt .detial-sbtil {
  font-size: 12px;
  margin-top: 14px;
  font-weight: 500;
}
@media (max-width: 960px) {
  .page-mypage-order .result-group .result .r-bottom .detail-main .detail-txt .detial-sbtil {
    font-size: 0.1rem;
    margin-top: 0.11rem;
    line-height: 1.8;
  }
}
.page-mypage-order .result-group .result .r-bottom .detail-main .detail-txt .detial-price {
  font-size: 12px;
  font-weight: 500;
  margin-top: 16px;
  display: flex;
  align-items: center;
}
@media (max-width: 960px) {
  .page-mypage-order .result-group .result .r-bottom .detail-main .detail-txt .detial-price {
    font-size: 0.1rem;
    margin-top: 0.06rem;
  }
}
.page-mypage-order .result-group .result .r-bottom .detail-main .detail-txt .detial-price .price {
  font-size: 18px;
  color: #e29b49;
  margin-right: 6px;
}
@media (max-width: 960px) {
  .page-mypage-order .result-group .result .r-bottom .detail-main .detail-txt .detial-price .price {
    font-size: 0.16rem;
    margin-right: 0.02rem;
  }
}
.page-mypage-order .result-group .result .r-bottom .detail-main .detail-txt .detial-price .tax {
  margin-right: 3px;
}
@media (max-width: 960px) {
  .page-mypage-order .result-group .result .r-bottom .detail-main .detail-txt .detial-price .tax {
    margin-right: 0;
  }
}
.page-mypage-order .result-group .result .r-bottom .detail-main .detail-txt .detial-num {
  margin-top: 20px;
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-mypage-order .result-group .result .r-bottom .detail-main .detail-txt .detial-num {
    margin-top: 0.12rem;
    font-size: 0.1rem;
  }
}
.page-mypage-order .result-group .result .r-bottom .detail-main .detail-txt .detial-num span {
  margin-left: 10px;
}
@media (max-width: 960px) {
  .page-mypage-order .result-group .result .r-bottom .detail-main .detail-txt .detial-num span {
    margin-left: 0.06rem;
  }
}
.page-mypage-order .result-group .result .r-bottom .detail-right {
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
}
@media (max-width: 960px) {
  .page-mypage-order .result-group .result .r-bottom .detail-right {
    justify-content: flex-end;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    margin-right: 0;
  }
}
.page-mypage-order .result-group .result .r-bottom .detail-right .detail-btn {
  cursor: pointer;
  width: 300px;
  height: 73px;
  background: #111111;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 960px) {
  .page-mypage-order .result-group .result .r-bottom .detail-right .detail-btn {
    width: 2.13rem;
    height: 0.35rem;
    font-size: 0.12rem;
    border-radius: 0.08rem;
  }
}
.page-mypage-order-detail .date-code {
  margin-top: 82px;
  display: flex;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .date-code {
    margin-top: 0.43rem;
    flex-direction: column;
    gap: 0.16rem;
  }
}
.page-mypage-order-detail .date-code .dc-blk {
  font-size: 12px;
  font-weight: 500;
  color: #c5c5c5;
  display: flex;
  align-items: center;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .date-code .dc-blk {
    font-size: 0.12rem;
  }
}
.page-mypage-order-detail .date-code .dc-blk .num {
  font-size: 14px;
  color: #111111;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .date-code .dc-blk .num {
    font-size: 0.14rem;
  }
}
@media (max-width: 960px) {
  .page-mypage-order-detail .date-code .dc-blk .txt {
    width: 0.8rem;
    margin-right: 0.32rem;
  }
}
.page-mypage-order-detail .date-code .dc-blk:not(:last-of-type):after {
  content: "";
  width: 1px;
  height: 18px;
  background: #dcdcdc;
  margin: 0 32px;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .date-code .dc-blk:not(:last-of-type):after {
    display: none;
  }
}
.page-mypage-order-detail .date-code .date .num {
  margin-left: 9px;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .date-code .date .num {
    margin-left: 0;
  }
}
.page-mypage-order-detail .date-code .code .num {
  margin-left: 22px;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .date-code .code .num {
    margin-left: 0;
  }
}
.page-mypage-order-detail .detail-blk {
  margin-top: 23px;
  border: 1px solid #dcdcdc;
  display: flex;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .detail-blk {
    margin-top: 0.3rem;
    border: none;
    display: block;
  }
}
.page-mypage-order-detail .detail-blk .db-left {
  padding: 41px;
  border-right: 1px solid #dcdcdc;
  width: max-content;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .detail-blk .db-left {
    border-top: 0.01rem solid #dcdcdc;
    border-right: none;
    padding: 0.32rem 0 0.3rem;
    width: 100%;
  }
}
.page-mypage-order-detail .detail-blk .db-left .detail-til {
  font-size: 20px;
  color: #111111;
  font-weight: 500;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .detail-blk .db-left .detail-til {
    font-size: 0.16rem;
  }
}
.page-mypage-order-detail .detail-blk .db-left .detail-name {
  margin-top: 33px;
  font-size: 18px;
  font-weight: 500;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .detail-blk .db-left .detail-name {
    margin-top: 0.23rem;
    font-size: 0.16rem;
  }
}
.page-mypage-order-detail .detail-blk .db-left .detail-name span {
  font-size: 12px;
  margin-bottom: 4px;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .detail-blk .db-left .detail-name span {
    font-size: 0.1rem;
    margin-bottom: 0.06rem;
  }
}
.page-mypage-order-detail .detail-blk .db-left .detail-place {
  font-size: 14px;
  line-height: 2;
  margin-top: 17px;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .detail-blk .db-left .detail-place {
    font-size: 0.12rem;
    margin-top: 0.22rem;
    line-height: 1;
  }
}
.page-mypage-order-detail .detail-blk .db-left .detail-tel {
  font-size: 14px;
  margin-top: 17px;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .detail-blk .db-left .detail-tel {
    font-size: 0.12rem;
    margin-top: 0.11rem;
  }
}
.page-mypage-order-detail .detail-blk .db-right {
  flex: 1;
  padding: 56px 40px 40px 60px;
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .detail-blk .db-right {
    padding: 0;
    padding-top: 0.37rem;
    display: block;
    border-top: 0.01rem solid #dcdcdc;
  }
}
.page-mypage-order-detail .detail-blk .db-right .product {
  width: 350px;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .detail-blk .db-right .product {
    width: 100%;
  }
}
.page-mypage-order-detail .detail-blk .db-right .product .detail-main {
  display: flex;
}
.page-mypage-order-detail .detail-blk .db-right .product .detail-main .detail-img {
  display: flex;
  margin-right: 14px;
  width: 120px;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .detail-blk .db-right .product .detail-main .detail-img {
    width: 1.2rem;
    margin-right: 0.14rem;
    border-radius: 0.08rem;
    overflow: hidden;
  }
}
.page-mypage-order-detail .detail-blk .db-right .product .detail-main .detail-img img {
  width: 100%;
}
.page-mypage-order-detail .detail-blk .db-right .product .detail-main .detail-txt {
  flex: 1;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .detail-blk .db-right .product .detail-main .detail-txt {
    margin-top: -0.04rem;
  }
}
.page-mypage-order-detail .detail-blk .db-right .product .detail-main .detail-txt .detial-til {
  font-size: 12px;
  font-weight: 500;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .detail-blk .db-right .product .detail-main .detail-txt .detial-til {
    font-size: 0.12rem;
    line-height: 1.67;
  }
}
.page-mypage-order-detail .detail-blk .db-right .product .detail-main .detail-txt .detial-sbtil {
  font-size: 10px;
  margin-top: 10px;
  font-weight: 500;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .detail-blk .db-right .product .detail-main .detail-txt .detial-sbtil {
    font-size: 0.1rem;
    margin-top: 0.11rem;
    line-height: 1.8;
  }
}
.page-mypage-order-detail .detail-blk .db-right .product .detail-main .detail-txt .detial-price {
  font-size: 10px;
  font-weight: 500;
  margin-top: 12px;
  display: flex;
  align-items: center;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .detail-blk .db-right .product .detail-main .detail-txt .detial-price {
    font-size: 0.1rem;
    margin-top: 0.12rem;
  }
}
.page-mypage-order-detail .detail-blk .db-right .product .detail-main .detail-txt .detial-price .price {
  font-size: 16px;
  color: #e29b49;
  margin-right: 2px;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .detail-blk .db-right .product .detail-main .detail-txt .detial-price .price {
    font-size: 0.16rem;
    margin-right: 0.02rem;
  }
}
.page-mypage-order-detail .detail-blk .db-right .product .simulator {
  margin-top: 15px;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .detail-blk .db-right .product .simulator {
    margin-top: 0.16rem;
  }
}
.page-mypage-order-detail .detail-blk .db-right .product .simulator .simulator-blk:last-of-type {
  padding-top: 20px;
  border-top: 1px solid #111111;
  height: unset;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .detail-blk .db-right .product .simulator .simulator-blk:last-of-type {
    padding-top: 0.2rem;
    border-top: 0.01rem solid #111111;
  }
}
.page-mypage-order-detail .detail-blk .db-right .product .simulator .simulator-blk {
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .detail-blk .db-right .product .simulator .simulator-blk {
    height: 0.52rem;
    border-top: 0.01rem solid #dcdcdc;
  }
}
.page-mypage-order-detail .detail-blk .db-right .product .simulator .simulator-blk .sb-left {
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .detail-blk .db-right .product .simulator .simulator-blk .sb-left {
    font-size: 0.14rem;
  }
}
.page-mypage-order-detail .detail-blk .db-right .product .simulator .simulator-blk .sb-right {
  font-size: 14px;
  font-weight: bold;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .detail-blk .db-right .product .simulator .simulator-blk .sb-right {
    font-size: 0.14rem;
  }
}
.page-mypage-order-detail .detail-blk .db-right .product .simulator .simulator-blk .num {
  width: 35px;
  height: 32px;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .detail-blk .db-right .product .simulator .simulator-blk .num {
    width: 0.35rem;
    height: 0.32rem;
    border-radius: 0.05rem;
    border: 0.01rem solid #dcdcdc;
  }
}
.page-mypage-order-detail .detail-blk .db-right .status {
  width: 350px;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .detail-blk .db-right .status {
    width: 100%;
    margin-top: 0.41rem;
    border: 0.01rem solid #dcdcdc;
    border-radius: 0.08rem;
    overflow: hidden;
  }
}
.page-mypage-order-detail .detail-blk .db-right .status table {
  border-collapse: collapse;
  background: #ffffff;
  border: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .detail-blk .db-right .status table {
    border: none;
  }
}
.page-mypage-order-detail .detail-blk .db-right .status table tr:not(:last-of-type) {
  border-bottom: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .detail-blk .db-right .status table tr:not(:last-of-type) {
    border-bottom: 0.01rem solid #dcdcdc;
  }
}
.page-mypage-order-detail .detail-blk .db-right .status table th {
  background: #111111;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  font-weight: 500;
  width: 127px;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .detail-blk .db-right .status table th {
    width: 1.247rem;
    font-size: 0.12rem;
    vertical-align: baseline;
  }
}
.page-mypage-order-detail .detail-blk .db-right .status table td {
  padding: 27px 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  font-size: 12px;
  font-weight: 500;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .detail-blk .db-right .status table td {
    padding: 0.28rem 0.16rem;
    gap: 0.28rem;
    font-size: 0.12rem;
  }
}
.page-mypage-order-detail .detail-blk .db-right .status table td .hd-txt2 {
  margin-top: 5px;
}
@media (max-width: 960px) {
  .page-mypage-order-detail .detail-blk .db-right .status table td .hd-txt2 {
    margin-top: 0.05rem;
  }
}

.page-mypage-order-procedure .main-box {
  max-width: 1680px;
  padding: 0 20px 186px;
  margin: 0 auto;
  margin-top: 50px;
  display: flex;
}
@media (max-width: 960px) {
  .page-mypage-order-procedure .main-box {
    margin-top: 0.2rem;
    padding: 0 0.2rem 0.7rem;
    display: block;
  }
}
.page-mypage-order-procedure .main-box .mb-left {
  flex: 1;
}
.page-mypage-order-procedure .main-box .mb-left .mb-til {
  font-size: 30px;
}
@media (max-width: 960px) {
  .page-mypage-order-procedure .main-box .mb-left .mb-til {
    font-size: 0.2rem;
  }
}
.page-mypage-order-procedure .main-box .mb-left .blk-group {
  max-width: 1094px;
  margin-top: 83px;
}
@media (max-width: 960px) {
  .page-mypage-order-procedure .main-box .mb-left .blk-group {
    margin-top: 0.435rem;
  }
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk:first-of-type {
  padding-top: 0;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk {
  padding: 41px 0;
  border-bottom: 1px solid #dcdcdc;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media (max-width: 960px) {
  .page-mypage-order-procedure .main-box .mb-left .blk-group .blk {
    padding: 0.33rem 0 0.31rem;
    border-bottom: 0.01rem solid #dcdcdc;
    display: block;
  }
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt {
  flex: 1;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .blk-til {
  font-size: 20px;
}
@media (max-width: 960px) {
  .page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .blk-til {
    font-size: 0.16rem;
  }
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .txt-content {
  margin-top: 32px;
}
@media (max-width: 960px) {
  .page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .txt-content {
    margin-top: 0.21rem;
  }
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .content-txt {
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .content-txt {
    font-size: 0.12rem;
  }
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .blk-name {
  font-size: 18px;
  line-height: 1;
}
@media (max-width: 960px) {
  .page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .blk-name {
    font-size: 0.16rem;
    line-height: normal;
  }
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .blk-name span {
  display: block;
  font-size: 12px;
  margin-bottom: 4px;
}
@media (max-width: 960px) {
  .page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .blk-name span {
    font-size: 0.1rem;
    margin-bottom: 0.06rem;
  }
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .content-detail {
  margin-top: 24.5px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 960px) {
  .page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .content-detail {
    margin-top: 0.224rem;
    gap: 0.11rem;
  }
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .checkbox-group {
  margin-top: 32px;
}
@media (max-width: 960px) {
  .page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .checkbox-group {
    margin-top: 0.34rem;
  }
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .checkbox-group label:first-of-type {
  margin-top: 0;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .checkbox-group label {
  display: flex;
  align-items: center;
  margin-top: 21px;
  width: fit-content;
}
@media (max-width: 960px) {
  .page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .checkbox-group label {
    margin-top: 0.2rem;
  }
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .checkbox-group label input {
  -webkit-appearance: none;
  width: 17px;
  height: 17px;
  border-radius: unset;
  margin-right: 12px;
  border: 1px solid #dcdcdc;
  position: relative;
}
@media (max-width: 960px) {
  .page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .checkbox-group label input {
    width: 0.17rem;
    height: 0.17rem;
    margin-right: 0.1rem;
    border: 0.01rem solid #dcdcdc;
  }
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .checkbox-group label input:checked:after {
  content: "";
  display: block;
  width: 18px;
  height: 14px;
  background: url(../images/login/check-line.svg) no-repeat center top;
  background-size: 100% auto;
  position: absolute;
  left: 1px;
  top: -1px;
}
@media (max-width: 960px) {
  .page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .checkbox-group label input:checked:after {
    width: 0.18rem;
    height: 0.14rem;
  }
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .use-integral {
  margin-top: 23.6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 18px;
  width: 350px;
  height: 58px;
  border: 1px solid #dcdcdc;
  background: #ffffff;
}
@media (max-width: 960px) {
  .page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .use-integral {
    margin-top: 0.31rem;
    padding: 0.16rem;
    width: 3.5rem;
    height: 0.58rem;
    border-radius: 0.08rem;
    border: 0.01rem solid #dcdcdc;
  }
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .use-integral .ui-til {
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .use-integral .ui-til {
    font-size: 0.14rem;
  }
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .use-integral .ui-num {
  font-size: 14px;
  display: flex;
  align-items: flex-end;
}
@media (max-width: 960px) {
  .page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .use-integral .ui-num {
    font-size: 0.14rem;
  }
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .use-integral .ui-num span {
  font-size: 30px;
  line-height: 1;
  margin-right: 9px;
}
@media (max-width: 960px) {
  .page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .use-integral .ui-num span {
    font-size: 0.3rem;
    margin-right: 0.09rem;
  }
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .textarea-btn {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 960px) {
  .page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .textarea-btn {
    display: block;
    margin-top: 0.31rem;
  }
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .textarea-btn textarea {
  resize: none;
  background: #f5f5f5;
  width: 45.8vw;
  height: 69px;
  padding: 12px;
  font-size: 14px;
  border: none;
}
@media (max-width: 960px) {
  .page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .textarea-btn textarea {
    width: 100%;
    height: 1.4rem;
    padding: 0.16rem;
    font-size: 0.14rem;
    border-radius: 0.08rem;
  }
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .table-group {
  margin-top: 32px;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .table-group .table-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .table-group table {
  border-collapse: collapse;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .table-group table tr {
  background: #ffffff;
  border: 1px solid #dcdcdc;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .table-group table tr td:not(:last-of-type),
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .table-group table tr td:not(:last-of-type) {
  border-right: 1px solid #dcdcdc;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .table-group table tr th {
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  background: #111111;
  height: 63px;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .table-group table tr td {
  height: 221px;
  text-align: center;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .table-group table tr td .num-blk {
  width: 40px;
  height: 35px;
  border: 1px solid #dcdcdc;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .table-group table tr td .product-blk {
  padding: 30px;
  display: flex;
  text-align: left;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .table-group table tr td .product-blk .detail-img {
  display: flex;
  width: 160px;
  height: 160px;
  margin-right: 20px;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .table-group table tr td .product-blk .detail-img img {
  width: 100%;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .table-group table tr td .product-blk .detail-txt {
  flex: 1;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .table-group table tr td .product-blk .detail-txt .detail-til {
  font-size: 14px;
  line-height: 2;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .table-group table tr td .product-blk .detail-txt .detial-sbtil {
  font-size: 12px;
  line-height: 2;
  margin-top: 5px;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .table-group table tr td .product-blk .detail-txt .detial-price {
  margin-top: 10px;
  font-size: 12px;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .table-group table tr td .product-blk .detail-txt .detial-price .price {
  font-size: 18px;
  color: #e29b49;
  margin-right: 6px;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .table-group table tr td .product-blk .detail-txt .detial-price .tax {
  margin-right: 3px;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .table-group table tr .product {
  width: 605px;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .table-group table tr .num {
  width: 100px;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .table-group table tr .subtotal {
  width: 120px;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .table-group table tr .gist {
  width: 118px;
}
@media (max-width: 960px) {
  .page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .product-group {
    margin-top: 0.2rem;
  }
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .product-group .product .product-blk {
  border-bottom: 0.01rem solid #dcdcdc;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 0.52rem;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .product-group .product .pb-til {
  font-size: 0.12rem;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .product-group .product .pb-int {
  font-size: 0.14rem;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .product-group .product .pb-num {
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.35rem;
  height: 0.32rem;
  border-radius: 0.05rem;
  border: 0.01rem solid #dcdcdc;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .product-group .product .img-txt {
  padding-bottom: 0.156rem;
  border-bottom: 0.01rem solid #dcdcdc;
  display: flex;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .product-group .product .img-txt .detail-img {
  display: flex;
  width: 1.2rem;
  margin-right: 0.14rem;
  border-radius: 0.08rem;
  overflow: hidden;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .product-group .product .img-txt .detail-img img {
  width: 100%;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .product-group .product .img-txt .detail-txt {
  max-width: 363px;
  margin-top: -0.03rem;
  flex: 1;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .product-group .product .img-txt .detail-txt .detial-til {
  font-size: 0.12rem;
  line-height: 1.67;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .product-group .product .img-txt .detail-txt .detial-sbtil {
  font-size: 0.1rem;
  margin-top: 0.11rem;
  line-height: 1.8;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .product-group .product .img-txt .detail-txt .detial-price {
  font-size: 0.1rem;
  margin-top: 0.12rem;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-txt .product-group .product .img-txt .detail-txt .detial-price .price {
  color: #e29b49;
  font-size: 0.16rem;
  margin-right: 0.02rem;
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-btns {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 15px;
}
@media (max-width: 960px) {
  .page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-btns {
    flex-direction: row;
    gap: 0.15rem;
    margin-top: 0.25rem;
  }
}
.page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-btns .blk-btn {
  padding: 10px 32px;
  background: #111111;
  font-size: 12px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  cursor: pointer;
}
@media (max-width: 960px) {
  .page-mypage-order-procedure .main-box .mb-left .blk-group .blk .blk-btns .blk-btn {
    padding: 0.1rem 0.32rem;
    font-size: 0.12rem;
    border-radius: 0.08rem;
  }
}
.page-mypage-order-procedure .main-box .mb-left .back-btn {
  font-size: 12px;
  color: #30c1c1;
  margin-top: 81.4px;
}
@media (max-width: 960px) {
  .page-mypage-order-procedure .main-box .mb-left .back-btn {
    margin-top: 0.32rem;
    font-size: 0.12rem;
  }
}
.page-mypage-order-procedure .main-box .mb-right {
  width: 411px;
  margin-left: 7vw;
  margin-top: 102px;
}
@media (max-width: 960px) {
  .page-mypage-order-procedure .main-box .mb-right {
    margin: 0;
    margin-top: 0.41rem;
    width: 100%;
  }
}
.page-mypage-order-procedure .main-box .mb-right .blk-sticky {
  position: sticky;
  top: calc(50% - 300px);
  right: 0;
  border: 1px solid #dcdcdc;
  background: #ffffff;
  padding: 62px 1.56vw;
}
@media (max-width: 960px) {
  .page-mypage-order-procedure .main-box .mb-right .blk-sticky {
    position: unset;
    border: 0.01rem solid #dcdcdc;
    width: 100%;
    padding: 0.42rem 0.3rem 0.41rem;
  }
}
.page-mypage-order-procedure .main-box .mb-right .total-group .total:first-of-type {
  margin-top: 0;
}
.page-mypage-order-procedure .main-box .mb-right .total-group .total:not(:first-of-type) {
  border-top: 1px solid #111111;
}
@media (max-width: 960px) {
  .page-mypage-order-procedure .main-box .mb-right .total-group .total:not(:first-of-type) {
    border-top: 0.01rem solid #111111;
  }
}
.page-mypage-order-procedure .main-box .mb-right .total-group .total {
  margin-top: 40px;
}
@media (max-width: 960px) {
  .page-mypage-order-procedure .main-box .mb-right .total-group .total {
    margin-top: 0.3rem;
  }
}
.page-mypage-order-procedure .main-box .mb-right .total-group .total .total-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 21px 0 12px;
  border-bottom: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-mypage-order-procedure .main-box .mb-right .total-group .total .total-list {
    padding: 0.21rem 0 0.14rem;
    border-bottom: 0.01rem solid #dcdcdc;
  }
}
.page-mypage-order-procedure .main-box .mb-right .total-group .total .total-list .total-til {
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-mypage-order-procedure .main-box .mb-right .total-group .total .total-list .total-til {
    font-size: 0.12rem;
  }
}
.page-mypage-order-procedure .main-box .mb-right .total-group .total .total-list .total-num {
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-mypage-order-procedure .main-box .mb-right .total-group .total .total-list .total-num {
    font-size: 0.12rem;
  }
}
.page-mypage-order-procedure .main-box .mb-right .total-group .total .total-list .total-num span {
  font-size: 20px;
}
@media (max-width: 960px) {
  .page-mypage-order-procedure .main-box .mb-right .total-group .total .total-list .total-num span {
    font-size: 0.18rem;
  }
}
.page-mypage-order-procedure .main-box .mb-right .sure-btn {
  margin-top: 40.8px;
  width: 100%;
  height: 73px;
  background: #111111;
  color: #ffffff;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.filter_navi {
  display: flex;
  gap: 15px;
  margin: 50px auto;
  padding-left: 40px;
  padding-right: 40px;
}
@media (max-width: 960px) {
  .filter_navi {
    flex-wrap: wrap;
    padding-left: 20px;
    padding-right: 20px;
  }
  .filter_navi li {
    width: calc(50% - 10px);
  }
}
.page-column-context {
  margin-top: 80px;
}
@media (max-width: 960px) {
  .page-column-context {
    margin-top: 0.7rem;
  }
  .page-column-context + .page-column-sub-title {
    margin-top: 0.7rem;
  }
}
.page-column-context-title {
  font-size: 16px;
}
@media (max-width: 960px) {
  .page-column-context-title {
    font-size: 0.16rem;
  }
}
.page-column-context-content {
  margin-top: 30px;
  display: flex;
  gap: 3.125vw;
}
@media (max-width: 960px) {
  .page-column-context-content {
    margin-top: 0.3rem;
    flex-direction: column;
    gap: 0.25rem;
  }
}
.page-column-context-content-text {
  flex-basis: 510px;
  font-size: 14px;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-column-context-content-text {
    flex-basis: unset;
    font-size: 0.12rem;
  }
}
.page-column-context-content-text-link {
  margin-top: 40px;
  display: flex;
}
@media (max-width: 960px) {
  .page-column-context-content-text-link {
    margin-top: 0.3rem;
  }
}
.page-column-context-content-text-link a {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding-bottom: 15px;
  border-bottom: 1px solid #dcdcdc;
}
@media (max-width: 960px) {
  .page-column-context-content-text-link a {
    font-size: 0.14rem;
    padding-bottom: 0.15rem;
  }
}
.page-column-context-content-text-link a:after {
  content: "";
  display: block;
  width: 54px;
  height: 54px;
  border: 1px solid rgba(17, 17, 17, 0.1);
  border-radius: 50%;
  background: url(../images/header/arrows_slim_right.svg) no-repeat center center;
  background-size: 12px auto;
  margin-left: 16px;
}
@media (max-width: 960px) {
  .page-column-context-content-text-link a:after {
    width: 0.54rem;
    height: 0.54rem;
    background-size: 0.12rem auto;
    margin-left: 0.16rem;
  }
}
.page-column-context-content-image {
  flex-basis: 250px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 960px) {
  .page-column-context-content-image {
    flex-basis: unset;
    gap: 0.1rem;
    flex-direction: unset;
    justify-content: center;
  }
}
.page-column-context-content-image-block {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 960px) {
  .page-column-context-content-image-block {
    gap: 0.1rem;
    max-width: 2.5rem;
  }
  .page-column-context-content-image-block img {
    border-radius: 0.08rem;
  }
  .page-column-context-content-image-block.flex-row {
    flex-direction: row;
    align-items: center;
    max-width: unset;
  }
  .page-column-context-content-image-block.flex-row img {
    width: 1.7rem;
  }
  .page-column-context-content-image-block.flex-row span {
    text-align: left;
  }
}
.page-column-context-content-image-block span {
  font-size: 12px;
  text-align: center;
  width: 100%;
}
@media (max-width: 960px) {
  .page-column-context-content-image-block span {
    font-size: 0.1rem;
    width: unset;
  }
}
.page-column-comparison-title {
  margin-top: 80px;
  font-size: 20px;
}
@media (max-width: 960px) {
  .page-column-comparison-title {
    margin-top: 0.6rem;
    font-size: 0.16rem;
  }
}
.page-column-comparison-title span {
  display: block;
  font-size: 12px;
  color: #c5c5c5;
  margin-bottom: 7px;
}
@media (max-width: 960px) {
  .page-column-comparison-title span {
    font-size: 0.1rem;
    margin-bottom: 0.07rem;
  }
}
.page-column-comparison-table {
  margin-top: 60px;
}
@media (max-width: 960px) {
  .page-column-comparison-table {
    margin-top: 0.3rem;
  }
}
.page-column-comparison-table dl {
  display: grid;
  grid-template-columns: 37.5% 25% 37.5%;
}
.page-column-comparison-table dl + dl {
  margin-top: 20px;
}
@media (max-width: 960px) {
  .page-column-comparison-table dl + dl {
    margin-top: 0.1rem;
  }
}
.page-column-comparison-table-header dt {
  position: relative;
  font-size: 0;
}
.page-column-comparison-table-header dt span {
  font-size: 16px;
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
}
@media (max-width: 960px) {
  .page-column-comparison-table-header dt span {
    font-size: 0.1rem;
  }
}
.page-column-comparison-table-header dd {
  font-size: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 960px) {
  .page-column-comparison-table-header dd {
    font-size: 0.19rem;
  }
}
.page-column-comparison-table-header + dl {
  margin-top: 10px;
}
@media (max-width: 960px) {
  .page-column-comparison-table-header + dl {
    margin-top: 0.04rem;
  }
}
.page-column-comparison-table-body dt {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #dcdcdc;
  font-size: 12px;
  text-align: center;
}
@media (max-width: 960px) {
  .page-column-comparison-table-body dt {
    font-size: 0.08rem;
  }
}
.page-column-comparison-table-body dt:first-child {
  margin-right: 1.6vw;
}
@media (max-width: 960px) {
  .page-column-comparison-table-body dt:first-child {
    margin: 0 0.06rem;
  }
}
.page-column-comparison-table-body dt:last-child {
  margin-left: 1.6vw;
}
@media (max-width: 960px) {
  .page-column-comparison-table-body dt:last-child {
    margin: 0 0.06rem;
  }
}
.page-column-comparison-table-body dd {
  height: 74px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #fff;
  background: #111111;
}
@media (max-width: 960px) {
  .page-column-comparison-table-body dd {
    height: 0.32rem;
    font-size: 0.1rem;
  }
}
.page-column-comparison-subtitle {
  font-size: 20px;
  margin-top: 75px;
}
@media (max-width: 960px) {
  .page-column-comparison-subtitle {
    margin-top: 0.7rem;
    font-size: 0.16rem;
  }
}
.page-column-comparison-subtext {
  font-size: 16px;
  margin-top: 80px;
}
@media (max-width: 960px) {
  .page-column-comparison-subtext {
    margin-top: 0.7rem;
    font-size: 0.14rem;
  }
}
.page-column-comparison-text {
  font-size: 14px;
  line-height: 2;
  margin-top: 30px;
  display: flex;
  gap: 3vw;
}
@media (max-width: 960px) {
  .page-column-comparison-text {
    font-size: 0.12rem;
    gap: 0.3rem;
    flex-direction: column;
  }
}
.page-column-comparison-text span {
  font-size: 14px;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-column-comparison-text span {
    font-size: 0.12rem;
  }
}
.page-column-comparison-text img {
  flex-basis: 250px;
  max-width: 250px;
  min-width: 250px;
}
@media (max-width: 960px) {
  .page-column-comparison-text img {
    max-width: 100%;
    flex-basis: unset;
    width: 100%;
    border-radius: 0.08rem;
    min-width: unset;
  }
}
.page-column-comparison-media {
  margin-top: 80px;
  font-size: 0;
  padding-top: 56.25%;
  position: relative;
}
@media (max-width: 960px) {
  .page-column-comparison-media {
    margin-top: 0.7rem;
  }
}
.page-column-comparison-media iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 960px) {
  .page-column-comparison-media iframe {
    border-radius: 0.08rem;
  }
}
.page-column-comparison-ranking {
  margin-top: 40px;
}
@media (max-width: 960px) {
  .page-column-comparison-ranking {
    margin-top: 0.4rem;
  }
}
.page-column-comparison-ranking-block {
  counter-increment: counterRanking 1;
  display: flex;
  gap: 3vw;
  align-items: center;
  position: relative;
}
@media (max-width: 960px) {
  .page-column-comparison-ranking-block {
    gap: 0.2rem;
    align-items: flex-start;
  }
}
.page-column-comparison-ranking-block:not(:first-child) {
  margin-top: 60px;
}
@media (max-width: 960px) {
  .page-column-comparison-ranking-block:not(:first-child) {
    margin-top: 0.3rem;
  }
}
.page-column-comparison-ranking-block:before {
  content: counter(counterRanking);
  position: absolute;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #111111;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  top: -10px;
  left: -25px;
}
@media (max-width: 960px) {
  .page-column-comparison-ranking-block:before {
    width: 0.35rem;
    height: 0.35rem;
    font-size: 0.16rem;
    left: -0.1rem;
    top: -0.1rem;
  }
}
.page-column-comparison-ranking-block:nth-child(1):before {
  color: #111;
  background: #d1b981;
}
.page-column-comparison-ranking-block:nth-child(2):before {
  color: #111;
  background: #dcdcdc;
}
.page-column-comparison-ranking-block:nth-child(3):before {
  color: #111;
  background: #9b6405;
}
.page-column-comparison-ranking-block .block-img {
  flex-basis: 250px;
}
@media (max-width: 960px) {
  .page-column-comparison-ranking-block .block-img {
    flex-basis: 1.1rem;
  }
  .page-column-comparison-ranking-block .block-img img {
    border-radius: 0.08rem;
  }
}
.page-column-comparison-ranking-block .block-info {
  flex: 1;
}
.page-column-comparison-ranking-block .block-info-name {
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
}
@media (max-width: 960px) {
  .page-column-comparison-ranking-block .block-info-name {
    font-size: 0.1rem;
    line-height: 0.18rem;
  }
}
.page-column-comparison-ranking-block .block-info-des {
  font-size: 14px;
  line-height: 2;
  margin-top: 36px;
}
@media (max-width: 960px) {
  .page-column-comparison-ranking-block .block-info-des {
    font-size: 0.1rem;
    margin-top: 0.15rem;
  }
}
.page-column-installation-title {
  margin-top: 80px;
  font-size: 20px;
}
@media (max-width: 960px) {
  .page-column-installation-title {
    margin-top: 0.6rem;
    font-size: 0.16rem;
  }
}
.page-column-installation-title span {
  display: block;
  font-size: 12px;
  color: #c5c5c5;
  margin-bottom: 7px;
}
@media (max-width: 960px) {
  .page-column-installation-title span {
    font-size: 0.1rem;
    margin-bottom: 0.07rem;
  }
}
.page-column-installation-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 40px 30px;
  margin-top: 40px;
}
@media (max-width: 960px) {
  .page-column-installation-list {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0.3rem 0.1rem;
    margin-top: 0.3rem;
  }
}
.page-column-installation-list .pickuplink {
  display: block;
}
.page-column-installation-list .pickuplink .news_column .news_photo img {
  width: 100%;
}
@media (max-width: 960px) {
  .page-column-installation-list .pickuplink .news_column .news_photo img {
    border-radius: 0.08rem;
  }
}
.page-column-installation-list .pickuplink .news_column .news_text {
  margin-top: 22px;
}
@media (max-width: 960px) {
  .page-column-installation-list .pickuplink .news_column .news_text {
    margin-top: 0.1rem;
  }
}
.page-column-installation-list .pickuplink .news_column .news_text .news_title {
  font-size: 14px;
  font-weight: 500;
}
@media (max-width: 960px) {
  .page-column-installation-list .pickuplink .news_column .news_text .news_title {
    font-size: 0.1rem;
  }
}
.page-column-installation-list .pickuplink .news_column .news_text .news_explain {
  font-size: 12px;
  line-height: 2;
  margin-top: 15px;
}
@media (max-width: 960px) {
  .page-column-installation-list .pickuplink .news_column .news_text .news_explain {
    font-size: 0.1rem;
    margin-top: 0.1rem;
  }
}
.page-column-installation-photo {
  margin-top: 60px;
}
@media (max-width: 960px) {
  .page-column-installation-photo {
    margin-top: 0.4rem;
  }
}
.page-column-installation-photo div {
  font-size: 12px;
}
@media (max-width: 960px) {
  .page-column-installation-photo div {
    font-size: 0.12rem;
    margin-top: 0.05rem;
  }
}
.page-column-installation-menu {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 20px 30px;
  margin-top: 40px;
}
@media (max-width: 960px) {
  .page-column-installation-menu {
    margin-top: 0.3rem;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 0.2rem 0.1rem;
  }
}
.page-column-installation-menu .menu-blk {
  font-size: 0;
}
.page-column-installation-menu .menu-blk * {
  font-size: 0;
}
.page-column-installation-menu .menu-blk img {
  width: 100%;
}
@media (max-width: 960px) {
  .page-column-installation-menu .menu-blk img {
    border-radius: 0.08rem;
  }
}
.page-column-merit-main-image {
  font-size: 0;
  margin-top: 30px;
  margin-bottom: 40px;
}
@media (max-width: 960px) {
  .page-column-merit-main-image {
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
  }
  .page-column-merit-main-image img {
    border-radius: 0.08rem;
  }
}
.page-column-merit-comparison {
  display: flex;
  gap: 3vw;
  margin-top: 60px;
}
@media (max-width: 960px) {
  .page-column-merit-comparison {
    margin-top: 0.3rem;
    gap: 0.1rem;
  }
}
.page-column-merit-comparison-block {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (max-width: 960px) {
  .page-column-merit-comparison-block {
    gap: 0;
  }
  .page-column-merit-comparison-block img:nth-child(1) {
    border-radius: 0.08rem 0.08rem 0 0;
  }
  .page-column-merit-comparison-block img:nth-child(2) {
    border-radius: 0 0 0.08rem 0.08rem;
  }
}
.page-column-merit-comparison-block span {
  font-size: 12px;
  margin-top: 8px;
}
@media (max-width: 960px) {
  .page-column-merit-comparison-block span {
    font-size: 0.12rem;
    text-align: center;
    width: 100%;
    margin-top: 0.1rem;
  }
}
.page-column-merit-content-title {
  font-size: 20px;
  font-weight: 500;
  margin-top: 80px;
}
@media (max-width: 960px) {
  .page-column-merit-content-title {
    margin-top: 0.7rem;
    font-size: 0.16rem;
  }
}
.page-column-merit-content-flex-box {
  display: flex;
  gap: 3vw;
  margin-top: 30px;
}
@media (max-width: 960px) {
  .page-column-merit-content-flex-box {
    flex-direction: column;
    gap: 0.3rem;
    margin-top: 0.3rem;
  }
}
.page-column-merit-content-flex-box p {
  flex: 1;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-column-merit-content-flex-box p {
    font-size: 0.12rem;
  }
}
.page-column-merit-content-flex-box .img-box {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 250px;
}
@media (max-width: 960px) {
  .page-column-merit-content-flex-box .img-box {
    flex-direction: unset;
    gap: 0.1rem;
    max-width: unset;
    justify-content: center;
  }
  .page-column-merit-content-flex-box .img-box img {
    max-width: 1.7rem;
    border-radius: 0.08rem;
  }
}
.page-column-merit-context {
  margin-top: 60px;
  display: flex;
  gap: 3vw;
}
@media (max-width: 960px) {
  .page-column-merit-context {
    display: block;
  }
}
.page-column-merit-context-box-title {
  font-size: 20px;
  font-weight: 500;
}
@media (max-width: 960px) {
  .page-column-merit-context-box-title {
    margin-top: 0.4rem;
    font-size: 0.16rem;
  }
}
.page-column-merit-context-box-text {
  font-size: 14px;
  line-height: 2;
  margin-top: 30px;
}
@media (max-width: 960px) {
  .page-column-merit-context-box-text {
    font-size: 0.12rem;
    margin-top: 0.2rem;
  }
}
.page-column-evaluation-main-image {
  font-size: 0;
  margin-top: 80px;
}
@media (max-width: 960px) {
  .page-column-evaluation-main-image {
    margin-top: 0.3rem;
  }
  .page-column-evaluation-main-image img {
    border-radius: 0.08rem;
  }
}
.page-column-evaluation-text {
  margin-top: 40px;
  font-size: 14px;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-column-evaluation-text {
    margin-top: 0.3rem;
    font-size: 0.12rem;
  }
}
.page-column-evaluation-seat {
  display: flex;
  margin-top: 80px;
  gap: 1.6vw;
  align-items: center;
}
@media (max-width: 960px) {
  .page-column-evaluation-seat {
    margin-top: 0.7rem;
    flex-direction: column;
    align-items: unset;
    gap: 0.3rem;
  }
}
.page-column-evaluation-seat img {
  width: 60%;
}
@media (max-width: 960px) {
  .page-column-evaluation-seat img {
    width: 100%;
    border-radius: 0.08rem;
  }
}
.page-column-evaluation-seat p {
  flex: 1;
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  margin: 0;
  padding: 0;
}
@media (max-width: 960px) {
  .page-column-evaluation-seat p {
    font-size: 0.14rem;
    line-height: 0.24rem;
  }
}
.page-column-evaluation-media {
  margin-top: 80px;
  font-size: 0;
  padding-top: 56.25%;
  position: relative;
}
@media (max-width: 960px) {
  .page-column-evaluation-media {
    margin-top: 0.7rem;
  }
}
.page-column-evaluation-media iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
@media (max-width: 960px) {
  .page-column-evaluation-media iframe {
    border-radius: 0.08rem;
  }
}
.page-column-evaluation-content {
  display: flex;
  gap: 3vw;
  margin-top: 30px;
}
@media (max-width: 960px) {
  .page-column-evaluation-content {
    margin-top: 0.3rem;
    flex-direction: column;
    gap: 0.7rem;
  }
}
.page-column-evaluation-content-block {
  flex: 1;
}
.page-column-evaluation-content-block img {
  width: 100%;
}
@media (max-width: 960px) {
  .page-column-evaluation-content-block img {
    border-radius: 0.08rem;
  }
}
.page-column-evaluation-content-block p {
  margin: 30px 0 0;
  padding: 0;
  font-size: 14px;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-column-evaluation-content-block p {
    margin-top: 0.3rem;
    font-size: 0.12rem;
  }
}
.page-column-catalog-download {
  display: block;
  font-size: 0;
  margin-top: 80px;
}
@media (max-width: 960px) {
  .page-column-catalog-download {
    margin-top: 0.7rem;
  }
  .page-column-catalog-download img {
    border-radius: 0.08rem;
  }
}
.page-column-catalog-btn {
  margin: 40px auto 0;
  width: 300px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #111;
  font-size: 14px;
}
@media (max-width: 960px) {
  .page-column-catalog-btn {
    margin-top: 0.3rem;
    width: 100%;
    height: 0.72rem;
    font-size: 0.14rem;
    border-radius: 0.08rem;
  }
}
.page-column-catalog-tip {
  margin-top: 80px;
  font-size: 12px;
  line-height: 2;
}
@media (max-width: 960px) {
  .page-column-catalog-tip {
    margin-top: 0.45rem;
    font-size: 0.1rem;
  }
}
.max850-center {
  max-width: 850px;
  margin: 0 auto !important;
  justify-content: center;
}

#guide_information{
  font-size: 23px;
  color: white;
  background-color: #666666;
  padding: 23px 19px;
}
@media (max-width: 960px) {
  #guide_information {
    font-size: 16px;
  }
}

.company_info {
  width: 100%;
  margin-top: 20px;
}

.info_box {
  display: flex;
  padding: 25px;
  border-bottom: 1px solid #DCDCDC;
}
@media (max-width: 960px) {
  .info_box {
    padding: 25px 10px;
  }
}

.info_box dt {
  width: 180px;
  font-size: 15px;
  color: #111111;
}
@media (max-width: 960px) {
  .info_box dt {
    font-size: 13px;
    width: 150px;
  }
}

.info_box dd {
  margin: 0;
  font-size: 14px;
}
@media (max-width: 960px) {
  .info_box dd {
    width: 180px;
    font-size: 13px;
  }
}

#information_entry{
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 100px;
  padding: 0px 20px;
}
@media (max-width: 960px) {
  #information_entry{
    font-size: 16px;
    margin-top: 36px;
  }
}

.company_title{
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin-top: 90px;
}
@media (max-width: 960px) {
  .company_title {
    font-size: 16px;
    margin-top: 36px;
  }
}


.breadcrumb{
  font-size: 12px;
  color: #C5C5C5;
  margin-top: 30px;
  margin-left: 50px;
}
@media (max-width: 960px) {
  .breadcrumb {
    font-size: 0.12rem;
    margin-top: 23px;
    margin-left: 21px;
  }
}
@media (max-width: 960px) {
  .breadcrumb a {
    font-size: 0.12rem;
  }
}



.fs-c-explainList_new dt {
  font-weight: normal;
  font-size: 16px;
}
.fs-c-explainList_new dd {
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  display: flex;
  align-items: center;
}
.fs-c-explainList_new dd:not(:last-child) {
  margin-bottom: 8px;
}
.fs-c-explainList_new:first-child {
  margin-top: 0;
}
@media screen and (min-width: 600px) {
  .fs-c-explainList_new {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: 24px;
    grid-row-gap: 8px;
  }
}

.fs-c-documentArticle_new {
  padding: 8px;
}
.fs-c-documentArticle_new + .fs-c-documentArticle_new {
  margin-top: 24px;
}
.fs-c-documentArticle_new__heading {
  background: #666666;
  color: #ffffff;
  font-size: 23px;
  font-weight: 500;
  margin: 0 0 16px;
  padding: 19px 21px;
  text-align: start;
  letter-spacing: 1.5px;
}
.fs-c-documentArticle_new__content {
  padding: 8px;
}
.fs-c-explainList_new {
  display: block;
}
.fs-c-explainList_new_box {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ccc;
  padding: 23px 0;
}

.fs-c-explainList_new_box dt {
  font-weight: normal;
  font-size: 16px;
  margin: 0;
  padding-right: 16px;
  min-width: 120px;
}

.fs-c-explainList_new_box dd {
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  flex: 1;
}

* + .fs-c-documentColumn_new {
  margin-top: 24px;
}
.fs-c-documentColumn_new{
  border-bottom: 1px solid #ccc;
  padding: 40px 0px;
}
.fs-c-documentColumn_new:last-of-type {
  border-bottom: none;
}
.fs-c-documentColumn_new__heading {
  color: #000000;
  border-width: 0 0 1px 5px;
  font-weight: normal;
  font-size: 16px;
  margin-bottom: 8px;
}
.fs-c-documentColumn_new__content {
  padding: 8px 0;
  display: grid;
  grid-auto-flow: row;
}
.fs-c-documentColumn_new__content p{
  font-weight: normal;
  font-size: 14px;
  line-height: 2;
  padding: 10px 0px;
}
.fs-c-documentColumn_new__contentList {
  padding-left: 1.5em;
}
.fs-c-documentColumn_new__emphasis {
  font-size: 1.8rem;
  font-weight: 700;
}

.fs-c-explainList_new {
  display: block;
}

.fs-c-explainList_new_box02 {
  display: flex;
  align-items: flex-start;
  padding: 8px 0;
}

.fs-c-explainList_new_box02 dt {
  font-weight: bold;
  font-size: 14px;
  margin: 0;
  padding-right: 16px;
  min-width: 160px;
}

.fs-c-explainList_new_box02 dd {
  font-size: 14px;
  font-weight: normal;
  margin: 0;
  flex: 1;
}

.fs-c-explainList_new_box02:last-of-type {
  border-bottom: none;
}

.fs-c-list_new {
  list-style-type: disc;
  padding-left: 20px;
  line-height: 2;
  font-weight: normal;
}

.fs-c-list_new li {
  margin-bottom: 8px;
  list-style-position: inside;
  font-weight: normal !important;
  font-size: 14px;
}

.fs-c-list_new li::before {
  display: inline-block;
  content: "";
  width: 2px;
  height: 2px;
  margin: auto 4px auto -8px;
  border: 4px solid #000000;
  border-radius: 50%;
  box-sizing: content-box;
}

.fs-c-heading_new {
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-weight: bold;
}
.fs-c-heading_new--page {
  color: #000000;
  font-weight: 500;
  font-size: 2.2rem;
  line-height: 1.2;
  margin: 0 0 24px;
  text-align: center;
}
@media (max-width: 960px) {
  .fs-c-heading_new--page {
    font-size: 0.3rem;
  }
}

.fs-c-explainList_new dd {
  margin: 0;
}
.fs-c-explainList_new dd:not(:last-child) {
  margin-bottom: 8px;
}
.fs-c-explainList_new:first-child {
  margin-top: 0;
}

.fs-c-orderedList_new {
  margin: 0;
  list-style: none;
  counter-reset: number;
}
.fs-c-orderedList_new > li {
  padding: 0 8px 0 2em;
  text-indent: -2em;
  font-size: 14px;
}
@media screen and (min-width: 600px) {
  .fs-c-orderedList_new > li {
    padding-right: 0;
  }
}
.fs-c-orderedList_new > li::before {
  counter-increment: number;
  content: counter(number) ".";
  display: inline-block;
  color: #000000;
  text-align: right;
  width: 1em;
  padding-right: 1em;
  box-sizing: content-box;
}
.fs-c-orderedList_new > li .fs-c-orderedList_new {
  margin: 16px 0 16px 2px;
  padding-left: 8px;
  border-left: 2px solid #000000;
}
.fs-c-orderedList_new > li p {
  margin: 0;
  padding: 0;
  text-indent: 0;
}

.title-box{
  padding: 10px 30px;
}
@media (max-width: 960px) {
  .title-box {
    padding: 10px 15px;
  }
}

.title-box-title {
  margin: 10px 0px;
}
@media (max-width: 960px) {
  .title-box-title {
    font-size: 0.23rem;
  }
}

.title-box-text {
  letter-spacing: 1.2px;
}
@media (max-width: 960px) {
  .title-box-text {
    font-size: 0.12rem;
  }
}

.interior-box{
  margin: 0px 28px;
}

.box-text{
  font-size: 50px;
  line-height: 1.1;
}
@media (max-width: 960px) {
  .box-text {
    font-size: 0.3rem;
  }
}

.box-title {
  margin-top: 6px;
  font-size: 16px;
  letter-spacing: 0.05em;
}
@media (max-width: 960px) {
  .box-title {
    margin-top: 0.04rem;
    font-size: 0.13rem;
  }
}

.car-box{
  margin: 0px 28px;
}

.car-text{
  font-size: 50px;
  line-height: 1.1;
}
@media (max-width: 960px) {
  .car-text {
    font-size: 0.3rem;
  }
}

.car-title {
  margin-top: 6px;
  font-size: 16px;
  letter-spacing: 0.05em;
}
@media (max-width: 960px) {
  .car-title {
    margin-top: 0.04rem;
    font-size: 0.13rem;
  }
}

.fs-c-requiredMark {
  display: inline-block;
  overflow: hidden;
  text-indent: -999px !important;
  width: 2.5em;
  height: 1.2em;
  margin-left: 5px;
}

.fs-c-requiredMark::before {
  content: "(必須)";
  display: block;
  font-size: 0.7em;
  color: white;
  background-color: #bb0e0e;
  text-indent: 0;
  text-align: center;
  border-radius: 3px;
  padding: 1px;
}

.fs-c-inputTable--inModal .fs-c-inputTable__headerCell,
.fs-c-inputTable--inModal .fs-c-inputTable__dataCell {
  padding: 4px;
}

.fs-c-inputTable__label {
  display: flex;
  align-items: center;
}

@media (max-width: 960px) {
  .page-mypage-point .fs-c-history .fs-c-pointListTable td > * {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
  }
}

@media (max-width: 960px) {
  .page-mypage-point .fs-c-history .fs-c-pointListTable td:not(:last-child) {
      border-bottom: 1px solid #DCDCDC;
      height: 88px;
  }
}

.page-login .fs-c-inputTable__label .fs-c-requiredMark::before{
  content: none !important;
}

@media (max-width: 960px) {
  .margin_minu {
      margin-top: -0.7rem;
  }
}

.page-entry .fs-c-inputTable__label .fs-c-requiredMark::before{
  color: white !important;
}

@media (min-width: 960px) {
  .page-series .fs-c-productList {
    margin-top: 20px;
  }
}
@media (max-width: 960px) {
  .page-series .fs-c-productList .fs-c-productList__list .fs-c-productList__list__item .fs-c-productName__name {
      display: unset !important;
  }
}

@media (max-width: 960px) {
  .display-unset {
      display: unset !important;
      right: 0.4rem !important;
      top: 0.8rem !important;
  }
}