@charset "utf-8";

/*----- form -----*/
table {text-align: left;}
th, td {
  display: block;
}
.bgon li, .fl_l li, .sebx li {
  display: inline-block;
}
.f_bb {
  border-bottom: 0.1rem solid #CCC;
  padding: 0 0 3rem 0;
  margin: 0 0 3rem 0;
}
.colSmallSize {display: inline-block;}
.hs {
  display: inline-block;
    color: #FFFFFF;
    padding: 0.4rem 1.2rem 0.2rem 1.2rem;
    line-height: 1.1;
    margin: 0 1rem;
    font-size: 1.8rem;
    font-weight: bold;
    font-style: normal;
    border-radius: 0.6rem;
    position: relative;
    top: -0.2rem;
    background: #ff5a5a;
}
input[type=text], input[type=tel], select, textarea {
  vertical-align: bottom;
  box-sizing: border-box;
  border: 1px solid #CCC;
  border-radius: 0.9rem;
  height: 6.4rem;
  line-height: 6.4rem;
  width: 65rem;
  padding: 0 2rem;
  font-size: 2.8rem;
}
select {
  max-width: 65rem;
  width: inherit;
  color: #333;
  background: #ffffff;
}
textarea {
  line-height: 4.6rem;
  height: 20rem;
  padding: 2rem;
}
input[type=checkbox] {
  display: none;
}
.checkbox01 {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding: 0.5rem 3rem;
  position: relative;
  width: auto;
  font-size: 2.8rem;
}
.checkbox01::before {
  background: #fff;
  border: 0.1rem solid #CCCCCC;
  content: '';
  display: block;
  width: 2.3rem;
  height: 2.3rem;
  left: 0;
  margin-top: -1.3rem;
  border-radius: 0.3rem;
  position: absolute;
  top: 50%;
}
.checkbox01::after {
  border-right: 0.4rem solid #ff5a5a;
  border-bottom: 0.4rem solid #ff5a5a;
  content: '';
  display: block;
  height: 1.5rem;
  left: 0.7rem;
  margin-top: -1.2rem;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 0.6rem;
}
input[type=checkbox]:checked + .checkbox01::after {
  opacity: 1;
}
button {
  border: none;
  cursor: pointer;
}

@media screen and (min-width:600px) {
}

@media screen and (max-width:599px) {
}