@charset "UTF-8";

.kv {
  height: 500px;
  position: relative;
}
.kv .inner {
  max-width: 1100px;
}
.kv .kv-occupation {
  margin: 15px 0 30px -2px;
}
.kv .kv-flex {
  display: flex;
  align-items: flex-start;
}
.kv .kv-txtarea-list {
  position: absolute;
  bottom: 50px;
  right: 0;
}
.kv-list-note {
  font-size: 13px;
  text-align: right;
  margin-right: calc(100% - 540px);
}
.support {
  margin-top: 20px;
  opacity: .8;
}
.support p {
  font-size: 16px;
  margin-bottom: 15px;
  margin-left: -3px;
}
.support ul {
  margin: -5px 0 0 -20px;
  display: flex;
  flex-wrap: wrap;
}
.support ul li {
  font-size: 15px;
  line-height: 22px;
  margin: 0 0 5px 20px;
}
.reason h2 {
  margin-bottom: 70px;
}
@media screen and (max-width: 1200px) {
  .kv {
    height: auto;
  }
  .kv .inner {
    padding: 64px 50px 0;
  }
  .kv .kv-flex {
    display: block;
  }
  .kv .kv-txtarea-list {
    width: 100%;
    position: static;
  }
}
@media screen and (max-width: 768px) {
  .kv h1 {
    display: flex;
    margin: calc(9 / 375 * 100vw) 0 calc(15 / 375 * 100vw) calc(-2 / 375 * 100vw);
  }
  .reason h2 {
    margin-bottom: calc(30 / 375 * 100vw);
  }
  .kv h1 .kv-ttl-01 {
    font-size: calc(40 / 375 * 100vw);
  }
  .kv h1 .kv-ttl-02 {
    font-size: calc(32.5 / 375 * 100vw);
  }
  .kv h1 .kv-ttl-03 {
    margin: 0 0 0 calc(-15 / 375 * 100vw);
    font-size: calc(65 / 375* 100vw);
  }
  .kv .kv-occupation {
    margin: 0 0 0 calc(-2 / 375* 100vw);
  }
  .kv .inner {
    height: auto;
    padding: calc(15 / 375 * 100vw);
  }
  .kv .kv-list li {
    padding: calc(5 / 375 * 100vw) 0 calc(4 / 375 * 100vw) calc(8 / 375 * 100vw);
  }
  .kv-list-note {
    font-size: calc(8 / 375 * 100vw);
    margin-right: 0;
    margin-top: calc(10 / 375 * 100vw);
    line-height: calc(10 / 375 * 100vw);
  }
  .support {
    margin-top: calc(10 / 375 * 100vw);
  }
  .support p {
    font-size: calc(11 / 375 * 100vw);
    line-height: calc(15 / 375 * 100vw);
    margin-bottom: calc(10 / 375 * 100vw);
    margin-left: calc(-6 / 375 * 100vw);
  }
  .support ul {
    margin: calc(-5 / 375 * 100vw) 0 0 calc(-20 / 375 * 100vw);
  }
  .support ul li {
    font-size: calc(10 / 375 * 100vw);
    line-height: calc(13 / 375 * 100vw);
    margin: 0 0 calc(5 / 375 * 100vw) calc(20 / 375 * 100vw);
  }
  .kv .kv-txtarea-list {
    margin-top: calc(20 / 375* 100vw);
  }
  .reason-list > li:nth-of-type(2) {
    margin-top: calc(225 / 375 * 100vw);
  }
}