@charset "UTF-8";
@import url("root.css");
/*-----*ブレイクポイントルール*-----*/
/* スマートフォン：max-width:767px */
/* タブレット：min-width:768px */
/* PC：min-width:1025px */
/***************************************
------------- TOP MAIN IMG -------------
***************************************/
#mv {
  width: 100%;
  height: auto;
  margin: 0 auto;
  position: relative;
}
#mv .slider {
  opacity: 0;
  transition: opacity 0.25s ease;
}
#mv .slider.slick-initialized {
  opacity: 1;
}
#mv img {
  width: 100%;
}
#mv .main_copy {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 1200px;
  max-width: 98%;
  height: 100%;
}
#mv .main_copy img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: auto;
  margin: auto;
  width: 50%;
  height: auto;
  max-width: 548px;
  max-height: 323px;
}
#mv .main_copy .text_wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: auto;
  margin: auto;
  width: 50%;
  height: auto;
  max-width: 548px;
  max-height: 323px;
}
#mv .main_copy .text_wrap .copy_text_large {
  font-size: clamp(4rem, -0.2rem + 7.1vw, 7rem);
  font-weight: 900;
  line-height: 1;
}
#mv .main_copy .text_wrap .copy_text_normal {
  font-size: clamp(1.8rem, 0.6rem + 1.4vw, 2.4rem);
  font-weight: 500;
}

#mv {
  background: var(--base-color01);
  padding-top: 3px;
  padding-bottom: 0px;
  border-top: 1px solid white;
}
@media (max-width: 767px) {
  #mv {
    padding: 0;
    border-top: none;
    background: transparent;
  }
}
#mv .slide01,
#mv .slide02,
#mv .slide03 {
  padding-left: 8px;
  padding-right: 8px;
}
@media (max-width: 767px) {
  #mv .slide01,
  #mv .slide02,
  #mv .slide03 {
    padding: 0;
  }
}
#mv .slide01 img,
#mv .slide02 img,
#mv .slide03 img {
  vertical-align: bottom;
}

@media screen and (max-width: 767px) {
  #mv {
    margin-top: 55px;
  }
}
/***************************************
------------- TOP COMMON -------------
***************************************/
.top_ttl {
  font-size: clamp(3.3rem, 0.7rem + 3.5vw, 4.8rem);
  font-weight: 600;
  color: #555555;
  margin-bottom: 0.4em;
  line-height: 1.2;
  font-family: var(--title-font-family);
}

/* PC */
@media screen and (min-width: 1025px) {
  .tablet-only {
    display: none;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .sp-text-center {
    text-align: center;
  }
  .tablet-only {
    display: none;
  }
}
/***************************************
------------- 買取相場・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_results {
  padding: 0 0 min(6%, 100px);
}

.sec_results .top_ttl {
  margin-bottom: 1.2em;
}

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

.sec_result h2,
.sec_contact h2,
.sec_items h2,
.sec_info h2,
.sec_news h2,
.sec_bnr h2 {
  margin-top: 0;
  display: table;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(26px, 4.5vw, 45px);
  padding-left: 68px;
  position: relative;
  margin-bottom: 20px;
  color: var(--ttl-color);
}
@media (max-width: 767px) {
  .sec_result h2,
  .sec_contact h2,
  .sec_items h2,
  .sec_info h2,
  .sec_news h2,
  .sec_bnr h2 {
    padding-left: 43px;
  }
}
.sec_result h2::before,
.sec_contact h2::before,
.sec_items h2::before,
.sec_info h2::before,
.sec_news h2::before,
.sec_bnr h2::before {
  content: "";
  width: 55px;
  height: 55px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
  margin: auto;
  background: url(../img/h2icon1.png) no-repeat center center/cover;
}
@media (max-width: 767px) {
  .sec_result h2::before,
  .sec_contact h2::before,
  .sec_items h2::before,
  .sec_info h2::before,
  .sec_news h2::before,
  .sec_bnr h2::before {
    width: 34px;
    height: 34px;
    top: 2px;
  }
}
.sec_result .container,
.sec_contact .container,
.sec_items .container,
.sec_info .container,
.sec_news .container,
.sec_bnr .container {
  padding: 0 10px;
  max-width: 1000px;
  width: 100%;
}
@media (max-width: 767px) {
  .sec_result .container,
  .sec_contact .container,
  .sec_items .container,
  .sec_info .container,
  .sec_news .container,
  .sec_bnr .container {
    padding: 0 15px;
  }
}

.sec_result {
  padding: 30px 0 55px 0;
}
@media (max-width: 767px) {
  .sec_result {
    padding: 35px 0 40px 0;
  }
}
.sec_result .container h2 {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .sec_result .container h2 {
    margin-bottom: 27px;
  }
}
.sec_result .container .resultflex {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  row-gap: 20px;
}
@media (max-width: 767px) {
  .sec_result .container .resultflex {
    gap: 10px;
    row-gap: 10px;
  }
}
.sec_result .container .resultflex .box1 {
  width: calc(25% - 9px);
}
@media (max-width: 767px) {
  .sec_result .container .resultflex .box1 {
    width: calc(50% - 5px);
  }
}
.sec_result .container .resultflex .box1 .imgbox {
  text-align: center;
}
.sec_result .container .resultflex .txtbox .txtflex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 7px;
  margin-bottom: 10px;
  row-gap: 5px;
}
.sec_result .container .resultflex .txtbox .txtflex .date {
  margin: 0;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.sec_result .container .resultflex .txtbox .txtflex .date i {
  font-size: 16px;
  color: var(--base-color01);
}
.sec_result .container .resultflex .txtbox .txtflex .cat {
  margin: 0;
  font-size: 11px;
  display: inline-block;
  padding: 1px 10px;
  background: var(--base-color01);
  font-weight: bold;
  width: 145px;
  text-align: center;
}
.sec_result .container .resultflex .txtbox .ttl {
  margin: 0;
  font-size: 14px;
  line-height: 1.286;
  font-weight: 500;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: var(--base-color01);
}
.sec_result .container .resultflex .txtbox .ttl a {
  color: var(--base-color01);
}
.sec_result .container .btnflex {
  display: flex;
  margin-top: 45px;
  justify-content: center;
  gap: 35px;
}
@media (max-width: 767px) {
  .sec_result .container .btnflex {
    gap: 10px;
    margin-top: 22px;
  }
}
.sec_result .container .btnflex .topbtn {
  margin: 0;
}
.sec_result .container .btnflex .topbtn.btn2 {
  background: #fad8d1;
}

.sec_items {
  padding: 40px 0 55px 0;
  background: var(--base-color02);
}
@media (max-width: 767px) {
  .sec_items {
    padding: 40px 0;
  }
}
.sec_items h2 {
  margin-bottom: 35px;
}
@media (max-width: 767px) {
  .sec_items h2 {
    margin-bottom: 20px;
  }
}
.sec_items .flexbox {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  row-gap: 15px;
}
@media (max-width: 767px) {
  .sec_items .flexbox {
    gap: 10px;
    row-gap: 10px;
  }
}
.sec_items .flexbox .box {
  border-radius: 20px;
  position: relative;
  background: var(--base-color04);
  width: calc(25% - 24px);
  margin-right: 6px;
  margin-bottom: 6px;
  padding: 15px 10px;
  box-sizing: border-box;
  position: relative;
  box-shadow: 6px 6px 0 #b6a745;
}
@media (min-width: 768px) {
  .sec_items .flexbox .box {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 1000px) {
  .sec_items .flexbox .box {
    width: calc(33.3333333333% - 23px);
  }
}
@media (max-width: 767px) {
  .sec_items .flexbox .box {
    width: calc(50% - 5px);
    border-radius: 10px;
    margin-right: 0;
    padding: 10px;
    box-shadow: 0 6px 0 #b6a745;
  }
}
.sec_items .flexbox .box .imgbox {
  text-align: center;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .sec_items .flexbox .box .txtbox {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
  }
}
.sec_items .flexbox .box .txtbox .txt1 {
  font-size: 18px;
  font-weight: bold;
  color: var(--base-color05);
  position: relative;
  margin-bottom: 10px;
  line-height: 1.2;
  padding-left: 22px;
}
@media (max-width: 1000px) {
  .sec_items .flexbox .box .txtbox .txt1 {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .sec_items .flexbox .box .txtbox .txt1 {
    padding-left: 18px;
  }
}
.sec_items .flexbox .box .txtbox .txt1::before {
  content: "";
  width: 13px;
  height: 13px;
  position: absolute;
  top: 5px;
  bottom: auto;
  left: 0;
  right: auto;
  margin: auto;
  background: url(../img/common/btnicon1.png) no-repeat center center/cover;
}
@media (max-width: 767px) {
  .sec_items .flexbox .box .txtbox .txt1::before {
    top: 1px;
  }
}
.sec_items .flexbox .box .txtbox .txt1 .fschange1 {
  font-size: 14px;
}
@media (max-width: 767px) {
  .sec_items .flexbox .box .txtbox .txt1 .fschange1 {
    font-size: 13px;
    display: block;
  }
}
.sec_items .flexbox .box .txtbox .txt2 {
  font-size: 14px;
  line-height: 1.286;
  margin-top: 0;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .sec_items .flexbox .box .txtbox .txt2 {
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .sec_items .flexbox .box .txtbox .txt2 {
    flex-grow: 1;
  }
}
.sec_items .flexbox .box .txtbox .topbtn.btnbox {
  margin-top: 0;
  border: none;
}
@media (max-width: 767px) {
  .sec_items .flexbox .box .txtbox .topbtn.btnbox {
    max-width: 300px;
    width: 100%;
  }
}
.sec_items .flexbox .box .txtbox .topbtn.btnbox a.button {
  padding: 5px 0;
  background: var(--base-color05);
  color: white;
  border-radius: 10px;
}
.sec_items .flexbox .box .txtbox .topbtn.btnbox a.button .arrow {
  position: relative;
  padding-left: 25px;
}
.sec_items .flexbox .box .txtbox .topbtn.btnbox a.button .arrow::before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  top: 4px;
  bottom: 0;
  left: 0;
  right: auto;
  margin: auto;
  background: url(../img/common/arrow01.png) no-repeat center center/cover;
}

.sec_info {
  padding: 45px 0 40px 0;
  background: var(--base-color04);
}
@media (max-width: 767px) {
  .sec_info {
    padding: 40px 0;
  }
}
.sec_info h2 {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .sec_info h2 {
    margin-bottom: 27px;
  }
}
.sec_info .flexbox {
  display: flex;
  gap: 29px;
}
@media (max-width: 767px) {
  .sec_info .flexbox {
    display: block;
  }
}
.sec_info .flexbox .left {
  width: 42%;
}
@media (max-width: 767px) {
  .sec_info .flexbox .left {
    width: 100%;
  }
}
.sec_info .flexbox .left .imgbox {
  text-align: center;
}
.sec_info .flexbox .left .logospace {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.sec_info .flexbox .left .logospace img {
  width: 90%;
}
@media (max-width: 767px) {
  .sec_info .flexbox .left .logospace img {
    width: 70%;
  }
}
.sec_info .flexbox .left table {
  width: 100%;
  border-spacing: 2px 3px;
}
.sec_info .flexbox .left table tbody tr th,
.sec_info .flexbox .left table tbody tr td {
  padding: 3px 7px;
  font-size: clamp(14px, 1.6vw, 16px);
}
.sec_info .flexbox .left table tbody tr th {
  text-align: left;
  color: white;
  font-weight: bold;
  background: var(--base-color05);
  width: 80px;
}
@media (max-width: 767px) {
  .sec_info .flexbox .left table tbody tr th {
    width: 72px;
  }
}
.sec_info .flexbox .left table tbody tr td {
  background: white;
  color: var(--ttl-color);
}
.sec_info .flexbox .left table tbody tr td a {
  color: var(--ttl-color);
}
.sec_info .flexbox .left .bgwhite {
  padding: 15px 25px 20px 25px;
  border: 1px solid var(--ttl-color);
  background: white;
  margin-top: 5px;
}
@media (max-width: 767px) {
  .sec_info .flexbox .left .bgwhite {
    margin-top: 10px;
    margin-bottom: 25px;
  }
}
.sec_info .flexbox .left .bgwhite .txt1 {
  margin: 0;
  color: var(--ttl-color);
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 10px;
  font-size: clamp(14px, 1.6vw, 16px);
}
.sec_info .flexbox .left .bgwhite .txt1 .color1 {
  color: var(--base-color05);
}
.sec_info .flexbox .left .bgwhite .txt2 {
  margin: 0;
  margin-bottom: 10px;
  line-height: 1.6;
  color: var(--base-color05);
  font-weight: bold;
  font-size: clamp(14px, 1.6vw, 16px);
}
.sec_info .flexbox .left .bgwhite .txt2 .border001 {
  border-bottom: 2px solid var(--base-color05);
}
.sec_info .flexbox .left .bgwhite .txt3 {
  font-size: 14px;
  color: var(--ttl-color);
  line-height: 1.4;
}
.sec_info .flexbox .right {
  width: calc(58% - 29px);
}
@media (max-width: 767px) {
  .sec_info .flexbox .right {
    width: 100%;
  }
}
.sec_info .flexbox .right .imgbox {
  text-align: center;
}
.sec_info .flexbox .right .txt4 {
  font-style: italic;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 500;
  color: var(--ttl-color);
  font-size: clamp(14px, 1.6vw, 16px);
}
@media (max-width: 767px) {
  .sec_info .flexbox .right .txt4 {
    margin-top: 7px;
    margin-bottom: 7px;
  }
}
.sec_info .flexbox .right .btn01 {
  color: var(--base-color05);
  font-weight: bold;
}
.sec_info .flexbox .right .btn01 a {
  color: var(--base-color05);
  font-size: clamp(14px, 1.8vw, 18px);
  line-height: 1.2;
  padding-left: 22px;
  position: relative;
}
@media (max-width: 767px) {
  .sec_info .flexbox .right .btn01 a {
    padding-left: 18px;
  }
}
.sec_info .flexbox .right .btn01 a::before {
  content: "";
  width: 13px;
  height: 13px;
  position: absolute;
  top: 8px;
  bottom: auto;
  left: 0;
  right: auto;
  margin: auto;
  background: url(../img/common/btnicon1.png) no-repeat center center/cover;
}
@media (max-width: 767px) {
  .sec_info .flexbox .right .btn01 a::before {
    top: 5px;
  }
}

.sec_news {
  padding: 45px 0 35px 0;
}
@media (max-width: 767px) {
  .sec_news {
    padding: 40px 0;
  }
}
.sec_news h2 {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .sec_news h2 {
    margin-bottom: 27px;
  }
}
.sec_news .newsbox {
  padding-left: 45px;
  padding-right: 110px;
}
@media (max-width: 1030px) {
  .sec_news .newsbox {
    padding-left: 0;
    padding-right: 0;
  }
}
.sec_news .newsbox .newslist:not(:last-child) {
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .sec_news .newsbox .newslist:not(:last-child) {
    margin-bottom: 20px;
  }
}
.sec_news .newsbox .newslist .txtflex {
  display: flex;
  align-items: center;
  gap: 15px;
}
@media (max-width: 767px) {
  .sec_news .newsbox .newslist .txtflex {
    display: block;
  }
}
.sec_news .newsbox .newslist .txtflex .cat {
  padding: 3px 15px 5px 15px;
  margin: 0;
  width: 100px;
  background: #c8f0fb;
  font-weight: bold;
  color: var(--ttl-color);
  font-style: italic;
}
@media (max-width: 767px) {
  .sec_news .newsbox .newslist .txtflex .cat {
    margin-bottom: 5px;
  }
}
.sec_news .newsbox .newslist .txtflex .cat.cat1 {
  background: #c8f0fb;
}
.sec_news .newsbox .newslist .txtflex .cat.cat2 {
  background: #b7df9e;
}
.sec_news .newsbox .newslist .txtflex .cat.cat3 {
  background: #ffe21f;
}
.sec_news .newsbox .newslist .txtflex dl {
  margin: 0;
  display: flex;
  align-items: flex-end;
  flex-grow: 1;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .sec_news .newsbox .newslist .txtflex dl {
    display: block;
  }
}
.sec_news .newsbox .newslist .txtflex dl dt,
.sec_news .newsbox .newslist .txtflex dl dd {
  border-bottom: 1px solid var(--ttl-color);
  padding: 3px 0;
}
@media (max-width: 767px) {
  .sec_news .newsbox .newslist .txtflex dl dt,
  .sec_news .newsbox .newslist .txtflex dl dd {
    border-bottom: none;
  }
}
.sec_news .newsbox .newslist .txtflex dl dt {
  font-size: 14px;
  padding-right: 20px;
  width: 90px;
  font-style: italic;
  color: #626262;
}
@media (max-width: 767px) {
  .sec_news .newsbox .newslist .txtflex dl dt {
    width: 100%;
    padding-bottom: 0;
  }
}
.sec_news .newsbox .newslist .txtflex dl dd {
  font-size: 16px;
  width: calc(100% - 90px);
}
@media (max-width: 767px) {
  .sec_news .newsbox .newslist .txtflex dl dd {
    width: 100%;
    padding-top: 0;
    border-bottom: 1px solid var(--ttl-color);
  }
}
.sec_news .newsbox .newslist .txtflex dl dd a {
  font-weight: bold;
  color: var(--txt-color);
}
.sec_news .newsbox .newslist .cont {
  margin-top: 10px;
  font-size: 16px;
}
.sec_news .newsbox .newslist .cont a {
  color: var(--txt-color);
}
@media (max-width: 767px) {
  .sec_news .newsbox .newslist .cont {
    margin-top: 3px;
  }
}
.sec_news .topbtn {
  margin-top: 35px;
}

.sec_bnr {
  padding: 40px 0;
  background: var(--base-color02);
}
.sec_bnr .bnrflex {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
@media (max-width: 767px) {
  .sec_bnr .bnrflex {
    flex-wrap: wrap;
    row-gap: 12px;
  }
}