@charset "utf-8";

.brochure_page{
  padding-bottom: 20px;
}

.brochure_hero{
  background: linear-gradient(135deg, #f5fbff 0%, #edf7ff 100%);
  border-radius: 24px;
  padding: 42px 32px;
  margin-bottom: 40px;
}

.brochure_hero__sub{
  color: #2a77c7;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .08em;
  margin: 0 0 10px;
}

.brochure_hero__title{
  font-size: 36px;
  line-height: 1.5;
  color: #1d2d3d;
  font-weight: 700;
  margin: 0 0 18px;
}

.brochure_hero__lead{
  font-size: 16px;
  line-height: 2;
  color: #333;
  margin: 0 0 22px;
}

.brochure_cta_row{
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
}

.brochure_cta_row--center{
  justify-content: center;
}

.brochure_btn{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 240px;
  padding: 16px 24px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  transition: .3s;
  box-sizing: border-box;
}

.brochure_btn:hover{
  opacity: .85;
}

.brochure_btn--primary{
  background: #2a77c7;
  color: #fff;
}

.brochure_btn--secondary{
  background: #fff;
  color: #2a77c7;
  border: 1px solid #2a77c7;
}

.brochure_btn--white{
  background: #fff;
  color: #2a77c7;
}

.brochure_btn--line{
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255,255,255,.6);
}

.brochure_note{
  font-size: 13px;
  color: #666;
  margin-top: 14px;
}

.brochure_main_card{
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 34px;
  align-items: center;
  background: #fff;
  border: 1px solid #e6edf5;
  border-radius: 24px;
  padding: 32px;
  box-shadow: 0 10px 28px rgba(0,0,0,0.05);
  margin-bottom: 42px;
}

.brochure_main_card__image img{
  width: 100%;
  display: block;
  border-radius: 18px;
  border: 1px solid #dce7f3;
  box-shadow: 0 8px 20px rgba(0,0,0,0.06);
}

.brochure_sec_ttl{
  font-size: 28px;
  line-height: 1.5;
  color: #1d2d3d;
  font-weight: 700;
  margin: 0 0 18px;
}

.brochure_sec_ttl--center{
  text-align: center;
}

.brochure_points{
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
}

.brochure_points li{
  position: relative;
  padding-left: 28px;
  margin-bottom: 14px;
  font-size: 17px;
  line-height: 1.8;
  color: #333;
}

.brochure_points li:before{
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #2a77c7;
  font-weight: 700;
}

.brochure_action_box{
  margin-top: 14px;
}

.brochure_request{
  margin-bottom: 48px;
}

.brochure_request__inner{
  display: grid;
  grid-template-columns: 1.4fr .8fr;
  gap: 28px;
  align-items: stretch;
}

.brochure_request__text,
.brochure_request__contact{
  background: #fff;
  border: 1px solid #e6edf5;
  border-radius: 24px;
  padding: 30px;
  box-shadow: 0 10px 28px rgba(0,0,0,0.05);
}

.brochure_block_en{
  color: #2a77c7;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .08em;
  margin: 0 0 8px;
}

.brochure_text{
  font-size: 16px;
  line-height: 2;
  color: #333;
  margin: 0 0 18px;
}

.brochure_flow{
  margin: 0 0 24px 20px;
  padding: 0;
}

.brochure_flow li{
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 1.9;
  color: #333;
}

.brochure_tel_box{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.brochure_tel_box__label{
  font-size: 15px;
  color: #666;
  margin: 0 0 10px;
}

.brochure_tel_box__number{
  margin: 0 0 10px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3;
}

.brochure_tel_box__number a{
  color: #2a77c7;
  text-decoration: none;
}

.brochure_tel_box__time{
  font-size: 14px;
  color: #666;
  margin: 0;
}

.brochure_links{
  margin-bottom: 48px;
}

.brochure_links__grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.brochure_link_card{
  display: block;
  text-decoration: none;
  background: #fff;
  border: 1px solid #e6edf5;
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0 8px 22px rgba(0,0,0,0.04);
  transition: .3s;
}

.brochure_link_card:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.08);
}

.brochure_link_card__ttl{
  display: block;
  font-size: 22px;
  font-weight: 700;
  color: #1d2d3d;
  margin-bottom: 10px;
}

.brochure_link_card__text{
  display: block;
  font-size: 15px;
  line-height: 1.9;
  color: #555;
}

.brochure_bottom_cta{
  margin-bottom: 24px;
}

.brochure_bottom_cta__inner{
  background: linear-gradient(135deg, #2a77c7 0%, #4c91d7 100%);
  border-radius: 24px;
  padding: 40px 28px;
  text-align: center;
}

.brochure_bottom_cta__ttl{
  font-size: 30px;
  line-height: 1.5;
  color: #fff;
  margin: 0 0 14px;
  font-weight: 700;
}

.brochure_bottom_cta__text{
  font-size: 16px;
  line-height: 2;
  color: #fff;
  margin: 0 0 22px;
}

@media screen and (max-width: 1024px){
  .brochure_main_card,
  .brochure_request__inner,
  .brochure_links__grid{
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 768px){
  .brochure_hero,
  .brochure_main_card,
  .brochure_request__text,
  .brochure_request__contact,
  .brochure_bottom_cta__inner{
    padding: 24px 18px;
    border-radius: 18px;
  }

  .brochure_hero__title{
    font-size: 28px;
  }

  .brochure_sec_ttl{
    font-size: 24px;
  }

  .brochure_bottom_cta__ttl{
    font-size: 24px;
  }

  .brochure_btn{
    width: 100%;
    min-width: 0;
  }

  .brochure_points li,
  .brochure_text,
  .brochure_flow li{
    font-size: 15px;
  }

  .brochure_tel_box__number{
    font-size: 28px;
  }

  .brochure_link_card__ttl{
    font-size: 20px;
  }
}