div.header {
  background: none;
}

.ui-body-c .ui-link:link,
.ui-body-c .ui-link:visited,
.ui-body-c .ui-link:hover,
.ui-body-c .ui-link:active {
  font-size: inherit;
  color: inherit;
}

.family {
  font-size: 16px;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  /* variavles
  ---------------------------------------------------------------------------------------------------- */
  /* google color */
  /* /google color */
  /* /variavles
  ---------------------------------------------------------------------------------------------------- */
}
.family img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.family ul,
.family ol {
  list-style-type: none;
}
.family .hgroup {
  border: none;
}
@media only screen and (min-width: 960px) {
  .family {
    max-width: 100%;
  }
}
.family .white_box {
  background-color: #ffffff;
  max-width: 500px;
  padding: 20px;
  margin: 0 auto;
  display: block;
  border: 3px solid #ffc100;
}
.family .white_box p {
  font-size: 15px;
}
.family .font_red {
  color: #da0029;
}
.family .dot_group {
  background: #ffdf7c;
  background-image: radial-gradient(#fee590 20%, rgba(0, 0, 0, 0) 0%), radial-gradient(#fee590 20%, rgba(0, 0, 0, 0) 0%);
  background-position: 0 0, 10px 10px;
  background-size: 20px 20px;
}
.family .dot_group .hero {
  padding: 30px 0 0;
  width: 100%;
}
.family .dot_group .hero_ttl {
  max-width: 721px;
  margin: 0 auto;
  display: block;
  padding: 30px 0;
}
.family .dot_group .main_box {
  background-color: #f6ffb6;
  padding: 10px 10px 20px;
}
.family .dot_group .main_ttx {
  max-width: 669px;
  margin: 0 auto;
  display: block;
}
.family .dot_group .family {
  padding: 10px 20px 30px;
}
@media only screen and (min-width: 960px) {
  .family .dot_group .family {
    padding: 30px 10px 30px;
  }
}
.family .dot_group .family_ttl {
  max-width: 478px;
  margin: 0 auto;
  display: block;
  padding: 30px 0 0;
}
.family .dot_group .family_img {
  max-width: 604px;
  margin: 0 auto;
  display: block;
  padding: 10px 0 30px;
}
.family .stripe_group {
  background: repeating-linear-gradient(-30deg, #fffef6 0, #fffef6 5px, #fef7d8 5px, #fef7d8 10px);
}
.family .stripe_group .section2 {
  padding: 30px 20px;
}
@media only screen and (min-width: 960px) {
  .family .stripe_group .section2 {
    padding: 20px 10px 30px;
  }
}
.family .stripe_group .triangle {
  margin: 0 auto;
  display: block;
  max-width: 150px;
}
@media only screen and (min-width: 960px) {
  .family .stripe_group .triangle {
    max-width: 40%;
  }
}
.family .stripe_group .delivery_ttl {
  max-width: 507px;
  margin: 0 auto;
  display: block;
  padding: 20px 0 10px;
}
.family .stripe_group .delivery_img {
  max-width: 533px;
  margin: 0 auto;
  display: block;
  padding: 10px 0 20px;
}
.family .stripe_group .application {
  max-width: 465px;
  margin: 0 auto;
  display: block;
}
.family .stripe_group .item_img {
  max-width: 490px;
  margin: 0 auto;
  display: block;
}
.family .stripe_group .item_txt {
  max-width: 323px;
  margin: 0 auto;
  display: block;
  padding: 20px 0 5px;
}
.family .stripe_group .item_txt2 {
  max-width: 475px;
  margin: 0 auto;
  display: block;
  padding: 20px 0 5px;
}
.family .stripe_group .triangle2 {
  max-width: 97px;
  margin: 0 auto;
  display: block;
  padding: 20px 0 0;
}
.family .stripe_group .link_btn {
  display: block;
  margin: 0 auto;
  max-width: 80%;
  padding: 30px 0 0px;
}
@media only screen and (min-width: 960px) {
  .family .stripe_group .link_btn {
    padding: 20px 0 0px;
  }
}