/* sidebar */
.rock .content__side-wrap > ul {
  border-color: #000;
}

.rock .content__side-list li {
  border-color: #e8e8e8;
}

.rock .content__side-head a,
.rock .content__side-head span {
  background-color: #000;
}

.rock .content__side-list li a {
  background-image: url(../img/common/ico_arrow-black-r.png);
  color: #000;
}

.content__side-list li a:hover,
.content__side-list li a.cu {
  background-image: url(../img/common/ico_arrow-black-r.png);
  background-color: #e8e8e8;
  color: #000;
}


/* head */
.rock .content__head {
  background-color: #000;
  background-image: url(../img/index/bg-opening-01.png);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}

.rock .rock-head-ttl-content {
  color: #d7000f;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.4;
}

.rock .content__head-lead {
  color: #d7000f;
}

.rock-head-wrap {
  font-size: 0;
  margin-bottom: 20px;
}

.rock-head-logo {
  display: inline-block;
  font-size: 1.4rem;
  vertical-align: middle;
  max-width: 506px;
  width: 100%;
}

.rock-head-logo img {
  max-width: 100%;
  margin-bottom: 0;
}

.rock-head-icon {
  display: inline-block;
  font-size: 1.4rem;
  vertical-align: middle;
  max-width: 120px;
  width: 100%;
  margin-left: 20px;
}

.rock-head-icon img {
  max-width: 100%;
  margin-bottom: 0;
}

.rock-head-btn-list {
  overflow: hidden;
  margin-top: 20px;
}

.rock-head-btn-item {
  float: left;
  display: table;
  table-layout: fixed;
  max-width: 100%;
  width: 100%;
  margin: 2px 0;
}

.rock-head-btn {
  box-sizing: border-box;
  display: table-cell;
  height: 55px;
  padding: 5px 45px 5px 20px;
  border: 1px solid #d7000f;
  color: #d7000f;
  background-image: url(../img/common/ico_arrow-rock-red-b.png);
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 16px;
  font-size: 1.4rem;
  font-weight: bold;
  text-decoration: none;
  vertical-align: middle;
  transition: all .3s ease-out;
}

.rock-head-btn:hover,
.rock-head-btn:active {
  background-image: url(../img/common/ico_arrow-rock-black-b.png);
  background-color: #d7000f;
  color: #000;
}

@media screen and (max-width: 767px) {

  .rock-head-wrap {
    text-align: center;
  }

  .rock-head-logo {
    max-width: 65.97131vw;
  }

  .rock-head-icon {
    max-width: 15.645371vw;
    margin-left: 2.607561vw;
  }
}

@media screen and (min-width: 641px) and (max-width: 767px) {

  .rock-head-btn-item {
    max-width: calc((100% - 8px) / 2);
    margin: 2px;
  }

  .rock-head-btn {
    height: 65px;
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 768px) {

  .rock .rock-head-ttl-content {
    font-size: 3.6rem;
  }

  .rock-head-btn-item {
    max-width: calc((100% - 12px) / 3);
    margin: 2px;
  }

  .rock-head-btn {
    height: 65px;
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1080px) {

  .rock-head-logo {
    max-width: 46.296296vw;
  }

  .rock-head-icon {
    max-width: 11.11111vw;
    margin-left: 1.38888vw;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1200px) {

  .rock-head-btn-item {
    max-width: calc((100% - 8px) / 2);
  }
}


/* section */
.rock .content__section:nth-child(odd) {
  background-color: #000;
  color: #d7000f;
}

.rock .content__section:nth-child(even) {
  background-color: #d7000f;
  color: #000;
}

.rock .content__section-ttl {
  padding-top: 0;
  font-size: 0;
}

.rock .content__section:nth-child(odd) .content__section-ttl {
  color: #d7000f;
}

.rock .content__section:nth-child(even) .content__section-ttl {
  color: #000;
}

.rock .content__section-ttl span {
  margin-bottom: 0;
}

.rock .rock-section-ttl-content {
  position: relative;
  display: inline-block;
  padding-left: 55px;
  font-size: 2.8rem;
  font-weight: bold;
  vertical-align: middle;
}

.rock .rock-section-ttl-content-inner {
  display: inline-block;
  font-size: 2.6rem;
  font-weight: bold;
  vertical-align: middle;
}

.rock .rock-section-ttl-content::before {
  content: '';
  position: absolute;
  top: -5px;
  left: 0;
  display: block;
  width: 45px;
  height: 45px;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: 45px;
  background-size: 45px;
}

.rock .rock-section-ttl-content.m-a01::before {
  background-image: url(../img/common/icon-number-01.png);
}

.rock .rock-section-ttl-content.m-a02::before {
  background-image: url(../img/common/icon-number-02.png);
}

.rock .rock-section-ttl-content.m-a03::before {
  background-image: url(../img/common/icon-number-03.png);
}

.rock .rock-section-ttl-content.m-a04::before {
  background-image: url(../img/common/icon-number-04.png);
}

.rock .rock-section-ttl-content.m-a05::before {
  background-image: url(../img/common/icon-number-05.png);
}

.rock .rock-section-ttl-content.m-a06::before {
  background-image: url(../img/common/icon-number-06.png);
}

.rock .rock-section-ttl-icon {
  display: inline-block;
  font-size: 1.4rem;
  vertical-align: baseline;
  width: 100px;
}

.rock .rock-section-ttl-icon img {
  width: 100%;
}

.rock-section-lead {
  margin-bottom: 35px;
  font-size: 2.2rem;
  font-weight: bold;
}

.rock .content__section:nth-child(odd) .rock-section-lead {
  color: #d7000f;
}

.rock .content__section:nth-child(even) .rock-section-lead {
  color: #000;
}

.rock-section-text {
  font-size: 1.6rem;
  line-height: 1.5;
}

.rock .rock-section-text {
  margin-bottom: 40px;
}

.rock .content__section:nth-child(odd) .rock-section-text {
  color: #d7000f;
}

.rock .content__section:nth-child(even) .rock-section-text {
  color: #000;
  font-weight: bold;
}

@media screen and (min-width: 768px) {

  /* section */
  .rock .content__section {
    padding: 60px 0;
  }

  .rock .rock-section-ttl-content {
    padding-left: 90px;
    font-size: 4.0rem;
  }

  .rock .rock-section-ttl-content-inner {
    font-size: 4.0rem;
  }

  .rock .rock-section-ttl-content::before {
    top: 50%;
    transform: translateY(-50%);
    width: 70px;
    height: 70px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: 70px;
    background-size: 70px;
  }

  .rock .rock-section-ttl-icon {
    width: 138px;
  }
}


.rock-content + .rock-content {
  margin-top: 40px;
}

.rock-content-ttl {
  padding: 5px 15px;
  font-size: 1.8rem;
  line-height: 1.5;
}

.rock .content__section:nth-child(odd) .rock-content-ttl {
  background-color: rgba(215,0,15, .9);
  color: #000;
}

.rock .content__section:nth-child(even) .rock-content-ttl {
  background-color: rgba(0,0,0, .9);
  color: #d7000f;
}

.rock-content-lead {
  color: #a0a0a0;
  font-size: 1.4rem;
  line-height: 1.5;
}

.rock .content__section:nth-child(odd) .rock-content-lead {
  color: #a0a0a0;
}

.rock .content__section:nth-child(even) .rock-content-lead {
  color: #000;
  font-weight: bold;
}

.rock-content-text {
  color: #a0a0a0;
  font-size: 1.4rem;
  line-height: 1.5;
}

.rock-content-text.m-copyright {
  font-size: 1.2rem;
}

.rock-caption {
  margin-top: 15px;
  line-height: 1.4;
}

.rock-copyright {
  margin-top: 15px;
  color: #a0a0a0;
  font-size: 1.2rem;
  line-height: 1.4;
}

.rock .content__section:nth-child(odd) .rock-copyright {
  color: #a0a0a0;
}

.rock .content__section:nth-child(even) .rock-copyright {
  color: #000;
  font-weight: bold;
}

.rock-content-table {
  table-layout: fixed;
  width: 100%;
  margin-top: 10px;
  border-collapse: collapse;
}

.rock .content__section:nth-child(odd) .rock-content-table {
  color: #a0a0a0;
}

.rock .content__section:nth-child(even) .rock-content-table {
  color: #000;
  font-weight: bold;
}

.rock-content-heading {
  width: 80px;
  padding: 10px 0;
  font-size: 1.6rem;
  text-align: left;
  vertical-align: top;
}

.rock-content-data {
  padding: 10px 0;
  font-size: 1.6rem;
  text-align: left;
  vertical-align: top;
}

.rock-content-note {
  display: block;
  margin-top: 10px;
  font-size: 1.2rem;
  padding-left: 1em;
  text-indent: -1em;
}

.rock-btn-wrap {
  display: table;
  table-layout: fixed;
  max-width: 640px;
  width: 100%;
  margin-top: 20px;
}

.rock-btn {
  box-sizing: border-box;
  display: table-cell;
  height: 65px;
  padding: 5px 45px 5px 20px;
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: none;
  vertical-align: middle;
  transition: all .3s ease-out;
}

.rock-btn.m-red {
  background-image: url(../img/common/ico_arrow-rock-red-r.png);
  border: 1px solid #d7000f;
  color: #d7000f;
}

.rock-btn.m-red:hover,
.rock-btn.m-red:active {
  background-image: url(../img/common/ico_arrow-rock-black-r.png);
  background-color: #d7000f;
  color: #000;
}

.rock-btn.m-black {
  background-image: url(../img/common/ico_arrow-rock-black-r.png);
  border: 1px solid #000;
  color: #000;
}

.rock-btn.m-black:hover,
.rock-btn.m-black:active {
  background-image: url(../img/common/ico_arrow-rock-red-r.png);
  background-color: #000;
  color: #d7000f;
}

@media screen and (max-width: 767px) {

  .rock-content-heading {
    display: block;
    width: 100%;
    padding: 20px 0 0 0;
  }

  .rock-content-data {
    display: block;
    padding: 10px 0;
  }
}

.rock-btn.is-inactive {
  background-color: #aaa;
  background-image: none;
  color: #fff;
}

.rock-btn.is-inactive:hover {
  background-color: #aaa;
}