@charset "utf-8";

/*====================
mv
====================*/
#sell .subpage-header .subpage-header__bg {
  background-image: var(--bg-sell-mv);
}

#sell .subpage-header .subpage-header__bg {
  width: 62vw;
}

@media screen and (max-width: 960px) {
  #sell .scroll {
    display: none;
  }

  /*===========max-width:960px============*/
}

@media screen and (max-width: 600px) {
  #sell .subpage-header .subpage-header__bg {
    width: 60vw;
  }

  /*===========max-width:600px============*/
}

/*====================
circle
====================*/
#sell .property-circle.request-circle {
  left: calc(58vw + 100px);
}

#sell .property-circle {
  left: calc(58vw + 240px);
}

@media screen and (max-width: 1100px) {
  #sell .property-circle.request-circle {
    left: calc(55vw + 100px);
  }

  #sell .property-circle {
    left: calc(55vw + 210px);
  }

  /*===========max-width:1100px============*/
}

@media screen and (max-width: 768px) {
  #sell
    .property-circle
    .property-circle__link
    .property-circle__image-wrapper {
    width: 56px;
    height: 56px;
  }

  #sell
    .property-circle
    .property-circle__link
    .property-circle__svg.property-circle__svg-tab {
    display: none;
  }

  #sell .property-circle {
    left: initial;
    right: calc(25vw - 72px);
  }

  #sell .property-circle.request-circle {
    left: initial;
    right: 25vw;
  }

  #sell .property-circle .property-circle__link .property-circle__svg {
    font-size: 8px;
  }

  /*===========max-width:768px============*/
}

/*====================
flow
====================*/
#sell-flow {
  margin-top: 92px;
}

#sell-flow .section-title::after {
  width: 80vw;
}

#sell-flow .section-title.line-right::before {
  left: calc(20vw + 20px);
}

#sell-flow .section-title.line-right .section-title__text-en,
#sell-flow .section-title.line-right .section-title__text-ja {
  text-align: left;
  padding-left: initial;
}

#sell-flow .sell-flow__container {
  padding-bottom: 184px;
}

#sell-flow .sell-flow__container .sell-flow__description {
  padding-bottom: 0;
}

#sell-flow
  .sell-flow__container
  .sell-flow__description
  .sell-flow__description-text {
  padding-bottom: 32px;
}
#sell-flow .sell-flow__container .sell-flow__description p.text-bg-blue {
  letter-spacing: 0.22em;
}

#sell-flow .sell-flow__nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding-top: 60px;
}

#sell-flow .sell-flow__nav .sell-flow__link {
  width: 386px;
  padding-top: 36px;
  padding-bottom: 36px;
  background-color: #dfe0e1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  gap: 24px;
  transition: all 0.3s ease;
}

#sell-flow .sell-flow__nav .sell-flow__link:hover {
  transform: translateY(-5px);
}

#sell-flow .sell-flow__nav .sell-flow__link .sell-flow__icon {
  width: 40px;
}

#sell-flow .sell-flow__nav .sell-flow__link .sell-flow__text {
  font-family: var(--font-ibmplex);
  font-size: 23px;
  letter-spacing: 0.2em;
  font-weight: 700;
  display: contents;
}

#sell-flow .sell-flow__nav .sell-flow__link .sell-flow__arrow {
  width: 11px;
}

@media screen and (max-width: 1600px) {
  #sell-flow .section-title::after {
    width: 85vw;
  }

  #sell-flow .section-title.line-right::before {
    left: calc(15vw + 20px);
  }

  /*===========max-width:1600px============*/
}

@media screen and (max-width: 1400px) {
  #sell-flow .section-title::after {
    width: 88vw;
  }

  #sell-flow .section-title.line-right::before {
    left: calc(12vw + 20px);
  }

  /*===========max-width:1400px============*/
}

@media screen and (max-width: 1200px) {
  #sell-flow .section-title::after {
    width: 92vw;
  }

  #sell-flow .section-title.line-right::before {
    left: calc(8vw + 16px);
  }

  /*===========max-width:1200px============*/
}

@media screen and (max-width: 960px) {
  #sell-flow .section-title::after {
    width: 94vw;
  }

  #sell-flow .section-title.line-right::before {
    left: calc(5vw + 16px);
  }

  #sell .section-title.line-right .section-title__text-en,
  #sell .section-title.line-right .section-title__text-ja {
    padding-left: 3%;
  }

  #sell-flow .sell-flow__nav .sell-flow__link .sell-flow__icon {
    width: 32px;
  }

  #sell-flow .sell-flow__nav .sell-flow__link .sell-flow__text {
    font-size: 18px;
  }

  /*===========max-width:960px============*/
}

@media screen and (max-width: 790px) {
  #sell .section-title.line-right .section-title__text-en,
  #sell .section-title.line-right .section-title__text-ja {
    padding-left: 12%;
  }

  /*===========max-width:790px============*/
}

@media screen and (max-width: 768px) {
  #sell-flow .sell-flow__container {
    padding-left: 5.6%;
    padding-right: 5.6%;
    padding-bottom: 80px;
  }

  #sell-flow .sell-flow__nav .sell-flow__link {
    padding-top: 24px;
    padding-bottom: 24px;
    gap: 8px;
    width: 100%;
    max-width: 386px;
  }

  #sell-flow .sell-flow__nav {
    padding-top: 32px;
    flex-direction: column;
  }

  #sell-flow .sell-flow__nav .sell-flow__link .sell-flow__icon {
    width: 24px;
  }

  #sell-flow .sell-flow__nav .sell-flow__link .sell-flow__text {
    font-size: 14px;
  }

  /*===========max-width:768px============*/
}

@media screen and (max-width: 600px) {
  #sell .section-title.line-right .section-title__text-en,
  #sell .section-title.line-right .section-title__text-ja {
    padding-left: 15%;
  }

  .sell-flow__nav .sell-flow__link .sell-flow__icon {
    width: 32px;
  }

  .sell-flow__nav .sell-flow__link .sell-flow__text {
    font-size: 22px;
  }

  /*===========max-width:600px============*/
}

/*====================
step
====================*/
.sell-step {
  padding-bottom: 112px;
}

.sell-step .sell-step__title {
  display: flex;
  align-items: flex-end;
  gap: 24px;
  padding-bottom: 45px;
  left: -24px;
  position: relative;
}

.sell__description-text {
  font-family: var(--font-ibmplex);
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.2em;
  padding-bottom: 24px;
}

.sell-step .sell-step__title .sell-step__icon {
  width: 42px;
}

.sell-step .sell-step__title .sell-step__title-text {
  color: #a29494;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 0.2em;
}

.sell-step .sell-step__description {
  display: flex;
  align-items: center;
  gap: 32px;
  padding-bottom: 64px;
}

.sell-step.sell-step-02 .sell-step__description {
  padding-bottom: 40px;
}

.sell-step .sell-step__description .sell-step__description-img {
  width: 241px;
  height: 163px;
}

.sell-step .sell-step__description .sell-step__description-text {
  font-family: var(--font-ibmplex);
  font-size: 14px;
  letter-spacing: 0.2em;
  line-height: 1.8;
}

.sell-step.sell-step-02 .sell-step__description-text {
  padding-bottom: 64px;
}

.sell-step .sell-step__description .sell-step__description-text-list {
  padding: 0;
  margin: 0;
}

.sell-step .sell-step__description .sell-step__description-text-list li {
  list-style: none;
  padding-bottom: 8px;
  padding-left: 1.5em;
  position: relative;
  font-family: var(--font-ibmplex);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.2em;
}

.sell-step
  .sell-step__description
  .sell-step__description-text-list
  li::before {
  position: absolute;
  content: "■";
  left: 0;
}

/* sell-intermediary */
#sell-intermediary .sell__description-text {
  padding-bottom: 0;
}
#sell-intermediary .sell-step__description {
  padding-bottom: 30px;
}
@media screen and (max-width: 600px) {
  .sell-step .sell-step__title .sell-step__icon {
    width: 30px;
  }

  .sell-step .sell-step__title .sell-step__title-text {
    font-size: 20px;
  }

  /*===========max-width:px============*/
}

/* sell-site */
.sell-site {
  margin-bottom: 64px;
}
.sell-site ul,
.sell-site li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sell-site ul {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.sell-site ul li a {
  display: block;
  transition: all 0.3s ease;
}
.sell-site ul li a:hover {
  opacity: 0.7;
}
.sell-site ul li a img {
  mix-blend-mode: multiply;
  max-height: 48px;
}
.sell-site p {
  font-family: var(--font-ibmplex);
  font-size: 14px;
  letter-spacing: 0.2em;
  font-weight: 500;
}
@media screen and (max-width: 600px) {
  .sell-site p {
    letter-spacing: 0.1em;
  }
}
/* step&qa */
.sell-detail {
  padding-bottom: 64px;
  position: relative;
}

.sell-detail .sell-detail__description {
  font-family: var(--font-ibmplex);
  font-size: 14px;
  letter-spacing: 0.2em;
  line-height: 1.8;
}

.sell-detail .sell-detail__header {
  display: flex;
  align-items: center;
  padding-bottom: 32px;
}

.sell-detail .sell-detail__header .sell-detail__number {
  height: 72px;
  background-color: #a29494;
  padding-left: 30px;
  padding-right: 22px;
  border-radius: 36px 0 0 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.sell-detail .sell-detail__header .sell-detail__number .sell-detail__step {
  font-family: var(--font-tsukimi);
  color: var(--color-white);
  font-size: 13px;
  letter-spacing: 0.075em;
}

.sell-detail .sell-detail__header .sell-detail__number .sell-detail__icon {
  width: 37px;
}

.sell-detail .sell-detail__header .sell-detail__title {
  border: 2px solid #a29494;
  height: 72px;
  display: flex;
  align-items: center;
  font-size: 22px;
  letter-spacing: 0.28em;
  font-weight: 700;
  padding-left: 40px;
  padding-right: 40px;
  border-radius: 0 36px 36px 0;
  background-color: var(--color-white);
  width: 100%;
  color: #a29494;
  font-weight: 700;
  letter-spacing: 0.28em;
}

.sell-detail .sell-detail__content .sell-detail__content-text {
  padding-bottom: 32px;
  max-width: 620px;
  font-family: var(--font-ibmplex);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.2em;
}

.sell-detail .sell-detail__image {
  position: absolute;
  width: 200px;
  top: 12%;
  right: 0;
  z-index: 3;
}

/* sell-purchase */
#sell-purchase.sell-step .sell-step__description {
  padding-bottom: 40px;
}

#sell-purchase .sell__description-text {
  padding-bottom: 64px;
}

#sell-purchase .sell-detail {
  padding-bottom: 56px;
}

#sell-purchase .sell-detail .sell-detail__content .sell-detail__content-text,
#sell-qa .sell-detail .sell-detail__content .sell-detail__content-text {
  max-width: initial;
}

#sell-purchase .sell-detail .sell-detail__content .sell-detail__content-text {
  padding-bottom: 0;
}

/* qa */
#sell-qa {
  background-color: rgba(223, 240, 248, 0.9);
  padding-top: 72px;
  padding-bottom: 84px;
}

#sell-qa .section-title .section-title__text-en,
#sell-qa .section-title .section-title__text-ja {
  padding-right: initial;
  text-align: left;
}

#sell-qa .sell__description.sell__description-header {
  padding-bottom: 36px;
}

#sell-qa .sell__description.sell__description-header .sell__description-text {
  padding-bottom: 0;
}

#sell-qa .sell__description {
  padding-bottom: 40px;
}

#sell-qa .sell-detail {
  padding-bottom: 20px;
}

#sell-qa .sell-detail .sell-detail__header {
  padding-bottom: 28px;
}

#sell-qa
  .sell-detail
  .sell-detail__header
  .sell-detail__number
  .sell-detail__icon {
  width: 24px;
}

#sell-qa .sell-detail .sell-detail__header .sell-detail__title {
  padding-left: 24px;
  padding-right: 24px;
  font-size: 20px;
  letter-spacing: 0.05em;
}

#sell-qa .sell-detail .sell-detail__content {
  padding-left: 96px;
  padding-right: 28px;
  display: flex;
  gap: 8px;
}

#sell-qa .sell-detail .sell-detail__content .sell-detail__answer {
  display: block;
  font-family: var(--font-ibmplex);
  font-size: 14px;
  font-style: italic;
  margin: 0;
}

#sell-qa .sell-detail .sell-detail__content .sell-detail__content-text {
  padding-bottom: 0;
  max-width: initial;
}

@media screen and (max-width: 1025px) {
  .sell-detail .sell-detail__content .sell-detail__content-text {
    max-width: 500px;
  }

  /*===========max-width:1025px============*/
}

@media screen and (max-width: 960px) {
  .sell-step {
    padding-bottom: 40px;
  }

  .sell-step .sell-step__title {
    left: initial;
  }

  .sell-detail .sell-detail__image {
    width: 180px;
  }

  /*===========max-width:960px============*/
}

@media screen and (max-width: 768px) {
  .sell-step .sell-step__description {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 40px;
  }

  .sell-detail .sell-step__header {
    padding-bottom: 16px;
  }

  .sell-detail .sell-step__header .sell-step__icon {
    width: 30px;
  }

  .sell-detail .sell-detail__header .sell-detail__title {
    font-size: 18px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .sell-detail .sell-detail__content .sell-detail__content-text {
    padding-bottom: 24px;
    max-width: 400px;
  }

  .sell-detail .sell-detail__image {
    width: 120px;
  }

  #sell-qa .sell-qa__container {
    padding-left: 5.6%;
    padding-right: 5.6%;
  }

  #sell-qa .sell-detail .sell-detail__content {
    padding-left: 24px;
    padding-right: initial;
  }

  #sell-qa .sell-detail .sell-detail__header .sell-detail__title {
    font-size: 18px;
  }

  #sell-qa .section-title .section-title__text-en,
  #sell-qa .section-title .section-title__text-ja {
    padding-left: 5.6%;
  }

  /*===========max-width:768px============*/
}

@media screen and (max-width: 600px) {
  .sell-detail {
    padding-bottom: 40px;
  }

  .sell-detail .sell-detail__header .sell-detail__number {
    padding-left: 20px;
    padding-right: 12px;
  }

  .sell-detail .sell-detail__header .sell-detail__number .sell-detail__icon {
    width: 30px;
  }

  .sell-detail .sell-detail__header .sell-detail__title {
    font-size: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .sell-detail .sell-detail__image {
    top: initial;
    bottom: 8px;
    width: 90px;
  }

  #sell-purchase.sell-step .sell-step__description {
    padding-bottom: 16px;
  }

  #sell-purchase .sell__description-text {
    padding-bottom: 24px;
  }

  #sell-purchase .sell-detail {
    padding-bottom: 24px;
  }

  #sell-qa {
    padding-bottom: 60px;
  }

  #sell-qa .section-title .section-title__text-en,
  #sell-qa .section-title .section-title__text-ja {
    padding-left: 8.6%;
  }

  #sell-qa .sell-detail .sell-detail__header .sell-detail__title {
    font-size: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  /*===========max-width:600px============*/
}

/*================
査定相談申込フォーム
================*/
#sell-assess {
  margin-bottom: 216px;
}

#sell-assess .simulation__link {
  margin-top: 144px;
}

#asess-location::placeholder,
textarea::placeholder {
  white-space: pre-wrap;
  /* 改行を反映させる */
}

@media screen and (max-width: 960px) {
  #sell-assess .simulation__link {
    padding-left: 5.6%;
    padding-right: 5.6%;
    margin-top: 80px;
  }

  /*===========max-width:960px============*/
}

@media screen and (max-width: 600px) {
  #sell-assess {
    margin-bottom: 120px;
  }

  .form__container
    .form
    .form__group
    .form__input-text#asess-location::placeholder {
    font-size: 11px;
  }

  .form__container .form .form__group .form__input-text#asess-location {
    height: 72px;
  }

  /*===========max-width:600px============*/
}

/*================
背景画像
================*/
.sell-bg-right-01 {
  background-image: var(--bg-wave-medium);
  width: 420px;
  height: 307px;
  top: 150px;
  right: -247px;
}

.sell-bg-right-02 {
  background-image: var(--bg-wave-small);
  width: 256px;
  height: 294px;
  top: 200px;
  right: -190px;
}

.sell-bg-left-03 {
  background-image: var(--bg-wave-medium);
  width: 420px;
  height: 307px;
  left: -302px;
  top: 300px;
}

.sell-bg-right-04 {
  background-image: var(--bg-wave-medium);
  width: 504px;
  height: 368px;
  right: -350px;
  top: 50%;
}

.sell-bg-left-05 {
  background-image: var(--bg-wave-medium);
  width: 504px;
  height: 368px;
  left: -340px;
  bottom: 10%;
}

.sell-bg-right-06 {
  background-image: var(--bg-wave-small);
  width: 256px;
  height: 294px;
  right: -190px;
  bottom: 30%;
}

.sell-bg-left-07 {
  background-image: var(--bg-wave-medium_03);
  width: 341px;
  height: 396px;
  left: -225px;
  bottom: 10%;
}

@media screen and (max-width: 768px) {
  .sell-bg-right-01 {
    width: 210px;
    right: -130px;
  }

  .sell-bg-right-02 {
    width: 175px;
    right: -80px;
  }

  .sell-bg-left-03 {
    width: 210px;
    left: -150px;
  }

  .sell-bg-right-04 {
    width: 252px;
    right: -175px;
  }

  .sell-bg-left-05 {
    width: 252px;
    left: -170px;
  }

  .sell-bg-right-06 {
    width: 128px;
    right: -95px;
  }

  .sell-bg-left-07 {
    width: 170px;
    left: -112px;
    bottom: 10%;
  }

  /*===========max-width:768px============*/
}

/*================
売る 詳細 共通
================*/
.st-box {
  padding-bottom: 112px;
}
.st-box .st-illust{
  position: relative;
}
.st-box .st-illust img{
  position: absolute;
}
.st-title {
  display: flex;
  align-items: center;
  gap: 24px;
  padding-bottom: 45px;
  left: -24px;
  position: relative;
}
.st-title img{
  width: 58px;
}
.st-title p{
  color: #a29494;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 0.2em;
  line-height: 150%;
}
.st-desc {
  font-family: var(--font-ibmplex);
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.2em;
}
.st-desc .st-illust_sp {
  display: none;
}
.st-desc p{
  font-family: var(--font-ibmplex);
  font-size: 14px;
  letter-spacing: 0.2em;
  line-height: 1.8;
  margin-bottom: 40px;
}
.st-con-r{
  font-family: var(--font-ibmplex);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.25rem;
  line-height: 200%;
}
.st-con-t-rl30{
  padding: 0 30px;
  font-family: var(--font-ibmplex);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.25rem;
  line-height: 200%;
  width: 100%;
}
.st-con-t a{
  text-decoration: underline;
}
.st-box h4.obi-round{
  background: #A29494;
  border-radius: 50px;
  font-weight: 700;
  font-size: 16px;
  padding: 8px 8px 5px;
  text-align: center;
  color: #fff;
  margin-bottom: 30px;
}
.sell-return{
  margin-bottom: 150px;
}
.sell-return .btn-gradation {
	margin: 0 auto;
}
.st-box_1white{
  background: #fff;
  border: 1px solid #A29494;
  padding: 25px 25px 30px;
}
.st-box_1white h5{
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.3rem;
  margin: 0 0 15px;
  color: #A29494;
}

@media screen and (max-width: 960px) {
  .st-box {
    padding-bottom: 40px;
  }
  .st-title {
    left: initial;
  }
  /*===========max-width:960px============*/
}
@media screen and (max-width:768px) {
	.inner-small {
		padding-left: 0;
	}
  .st-con-t-rl30{
    padding: 0;
    font-size: 14px;
  }
  .sell-return{
    margin-top: 20px;
    margin-bottom: 80px;
  }
	/*===========max-width:768px============*/
}
@media screen and (max-width: 600px) {
  .st-box .st-illust{
    display: none;
  }
  .st-desc .st-illust_sp {
    display: inline-block;
    float: right;
    width: 150px;
  }
 .st-title {
    gap: 10px;
    padding-bottom: 25px;
    left: 0;
  }
 .st-title img {
    width: 40px;
  }
  .st-title p {
    font-size: 20px;
    letter-spacing: 0.1em;
  }
  /*===========max-width:600px============*/
}

/*================
売る 詳細 STEP1
================*/
#step1 .st-box .st-illust img{
  width: 200px;
  top: -80px;
  right: 0px;
}
/*01*/
#step1 .no1 .st-con-r{
  display: flex;
  flex-direction: column;
  gap: 50px;
  margin-top: 35px;
}
#step1 .no1 .st-con-r:nth-of-type(1){
  margin-top: 0;
}
#step1 .no1 .st-con-t{
  flex: 1;
}
#step1 .no1 .st-con-t .title-box{
  position: relative;
}
#step1 .no1 .st-con-t .title-box img{
  width: 62px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0%, -50%);
}
#step1 .no1 .st-con-t .title-box h4{
  background: #A29494;
  color: #fff;
  padding: 15px 15px 15px 50px;
  margin-left: 30px;
  margin-bottom: 30px;
  font-family: var(--font-zenkaku);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.2rem;
}
#step1 .no1 .st-con-t p{
}
#step1 .no1 .st-con-t ul{
  list-style: none; /* デフォルトの●は消す */
  padding-left: 0;
}
#step1 .no1 .st-con-t ul li {
  position: relative;
  padding-left: 1.5em;
}
#step1 .no1 .st-con-t ul li::before {
  content: "●";
  color: #A29494;
  position: absolute;
  left: 0;
  top: 0;
}
@media (min-width: 600px) {
  #step1 .no1 .st-con-r{
    flex-direction: row;
  }
}
/*02*/
#step1 .no2 .st-desc {
  padding-bottom: 10px;
}
#step1 .no2 .st-desc div{
  max-width: 475px;
  margin: 0 auto 30px;
  border: 1px solid #A29494;
}
#step1 .no2 .st-desc img{
  width: 100%;
}
#step1 .no2 .st-con-t img{
  float: right;
  width: 230px;
  margin: 0 0 60px 60px;
}
#step1 .no2 .st-con-t ul {
  list-style: none;
  padding: 0;
}
#step1 .no2 .st-con-t ul li {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 30px;
}
#step1 .no2 .st-con-t ul li::before {
  content: '●';
  position: absolute;
  left: 0;
  color: #A29494;
}
#step1 .no2 .st-con-t ul li span{
  font-weight: 700;
}
@media screen and (max-width:768px) {
  #step1 .no2 .st-con-t img{
    width: 130px;
    margin: 0 0 20px 20px;
  }
  #step1 .no2 .st-con-t ul li {
    margin-bottom: 15px;
  }
}

/*================
売る 詳細 STEP2
================*/
#step2 .st-box .st-illust img{
  width: 170px;
  top: -100px;
  right: 50px;
}
/*STEP2 01*/
#step2 .no1 .st-con-r{
  margin-top: 35px;
}
#step2 .no1 table{
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 30px;
}
#step2 .no1 table th,
#step2 .no1 table td {
  border: 1px solid #A29494;
  padding: 13px;
  vertical-align: top;
  line-height: 1.6;
}
#step2 .no1 table th {
  background-color: #D9D3D3;
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
}
#step2 .no1 table td {
  background-color: #FFFFFF;
  font-size: 13px;
  font-weight: 500;
}
#step2 .no1 table tr td:nth-of-type(1),
#step2 .no1 table tr td:nth-of-type(2){
  white-space: nowrap;
}
@media screen and (max-width:1000px) {
  #step2 .st-box .st-illust img{
    width: 130px;
    top: -50px;
    right: 50px;
  }
}
@media screen and (max-width:900px) {
  #step2 .st-box .st-illust img{
    display: none;
  }
  #step2 .st-box .st-desc .st-illust_sp{
    display: inline-block;
    float: right;
    width: 130px;
    padding: 0 0 15px 15px;
  }
}
@media screen and (max-width:768px) {
#step2 .no1 table th,
#step2 .no1 table td {
  padding: 8px;
  font-size: 12px;
  }
#step2 .no1 table th {
  white-space: nowrap;
  }
#step2 .no1 table th:nth-of-type(1) {
  width: 64px;
  }
#step2 .no1 table th:nth-of-type(2) {
  width: 52px;
  }
#step2 .no1 table td {
  font-size: 12px;
  }
#step2 .no1 table tr td:nth-of-type(1),
#step2 .no1 table tr td:nth-of-type(2){
  white-space: normal;
  }
}
/*STEP2 02*/
#step2 .no2-1 .st-con-r{
  display: flex;
  flex-direction: column;
  gap: 45px 50px;
  margin-top: 35px;
}
#step2 .no2-1 .st-con-r:nth-of-type(1){
  margin-top: 0;
}
#step2 .no2-1 .st-con-t{
  flex: 1;
}
#step2 .no2-1 .st-con-t .title-box{
  position: relative;
}
#step2 .no2-1 .st-con-t .title-box img{
  width: 62px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0%, -50%);
}
#step2 .no2-1 .st-con-t .title-box h4{
  background: #A29494;
  color: #fff;
  padding: 15px 15px 15px 50px;
  margin-left: 30px;
  margin-bottom: 30px;
  font-family: var(--font-zenkaku);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.2rem;
}
#step2 .no2-1 .st-con-t p{
  margin-bottom: 5px;
}
#step2 .no2-1 .st-con-t p span{
  color: #A29494;
}
@media (min-width: 600px) {
  #step2 .no2-1 .st-con-r{
    flex-direction: row;
  }
}
@media (max-width: 600px) {
  #step2 .no2-1 .st-con-r{
    gap: 25px 50px;
  }
  #step2 .no2-1 .st-con-t .title-box h4{
  margin-bottom: 20px;
  }
}
#step2 .no2-2 .hukidashi {
  margin-top: 50px;
  margin-bottom: 50px;
}
#step2 .no2-2 .hukidashi .text-box {
  position: relative;
  display: block;
  margin-bottom: 30px;
  padding: 22px 22px 30px;
  background-color: #a29494;
  color: #fff;
  text-align: center;
}
#step2 .no2-2 .hukidashi .text-box::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  border-style: solid;
  border-width: 30px 35px 0 35px;
  border-color: #a29494 transparent transparent;
  translate: -50% 100%;
}
#step2 .no2-2 .hukidashi .text-box h5{
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.3rem;
  margin: 0 0 15px;
}
#step2 .no2-2 .text-box .text{
  display: inline-block;
  margin: 0 auto;
  text-align: left;
  letter-spacing: 0.2em;
}
#step2 .no2-2 .text-box .text span{
  font-weight: 700;
}
#step2 .no2-2 .text img{
  width: 122px;
  float: right;
  padding: 20px 0 0 20px; 
}
@media screen and (max-width:768px) {
  #step2 .no2-2 {
    padding: 0 20px;
  }
}


/*================
売る 詳細 STEP3
================*/
#step3 .st-box .st-illust img{
  width: 150px;
  top: -80px;
  right: 50px;
}
/*STEP3 01*/
#step3 .no1 .st-con-r{
  margin-top: 35px;
}
#step3 .no1 .st-con-r .st-box_1white{
  margin-bottom: 30px;
}
#step3 .no1 .st-con-r .st-box_1white:last-of-type{
  margin-bottom: 0px;
}
#step3 .no1 .st-con-r img{
  display: inline-block;
  float: right;
  max-width: 200px;
  padding: 0 0 2em 2em;
  margin-top: -1em;
}
@media screen and (max-width:800px) {
  #step3 .st-box .st-illust img{
    width: 110px;
    top: -90px;
    right: 30px;
  }
}
@media screen and (max-width:768px) {
  #step3 .no1 .st-con-r img{
  max-width: 140px;
  padding: 0 0 1em 1.5em;
  margin-top: 0;
  }
  #step3 .no1 .st-illust_sp{
    width: 120px;
    margin-top: -60px;
    margin-right: -10px;
    padding-left: 15px;
  }
}
/*STEP3 02*/
#step3 .no2 table{
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 30px;
  text-align: left;
}
#step3 .no2 table th,
#step3 .no2 table td {
  border: 1px solid #A29494;
  padding: 13px;
  vertical-align: top;
  line-height: 1.6;
}
#step3 .no2 table th {
  background-color: #D9D3D3;
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
}
#step3 .no2 table td {
  background-color: #FFFFFF;
  font-size: 13px;
  font-weight: 500;
}
#step3 .no2 table .nowrap {
  white-space: nowrap;
}
#step3 .no2 .st-desc:last-of-type p{
  margin-bottom: 0;
}

@media screen and (max-width:768px) {
  #step3 .no2 table th,
  #step3 .no2 table td {
  padding: 6px;
  font-size: 12px;
  }
  #step3 .no2 table th {
  white-space: normal;
  }
  #step3 .no2 table th:nth-of-type(1) {
    width: 72px;
  }
  #step3 .no2 table td {
  font-size: 12px;
  }
  #step3 .no2 table .nowrap {
  white-space: normal;
  }
}
/*STEP3 04*/
#step3 .no4 h4{
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.3rem;
  margin: 0 0 15px;
  color: #A29494;
}
#step3 .no4 .text-box {
  display: flex;
  flex-direction: row;
  gap: 15px; /* 任意の余白 */
  margin-bottom: 30px;
}
#step3 .no4 .text-box:last-of-type {
  margin-bottom: 0;
}
#step3 .no4 .text-box01 {
  flex: 1;
}
#step3 .no4 .text-box02 {
  width: 240px;
}
#step3 .no4 .text-box h5{
  font-size: 14px;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 10px;
}
#step3 .no4 .text-box ul {
  list-style: none;
  padding: 0;
}
#step3 .no4 .text-box ul li {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 10px;
  line-height: 150%;
}
#step3 .no4 .text-box ul li::before {
  content: '●';
  position: absolute;
  left: 0;
  color: #A29494;
}
@media (max-width: 768px) {
  #step3 .no4 .text-box {
    flex-direction: column;
  }
  #step3 .no4 .text-box01 {
    order: 2;
    width: 100%;
  }
  #step3 .no4 .text-box02 {
    order: 1;
    width: 80%;
    margin: auto;
  }
  #step3 .no4 .st-con-t ul li {
    margin-bottom: 15px;
  }
}


/*================
売る 詳細 STEP4
================*/
#step4 .st-box .st-illust img{
  width: 135px;
  top: -80px;
  right: 50px;
}
@media (max-width: 795px) {
  #step4 .st-box .st-illust img{
    width: 100px;
  }
}
@media (max-width: 660px) {
  #step4 .st-illust{
    display: none;
  }
  #step4 .st-desc .st-illust_sp {
    display: inline-block;
    float: right;
    width: 120px;
    right: 20px;
    padding: 0 0 1em 1em;
  }
}
@media screen and (max-width: 600px) {
  #step4 .st-title .st-illust_sp{
    width: 100px;
    margin-top: -60px;
    margin-right: -10px;
    padding-left: 15px;
  }
}
/*STEP4 01*/
#step4 .no1 .text-box {
  background: #EEECEC;
  border-radius: 28px;
  padding: 30px;
  margin-bottom: 50px;
}
#step4 .no1 h4{
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.3rem;
  margin: 0 0 15px;
  color: #A29494;
  line-height: 150%;
}
#step4 .no1 .text-box ul {
  list-style: none;
  padding: 0;
}
#step4 .no1 .text-box ul li {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 10px;
  line-height: 150%;
}
#step4 .no1 .text-box ul li::before {
  content: '●';
  position: absolute;
  left: 0;
  color: #A29494;
}
@media (max-width: 1025px) {
  #step4 .no1 .st-title .br-sp{
  display: inherit;
  }
}
@media (max-width: 768px) {
  #step4 .no1 h3 span{
    font-size: 85%;
  }
  #step4 .no1 .text-box p{
    line-height: 150%;
  }
  #step4 .no1 .text-box ul li {
    margin-bottom: 15px;
  }
}
#step4 .no1 .detail-box {
  display: flex;
  flex-direction: row;
  gap: 30px;
  margin-bottom: 40px;
}
#step4 .no1 .detail-box:last-of-type {
  margin-bottom: 0;
}
#step4 .no1 .detail-box .detail-img{
  width: 250px;
}
#step4 .no1 .detail-box .detail-img img{
  width: 100%;
}
#step4 .no1 .detail-box .detail-text{
  flex: 1;
  letter-spacing: 0.1em;
  line-height: 180%;
}
#step4 .no1 .detail-box .detail-img_sp{
  display: none;
}
@media (max-width: 768px) {
  #step4 .no1 .detail-box {
    display: block;
  }
  #step4 .no1 .detail-box .detail-img{
    display: none;
  }
  #step4 .no1 .detail-box .detail-img_sp{
    display: inline-block;
    float: right;
    width: 170px;
    padding: 0 0 1em 1.5em;
  }
}
/*STEP4 02*/
#step4 .no2 .detail-box {
  display: flex;
  flex-direction: row;
  gap: 30px;
  margin-bottom: 40px;
}
#step4 .no2 .detail-box .detail-img{
  width: 250px;
}
#step4 .no2 .detail-box .detail-img img{
  width: 100%;
}
#step4 .no2 .detail-box .detail-text{
  flex: 1;
  letter-spacing: 0.1em;
  line-height: 180%;
}
#step4 .no2 .detail-box .detail-img_sp{
  display: none;
}
#step4 .no2 h4{
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.3rem;
  margin: 0 0 15px;
  color: #A29494;
  line-height: 150%;
}
#step4 .no2 .detail-box ul {
  list-style: none;
  padding: 0;
}
#step4 .no2 .detail-box ul li {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 10px;
  line-height: 160%;
}
#step4 .no2 .detail-box ul li::before {
  content: '●';
  position: absolute;
  left: 0;
  color: #A29494;
}
#step4 .no2 .detail-box ul li span{
  font-weight: 700;
}
#step4 .no2 .text-box {
  background: #EEECEC;
  border-radius: 28px;
  padding: 30px;
}
#step4 .no2 .text-box ul {
  list-style: decimal;
  padding: 1.5em 0 0 1.5em;
  margin: 0;
}
#step4 .no2 .text-box ul li {
  position: relative;
  margin-bottom: 15px;
  line-height: 160%;
}
#step4 .no2 .text-box ul li:last-of-type {
  margin-bottom: 0;
}
#step4 .no2 .text-box ul li::marker {
  color: #A29494;
}
#step4 .no2 .text-box ul li span{
  font-weight: 700;
}
@media (max-width: 768px) {
  #step4 .no2 .detail-box {
    display: block;
  }
  #step4 .no2 .detail-box .detail-img{
    display: none;
  }
  #step4 .no2 .detail-box .detail-img_sp{
    display: inline-block;
    float: right;
    width: 170px;
    padding: 0 0 1em 1.5em;
  }
  #step4 .no2 .text-box p{
    line-height: 180%;
  }
}
/*STEP4 03*/
#step4 .no3 .text-box ul {
  list-style: none;
  padding: 0;
}
#step4 .no3 .text-box ul img{
  float: right;
  width: 250px;
  padding: 0 0 1em 1.5em;
}
#step4 .no3 .text-box ul li {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 10px;
  line-height: 160%;
}
#step4 .no3 .text-box ul li::before {
  content: '●';
  position: absolute;
  left: 0;
  color: #A29494;
}
@media (max-width: 768px) {
#step4 .no3 .text-box ul img{
  width: 170px;
}
}
/*STEP4 04*/
#step4 .no4 .st-con-t > img{
  float: right;
  width: 250px;
  padding: 0 0 1em 1.5em;
}
#step4 .no4 .st-con-t h4{
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.3rem;
  margin: 0 0 15px;
  color: #A29494;
  line-height: 150%;
  margin-top: 30px;
}
#step4 .no4 .st-con-t a{
  display: block;
  width: 420px;
  margin: 50px auto 0;
}
#step4 .no4 .st-con-t a img{
  width: 100%;
}
@media (max-width: 768px) {
  #step4 .no4 .st-con-t > img{
    width: 170px;
  }
  #step4 .no4 .st-con-t a{
    width: 300px;
    margin: 30px auto 0;
  }
}


/*================
売る 詳細 STEP5
================*/
#step5 .st-box .st-illust img{
  width: 230px;
  top: -80px;
  right: 50px;
}
@media (max-width: 920px) {
  #step5 .st-box .st-illust img{
    width: 180px;
    top: -100px;
  }
}
@media (max-width: 750px) {
  #step5 .st-box .st-illust img{
    width: 130px;
    top: -80px;
  }
}
@media screen and (max-width: 600px) {
  #step5 .st-illust_sp{
    display: inline-block;
    float: right;
    width: 150px;
    right: 0;
    padding: 0 0 1em 1em;
  }
}
/*STEP5 共通*/
#step5 .text-box-w{
  position: relative;
  background: #fff;
  padding: 30px 30px 15px;
  border: 1px solid #A29494;
  margin-bottom: 30px;
}
#step5 .text-box-w img.illust{
  display: block;
  position: absolute;
  bottom: 15px;
  right: 30px;
}
#step5 h4{
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.3rem;
  margin: 0 0 15px;
  color: #A29494;
}
#step5 ul {
  list-style: none;
  padding: 0;
  margin-bottom: 30px;
}
#step5 ul:last-of-type {
  margin-bottom: 15px;
}
#step5 ul li {
  position: relative;
  padding-left: 1.5em;
  line-height: 160%;
  margin-bottom: 15px;
}
#step5 ul li:last-of-type {
  margin-bottom: 0;
}
#step5 ul li::before {
  content: '●';
  position: absolute;
  left: 0;
  color: #A29494;
}
#step5 ul.deci {
  list-style: decimal;
  padding: 0 0 0 1.5em;
}
#step5 ul.deci li {
  padding-left: 0;
}
#step5 ul.deci li::marker {
  color: #A29494;
}
#step5 ul.deci li::before {
  content: none;
}
#step5 ul li span{
  font-weight: 700;
}
#step5 img.illust{
  display: inline-block;
  float: right;
  right: 0;
  padding: 0 0 1em 1em;
}
/*STEP5 01*/
#step5 .no1 img.illust{
  width: 68px;
}
#step5 .no1 .st-con-t-rl30{
  margin-bottom: 15px;
}
#step5 .no2 img.illust{
  width: 126px;
}
/*STEP5 02*/
#step5 .no2 .st-con-t-rl30{
  margin-bottom: 15px;
}
#step5 .no2 ul.deci li:nth-of-type(4),
#step5 .no2 ul.deci li:nth-of-type(5){
  width: calc(100% - (126px + 30px));
}
@media (max-width: 768px) {
  #step5 .no2 img.illust{
    width: 100px;
  }
  #step5 .no2 ul.deci li:nth-of-type(4){
    width: 100%;
  }
  #step5 .no2 ul.deci li:nth-of-type(5){
    width: calc(100% - (100px + 15px));
  }
}
/*STEP5 03*/
#step5 .no3 .illust-pad{
  display: none;
}
#step5 .no3 .illust-sp{
  display: none;
}
#step5 .no3 .text-box-w p{
  margin-bottom: 30px;
}

#step5 .no3 .text-box-w:nth-of-type(1) img.illust{
  width: 100px;
}
#step5 .no3 .text-box-w:nth-of-type(2) img.illust{
  width: 113px;
}
#step5 .no3 .text-box-w:nth-of-type(3) img.illust{
  width: 138px;
}
#step5 .no3 .text-box-w:nth-of-type(4) img.illust{
  width: 141px;
}
#step5 .no3 .text-box-w:nth-of-type(5) img.illust{
  width: 128px;
}
#step5 .no3 .text-box-w:nth-of-type(3) ul:nth-of-type(2) li{
  width: calc(100% - (138px + 15px));
}
#step5 .no3 .text-box-w:nth-of-type(4) ul:nth-of-type(3) li{
  width: calc(100% - (141px + 15px));
}

@media (max-width: 1030px) {
#step5 .no3 .text-box-w:nth-of-type(1) img.illust,
#step5 .no3 .text-box-w:nth-of-type(2) img.illust,
#step5 .no3 .text-box-w:nth-of-type(3) img.illust,
#step5 .no3 .text-box-w:nth-of-type(4) img.illust,
#step5 .no3 .text-box-w:nth-of-type(5) img.illust{
  display: none;
}
#step5 .no3 .text-box-w img.illust-pad{
  display: inline-block;
  float: right;
  padding: 0 0 1em 1em;
}
#step5 .no3 .text-box-w:nth-of-type(1) img.illust-pad{
  width: 90px;
}
#step5 .no3 .text-box-w:nth-of-type(2) img.illust-pad{
  width: 103px;
}
#step5 .no3 .text-box-w:nth-of-type(3) img.illust-pad{
  width: 128px;
}
#step5 .no3 .text-box-w:nth-of-type(3) ul:nth-of-type(2) li{
  width: 100%;
}
#step5 .no3 .text-box-w:nth-of-type(4) img.illust-pad{
  width: 131px;
}
#step5 .no3 .text-box-w:nth-of-type(4) ul:nth-of-type(3) li{
  width: 100%;
}
#step5 .no3 .text-box-w:nth-of-type(5) img.illust-pad{
  width: 118px;
}
#step5 .no3 .text-box-w:nth-of-type(5) ul:nth-of-type(3) li{
  width: 100%;
}
}
@media (max-width: 600px) {
#step5 .no3 .text-box-w:nth-of-type(1) img.illust-pad,
#step5 .no3 .text-box-w:nth-of-type(2) img.illust-pad,
#step5 .no3 .text-box-w:nth-of-type(3) img.illust-pad,
#step5 .no3 .text-box-w:nth-of-type(4) img.illust-pad,
#step5 .no3 .text-box-w:nth-of-type(5) img.illust-pad{
  display: none;
}
#step5 .no3 .text-box-w img.illust-sp{
  display: inline-block;
  float: right;
  padding: 0 0 1em 1em;
}
#step5 .no3 .text-box-w:nth-of-type(1) img.illust-sp{
  width: 80px;
}
#step5 .no3 .text-box-w:nth-of-type(2) img.illust-sp{
  width: 93px;
}
#step5 .no3 .text-box-w:nth-of-type(3) img.illust-sp{
  width: 108px;
}
#step5 .no3 .text-box-w:nth-of-type(4) img.illust-sp{
  width: 111px;
}
#step5 .no3 .text-box-w:nth-of-type(5) img.illust-sp{
  width: 108px;
  }
}


/*================
売る 詳細 STEP6
================*/
#step6 .st-box .st-illust img{
  width: 163px;
  top: -110px;
  right: 50px;
}
@media (max-width: 768px) {
  #step6 .st-box .st-illust img{
    width: 130px;
    top: -80px;
  }
}
/*STEP6 共通*/
#step6 h4{
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.3rem;
  margin: 0 0 15px;
  color: #A29494;
}
#step6 ul {
  list-style: none;
  padding: 0;
  margin-bottom: 30px;
}
#step6 ul:last-of-type {
  margin-bottom: 15px;
}
#step6 ul li {
  position: relative;
  padding-left: 1.5em;
  line-height: 160%;
  margin-bottom: 10px;
}
#step6 ul li:last-of-type {
  margin-bottom: 0;
}
#step6 ul li::before {
  content: '●';
  position: absolute;
  left: 0;
  color: #A29494;
}
#step6 ul.deci {
  list-style: decimal;
  padding: 0 0 0 1.5em;
}
#step6 ul.deci li {
  padding-left: 0;
}
#step6 ul.deci li::marker {
  color: #A29494;
}
#step6 ul.deci li::before {
  content: none;
}
#step6 ul li span{
  font-weight: 700;
  color: #A29494;
}
#step6 .text-inner img.illust-sp{
  display: none;
}
@media (max-width: 600px) {
  #step6 .text-inner img.illust{
    display: none;
  }
  #step6 .text-inner img.illust-sp{
    display: inline-block;
    float: right;
    right: 0;
    padding: 0 0 1em 1em;
  }
}
/*STEP6 box1*/
#step6 .box1{
  margin-bottom: 50px;
}  
#step6 .box1 .text-box-w{
  position: relative;
  background: #fff;
  border: 1px solid #A29494;
  margin-bottom: 30px;
}
#step6 .box1 .text-box-w h4.obi{
  background: #D9D3D3;
  padding: 15px 30px;
  color: #696D77;
}
#step6 .box1 .text-inner{
  padding: 15px 30px 15px;
}
#step6 .box1 .text-inner img.illust{
  display: block;
  position: absolute;
  bottom: 15px;
  right: 30px;
  width: 153px;
}
#step6 .box1 .text-inner img.illust-sp{
  display: none;
}
@media (max-width: 600px) {
  #step6 .box1 .text-inner img.illust{
    display: none;
  }
  #step6 .box1 .text-inner img.illust-sp{
    width: 100px;
  }
}
/*STEP6 box2*/
#step6 .box2{
  margin-bottom: 50px;
}  
#step6 .box2 .text-inner{
  padding: 0;
}
#step6 .box2 .text-inner img.illust{
  display: block;
  position: relative;
  float: right;
  padding: 0 0 1.5em 1.5em;
  width: 250px;
}
@media (max-width: 600px) {
  #step6 .box2 .text-inner{
    padding: 0;
  }
  #step6 .box2 .text-inner img.illust{
    padding: 0 0 1em 1em;
    width: 130px;
  }
}
/*STEP6 box3*/
#step6 .box3{
  margin-bottom: 50px;
}  
#step6 .box3 .text-box-b{
  position: relative;
  background: #EEECEC;
  margin-bottom: 30px;
  border-radius: 0 0 28px 28px;
}
#step6 .box3 .text-box-b h4.obi{
  background: #D9D3D3;
  padding: 15px 30px;
  color: #A29494;
}
#step6 .box3 .text-inner{
  padding: 15px 30px 5px;
}
#step6 .box3 .text-inner p{
margin-bottom: 30px;
}

@media (max-width: 600px) {
}