body {
  background: #fff;
}

.header {
  width: 100%;
  height: 53px;
  background-color: #fff;
  border-bottom: 4px solid #1ba0e5;
}
@media screen and (min-width: 768px) {
  .header {
    height: 70px;
  }
}
.header .header__container {
  background-color: #fff;
  height: 50px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .header .header__container {
    margin: 0 auto;
    max-width: 1000px;
  }
}
.header .header__container .header__logo {
  padding: 13px 0 0 10px;
  width: 92px;
}
@media screen and (min-width: 768px) {
  .header .header__container .header__logo {
    padding: 19px 0 0 20px;
    width: 130px;
  }
}

.content {
  margin: 0 20px;
}
@media screen and (min-width: 768px) {
  .content {
    margin: 0 auto;
    max-width: 1000px;
  }
}
.content .block_title {
  margin-top: 20px;
}
.content .block_title .title_main p {
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .content .block_title .title_main p {
    font-size: 20px;
  }
}
.content .block_title .title_main h1 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
}
@media screen and (min-width: 768px) {
  .content .block_title .title_main h1 {
    font-size: 32px;
  }
  .content .block_title .title_main h1 br {
    display: none;
  }
}
.content .content-in {
  display: block;
}
.content .content-in .block_lead {
  margin-top: 30px;
}
.content .content-in .block_img {
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .content .content-in .block_img {
    margin-top: 30px;
  }
}
.content .content-in .block_img figure {
  width: 100%;
  height: auto;
}
.content .content-in .block_img figure img {
  width: 100%;
  height: auto;
}
.content .content-in .block_point {
  border: 1px solid rgb(197, 197, 197);
  padding: 20px;
}
.content .content-in .block_point h2 {
  font-size: 16px;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .content .content-in .block_point h2 {
    font-size: 20px;
  }
}
.content .content-in .block_point h2:before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url("/guide/wp-content/themes/cocoon-child-master/img/dlform/icon_hint.png") no-repeat;
  background-size: 100% auto;
  vertical-align: -0.5rem;
  margin-right: 10px;
}
.content .content-in .block_point ul {
  padding-left: 20px;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .content .content-in .block_point ul {
    font-size: 16px;
  }
}
.content .content-in .block_point p {
  color: rgb(248, 15, 15);
  line-height: 1.5;
  font-size: 14px;
}
.content .content-in .block_download {
  margin-top: 30px;
}
.content .content-in .block_download h2 {
  line-height: 1.25;
}
.content .content-in .block_text {
  margin-top: 20px;
}
.content .content-in .block_text p {
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  .content .content-in .block_text p a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
.content .content-in .block_error {
  margin-top: 40px;
}
.content .content-in .block_error .error {
  padding: 20px;
  text-align: center;
  color: #d6395e;
  border: 3px solid #d6395e;
}
.content .content-in .block_form {
  margin-top: 40px;
}
.content .content-in .block_form dl dt {
  margin-bottom: 10px;
}
.content .content-in .block_form dl dt label span {
  border: 1px solid #07ae15;
  border-radius: 2px;
  color: #07ae15;
  font-size: 1.3rem;
  line-height: 1;
  margin-right: 0.5rem;
  padding: 1px 5px;
}
.content .content-in .block_form dl dt label span.require {
  border: 1px solid #d6395e;
  color: #d6395e;
}
.content .content-in .block_form dl dd {
  margin-bottom: 30px;
}
.content .content-in .block_form dl dd .input_full {
  margin-bottom: 10px;
}
.content .content-in .block_btn {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.content .content-in .block_btn button {
  background: #1ba0e5;
  border: none;
  border-radius: 4px;
  box-shadow: 0 3px 0 #1682b9;
  color: #fff;
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.1rem;
  line-height: 1;
  min-height: 44px;
  margin: 0 auto 20px;
  padding: 15px 10px;
  max-width: 256px;
  text-align: center;
  position: relative;
  width: 100%;
}
.content .content-in .block_btn button a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  text-decoration: none;
}
.content .content-in .block_btn button.btn_zip {
  min-height: 75px;
  line-height: 1.25;
  background: #fff;
  border: 3px solid #1ba0e5;
  box-shadow: 0 3px 0 #aac2ce;
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .content .content-in .block_btn button.btn_zip {
    max-width: 60%;
    font-size: 24px;
  }
}
.content .content-in .block_btn button.btn_zip a {
  color: #1ba0e5;
}
.content .content-in .block_btn button.btn_tel {
  display: flex;
  align-items: center;
  background: #ed702d;
  box-shadow: 0 3px 0 0 #ba5721;
}
@media screen and (min-width: 768px) {
  .content .content-in .block_btn button.btn_tel {
    cursor: default;
    box-shadow: none;
  }
  .content .content-in .block_btn button.btn_tel a {
    pointer-events: none;
    cursor: default;
  }
  .content .content-in .block_btn button.btn_tel #icon-tell {
    fill: #fff;
    width: 36px;
  }
}
.content .content-in .block_btn button.btn_tel a {
  font-size: 24px;
}
.content .content-in .block_notes p {
  text-align: center;
  margin-bottom: 1rem;
}
.content .content-in .block_notes p.small {
  font-size: 12px;
}
.content .content-in .sp_gnav {
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .content .content-in .sp_gnav {
    margin-bottom: 60px;
  }
  .content .content-in .sp_gnav .nav-conversion__title {
    font-size: 24px;
  }
  .content .content-in .sp_gnav .tel_btn_link {
    display: none;
  }
}

.footer {
  padding: 8px 0;
}
.footer .footer__copyright {
  font-size: 1.2rem;
  text-align: center;
}