#merit .block {
  position: relative; }

#merit ._page-header {
  background-image: url(../../../img/page/merit/pc/header_bg.png);
  background-position: center top -105px;
  padding-top: 110px; }
  #merit ._page-header .tri {
    bottom: -155px;
    position: absolute;
    right: 0; }
  #merit ._page-header h1 .txt-border {
    margin-left: 10px; }
  #merit ._page-header h1 img {
    padding-left: 0; }

#merit h2 {
  font-size: 34px;
  line-height: 1;
  margin-bottom: 50px;
  text-align: center; }
  #merit h2 .ico {
    display: block;
    margin: 0 auto 10px; }

#merit h3 {
  color: #4269D3;
  font-size: 23px;
  line-height: 1;
  margin-bottom: 10px; }
  #merit h3.mt {
    margin-top: 50px; }
  #merit h3.mt80 {
    margin-top: 80px; }

#merit p {
  font-size: 16px; }

#merit .tri {
  position: absolute; }
  #merit .tri.tri1 {
    left: -25px;
    top: 20px; }
  #merit .tri.tri2 {
    right: 10px;
    top: 35px; }
  #merit .tri.tri3 {
    margin-right: 700px;
    right: 50%;
    top: 420px; }
  #merit .tri.tri4 {
    top: 30px; }
  #merit .tri.tri5 {
    right: 50%;
    margin-right: -650px;
    top: -30px; }
  #merit .tri.tri6 {
    bottom: -170px;
    right: 0; }
  #merit .tri.tri7 {
    left: 43px; }
  #merit .tri.tri8 {
    top: -43px;
    left: -100px; }
  #merit .tri.tri9 {
    right: 12px;
    top: 115px; }
  #merit .tri.tri10 {
    bottom: 75px; }
  #merit .tri.tri11 {
    right: 65px;
    top: 30px; }
  #merit .tri.tri12 {
    right: 50%;
    margin-right: -999px;
    top: -15px; }

#merit .content {
  overflow: hidden;
  padding-top: 50px; }
  #merit .content .block {
    position: relative; }
  #merit .content .txt-staff {
    position: absolute;
    top: -110px;
    left: -25px; }
  #merit .content .wrapper {
    margin-bottom: 100px;
    position: relative; }
    #merit .content .wrapper:last-of-type {
      margin-bottom: 75px; }
    #merit .content .wrapper .left {
      float: left;
      width: 635px; }
    #merit .content .wrapper .right {
      float: right; }
    #merit .content .wrapper p {
      line-height: 1.8; }
      #merit .content .wrapper p a {
        color: #1263B2; }

@media screen and (max-width: 750px) {
  #merit ._page-header {
    background-image: url(../../../img/page/merit/sp/header_bg.png), url(../../../img/page/merit/sp/header_img.png);
    background-position: left top 3rem, right bottom 2rem;
    padding-top: 10rem; }
    #merit ._page-header h1 {
      margin-left: -3.5rem; }
      #merit ._page-header h1 .txt-border {
        margin-left: 4rem; }
      #merit ._page-header h1 img {
        width: 34.8rem; }
    #merit ._page-header .tri {
      bottom: -15.5rem;
      width: 20rem; }
  #merit h2 {
    font-size: 5rem;
    line-height: 1.5;
    margin-bottom: 5rem; }
    #merit h2 .ico {
      margin: 0 auto;
      width: 15.5rem; }
  #merit h3 {
    font-size: 4.1rem;
    line-height: 1.5;
    margin-bottom: 2.5rem;
    text-align: center; }
    #merit h3.mt {
      margin-top: 10rem; }
    #merit h3.mt80 {
      margin-top: 10rem; }
  #merit p {
    font-size: 3.2rem; }
  #merit .tri.tri1 {
    left: -3.5rem;
    top: -6.5rem;
    width: 4.7rem; }
  #merit .tri.tri2 {
    right: auto;
    top: 18rem;
    left: -3.5rem;
    width: 7.1rem; }
  #merit .tri.tri3 {
    margin-right: 0;
    right: auto;
    top: auto;
    bottom: -14rem;
    left: 1rem;
    width: 9.9rem; }
  #merit .tri.tri4 {
    top: auto;
    bottom: -12rem;
    right: -2rem;
    width: 20.7rem; }
  #merit .tri.tri5 {
    right: auto;
    margin-right: 0;
    top: 10rem;
    left: -.5rem;
    width: 9.3rem; }
  #merit .tri.tri6 {
    bottom: -17.5rem;
    right: auto;
    left: -2rem;
    width: 24.9rem; }
  #merit .tri.tri7 {
    left: auto;
    right: 1rem;
    bottom: -5.7rem;
    width: 16.3rem; }
  #merit .tri.tri8 {
    top: -5rem;
    left: -2rem;
    width: 13.4rem; }
  #merit .content {
    padding-top: 5rem; }
    #merit .content .block {
      margin: 0 3.5rem; }
    #merit .content .txt-staff {
      left: -6.5rem;
      top: -10rem;
      width: 35.9rem; }
    #merit .content .wrapper {
      margin-bottom: 8rem; }
      #merit .content .wrapper:last-of-type {
        margin-bottom: 6rem; }
      #merit .content .wrapper .left {
        float: none;
        width: auto; }
      #merit .content .wrapper .right {
        float: none;
        margin-top: 3.5rem; } }

/*# sourceMappingURL=index.css.map */