@charset "UTF-8";
.howtoSet {
  margin: 7% auto 0;
}
.howtoSet .htSet .accObj .imgObj {
  width: min(100%, 650px);
}

.htSet {
  display: flex;
  flex-flow: column;
}
.howtoSet .movieBlk {
  margin-bottom: 0;
}
.howtoSet .htBlk {
  border: none;
  border: 2px solid var(--clrpbt-txt);
  border-radius: 15px;
  width: min(90%, 1000px);
  padding: 5%;
}

.howtoSet .htSet + .htSet {
  margin: 10% auto 0;
}
.htSet h4 {
  /* text-align: center; */
  display: flex;
  flex-flow: column;
}
.htSet .numTtl {
  text-align: center;
  display: inline-block;
  color: #fff;
  background: var(--clrpbt-txt);
  margin: 0 auto 1em;
  width: auto;
  padding: 0.4em 1em;
  line-height: 1;
}

.htSet .txtSet {
}

.htSet .imgTxtGlp {
  margin: 3% auto 0;
}
.htSet .imgTxtGlp p {
}
.htSet .imgTxtGlp .imgObj {
  margin: 5% auto 0;
}
.psBlk {
  margin: 0 auto 12%;
}
.psBlk > .ttlGlp {
  margin: 6% auto 0;
}

@media screen and (min-width: 961px) {
  #color + .psBlk {
    margin: 0 auto;
    padding: 10rem 0 4rem;
  }

  .howtoSet {
    margin: 2% auto 0;
    padding: 0;
  }
  .howtoSet .htSet .accObj .imgObj {
  }
  .howtoSet .htBlk {
    padding: 3% 2%;
  }
  .htSet {
    flex-flow: wrap;
    align-items: flex-start;
  }

  .htSet .numTtl {
    width: 14%;
    margin: 0px 4% 0 0;
    padding: 0.5em 0;
    font-size: clamp(12px, var(--LTxt), 20px);
  }
  .htSet .txtSet {
    width: 80%;
  }
  .htSet h4 {
  }
  .htSet h4 span {
  }

  .htSet .imgTxtGlp {
  }
  .htSet .imgTxtGlp p {
  }
  .htSet .imgTxtGlp .imgObj {
  }
  .psBlk {
    margin: 0 auto 120px;
    padding: 30px 0 0;
  }
}