@charset "UTF-8";
@import url("global.css");
.sec_intro {
  position: relative;
  margin-bottom: 80px; }
  .sec_intro .img_area {
    width: 35%;
    height: 460px;
    position: absolute;
    top: 0;
    right: 10vw; }
  .sec_intro .wrapper {
    height: 460px;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
  .sec_intro .text_area {
    width: 53%;
    margin-right: auto; }
    .sec_intro .text_area .lead {
      margin-bottom: 30px;
      font-size: clamp(18px, 2.8vw, 24px);
      font-family: "Zen Old Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.sec_area {
  background: #F3F3F3;
  margin-bottom: 80px; }
  .sec_area .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .sec_area .wrapper .img_area {
      width: 45%; }
    .sec_area .wrapper .area_block {
      flex: 1;
      padding-left: 50px; }
      .sec_area .wrapper .area_block dl dt {
        margin-bottom: 20px;
        font-size: clamp(16px, 2vw, 18px);
        font-family: "Zen Old Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
        .sec_area .wrapper .area_block dl dt br {
          display: none; }
      .sec_area .wrapper .area_block dl dd {
        font-family: "Zen Old Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.sec_form {
  margin-bottom: 80px; }

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

 Responsive-Breakpoint-1 (1400px)

------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 1400px) {
  .sec_intro {
    position: relative;
    margin-bottom: 80px; }
    .sec_intro .img_area {
      width: 40%;
      height: 460px;
      right: 50px; }
    .sec_intro .wrapper {
      height: 460px; }
    .sec_intro .text_area {
      width: 50%; } }
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-2 ( 1300px )

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

 Responsive-Breakpoint-3 ( 960px )

------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 959px) {
  .sec_intro .img_area {
    width: 100%;
    height: 300px;
    position: relative;
    top: auto;
    right: auto;
    margin-bottom: 40px; }
  .sec_intro .wrapper {
    height: auto;
    display: block; }
  .sec_intro .text_area {
    width: 100%; } }
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-4 ( 644px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 644px) {
  .sec_intro {
    margin-bottom: 40px; }
    .sec_intro .img_area {
      height: 200px;
      margin-bottom: 30px; }
    .sec_intro .text_area .lead {
      margin-bottom: 20px; }

  .sec_area {
    margin-bottom: 60px;
    padding-bottom: 30px; }
    .sec_area .wrapper {
      display: block; }
      .sec_area .wrapper .img_area {
        width: 65%; }
      .sec_area .wrapper .area_block {
        padding-left: 0;
        margin-top: -100px; }
        .sec_area .wrapper .area_block dl dt {
          margin-bottom: 15px;
          text-align: right; }
          .sec_area .wrapper .area_block dl dt br {
            display: block; }
        .sec_area .wrapper .area_block dl dd {
          font-size: 13px; }

  .sec_form {
    margin-bottom: 60px; } }