@charset "UTF-8";
@import url("root.css");
/*-----*ブレイクポイントルール*-----*/
/* スマートフォン：max-width:767px */
/* タブレット：min-width:768px */
/* PC：min-width:1025px */
/***************************************
------------- TOP MAIN IMG -------------
***************************************/
#mv {
  background: url(../img/slider_bg.jpg);
}
#mv .splide {
  width: 100%;
  height: auto;
  margin: 0 auto;
  position: relative;
  opacity: 0;
}
#mv .splide.is-active {
  opacity: 1;
  transition: all 0.5s;
}
#mv .splide__slide {
  padding: min(calc(20 / 1920 * 100vw * 4.5 / 3), 20px) min(calc(5 / 1920 * 100vw * 4.5 / 3), 5px) min(calc(30 / 1920 * 100vw * 4.5 / 3), 30px);
}
@media (max-width: 1200px) {
  #mv .splide__slide {
    padding-left: 0;
    padding-right: 0;
    padding: 0 0 30px;
  }
}
#mv .splide__pagination__page {
  background: #999999;
}
#mv .splide__pagination__page.is-active {
  background: var(--base-color02);
  transform: none;
}
#mv .splide__pagination {
  bottom: min(calc(8 / 1920 * 100vw * 4.5 / 3), 8px);
}
@media (max-width: 767px) {
  #mv .splide__pagination {
    bottom: 8px;
  }
}
#mv img {
  width: 100%;
}
#mv .splide__arrow {
  display: none;
}

@media screen and (max-width: 767px) {
  #mv {
    margin-top: 80px;
  }
}
/***************************************
------------- TOP COMMON -------------
***************************************/
.sec_point {
  background: url(../img/bg01.jpg) no-repeat center/cover;
  color: #fff;
  padding: min(calc(50 / 1920 * 100vw * 4.5 / 3), 50px);
}
@media (max-width: 767px) {
  .sec_point {
    padding: min(calc(50 / 770 * 100vw) , 50px) min(calc(30 / 770 * 100vw) , 30px) min(calc(30 / 770 * 100vw) , 30px) min(calc(30 / 770 * 100vw) , 30px);
    background: url(../img/sp_bg01.jpg) no-repeat center/cover;
  }
}
.sec_point .h2_point {
  font-family: var(--sub-font-family);
  text-align: center;
  font-size: max(1rem, min(calc(50 / 1920 * 100vw * 4.5 / 3), 50px));
  margin: 0 0 0.5em;
  font-weight: 500;
}
@media (max-width: 767px) {
  .sec_point .h2_point {
    font-size: clamp(1.25rem, min(calc(50 / 770 * 100vw) , 50px), 50px);
  }
}
.sec_point .h2_point .point_text {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.sec_point .h2_point img {
  width: min(calc(156 / 1920 * 100vw * 4.5 / 3), 156px);
}
@media (max-width: 767px) {
  .sec_point .h2_point img {
    width: min(calc(146 / 770 * 100vw) , 146px);
  }
}
.sec_point .h3_point {
  text-align: center;
  margin: 0;
  color: #fff;
  font-weight: bold;
  font-size: max(1rem, min(calc(26 / 1920 * 100vw * 4.5 / 3), 26px));
  padding: 0.3em;
  background: linear-gradient(90deg, #e2b629 0%, #976f20 100%);
  margin-top: 0.5em;
}
@media (max-width: 767px) {
  .sec_point .h3_point {
    font-size: clamp(1.25rem, min(calc(35 / 770 * 100vw) , 35px), 35px);
  }
}
.sec_point .row {
  gap: min(calc(56 / 1920 * 100vw * 4.5 / 3), 56px);
}
@media (max-width: 767px) {
  .sec_point .row {
    gap: min(calc(45 / 770 * 100vw) , 45px);
  }
}
@media (min-width: 768px) {
  .sec_point .row .col-4:not(:last-child) {
    position: relative;
  }
  .sec_point .row .col-4:not(:last-child):after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    bottom: 0;
    right: calc(min(calc(28 / 1920 * 100vw * 4.5 / 3), 28px) * -1);
    left: auto;
    margin: auto;
    background: #9a93c4;
  }
}

.sec_item {
  padding: min(calc(65 / 1920 * 100vw * 4.5 / 3), 65px) 0 0;
}
@media (max-width: 767px) {
  .sec_item {
    padding: min(calc(55 / 770 * 100vw) , 55px) 0 0;
  }
}
.sec_item .bg_wrap {
  background: url(../img/bg02.jpg);
  padding: min(calc(25 / 1920 * 100vw * 4.5 / 3), 25px);
  box-shadow: 0 0 min(calc(30 / 1920 * 100vw * 4.5 / 3), 30px) rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
  .sec_item .bg_wrap {
    padding: min(calc(30 / 770 * 100vw) , 30px);
    box-shadow: 0 0 min(calc(30 / 770 * 100vw) , 30px) rgba(0, 0, 0, 0.2);
  }
}
.sec_item .bg_wrap .row {
  gap: min(calc(25 / 1920 * 100vw * 4.5 / 3), 25px);
}
@media (max-width: 767px) {
  .sec_item .bg_wrap .row {
    gap: min(calc(20 / 770 * 100vw) , 20px) min(calc(25 / 770 * 100vw) , 25px);
  }
}
.sec_item .bg_wrap a {
  box-shadow: 0 0 min(calc(5 / 1920 * 100vw * 4.5 / 3), 5px) rgba(0, 0, 0, 0.2);
  display: block;
}

.sec_results {
  padding: min(calc(65 / 1920 * 100vw * 4.5 / 3), 65px) 0 0;
}
@media (max-width: 767px) {
  .sec_results {
    padding: min(calc(55 / 770 * 100vw) , 55px) 0 0;
  }
}
.sec_results .row {
  gap: min(calc(15 / 1920 * 100vw * 4.5 / 3), 15px);
}
@media (max-width: 767px) {
  .sec_results .row {
    gap: min(calc(35 / 770 * 100vw) , 35px) min(calc(20 / 770 * 100vw) , 20px);
  }
}
.sec_results .h3_results {
  border-bottom: solid 2px var(--base-color02);
  text-align: center;
  font-size: max(1rem, min(calc(22 / 1920 * 100vw * 4.5 / 3), 22px));
  font-weight: bold;
  margin: 0.5em 0;
  padding: 0 0 0.2em;
}
@media (max-width: 767px) {
  .sec_results .h3_results {
    font-size: clamp(1.25rem, min(calc(32 / 770 * 100vw) , 32px), 32px);
  }
}

.sec_faq {
  padding: min(calc(65 / 1920 * 100vw * 4.5 / 3), 65px) 0 0;
}
@media (max-width: 767px) {
  .sec_faq {
    padding: min(calc(55 / 770 * 100vw) , 55px) 0 0;
  }
}

.sec_news {
  padding: min(calc(65 / 1920 * 100vw * 4.5 / 3), 65px) 0 0;
}
@media (max-width: 767px) {
  .sec_news {
    padding: min(calc(55 / 770 * 100vw) , 55px) 0 0;
  }
}
@media (max-width: 767px) {
  .sec_news .row {
    gap: min(calc(35 / 770 * 100vw) , 35px);
  }
}
.sec_news .h3 {
  margin: 0;
}
.sec_news .news_wrap {
  border: solid 2px var(--base-color01);
  border-top: 0;
  padding: min(calc(15 / 1920 * 100vw * 4.5 / 3), 15px);
  font-size: max(1rem, min(calc(18 / 1920 * 100vw * 4.5 / 3), 18px));
}
@media (max-width: 767px) {
  .sec_news .news_wrap {
    padding: min(calc(10 / 770 * 100vw) , 10px) min(calc(20 / 770 * 100vw) , 20px) min(calc(40 / 770 * 100vw) , 40px);
    font-size: clamp(1.25rem, min(calc(30 / 770 * 100vw) , 30px), 30px);
  }
}
.sec_news .news_wrap .news-lists {
  display: block;
  overflow-y: scroll;
  max-height: 13em;
}
.sec_news .news_wrap .news-lists dt {
  border: none;
  font-size: max(1rem, min(calc(16 / 1920 * 100vw * 4.5 / 3), 16px));
}
@media (max-width: 767px) {
  .sec_news .news_wrap .news-lists dt {
    font-size: clamp(1.25rem, min(calc(30 / 770 * 100vw) , 30px), 30px);
  }
}
.sec_news .news_wrap .news-lists dd {
  border-bottom: #cccccc solid 2px;
}
@media (min-width: 768px) {
  .sec_news .news_wrap .news-lists dd {
    padding-top: 0;
  }
}

/***************************************
------------- 買取相場・NEWS・カレンダー ------------
***************************************/
/***************************************
------------- ABOUT US ------------
***************************************/
.sec_about {
  padding: 0 0 min(6%, 100px);
}

/***************************************
------------- 買取可能な取扱カテゴリーについて ------------
***************************************/
.sec_category {
  padding: 0 0 min(6%, 100px);
}

/***************************************
------------- 買取・査定方法について ------------
***************************************/
.sec_method {
  padding: 0 0 min(6%, 100px);
}

.sec_method img {
  display: block;
  margin: 0 auto;
  width: 100%;
}

/***************************************
------------- 査定額アップの秘訣 ------------
***************************************/
.sec_tips {
  padding: 0 0 min(6%, 100px);
}