@charset "utf-8";

/* nav */

.sideNav.measure>li:nth-child(3) li:nth-child(2) a {
  background: #e2efff;
  background: -moz-linear-gradient(left, #e2efff 0%, #cfe4ff 100%);
  background: -webkit-linear-gradient(left, #e2efff 0%, #cfe4ff 100%);
  background: linear-gradient(to right, #e2efff 0%, #cfe4ff 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e2efff', endColorstr='#cfe4ff', GradientType=1);
}

.secContentArea {
  padding: 40px 0 30px;
}


/* headingWrap */

.boxSkin02 .headingWrap {
  margin-bottom: 41px;
  padding-bottom: 24px;
  padding-top: 14px;
}

.headingWrap .inner {
  height: 47px;
  margin-bottom: 17px;
  padding: 2px 0 0 7px;
}

.headingWrap .inner+p {
  letter-spacing: -0.5px;
}


/* content */

.boxSkin04 {
  padding: 10px;
  margin: 0 -10px 42px;
}

.boxSkin04 ul {
  list-style-type: disc;
  margin-left: 20px;
  text-indent: -6px;
}

.contentWrap .boxSkin02 {
  padding-bottom: 75px;
}

.ttlSkin04 {
  letter-spacing: -2px;
}

[class^=boxStretch] {
  margin-bottom: 42px;
}

[class^=boxStretch] .fl {
  width: 375px;
}

[class^=boxStretch] .fl ol {
  list-style-type: decimal;
  padding-left: 18px;
  letter-spacing: -1px;
}

.ttlSkin05~.ttlSkin05 {
  margin-top: 25px;
}

.boxStretch01 .fr img {
  transform: translate(20px, -35px);
}

.boxStretch02 .fr img {
  transform: translate(20px, -36px);
}

.boxStretch03 .fr img {
  transform: translate(20px, -37px);
}

.boxStretch04 .fr img {
  transform: translate(20px, -36px);
}

.boxStretch05 .fr img {
  transform: translate(20px, -37px);
}

.boxStretch06 .fr img {
  transform: translate(20px, -36px);
}

.boxStretch07 .fr img {
  transform: translate(0px, -37px);
}

.boxPoint {
  border: 1px solid #dee6ff;
  background: #f4f6ff;
  padding: 15px 20px;
  margin: 16px 0;
  letter-spacing: -1px;
}

.boxPoint .ttl {
  color: #1d2088;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 1px;
}

.boxHomestretch {
  padding-top: 10px;
}

.boxStretch05 {
  margin-bottom: 36px;
}

.boxStretch06 {
  margin-bottom: 40px;
}

.boxSkin03 {
  padding-bottom: 10px;
  margin-bottom: 24px;
}

.boxHiplift {
  background: #fff;
  padding: 20px;
  margin: 15px -20px 0;
}

.boxHiplift h5 {
  margin-bottom: 13px;
}

.boxStretch07 .fl {
  width: 310px;
}

.boxStretch07 {
  margin-bottom: 19px;
}

.boxStretch07+.boxPoint {
  margin: 0;
  padding: 25px 30px;
}

.boxBtn {
  margin-top: 30px;
  margin-bottom: 10px;
}

.boxBtn .btnSkin01 {
  padding: 20px 104px 15px;
}


/* related */


/* sp向けスタイル */

@media screen and (max-width: 767px) {
  /* headingWrap */
  .headingWrap .inner {
    height: auto;
    margin-bottom: 5px;
  }
  .boxSkin02 .headingWrap {
    margin-bottom: 16px;
    padding-bottom: 25px;
  }
  .headingWrap h2 {
    padding: 0 0 0 2px;
    border: none;
    box-shadow: none;
    letter-spacing: 0;
    line-height: 1.4;
  }
  .headingWrap .inner+p {
    padding-top: 7px;
    padding-right: 7px;
    letter-spacing: -0.3px;
    line-height: 1.4;
  }
  /* content */
  .secContentArea {
    padding: 15px 0;
  }
  .boxSkin04 {
    margin: 0 0 16px;
    font-size: 1.1rem;
    line-height: 1.8;
  }
  .boxSkin04 p {
    font-weight: bold;
  }
  .boxSkin04 ul {
    list-style-type: disc;
    margin: 0 0 0 17px;
    padding: 0;
  }
  .boxSkin04 li {
    text-indent: -6px;
  }
  .ttlSkin04 {
    line-height: 1.4;
    letter-spacing: 0;
  }
  .ttlSkin05 {
    margin-top: 0;
  }
  .ttlSkin05~.ttlSkin05 {
    margin-top: 28px;
  }
  [class^=boxStretch] {
    margin-bottom: 0;
  }
  [class^=boxStretch]>div {
    float: none;
    width: auto!important;
  }
  [class^=boxStretch] .fr img {
    width: 200px;
    transform: none;
  }
  [class^=boxStretch] .fl {
    padding: 15px 10px 0;
    font-size: 1.3rem;
    line-height: 1.4;
  }
  .boxPoint {
    padding: 11px 14px;
    margin: 10px 0;
    letter-spacing: -0.4px;
  }
  .contentWrap .boxSkin02 {
    padding-bottom: 45px;
  }
  .boxHomestretch {
    padding-top: 35px;
  }
  .boxHomestretch h3 {
    margin-bottom: 25px;
    letter-spacing: -2px;
  }
  .boxSkin03 {
    margin-top: 31px;
    margin-bottom: 14px;
  }
  .boxSkin03 h4+p {
    font-size: 1.3rem;
    letter-spacing: -0.4px;
  }
  .boxHiplift {
    padding: 15px 5px 10px;
    margin: 10px -5px 0;
  }
  .boxHiplift h5 {
    margin-bottom: 11px;
  }
  .boxHiplift .fl {
    padding-top: 14px;
  }
  .boxStretch07+.boxPoint {
    padding: 9px 14px;
    margin: 10px;
  }
  .boxHiplift .boxPoint p {
    font-size: 1.3rem;
    letter-spacing: -0.2px;
    line-height: 1.4;
  }
  .boxSkin03+p {
    padding-left: 10px;
    line-height: 1.4;
  }
  .boxBtn {
    margin-top: 20px;
    margin-bottom: 25px;
  }
  .boxBtn .btnSkin01 {
    padding: 7px 67px;
    line-height: 1.55;
  }
}
