@charset "UTF-8";
.cont-url a {
    display: inline-block;
    word-break: break-all;
    line-height: 1.2;
    width: calc(100% - 50px);
    vertical-align: top;
    margin-left: 5px;
    margin-top: 10px;
}
.cont-content-wrap a {
    color: #007BD4;
}
.cont-wrap {
  margin-top: 190px;
  padding-bottom: 80px;
}
.custom-cont-01 + hr {
  display: none
}
.cont-date {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.50394444444;
  vertical-align: -3px;

}
.cont-content-wrap .content-thumb {
    margin-bottom: 105px;
    width: 990px;
    margin-left: -100px;
}
.cont-content-wrap .content-thumb img {
margin-top: 50px;
}

.cont-tag {
  vertical-align: top;
  display: inline-block;
  color: #FFF;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 500;
  height: 30px;
  line-height: 30px;
  background-color: #B88B68;
  border-radius: 6px;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: 10px;
}

.cont-ttl {
  font-size: 3.4rem;
  font-weight: 500;
  line-height: 1.20882352941;
  letter-spacing: -0.34px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.cont-target {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.50394444444;
  padding-bottom: 10px;
  border-bottom: solid 2px #000;
}

.cont-hashtag {
  font-size: 2.0026rem;
  font-weight: 500;
  line-height: 1.35179266953;
  letter-spacing: -0.2px;
  margin-top: 15px;
}

.cont-hashtag li {
  display: inline-block;
  margin-right: 5px;
}


.cont-thumb {
  margin-top: 50px;
  width: 100%;
  height: 0;
  padding-top: 59%;
  background-color: #D9D9D9;
  background-position: center;
  background-size: cover;
  margin-bottom: 105px;

}

.contents-custom-block {
  max-width: 790px;
  margin: auto;
  background-color: #fff;
  border-radius: 17px;
  padding: 41px 103px;
  box-sizing: border-box;
}

.custom-hd-wrap {
  display: table;
  height: 104px;
  width: 100%;
}

.custom-hd-img {
  display: table-cell;
  width: 104px;
  border-radius: 55px;
  /*background-color: #D9D9D9;*/
  background-size: contain;
  background-repeat: no-repeat;
}
.custom-hd-wrap .custom-hd-img img {
  margin-top: 0;
}
.custom-hd-txt {
  display: table-cell;
  width: calc(100% - 104px);
  padding-left: 38px;
  padding-top: 20px;
  vertical-align: top;
}

.custom-name {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.50394444444;
}

.custom-y {
  color: rgba(40, 40, 40, 0.35);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6919375;
  margin-top: 10px;
}

.custom-cont-01 {
  width: 100%;
  margin-top: 35px;
  padding-bottom: 35px;
  font-size: 1.803rem;
  font-weight: 300;
  line-height: 1.55296727676;
  letter-spacing: -0.361px;
  border-bottom: 2px solid #000;
}

.custom-cont-02 {
  margin-top: 35px;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.50394444444;
}

.custom-cont-03 {
  margin-top: 15px;
  font-size: 1.803rem;
  font-weight: 300;
  line-height: 1.55296727676;
  letter-spacing: -0.361px;
}

.cont-content-wrap {
  max-width: 790px;
  margin: auto;
  font-size: 1.803rem;
  font-weight: 400;
  line-height: 2.27953410982;
  letter-spacing: -0.361px;
}

.cont-content-wrap h3 {
  position: relative;
  text-align: center;
  font-size: 3.0rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.3px;
  margin-bottom: 87px;
  margin-top: 240px;

}
.custom-cont-02 strong {
font-weight: bold;
}
.cont-content-wrap h3::after {
  position: absolute;
  content: '';
  display: block;
  width: 56px;
  height: 2px;
  background-color: #000;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -36px;
}

.cont-content-wrap h4 {
  margin-top: 71px;
  margin-bottom: 51px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.7125;
  letter-spacing: -0.48px;
}

.cont-content-wrap img {
  width: 100%;
  margin-top: 57px;
}

.cont-content-wrap p+p {
  margin-top: 2em;
}

.return-cont a {
  display: block;
  width: 100%;
  max-width: 790px;
  margin: auto;
  height: 73px;
  line-height: 73px;
  text-align: center;
  border: 2px solid #000;
  border-radius: 44px;
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: -0.36px;
  margin-top: 100px;
}

.cont-lst {
  width: calc(100% + 30px);
  padding-left: 0px;
  box-sizing: border-box;
  font-size: 0;
  letter-spacing: 0;
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 120px;
}

.cont-unit {
  width: 33.3%;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 100px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
}

.cont-unit dt {
  width: 100%;
  height: 0;
  padding-top: 68%;
  position: relative;
}

.cont-unit dt a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-color: #D9D9D9;
  top: 0;
  bottom: 0;
  
}

.cont-unit dd {
  width: 100%;
  box-sizing: border-box;
  margin-top: 20px;
}

.cont-date {
  display: inline-block;
  vertical-align: -3px;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.50394444444;
}

.cont-tag {
  display: inline-block;
  vertical-align: top;
  color: #FFF;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 30px;
  height: 30px;
  background-color: #B88B68;
  border-radius: 6px;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: 10px;
}

.recommend-wrap .cont-ttl {
  height: 64px;
  overflow: hidden;
  letter-spacing: -0.24px;
  margin-top: 15px;
  margin-bottom: 0px;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.33333333333;
  letter-spacing: -0.24px;
}

.cont-target {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.66666666667;
  border-bottom: solid 2px #000;
  padding-bottom: 15px;
  margin-top: 7px;
}

.cont-hashtag {
  font-size: 2.0026rem;
  font-weight: 500;
  line-height: 1.35179266953;
  letter-spacing: -0.2px;
  margin-top: 20px;
}

.cont-hashtag li {
  display: inline-block;
  margin-right: 5px;
}

.recommend-wrap {
  margin-top: 240px;
}

@media only screen and (max-width: 1000px) {
.cont-content-wrap .content-thumb {
    width: 500px;
    margin-left: 0px;
  }
  .cont-ttl {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.45833333333;
    letter-spacing: -0.24px;
  }

  .cont-target {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.50394444444;
  }

  .cont-hashtag {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.50394444444;
    letter-spacing: -0.18px;
  }

  .cont-thumb {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .contents-custom-block {
    padding: 41px 25px;
  }

  .custom-hd-img {
    width: 80px;
    border-radius: 40px;
    background-color: #fff
  }

  .custom-hd-txt {
    width: calc(100% - 80px);
    padding-left: 13px;
    padding-top: 0px;
  }

  .custom-y {
    color: rgba(40, 40, 40, 0.35);
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6919375;
  }

  .custom-hd-wrap {
    height: auto;
    margin-bottom: 17px;
  }

  .custom-cont-01 {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.28px;
    padding-bottom: 17px;
  }

  .custom-cont-02 {
    margin-top: 17px;
  }

  .custom-cont-03 {
    margin-top: 11px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.28px;
  }

  .cont-content-wrap {
    margin-top: 0px;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.1875;
    letter-spacing: -0.32px;
  }

  .cont-content-wrap h3 {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.875;
    letter-spacing: -0.24px;
    margin-bottom: 66px;
  }

  .cont-content-wrap h4 {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.50394444444;
    letter-spacing: -0.36px;
    margin-top: 2.5em;
    margin-bottom: 2em;
  }

  .cont-content-wrap img {
    margin-top: 30px;
  }

  .cont-lst {
    width: calc(100% + 14px);
    margin-left: -7px;
    margin-right: -7px;
    margin-top: 94px;
  }

  .cont-unit {
    width: 50%;
    padding-left: 7px;
    padding-right: 7px;
    margin-bottom: 44px;
  }

  .cont-unit dd {
    margin-top: 10px;
  }

  .recommend-wrap {
    margin-top: 120px;
  }

  .recommend-wrap .cont-date {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.28307142857;
    vertical-align: -16px;
  }

  .recommend-wrap .cont-tag {
    font-size: 1.4rem;
    font-weight: 500;
    height: 19px;
    line-height: 19px;
    padding: 0 6px;
    border-radius: 3.981px;
    padding-top: 2px;
  }

  .recommend-wrap .cont-ttl {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.14px;
    margin-top: 6px;
  }

  .recommend-wrap .cont-target {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.02008333333;
    margin-top: 6px;
    padding-bottom: 6px;
  }

  .recommend-wrap .cont-hashtag {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: -0.12px;
    margin-top: 6px;
  }

}
@media only screen and (max-width: 550px) {
.cont-content-wrap .content-thumb {
    width: 100%;
  }