/*======================
  individual
======================*/
.individual .fv {
  width: 100%;
  height: 0;
  padding-top: 75%;
  background: url("../img/individual/fv-sp.jpg") no-repeat top center;
  background-size: contain;
  position: relative;
  margin-bottom: 15%;
}
.individual .fv h2 {
  width: 100%;
  text-align: center;
  font-size: 6.875vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFF;
  font-weight: bold;
}
.individual .review {
  margin-bottom: 15%;
}
.individual .review .txt {
  margin-bottom: 10%;
  font-weight: bold;
}
.individual .review ul {
  margin-bottom: 15%;
}
.individual .review li p {
  font-weight: bold;
  font-size: 6.875vw;
}
.individual .review .moduleWrap {
  margin-bottom: 0;
}
.individual .review .col {
  margin-bottom: 10px;
}
.individual .description .col {
  margin-bottom: 8%;
}
.individual .description .col h4, .individual .description .col p {
  font-weight: bold;
}
.individual .description .col h4 {
  font-size: 6.875vw;
  margin-bottom: 3%;
}
.individual .description .col p {
  margin-bottom: 3%;
  text-indent: 1.5em;
}
.individual .description .col .linkArea {
  transition: .3s;
}
.individual .description .col .linkArea p {
  margin-top: 3%;
  margin-bottom: 0;
  padding: 5% 0;
  text-indent: 1.5em;
}
.individual .description .col .linkArea p:after {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2222px%22%20height%3D%2222px%22%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3B%7D%20.st1%7Bfill%3A%23B5293C%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88_1_2_1_%22%20transform%3D%22translate(444%201625)%22%3E%20%3Cg%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_2-4_1_%22%3E%20%3Ccircle%20class%3D%22st0%22%20cx%3D%22-433%22%20cy%3D%22-1614%22%20r%3D%2211%22%2F%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M-433-1603c-6.1%2C0-11-4.9-11-11c0-6.1%2C4.9-11%2C11-11s11%2C4.9%2C11%2C11C-422-1607.9-426.9-1603-433-1603z%20M-433-1623c-5%2C0-9%2C4-9%2C9s4%2C9%2C9%2C9c5%2C0%2C9-4%2C9-9S-428-1623-433-1623z%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_3-4_1_%22%20class%3D%22st1%22%20d%3D%22M-427.5-1614l-9%2C5v-10L-427.5-1614z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center center;
  background-size: contain;
  margin: -3px 0 0 10px;
  vertical-align: middle;
}
.individual .description .col .linkArea:hover {
  opacity: .8;
}
.individual .description .col:last-child {
  margin-bottom: 0;
}
.individual .contentsList p {
  font-weight: bold;
  font-size: 6.875vw;
}
.individual .contentsList .moduleWrap {
  margin-bottom: 0;
}
.individual .contentsList .col {
  margin-bottom: 10px;
}
.individual .contentsList .secondLinks li {
  margin-bottom: 10px;
}
.individual .contentsList .secondLinks .blk-irSupport {
  border: solid 2px #bf273d;
}
.individual .contentsList .secondLinks .blk-irSupport .ttlBlock {
  margin-bottom: 1em;
}
.individual .contentsList .secondLinks .blk-irSupport p {
  padding: 1em 5% 0;
}
.individual .contentsList .secondLinks .blk-irSupport .childLink {
  border-top: 0;
  padding: 0 5% 1em;
}

@media screen and (min-width: 768px) {
  .is-flex{
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
  }
  .individual .fv {
    padding-top: 28.55%;
    background: url("../img/individual/fv-pc.jpg") no-repeat top center;
    background-size: contain;
    margin-bottom: 3.6%;
  }
  .individual .fv h2 {
    font-size: 2.734375vw;
  }
  .individual .links {
    margin-bottom: 3.6%;
  }
  .individual .links li {
    margin-bottom: 0;
  }
  .individual .links li p {
    padding: 8% 20px;
    font-size: 1.71875vw;
  }
  .individual .review {
    margin-bottom: 3.6%;
  }
  .individual .review .txt {
    margin-bottom: 3.5%;
  }
  .individual .review ul {
    margin-bottom: 3.6%;
  }
  .individual .review li p {
    font-size: 1.71875vw;
  }
  .individual .review li a {
    padding: 1.5em 20px;
  }
  .individual .review li .ttlBlock {
    margin-bottom: 0;
  }
  .individual .review .col {
    margin-bottom: 10px;
  }
  .individual .description .col {
    margin-bottom: 4%;
  }
  .individual .description .col h4 {
    font-size: 1.71875vw;
  }
  .individual .contentsList p {
    margin-bottom: 0;
    font-size: 1.71875vw;
  }
  .individual .contentsList li a {
    padding: 1.5em 20px;
  }
  .individual .contentsList li .ttlBlock {
    margin-bottom: 0;
  }
  .individual .contentsList .moduleWrap {
    margin-bottom: 0;
  }
  .individual .contentsList .col {
    margin-bottom: 10px;
  }
  .individual .contentsList .secondLinks {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .individual .contentsList .secondLinks .blk-irSupport {
    padding: 0;
    height: calc(100% - 10px);
  }
  .individual .contentsList .secondLinks .blk-irSupport .ttlBlock {
    margin-bottom: 0;
  }
  .individual .contentsList .secondLinks .blk-irSupport p {
    padding: 1em 20px 0;
  }
  .individual .contentsList .secondLinks .blk-irSupport .childLink {
    border-top: 0;
    padding: 1em 20px 0;
  }
  .individual .contentsList .secondLinks .blk-irSupport .childLink a {
    padding: 0;
  }

 .individual .procedure h4{
    padding-bottom: 0.85%;
  }
.individual .procedure .space {
    margin-left: 1em;
  }
}
@media screen and (min-width: 1280px) {
  .individual .links li p {
    padding: 8% 30px;
    font-size: 22px;
  }
  .individual .review li p {
    font-size: 22px;
  }
  .individual .review li a {
    padding: 1.5em 30px;
  }
  .individual .description .col h4 {
    font-size: 22px;
  }
  .individual .contentsList p {
    font-size: 22px;
  }
  .individual .contentsList li a {
    padding: 1.5em 30px;
  }
  .individual .contentsList .secondLinks .blk-irSupport p {
    padding: 1em 30px 0;
  }
  .individual .contentsList .secondLinks .blk-irSupport .childLink {
    padding: 1em 30px 0;
  }
}