/*****************************************************************************
subTitle
*****************************************************************************/
.diy .subTitle__diy {
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  line-height: 1;
  padding-left: 16px;
}
@media screen and (max-width: 896px) {
  .diy .subTitle__diy {
    line-height: normal;
    padding-left: 0;
    display: block;
  }
}
.diy .subTitle__diy span {
  margin-bottom: 2px;
}
.diy .subTitle__diy span:nth-child(2) {
  padding-left: 6px;
}
@media screen and (max-width: 896px) {
  .diy .subTitle__diy span:nth-child(2) {
    padding-left: 0;
  }
}
@media screen and (max-width: 896px) {
  .diy .subTitle__diy span {
    margin-bottom: 0;
    margin-right: 2px;
  }
}

/*******************************************************************************
diy titleImg
*******************************************************************************/
.diy .titleImg__pc {
  background-image: url(../img/diy/title_pc.jpg);
}
.diy .titleImg__sp {
  background-image: url(../img/diy/title_sp.jpg);
}

/*******************************************************************************
dirSec
*******************************************************************************/
.diySec__item:not(:last-child) {
  margin-bottom: 96px;
}

.diySec__item__title {
  font-size: 24px;
  font-weight: bold;
  border-bottom: 1px solid #979797;
  padding-bottom: 8px;
  margin-bottom: 32px;
  letter-spacing: 0.1em;
}

.diySec__item__txt__caution {
  font-size: 14px;
}

/*******************************************************************************
diySubSec
*******************************************************************************/
.diySubSec:not(:last-child) {
  margin-bottom: 80px;
}

.diySubSec__title {
  font-weight: bold;
  margin-bottom: 16px;
  letter-spacing: 0.05em;
}

.diySubSec__txt a {
  display: inline-block;
}

.diySubSec .subMain__sec__img {
  margin-bottom: 16px;
}

/*******************************************************************************
diyFlow
*******************************************************************************/
.diyFlow:not(:last-child) {
  margin-bottom: 48px;
}

.diyFlow__title {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.1em;
}

/*******************************************************************************
diyEqp
*******************************************************************************/
.diyEqp {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 480px) {
  .diyEqp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
}
.diyEqp:not(:last-child) {
  margin-bottom: 64px;
}

.diyEqp__img {
  width: 400px;
  margin-right: 32px;
}
@media screen and (max-width: 896px) {
  .diyEqp__img {
    width: calc(45% - 32px);
  }
}
@media screen and (max-width: 480px) {
  .diyEqp__img {
    width: 100%;
    margin-bottom: 16px;
  }
}
.diyEqp__img img {
  width: 100%;
}
.diyEqp__img img:first-child {
  margin-bottom: 16px;
}

.diyEqp__info {
  width: 400px;
}
@media screen and (max-width: 896px) {
  .diyEqp__info {
    width: 55%;
  }
}
@media screen and (max-width: 480px) {
  .diyEqp__info {
    width: 100%;
  }
}

.diyEqp__info__title {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 8px;
  letter-spacing: 0.1em;
}

.diyEqp__info__txt {
  text-align: justify;
  border-bottom: 1px solid #979797;
  padding-bottom: 32px;
}

.diyEqp__info__item {
  border-bottom: 1px solid #979797;
  padding: 16px 0;
}

/*******************************************************************************
diyWork
*******************************************************************************/
.diyWork {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-top: 64px;
}
@media screen and (max-width: 896px) {
  .diyWork {
    margin: 64px -8px 0;
  }
}
.diyWork .project:nth-child(4) {
  margin-top: 48px;
}

.diyWork__item__txt {
  text-align: justify;
  margin-bottom: 8px;
}