.cmshtml {
  /* CSS Document */
}

@media screen and (max-width: 767px) {
  .cmshtml {
    /* title-icon */
    /* header */
    /*contents-blog*/
  }
  .cmshtml .title-icon .title-icon-img {
    width: 35px;
    max-width: 35px;
    height: 35px;
    margin-top: -3px;
  }
  .cmshtml .title-icon .rdplanetitle h4 {
    padding-left: 45px;
  }
  .cmshtml .header-left {
    top: 0px;
    width: 180px;
    max-width: 180px;
  }
  .cmshtml .header-left .h-logo01 {
    display: none;
  }
  .cmshtml .header-left .h-logo02 {
    display: block;
  }
  .cmshtml .contents-blog {
    width: 92%;
    gap: 30px 0px;
  }
  .cmshtml .contents-blog .blog-left {
    width: 100%;
  }
  .cmshtml .contents-blog .blog-left2 {
    padding: 35px 25px;
    border-radius: 25px;
    border-width: 3px;
  }
  .cmshtml .contents-blog .blog-right {
    width: 100%;
    max-width: 100%;
  }
  .cmshtml .pc-view {
    display: none;
  }
  .cmshtml .sp-view {
    display: block;
  }
}