@charset "UTF-8";

/*
========================================

	seminar/2026/lp1021 > lp1021.css
    
========================================
*/

header {
  height: 80px;
  display: flex;
  align-items: center;
}

main {
  padding-top: 80px;
}

section.hero h2,
section.hero p.lead {
  position: relative;
  color: #fff;
  text-shadow:
    -3px 0px 6px rgba(0, 16, 94, 0.25),
    /* 左 */ 3px 0px 6px rgba(0, 16, 94, 0.25),
    /* 右 */ 0px -3px 6px rgba(0, 16, 94, 0.25),
    /* 上 */ 0px 3px 6px rgba(0, 16, 94, 0.25); /* 下 */
}

section.hero h2 ::before {
  content: "";
  position: absolute;
  inset: 8px;
  background-color: rgba(0, 28, 165, 0.25);
  background-blend-mode: multiply;
  filter: blur(30px);
  z-index: -1;
}

section.hero p.lead::before {
  content: "";
  position: absolute;
  inset: -8px;
  /*background-color: rgba(0, 16, 94, 0.75);*/
  background-color: rgba(0, 28, 165, 0.5);
  background-blend-mode: multiply;
  filter: blur(30px);
  z-index: -1;
}

section.hero p.lead {
  padding: 0.5rem;
}

section h3 {
  font-size: clamp(1.25rem, 1.05rem + 1vw, 2.25rem); /*-----20px-36px*/
  font-weight: 700;
  color: #25348e;
  margin: 1rem auto;
}

@media (max-width: 1023px) {
  header {
    height: 64px;
  }

  main {
    padding-top: 64px;
  }
}

section.hero {
  background: #071452 url(/seminar/2026/lp1021/img/bg_main.webp) no-repeat;
  background-size: cover;
  background-position: calc(50% - 5.5vw) -5.25vw; /*中心から左に5.5vw・トップから-5.5vw*/
}

@media (max-width: 1279px) {
  section.hero {
    background: #071452 url(/seminar/2026/lp1021/img/bg_main.webp) no-repeat;
    background-size: cover;
    background-position: calc(50% - 5.5vw) 2.5vw; /*中心から左に5.5vw・トップから2.5vw*/
  }
}

@media (max-width: 1023px) {
  section.hero {
    background: #071452 url(/seminar/2026/lp1021/img/bg_main@0.5x.png) no-repeat;
    background-size: 120%;
    background-position: center top 35%;
  }
}

@media (max-height: 600px) {
  section.hero {
    background: radial-gradient(circle at 70% center, #0045a8 0%, #071452 100%);
  }
}

section#s06.bg_blur {
  position: relative;
  overflow: hidden;
}

section#s06.bg_blur::before {
  position: absolute;
  content: "";
  inset: -10px;
  background: #071452 url(/seminar/2026/lp1021/img/img_s03_02.jpg) no-repeat;
  background-size: cover;
  background-position: top center;
  background-blend-mode: overlay;
  filter: blur(3px) saturate(0.8);
  z-index: -1;
}

table th {
  width: 20%;
  padding-right: 1rem;
  vertical-align: top;
  white-space: nowrap;
}

section#s01 div.card_box {
  padding: 1rem;
}

section#s01 div.card_img {
  /*filter: grayscale(100);*/
  background: radial-gradient(circle at 70% center, #ebeffe 0%, #fff 100%);
}