@media screen and (max-width: 767px) {
  .cmshtml {
    /* main-img-top */
    /* contents-top */
    /* contents01 */
    /* contents02 */
    /* contents03 */
    /* contents04 */
    /* contents05 */
    /* footer-img */
  }
  .cmshtml .link01 {
    display: inline-block;
    width: 210px;
    min-width: 210px;
  }
  .cmshtml .link01 a {
    padding: 17px 30px;
  }
  .cmshtml .link01 a::after {
    right: 15px;
  }
  .cmshtml .box-mainslider .box::before {
    height: 60%;
  }
  .cmshtml .box-mainslider .box img {
    height: 92vh;
  }
  .cmshtml .main-img-top .box-text {
    padding-bottom: 120px;
    width: 100%;
    max-width: 100%;
  }
  .cmshtml .main-img-top h2 {
    font-size: 7vw;
  }
  .cmshtml .main-img-top h3 {
    font-size: 3.5vw;
    padding-top: 10px;
  }
  .cmshtml .contents-top {
    background-size: 100% auto;
  }
  .cmshtml .midashi-box h2 {
    font-size: 50px;
  }
  .cmshtml .midashi-box h3 {
    font-size: 18px;
    padding-left: 55px;
  }
  .cmshtml .midashi-box h3::before {
    top: 12px;
    width: 40px;
  }
  .cmshtml .contents01 {
    padding-bottom: 60px;
    background-size: 100% auto;
  }
  .cmshtml .contents01 .box-inner {
    width: 88%;
    padding-top: 0px;
  }
  .cmshtml .contents01 .lay01 {
    position: static;
    margin-bottom: 40px;
  }
  .cmshtml .contents01 .lay02 {
    padding-left: 0%;
  }
  .cmshtml .contents01 .rdNewInfoList_ez, .cmshtml .contents01 .news_text .rdnewArticle {
    height: 240px;
  }
  .cmshtml .contents01 .rdplaneinfo .rdNewInfoList_ez-item, .cmshtml .contents01 .rdnewArticle .rdnewArticle-item {
    padding: 15px 10px;
  }
  .cmshtml .contents01 .rdNewInfoList_ez .rdNewInfoList_ez-item {
    padding: 15px 10px;
  }
  .cmshtml .contents01 .rdplaneinfo .rdNewInfoList_ez-item::before, .cmshtml .contents01 .rdnewArticle .rdnewArticle-item::before {
    display: none;
  }
  .cmshtml .contents01 .news_img .rdnewArticle .rdnewArticle-item {
    width: 48.5%;
    max-width: 48.5%;
    padding: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    text-align: center;
  }
  .cmshtml .contents01 .news_img .rdnewArticle .rdnewArticle-item img {
    width: 100%;
    max-width: 400px;
  }
  .cmshtml .contents01 .news_img .rdnewArticle {
    justify-content: center;
    gap: 15px 3%;
  }
  .cmshtml .contents01 .rdNewInfoList_ez-ContDate, .cmshtml .contents01 .rdnewArticle .rdnewArticle-ContDate {
    width: 100%;
    max-width: 100%;
    border-right-style: none;
  }
  .cmshtml .contents01 .rdNewInfoList_ez-ContTitle, .cmshtml .contents01 .news_text .rdnewArticle .rdnewArticle-ContTitle {
    padding-left: 0px;
  }
  .cmshtml .contents01 .news_img .rdnewArticle .rdnewArticle-ContTitle {
    text-align: left;
  }
  .cmshtml .contents01 .rdNewInfoList_ez-ContDate, .cmshtml .contents01 .rdnewArticle .rdnewArticle-ContDate {
    font-size: 15px;
  }
  .cmshtml .contents01 .news_img .rdnewArticle .rdnewArticle-ContDate {
    font-size: 14px;
  }
  .cmshtml .contents01 .lay03 {
    padding-top: 40px;
  }
  .cmshtml .contents02 {
    padding: 60px 0px;
  }
  .cmshtml .contents02 .box-inner {
    width: 88%;
    justify-content: center;
    gap: 40px;
  }
  .cmshtml .contents02 .lay01 {
    width: 100%;
    margin-right: 0px;
  }
  .cmshtml .contents02 .box-text {
    padding-top: 30px;
  }
  .cmshtml .contents02 .lay02 {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
  .cmshtml .contents02 .wc_textbox br, .cmshtml .contents02 p br {
    display: none;
  }
  .cmshtml .contents03 {
    background-position: center top 100px;
    background-size: 200% auto;
  }
  .cmshtml .contents03 .box-img {
    margin-bottom: 50px;
  }
  .cmshtml .contents03 .box-img img {
    height: auto;
    min-height: 200px;
  }
  .cmshtml .contents03 .slide-wrap {
    width: 88%;
    max-width: 88%;
    justify-content: center;
    margin: 0px auto;
  }
  .cmshtml .contents03 .lay01 {
    width: 100%;
    max-width: 100%;
  }
  .cmshtml .contents03 .box-detail {
    background-color: #FFF;
    padding: 0px 20px 0px;
    margin-top: 40px;
  }
  .cmshtml .contents03 .box-detail .box {
    padding: 25px 0px 30px;
  }
  .cmshtml .contents03 .box-detail .box::before {
    right: 5px;
    height: 15px;
  }
  .cmshtml .contents03 .box-title {
    padding-left: 70px;
    margin-bottom: 20px;
  }
  .cmshtml .contents03 .box-title::before {
    height: 60px;
  }
  .cmshtml .contents03 .img-detail {
    padding: 20px 0px;
    text-align: center;
    width: 100%;
  }
  .cmshtml .contents03 .img-detail img {
    width: 100%;
    max-width: 300px;
    max-height: 300px;
  }
  .cmshtml .contents03 .lay02 {
    display: none;
  }
  .cmshtml .contents03 h4 {
    font-size: 16px;
    padding: 5px 0px;
  }
  .cmshtml .contents03 h5 {
    font-size: 25px;
    letter-spacing: 0.05em;
  }
  .cmshtml .contents04 {
    padding: 60px 0px 60px;
  }
  .cmshtml .contents04 .box-inner {
    width: 88%;
  }
  .cmshtml .contents04 .lay01 {
    width: 100%;
    max-width: 100%;
    justify-content: center;
    gap: 30px;
  }
  .cmshtml .contents04 .lay01 .midashi-box {
    width: 100%;
    max-width: 100%;
  }
  .cmshtml .contents04 .lay01 .box-text {
    width: 100%;
    max-width: 100%;
  }
  .cmshtml .contents04 .lay02 {
    padding-top: 40px;
    gap: 30px 4%;
  }
  .cmshtml .contents04 .lay02 .box {
    width: 48%;
    max-width: 48%;
    margin-right: 0%;
  }
  .cmshtml .contents04 .lay02 .box:nth-child(2n) {
    margin-right: 0px;
  }
  .cmshtml .contents04 .box-detail {
    padding-top: 15px;
  }
  .cmshtml .contents04 .box-detail .box001 {
    min-height: 0px;
    padding-bottom: 10px;
    margin-bottom: 15px;
  }
  .cmshtml .contents04 .box-detail .box002 {
    text-align: left;
    padding-top: 30px;
  }
  .cmshtml .contents04 .box-detail .box002::before {
    font-size: 14px;
  }
  .cmshtml .contents04 .lay03 {
    width: 100%;
    max-width: 100%;
    position: static;
    text-align: center;
    padding-top: 40px;
  }
  .cmshtml .contents04 h4 {
    font-size: 14px;
  }
  .cmshtml .contents04 h5 {
    font-size: 20px;
  }
  .cmshtml .contents04 .wc_textbox, .cmshtml .contents04 p {
    line-height: 2;
  }
  .cmshtml .contents05 .box-inner {
    justify-content: center;
  }
  .cmshtml .contents05 .box {
    width: 100%;
    max-width: 100%;
  }
  .cmshtml .contents05 .box-text {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
    padding-left: 7%;
    z-index: 1;
  }
  .cmshtml .contents05 .box-link {
    right: 5%;
    bottom: 30px;
  }
  .cmshtml .contents05 h2 {
    font-size: 40px;
  }
  .cmshtml .contents05 h3 {
    font-size: 18px;
    padding-top: 15px;
    padding-left: 5px;
  }
  .cmshtml .contents05 h6 {
    font-size: 15px;
    padding: 0px 5px 10px;
    padding-left: 30px;
  }
  .cmshtml .contents05 h6::before {
    left: 5px;
  }
  .cmshtml .contents05 .box:hover h6::before {
    left: 5px;
  }
  .cmshtml .footer-img h6 img {
    width: 80%;
    max-width: 400px;
  }
  .cmshtml .pc-view {
    display: none;
  }
  .cmshtml .sp-view {
    display: inline-block;
  }
}