@charset "UTF-8";

.media_list_course {
  width: 481px;
  margin: 0 auto 25px;
}

.media_list_course > p {
  background: url('../img/hdg_bg_pc.png') no-repeat;
  background-size: cover;
  color: #fff;
  font-size: 25px;
  text-align: center;
}

.media_list_lead_text {
  text-align: center;
  font-size: 16px;
}

.media_list_ttl {
  margin: 26px 0 0;
  font-weight: 500;
}

.section01 .media_list {
  display: block;
}

.section01 .media_list_item {
  max-width: 808px;
}

.section01 .u-inner {
  padding-bottom: 100px;
}

.section02 .u-inner {
  padding-top: 100px;
}

.section02 .media_list_ttl{
  margin: 0;
  font-weight: 500;
}

.section02 .media_list_item {
  width: calc(100% / 3 - 20px);
}

.section02 .media_list_item:not(:nth-of-type(3n+1)),
.section03 .media_list_item:not(:nth-of-type(3n+1)) {
  margin: 30px 0 0 30px;
}

.section03 .media_name{
  display: none;
}

.section03 .u-inner {
  padding-bottom: 90px;
}

.media_list {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  align-items: flex-end;
}

.section_bg-color {
  background: #f7f5ef;
}

.kv_theme .kv_theme_ttl.u-is-pc {
  width: auto;
}

.media_list_ttl--bronze{
  color: #a26e44;
  font-weight: 500;
}

.section04 .media_name,
.section05 .media_name,
.section06 .media_name{
  display: none;
}

.section06 .media_list,
.section04 .media_list {
  justify-content: space-between;
}

.media_list_ttl--hundred-thousand{
  color: #83b28c;
}

.media_list_ttl--joe{
  color: #b2ac91;
}

.media_list_ttl--cameraman{
  color: #b29194;
  font-weight: 500;
}

.media_list_name {
  font-weight: 600;
}

.section05 {
  background-color: #f7f5ef;
}

.c-btn {
  border-radius: 40px;
}

.c-btn > span {
  font-weight: 500;
  padding: 14px 0;
}

.p-bnrArea {
  background-color: #f0efed;
}

@media screen and (max-width: 768px) {
  .kv.u-inner {
    padding: 2em 0 0;
  }

  .media_list_course {
    width: 100%;
  }
  
  .media_list_lead_text {
    font-size: 13px;
  }
  
  .media_list_course > p {
    font-size: 1.59em;
    background: url('../img/hdg_bg_sp.png?22') no-repeat;
    background-size: contain;
  }
  
  .section01 .u-inner {
    padding-bottom: calc(130/750*100%);
  }

  .section01 .media_list_ttl {
    margin-top: 0;
  }

  .section02 .u-inner {
    padding: calc(70/750*100%) 3em calc(130/750*100%);
  }

  .section02 .media_list_item,
  .section03 .media_list_item {
    width: 100%;
  }
  
  .section02 .media_list_item:nth-of-type(1),
  .section02 .media_list_item:nth-of-type(4) {
    margin: calc(60/750*100%) 0 0;
  }

  .section02 .media_list_item:nth-of-type(n+2), 
  .section03 .media_list_item:nth-of-type(n+2) {
    margin: 30px 0 0;
  }
  .kv_theme_ttl.u-is-sp {
    max-width: 240px;
    margin-right: auto;
    margin-left: auto;
  }

  .section03 .media_list_item {
    margin-top: calc(60/750*100%);
  }

  .section03 .u-inner {
    padding-bottom: calc(130/750*100%);
  }

  .section04 .media_list,
  .section05 .media_list{
    justify-content: center;
  }

  .section05 .u-inner {
    padding-bottom: calc(150/750*100%);
  }

  .section06 .media_list_item{
    width: 48%;
  }

  .section05.section_sp-color{
    background-color: #f7f5ef;
  }

  .media_list_ttl--cameraman {
    margin-top: 0;
  }
  .section05 .u-inner.js-fade {
    padding-top: calc(90/750*100%);
  }

  a.linkArea-link {
    font-size: 14px;
    border-radius: 40px;
  }

  .p-bnrArea__inner__line {
    margin-left: 2.127659574468085%;
  }

}