@charset "utf-8";

.top_slider_caption{
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  text-align: center;
  color: #243B75;
}
.top_slider_caption h1 span.marker {
  background: linear-gradient(transparent 50%, yellow 30%);
}
.top_slider_caption h1{
  font-size: 6rem;
  line-height: 1.5;
  font-weight: 900;
}
.top_slider_caption h2{
  font-size: 3rem;
  line-height: 1.5;
  font-weight: bold;
}
.top_slider_caption p{}
.top_slider_caption .btn_area{
  margin: 30px 0 0;
}

@media screen and (max-width:1830px) {
  .top_slider_caption h1{
    font-size: 4rem;
  }
  .top_slider_caption h2{
    font-size: 2.5rem;
  }
}

@media screen and (max-width:1230px) {
  .top_slider_caption h1{
    font-size: 3rem;
  }
  .top_slider_caption h2{
    font-size: 2.5rem;
  }
  .top_slider_caption_h2pc {
    display: none;
  }
}

@media screen and (max-width:960px) {
  .top_slider_caption h1{
    font-size: 2.8rem;
  }
  .top_slider_caption h2{
    font-size: 2rem;
  }
}

@media screen and (max-width:768px) {
  .top_slider_caption{
    position: absolute;
    top: 30%;
  }
  .top_slider_caption h1{
    font-size: 3rem;
  }
  .top_slider_caption h2{
    font-size: 2rem;
    margin-bottom: 10px;
  }
  .top_slider_caption p{}
.top_slider_caption .btn_area{
  margin: 10px 0 0;
}
}

@media screen and (max-width:468px) {
  .top_slider_caption h1{
    font-size: 2rem;
  }
  .top_slider_caption h2{
    font-size: 1rem;
  }
  a.btn_type01 {
    padding: 5px 5px;
    width: 200px;

  }
}

/* ここから追加 */

.top_slider_caption_text{
  font-size:2rem;
  line-height:1.6;
}


@media screen and (max-width:768px){
  .top_slider_caption_text{
    font-size:1.4rem;
  }
}


/* ここから追加 */

.top_intro{
  max-width:1000px;
  margin:60px auto;
  padding:0 20px;
  text-align:center;
}

.top_intro h2{
  font-size:2.6rem;
  margin-bottom:20px;
}

.top_intro p{
  font-size:1.8rem;
  line-height:1.8;
}


/* 追加：スライダー説明文（小さめ） */
.top_slider_caption_text{
  font-size:1.4rem;      /* PCでも控えめ */
  line-height:1.7;
  margin-top:10px;
}

@media screen and (max-width:768px){
  .top_slider_caption_text{
    font-size:1.1rem;    /* スマホはさらに小さく */
    line-height:1.7;
  }
}

/* 追加：トップ説明ブロック（SEO用・目立たせない） */
.top_intro{
  max-width:900px;
  margin:30px auto;      /* 余白も控えめ */
  padding:0 16px;
  text-align:left;       /* 中央だと“でかく”見えやすい */
}

.top_intro h2{
  font-size:1.6rem;
  margin:0 0 10px;
  color:#243B75;
}

.top_intro p{
  font-size:1.2rem;
  line-height:1.9;
  margin:0;
  color:#333;
}

@media screen and (max-width:768px){
  .top_intro{
    margin:20px auto;
  }
  .top_intro h2{
    font-size:1.4rem;
  }
  .top_intro p{
    font-size:1.05rem;
  }
}