body {
  background: #f7f7f7;
}
.wrapper{
  width: 100%;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  font-family: "Noto Sans JP", system-ui;
  font-weight: 400;
  font-style: normal;
  font-size: min(3.2vw,16px);
  line-height: 1.75;
/*  letter-spacing: 0.1em;*/
  color: #333;
  background: #fff;
  padding-bottom: 150px;
}

 a {
  text-decoration: none;
  color: #333;
  transition: .4s;
}
 a:hover {
  opacity: .8;
}

 img {
  width: 100%;
  vertical-align: bottom; 
}

 .pc-only {
  display: block;
}
 .sp-only {
  display: none;
}

@media (max-width: 750px){
   .pc-only {
      display: none;
    }
   .sp-only {
      display: block!important;
    }
}

.orange {
  color: #fc5926;
}
.orange2 {
  color: #f88561;
}
.orange3 {
  color: #ffe0b4;
}
.yellow {
  color: #e6fc4f;
}
.yellow2 {
  color: #ffd800;
}
.blue {
  color: #59a1c3;
}


/*flexbox*/
.flex {
   display: -webkit-box;
   display: flex;
 }
 .flex-sb {
   display: -webkit-box;
   display: flex;
   -webkit-box-pack: justify;
   justify-content: space-between;
   flex-wrap: wrap;
 }
 .flex-fs {
   display: -webkit-box;
   display: flex;
   -webkit-box-pack: start;
   justify-content: flex-start;
  flex-wrap: wrap;
 }
 .flex-fe {
   display: -webkit-box;
   display: flex;
   -webkit-box-pack: end;
   justify-content: flex-end;
 }
 .flex-c {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  flex-wrap: wrap;
}
 .aline-c {
   -webkit-box-align: center;
   align-items: center;
 }


/*****************
 　　header
   *****************/
.header {
  padding: 1%;
}
.header .inner {
  align-items: center;
}
.header .header_logo{
  width: 37.87%;
}
.header .header_btns {
  width: 60%;
}
.header .header_btns li {
  width: 44%;
  margin-left: 2%;
}

.mv .mv_copy {
  background: #ecef00;
  text-align: center;
  font-size: min(calc(21/750*100vw),21px);
  font-weight: bold;
  padding: 3px;
}
.mv .mv_copy .red {
  color: #ef3e00;
}

/*****************
 　　おまかせください
   *****************/
.omakase {
  background: url("../img/omakase_bg.png") no-repeat;
  background-size: cover;
  padding-top: 12%;
  padding-bottom: 12%;
}
.omakase .inner {
  border-radius: min(calc(20/750*100vw),20px);
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 0px min(calc(50/750*100vw),50px) 0px rgba(71, 86, 121, 0.58);
  width: 88%;
  margin: 0 auto;
  padding: 6% 0;
  
}
.omakase .title_omakase {
  width: 77.88%;
  margin: 0 auto 2em;
}
.omakase .dashed-note {
  width: 90.91%;
  margin: 0 auto;
  background-color: #fff; /* 背景色 */
  background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%), /* 点線1の色 */
                    linear-gradient(180deg, #ccc 1px, transparent 1px); /* 点線2の色と太さ */
  background-size: 8px 100%, /* 点線1のサイズ */
                   100% 2.5em; /* 点線2のサイズ */
  line-height: 2.5em; /* 文字の高さ */
  padding-bottom: 1px; /* 最終行の下にも罫線を引く */
}
.omakase .text {
  font-size: min(calc(28/750*100vw),24px);
}
.omakase span.marker {
  background-color: #fbfc7e;
  font-weight: bold;
}


/*****************
 　　CTA
   *****************/
.cvArea {
/*  background: url("../img/cv_bg.png") no-repeat;*/
/*  background-size: cover;*/
  background: #ed4125;
  padding-top: 26.7%;
  padding-bottom: 2%;
  width: 94%;
  margin: 10% auto 0;
  border-radius: 10px;
  position: relative;
}
.cta_top {
  position: absolute;
  top: -5%;
}
.cvArea .inner {
  background: #fff;
  padding: 2% 0 2%;
  width: 96%;
  margin: 0 auto;
  border-radius: 0 0 5px 5px;
}
.cvArea .cv_title_img {
  margin-bottom: 0.5em;
}
.cta_text {
  width: 79.6%;
  margin: 0 auto 2%;
}
/*
.cvArea .cv_title .small {
  font-size: min(calc(30/750*100vw),30px);
  display: block;
  text-align: center;
  font-weight: bold;
}
.cvArea .cv_title .big {
  font-size: min(calc(36/750*100vw),36px);
  color: #ef3e00;
  display: block;
  text-align: center;
  font-weight: bold;
}
*/
.cvArea .cv_btns {
  width: 86.06%;
  margin: 0 auto 3%;
}
.cvArea .cv_btns li {
  margin-bottom: 2%;
}

@keyframes shiny {
    0% { left: -20%; }
    10% { left: 120%; }
    100% { left: 120%; }
}

.shiny-btn {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}

.shiny-btn::after {
    content: '';
    position: absolute;
    top: -10%;
    left: -20%;
    width: 40px;
    height: 100%;
    transform: scale(2) rotate(20deg);
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 0%);
    
    /* アニメーション */
    animation-name: shiny;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
.cvArea .notes {
  text-align: center;
  font-size: min(calc(24/750*100vw),16px);
}
/*********************
  5つの理由
*************************/
.reason{
  
}
.reason_wrap li {
  position: relative;
}
.reason .reason_img {
  position: absolute;
  width: 84%;
  top: 0;
  right: 0;
}
.reason .reason02 .reason_img,
.reason .reason04 .reason_img{
  position: absolute;
  width: 84%;
  top: 0;
  left: 0;
  right: auto;
}
.reason .txtArea {
  position: absolute;
  z-index: 2;
  width: 85.33%;
  top: 63%;
  left: 50%;
  transform: translateX(-50%);
}
.reason .txtArea.last {
  position: absolute;
  z-index: 2;
  width: 85.33%;
  top: 51%;
  left: 50%;
  transform: translateX(-50%);
}
.reason .ttl {
  font-size: min(calc(42/750*100vw),42px);
  font-weight: bold;
  color: #f88561;
  margin-bottom: 0.5em;
}
.reason .reason02 .ttl,
.reason .reason04 .ttl {
  color: #fff;
}
.reason .text {
  font-size: min(calc(24/750*100vw),16px);
}

/*********************
  なんでも買取ます
*************************/
.kaitori {
  padding-top: 8em;
}
.kaitori .kaitori_bg {
  background: url("../img/kaitori_bg.png") no-repeat top center #48577a;
  position: relative;
  padding-top: min(calc(100/750*100vw),100px);
  padding-bottom: min(calc(100/750*100vw),150px);
}
.kaitori .title_kaitori {
  position: absolute;
  top: -3.7%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.relative{
  position: relative;
}
.kaitori .title_kaitori .ttl_ab {
  position: absolute;
  text-align: center;
  font-size: min(calc(59 / 750* 100vw), 59px);
  white-space: nowrap;
  font-weight: bold;
  bottom: 23%;
  left: 52%;
  transform: translateX(-50%);
}
.kaitori .kaitori_list {
  width: 92%;
  margin: 0 auto;
}
.kaitori .kaitori_list li {
  width: 32%;
  margin-bottom: 2em;
  text-align: center;
  color: #fff;
  font-size: min(calc(24/750*100vw),24px);
  font-weight: bold;
  font-feature-settings: "palt";
  line-height: 1.5;
}
.kaitori .block {
  width: 84%;
  margin: 2em auto 4em;
}
.kaitori .block .kaitori_ttl {
  margin-bottom: 1em;
}
.kaitori .block .kaitori_ttl .ttl_ab2 {
  position: absolute;
  text-align: center;
  font-size: min(calc(38 / 750* 100vw), 38px);
  white-space: nowrap;
  font-weight: bold;
  bottom: 17%;
  left: 50%;
  transform: translateX(-50%);
}
.kaitori .block .kaitori_ttl .small {
  font-size: 80%;
}
.kaitori .block .kaitori_txt {
  font-size: min(calc(34 / 750* 100vw), 34px);
  color: #fff;
  text-align: center;
  font-feature-settings: "palt";
}
.kaitori .block .kaitori_txt .big {
  font-size: 120%;
  font-weight: bold;
}
/*
.kaitori .block .txt {
  background: #fff;
  border-radius: 20px;
  padding: 1.5em;
  color: #48577a;
  font-feature-settings: "palt";
  letter-spacing: 0.3px;
}
*/
.kaitori .block .other_kaitori {
  background: #fff;
  border-radius: 20px;
  padding: 1.5em;
  
}
.kaitori .block .other_kaitori li {
  display: inline;
  color: #48577a;
  font-feature-settings: "palt";
  letter-spacing: 0.3px;
  padding-right: 0.5em;
}
.sodaigomi {
  position: relative;
  padding-top: 20%;
  padding-bottom: 10%;
}
.sodaigomi .sodaigomi_title {
  position: absolute;
  top: -13%;
  left: 50%;
  transform: translateX(-50%);
  width: 78.13%;
}
.kaitori .sodaigomi_title .ttl_ab3 {
  position: absolute;
  text-align: center;
  font-size: min(calc(59 / 750* 100vw), 59px);
  white-space: nowrap;
  font-weight: bold;
  bottom: 25%;
  left: 52%;
  transform: translateX(-50%);
  line-height: 1.3;
}
.kaitori .sodaigomi_title .ttl_ab3 .small {
  font-size: 80%;
}
.sodaigomi .detail {
  font-size: min(calc(36/750*100vw),36px);
  color: #48577a;
  text-align: center;
}
/*********************
  サービスの流れ
*************************/
.flow {
  
}
.flow .ttl {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
}
.flow .flow_no {
  width: min(calc(144/750*100vw),144px);
}
.flow .flow_ttl_txt {
  color: #fff;
  font-weight: bold;
  font-size: min(calc(44/750*100vw),44px);
  line-height: 1.3;
  width: calc(100% - calc(144/750*100vw));
  padding-left: min(calc(20/750*100vw),20px);;
  font-feature-settings: "palt";
}
.flow .flow_block {
  padding: 3% 4% 15%;
}
.flow .flow_block.flow01 {
  background: url("../img/flow_bg01.png") no-repeat #64adc0 center bottom;
}
.flow .flow_block.flow02 {
  background: url("../img/flow_bg02.png") no-repeat #71b9bc center bottom;
}
.flow .flow_block.flow03 {
  background: url("../img/flow_bg03.png") no-repeat #7ec7ba center bottom;
}
.flow .flow_block.flow04 {
  background: #7ec7ba;
}
.flow .flow_img {
  margin-bottom: 1em;
  margin-top: 1em;
}
.flow .flow_detail {
  color: #fff;
  font-size: min(calc(24/750*100vw),16px);
}

/*********************
  お客様の声
*************************/
.uv {
  background: url("../img/uv_bg.png") repeat-y #fffef8 center top; 
  padding-top: 4em;
  padding-bottom: 4em;
  background-size: cover;
}
.uv .uv_inner {
  width: 89.33%;
  margin: 0 auto;
}

.uv .uv_block {
  background: url("../img/uv_illu01.png") no-repeat #fff bottom 20px right 10px;
  background-size: 24%;
  position: relative;
  padding: 5%;
  margin-top: 5%;
}
.uv .uv_block:before {
  content: '';
  background: url("../img/uv_waku01.png") no-repeat;
  width: 10.9%;
  height: auto;
  aspect-ratio: 73/72;
  position: absolute;
  left: -6px;
  top: -6px;
  background-size: contain;
}
.uv .uv_block.uv02:before {
  content: '';
  background: url("../img/uv_waku03.png") no-repeat;
  background-size: contain;
}
.uv .uv_block:after {
  content: '';
  background: url("../img/uv_waku02.png") no-repeat;
  width: 10.9%;
  height: auto;
  aspect-ratio: 73/72;
  position: absolute;
  right: -6px;
  bottom: -6px;
  background-size: contain;
}
.uv .uv_block.uv02:after {
  content: '';
  background: url("../img/uv_waku04.png") no-repeat;
  background-size: contain;
}
.uv .uv_block.uv02 {
  background: url("../img/uv_illu02.png") no-repeat #fff bottom 20px right 10px;
  background-size: 24%;
}
.uv .uv_block.uv03 {
  background: url("../img/uv_illu03.png") no-repeat #fff bottom 20px right 10px;
  background-size: 24%;
}
.uv .ttl {
  font-size: min(calc(26/750*100vw),26px);
  font-weight: bold;
  color: #f88561;
  margin-bottom: 0.5em;
}
.uv .uv02 .ttl{
  color: #6ebc41;
}
.uv .ba_img {
  margin-bottom: 1em;
}
.uv .uv_detail {
  font-size: min(calc(24/750*100vw),16px);
  line-height: 1.75
}
.uv .name {
  margin: 1em 25% 1em auto;
  text-align: right;
}


/*********************
  FAQ
*************************/
.faq {
  padding-top: 8em;
  padding-bottom: 8em;
}
.faq .faq_title {
  width: min(calc(440/750*100vw),440px);
  margin: 0 auto 2em;
  position: relative;
}
@media (max-width: 750px){
  .faq {
    padding-top: 4em;
    padding-bottom: 4em;
  }
}
.faqList {
  width: 84%;
  margin: 0 auto;
}
.faq .q_title {
  background: #fff;
  padding: 5% 8% 5% 12%;
  border-radius: 10px;
  margin-top: 3%;
  color: #f88561;
  position: relative;
  font-weight: bold;
  border: 1px solid #f88561;
  font-size: min(calc(26/750*100vw),20px);
}
.faq .q_title:after{
  border-right: solid 4px #f88561;
  border-top: solid 4px #f88561;
  content: "";
  display: block;
  height: 12px;
  position: absolute;
  right: 5%;
  top: 38%;
  transform: rotate(135deg);
  transition: transform .3s ease-in-out, top .3s ease-in-out;
  width: 12px;
  z-index: 2;
}

.faq .q_title:before {
  content: '';
  background: url("../img/icon_q.png") no-repeat;
  background-size: contain;
  position: absolute;
  width: min(calc(40/750*100vw),30px);
  height: auto;
  aspect-ratio: 30/31;
  top: 50%;
  transform: translateY(-50%);
  left: 3%;
}


.faq .q_title.active {
  border-radius: 10px 10px 0 0;
  border-bottom: none;
  background-image: url("../img/dotto.png");
  background-position: bottom;
  background-repeat: repeat-x;
}
.faq .q_title.active:after {
  top: 45%;
  transform: rotate(-45deg);
}

.faq .a_contents {
  display: none;
  padding: 3% 5% 3% 12%;
  border-radius: 0 0 10px 10px;
  background: #fff;
  position: relative;
  border-right: 1px solid #f88561;
  border-left: 1px solid #f88561;
  border-bottom: 1px solid #f88561;
}
.faq .a_contents:before {
  content: '';
  background: url("../img/icon_a.png") no-repeat;
  background-size: contain;
  position: absolute;
  width: min(calc(40/750*100vw),30px);
  height: auto;
  aspect-ratio: 30/29;
  top: 26%;
  left: 3%;
}

/*********************
  メッセージ
*************************/
.message {
  background: url("../img/message_bg.png") no-repeat top center;
  background-size: cover;
  padding-bottom: 4em;
}
.message .message_img {
  width: 52.8%;
  margin: 0 auto 2em;
}
.message .message_txt {
  width: 92%;
  margin: 0 auto;
  font-size: min(calc(26/750*100vw),16px);
}
.message .marker {
  background-color: #fbfc7e;
  font-weight: bold;
}

/*********************
  会社概要
*************************/
.gaiyou {
  background: #e9e9e9;
  padding: 4% 0;
}
.gaiyou .title_gaiyou {
  font-size: min(calc(55/750*100vw),55px);
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
.gaiyou .gaiyou_list {
  width: 84%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 auto;
}
.gaiyou .gaiyou_list dt {
  width: 30%;
  margin-bottom: 1em;
}
.gaiyou .gaiyou_list dd {
  width: 68%;
  margin-bottom: 1em;
}

/*********************
  タイトル周り
*************************/
.title_text {
  text-align: center;
  line-height: 1.3;
  position: relative;
  margin: 0 auto;
}
.title_text.mt40 {
  margin-top: 40px;
}
.title_text.mb10 {
  margin-bottom: 10px;
}
.title_text .en {
  font-size: min(calc(45/750*100vw),45px);
  display: block;
}
.title_text .ja {
  font-size: min(calc(65/750*100vw),65px);
  font-weight: bold;
  display: block;
}
.title_ud_txt {
  text-align: center;
  font-size: min(calc(28/750*100vw),28px);
  margin-bottom: 40px;
}
.uv .fuki {
  position: absolute;
  width: min(calc(161/750*100vw),161px);
  left: 12%;
  top: -53%;
}

/*********************
  フォーム
*************************/
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type='checkbox'],
input[type='radio'] {
  display: none;
}

input[type='submit'],
input[type='button'],
label,
button,
select {
  cursor: pointer;
}

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

.contact {
  padding: 10% 0;
}
.contact .title_form {
  width: 67.73%;
  margin: 0 auto 1em;
}
.contact .sub_text {
  text-align: center;
  font-size: min(calc(24/750*100vw),18px);
}
.contact .form_wrapper {
  width: 76%;
  margin: 2em auto;
}
.contact .input-area p {
  font-size: min(calc(24/750*100vw),16px);
  margin-bottom: 3px;
}
.contact .input-area p .hissu {
  background: #f96233;
  border-radius: 3px;
  color: #fff;
  font-size: min(calc(18/750*100vw),14px);
  padding: 0 3px;
  margin-left: 3px;
}
.contact input[type=text],
.contact input[type=email],
.contact input[type=tel],
.contact textarea{
  border: 1px solid #ccc;
  width: 100%;
  border-radius: 5px;
  padding: 5px;
  margin-bottom: 1em
}

.confirm .input-area p:first-child {
  font-weight: bold;
  margin-bottom: 0.5em;
}
.confirm .input-area p:last-child {
  border-bottom: 1px solid #ddd;
  margin-bottom: 2em;
}

.btn-border {
  border-radius: 10px;
  background-color: rgb(249, 98, 51);
  box-shadow: 0px 6px 0px 0px rgba(152, 2, 7, 1);
  display: block;
  width: 79.65%;
  margin: 0 auto;
  padding: 0.8em;
  color: #fff;
  font-weight: bold;
  font-size: min(calc(32/750*100vw),18px);
}

.contact_wrapper {
  width: 100%;
  height: auto;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f7f7f7;
}
.contact_wrapper .inner {
  background: #fff;
  border-radius: 20px;
  padding: 2em;
  width: 94%;
  max-width: 700px;
}
.contact_wrapper h2 {
  font-weight: bold;
  text-align: center;
  margin-bottom: 2em;
  font-size: min(calc(36/750*100vw),24px);
}
.contact_wrapper p {
  margin-bottom: 1em;
  line-height: 1.75;
  font-size: min(calc(32/750*100vw),18px);
}

.contact_ttl {
  position: relative;
  display: block;
  text-align: center;
  padding: 0 55px;
  font-size: min(calc(36/750*100vw),24px);
  font-weight: bold;
}

.contact_ttl:before, .contact_ttl:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 28%;
  height: 1px;
  background-color: black;
}

.contact_ttl:before {
  left:0;
}
.contact_ttl:after {
  right: 0;
}
.telmail {
  width: 70%;
  margin: 20px auto 40px;
  font-size: min(calc(32/750*100vw),18px);
}
.telmail dt {
  font-weight: bold;
  margin-bottom: 0.5em;
}
.telmail dd {
  margin-bottom: 1em;
}
.copy {
  background: #0a1c4a;
  text-align: center;
  color: #fff;
  padding: 10px;
  font-size: 10px;
}


/* ---------------------
フローティング
---------------------*/
.floating_bnr {
  transition: all .3s;
/*  visibility: hidden;*/
  opacity: 1;
  z-index: 99999;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
  margin: 0 auto;
/*  pointer-events: none;*/
  background: rgba(255,255,255,0.8);
  padding: 8px 5px;
}
.floating_bnr.is-active {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.floating_bnr .floating_btns li{
  width: 33%;
}

@media (min-width: 750px) {
  .floating_bnr {
    max-width: 750px;
    padding: 8px 8%;
  }
}