/**
@media screen and (max-width: 767px) {
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
}
@media screen and (min-width: 1280px) and (max-width: 1519px) {
}
@media screen and (min-width: 1520px) and (max-width: 1759px){
}
@media screen and (min-width: 1760px) {
}
 */

 /*  .p-sec-ttl
 --------------------------------------------- */
.p-sec-ttl {
  position: relative;
  margin-inline: auto;
  width: 446px;
  max-width: 100%;
 }

 /*  .p-clean-block
 --------------------------------------------- */
 .p-clean-block {
  font-family: var(--ff-zen);
 }

 .p-clean-block--type2 {
  color: var(--color-white);
 }

 .p-clean-block__ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: var(--color-white);
  background-color: var(--color-primary);
  border-radius: 30px;

  @media screen and (max-width: 767px) {
    min-height: 50px;
    font-size: 20px;
  }
 }

 .p-clean-block--type2 .p-clean-block__ttl {
  background-color: var(--color-white);
  color: var(--color-primary);
 }

 .p-clean-block__list {
  margin-top: 30px;
  padding-left: 7px;

  @media screen and (max-width: 767px) {
    margin-top: 20px;
  }
 }

 .p-clean-block__item {
  padding-left: 1em;
  text-indent: -1em;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.8;

  &::before {
    content: '・';
  }
 }

 .p-clean-block__note {
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.8;
 }