@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500&family=Noto+Serif+JP:wght@400;600&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap");
@import url("global.css");
.sec_intro {
  margin-bottom: 100px;
}
.sec_intro .sub_catch {
  text-align: center;
  color: #36638F;
  margin-bottom: 10px;
  font-size: clamp(14px, 2.3vw, 18px);
  font-weight: bold;
}
.sec_intro .catch {
  text-align: center;
  margin-bottom: 40px;
  font-size: clamp(18px, 3.1vw, 28px);
  font-family: "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Helvetica, sans-serif;
}
.sec_intro .img_area {
  width: 90%;
  margin: 0 auto 30px;
}
.sec_intro .text_area {
  width: 80%;
  margin: 0 auto 50px;
}
.sec_intro .text_area p + p {
  margin-top: 1em;
}
.sec_intro .sekou_area {
  width: 80%;
  padding: 30px;
  border: 1px solid #36638F;
  border-radius: 10px 0 10px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
}
.sec_intro .sekou_area dl dt {
  text-align: center;
  margin-bottom: 20px;
  font-size: clamp(16px, 2.3vw, 20px);
  font-weight: bold;
}
.sec_intro .sekou_area dl dd {
  text-align: center;
}
.sec_intro.rev202507 .text_area .title {
  /*font-weight: bold;*/
  font-family: "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Helvetica, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
}
.sec_intro.rev202507 .text_area p + .title {
  margin-top: 30px;
}
.sec_intro.rev202507 .sekou_area {
  background-color: rgba(54, 99, 143, 0.15);
  padding: 0 30px;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sec_intro.rev202507 .sekou_area > figure, .sec_intro.rev202507 .sekou_area > dl {
  width: 50%;
}

.sec_form {
  background: #f2f2f2;
  padding: 50px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.sec_form .sec_title {
  text-align: center;
}

.atention {
  text-align: center;
  color: #DD0003;
}
.atention br {
  display: none;
}

/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-1 (1200px)

------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-2 ( 960px )

------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 959px) {
  .sec_intro {
    margin-bottom: 80px;
  }
  .sec_intro .text_area {
    width: 100%;
  }
  .sec_intro .sekou_area {
    width: 100%;
  }
}
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-3 ( 644px )

------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 644px) {
  .sec_intro {
    margin-bottom: 60px;
  }
  .sec_intro .text_area {
    margin: 0 auto 30px;
  }
  .sec_intro .sekou_area {
    padding: 20px;
  }
  .sec_intro.rev202507 .text_area .title {
    font-size: 1.1em;
  }
  .sec_intro.rev202507 .text_area p + .title {
    margin-top: 25px;
  }
  .sec_intro.rev202507 .sekou_area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 20px 20px;
  }
  .sec_intro.rev202507 .sekou_area > figure, .sec_intro.rev202507 .sekou_area > dl {
    width: auto;
  }
  .sec_intro.rev202507 .sekou_area figure {
    height: 200px;
  }
  .sec_intro.rev202507 .sekou_area figure img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .sec_intro.rev202507 .sekou_area dl {
    margin-top: 15px;
  }
  .sec_intro.rev202507 .sekou_area dl dt {
    margin-bottom: 5px;
  }
  .sec_intro.rev202507 .sekou_area dl dd {
    text-align: left;
  }
  .atention br {
    display: block;
  }
}