/*
画像+見出し+本文
===============================================*/

.post-box {
  margin: 0 0 40px;
}
.post-img {
  margin: 0 0 40px;
}
.post-img img {
  width: 100%;
}
.post-ttl {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.6;
  margin: 0 0 40px;
}
.post-txt {
  line-height: 2;
}
.post-img:empty {
  display: none;
}
.post-ttl:empty {
  display: none;
}
.post-txt:empty {
  display: none;
}

@media screen and (max-width: 767px) {
  .post-box {
    margin: 0 0 24px;
  }
  .post-img {
    margin: 0 0 24px;
  }
  .post-ttl {
    font-size: 18px;
    margin: 0 0 24px;
  }
}
/*
===============================================*/


/*
リスト（番号+文章）
===============================================*/
.howTo {
  position: relative;
  padding: 0 0 0 56px;
  margin: 0 0 40px;
}
.num {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  border-radius: 100%;
  background: #333;
}
.howTo-detail {
  display: flex;
  justify-content: space-between;
}
.howTo-txt {
  flex: 1;
  word-break: break-all;
  line-height: 2;
}
.howTo-img {
  width: 48.08%;
  margin: 0 0 0 40px;
}
.howTo-img:empty {
  display: none;
}

@media screen and (max-width: 767px) {
  .howTo {
    margin: 0 0 24px;
  }
  .howTo-detail {
    display: block;
  }
  .howTo-img {
    width: auto;
    text-align: left;
    margin: 16px 0 0;
  }
}
/*
===============================================*/


/*
POINT（文章）
===============================================*/
.point {
  border-radius: 4px;
  border: 1px solid #E6E6E6;
  padding: 32px;
  margin: 0 0 40px;
}
.point-ttl {
  position: relative;
  font-family: 'Oswald';
  font-size: 20px;
  line-height: 1.2;
  padding: 0 0 0 28px;
  margin: 0 0 16px;
}
.point-ttl:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
}
.point-txt {
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .point {
    padding: 24px;
    margin: 0 0 24px;
  }
  .point-ttl {
    font-size: 18px;
    margin: 0 0 8px;
  }
  .point-ttl:before {
    top: 0;
  }
}
/*
===============================================*/


/*
動画（iframeタグを入力）
===============================================*/
.movie {
  position: relative;
  margin: 0 0 40px;
  padding-top: 58.25%;
}
.movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  vertical-align: top;
}

@media screen and (max-width: 767px) {
  .movie {
    padding-top: 68.25%;
    margin: 0 0 24px;
  }
}

/*
===============================================*/


/*
自由入力（エディター機能で自由な入力が可能）
===============================================*/
.editor {
  margin: 0 0 40px;
}
.editor a {
  color: #1571DA;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .editor a:hover {
    text-decoration: none;
  }
}

@media screen and (max-width: 767px) {
  .editor {
    margin: 0 0 24px;
  }
  .editor a {
    text-decoration: underline;
  }
}
/*
===============================================*/