.newsite .cSelectWrapper {
  position: relative;
  cursor: pointer;
  border-radius: 0.25rem;
}
@media screen and (min-width: 768px) {
  .newsite .cSelectWrapper {
    height: auto;
    width: 11.25rem;
  }
  .newsite .cSelectWrapper:focus-within {
    border-color: #595757;
  }
}
@media screen and (max-width: 767px) {
  .newsite .cSelectWrapper {
    width: 10rem;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .newsite .cSelectWrapper--small {
    width: 11.5rem;
    height: 2.25rem;
  }
}
@media screen and (max-width: 767px) {
  .newsite .cSelectWrapper--small .cSelect {
    font-size: 1rem;
    line-height: 1.8;
    letter-spacing: 0.05em;
    padding: 0.25rem 2.5rem 0.25rem 1.25rem;
  }
}
.newsite .cSelectWrapper--line {
  border: 1px solid #9ea3a6;
}
.newsite .cSelectWrapper--error {
  background: #ffffff;
  border: 1px solid #e6002d;
}
.newsite .cSelectWrapper--error:focus-within {
  border-color: #e6002d;
}
.newsite .cSelect {
  width: 100%;
  height: 100%;
  padding: 0.71875rem 2.875rem 0.71875rem 1.25rem;
  color: #363434;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.125rem;
  line-height: 1.4;
  letter-spacing: 0.08em;
  font-weight: 500;
  position: relative;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: #ffffff;
  border: none;
  outline: none;
  border-radius: 0.25rem;
}
@media screen and (max-width: 767px) {
  .newsite .cSelect {
    line-height: 1.85;
    padding: 0.34375rem 2.875rem 0.34375rem 1.25rem;
  }
}
@media screen and (min-width: 768px) {
  .newsite .cSelect {
    transition: background 0.2s ease-out;
  }
  .newsite .cSelect:hover {
    background: #f5f6f7;
  }
}
.newsite .cSelect--selected {
  border: none;
}
.newsite .cSelect[disabled],
.newsite .cSelect:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  border: none;
  border: 1px solid #595757;
  color: #999999;
  pointer-events: painted;
}
.newsite .cSelect[disabled] + .cSelect__icon,
.newsite .cSelect:disabled + .cSelect__icon {
  color: #999999;
}
.newsite .cSelect--error {
  background: #ffffff;
  border: 1px solid #e6002d;
}
.newsite .cSelect__icon {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  top: 50%;
  right: 1.25rem;
  transform: translateY(-50%);
  pointer-events: none;
  color: #595757;
}
.newsite .cSelect__errorMessage {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing: 0.05em;
  line-height: 1.4;
  font-weight: 500;
  color: #e6002d;
}