@charset "utf-8";

/* ------- INDEX ---------------------------------------------- */
.hr-section > h2{
  font-family: 'Shippori Mincho', serif;
  font-weight: 400;
  line-height: 1.66;
}
.hr-section-fig{
  position: relative;
}
.hr-section-fig:before{
  background: url("../img/image_arrow.png") no-repeat;
  background-size: cover;
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
}
.hr-section > .dot-list > li{
  text-indent: -1.5em;
  padding-left: 1.5em;
  margin-top: 20px;
}
.hr-section > .dot-list > li:before{
  color: #A02B2E;
  content: "● ";
}
@media print, screen and (min-width:781px) {
  .hr-section > .image{
    margin-top: 80px;
  }
  .hr-section > h2{
    font-size: 3.0rem;
    margin-top: 80px;
  }
  .hr-exp{
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
  }
  .hr-exp > .detail{
    width: 61.11%;
  }
  .hr-exp > .detail > p:nth-child(n + 2){
    margin-top: 15px;
  }
  .hr-exp > .image{
    width: 31.48%;
  }
  .hr-section-fig{
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
  }
  .hr-section-fig > .image{
    width: 46.29%;
  }
  .hr-section-fig:before{
    padding-bottom: 18.51%;
    width: 18.51%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
  }
  .hr-section > .dot-list{
    margin-top: 75px;
  }
  .hr-section > .dot-list > li{
    font-size: 2.0rem;
  }
}
@media screen and (max-width: 780px) {
  .hr-section > .image{
    margin-top: 30px;
  }
  .hr-section > h2{
    font-size: 2.2rem;
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .hr-exp{
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .hr-exp > .detail{
  }
  .hr-exp > .detail > p:nth-child(n + 2){
    margin-top: 15px;
  }
  .hr-exp > .image{
    margin-top: 35px;
  }
  .hr-section-fig{
    margin-top: 60px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .hr-section-fig > .image{
    margin-top: 60px;
  }
  .hr-section-fig:before{
    padding-bottom: 28.57%;
    width: 28.57%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
  }
  .hr-section > .dot-list{
    margin-top: 40px;
    margin-left: 20px;
    margin-right: 20px;
  }
  .hr-section > .dot-list > li{
    font-size: 1.8rem;
  }
}
@media (hover: hover) and (pointer: fine){
}