@media screen and (max-width: 767px) {
  .cmshtml {
    /* main-img-top */
    /* contents-top */
    /* box-title */
    /* link01 */
    /* contents01 */
    /* contents02 */
    /* contents03 */
    /* contents04 */
    /* contents05 */
    /* news */
  }


.cmshtml .contents02 .animation_box3, .cmshtml .contents04 .animation_box3 {
	transition-delay: .5s;
}

.cmshtml .contents03 .animation_box2, .cmshtml .contents03 .animation_box3 {
	transition-delay: .5s;
}

  .cmshtml .box-mainslider {
    height: 55vh;
  }
  .cmshtml .main-img-top .mainslider img {
    height:67vh;
  }

.cmshtml .main-img-top .mainslider .rdslide img.rdimg {
width: 100vw;
height: 67vh;
}

  .cmshtml .main-img-top .box-concept {
    height: 55vh;
  }
  .cmshtml .main-img-top .box-concept::before {
    margin-bottom: -8vh;
  }
  .cmshtml .main-img-top .box-concept .box001 h2 {
    font-size: 4.5vw;
  }
  .cmshtml .main-img-top .box-concept .box002 h2 {
    font-size: 6vw;
  }
  .cmshtml .main-img-top .box-concept h3 {
    font-size: 11vw;
  }
  .cmshtml .main-img-top .box-text {
    width: 88%;
    max-width: 88%;
  }
  .cmshtml .contents-top {
    background-size: 100% auto;
  }
}

@media screen and (max-width: 767px) and (max-width: 600px) {
  .cmshtml .contents-top {
    background-size: 250% auto;
  }
}

@media screen and (max-width: 767px) {
  .cmshtml .contents01 .box-title, .cmshtml .contents-top .box-title {
    margin-bottom: 35px;
  }
  .cmshtml .contents05 .box-title {
    margin-bottom: 0px;
  }
  .cmshtml .contents01 .box-title::after, .cmshtml .contents-top .box-title::after {
    margin-top: 25px;
    height: 3px;
  }
  .cmshtml .contents01 .box-title h2, .cmshtml .contents-top .box-title h2 {
    font-size: 16px;
    margin-bottom: 12px;
  }
  .cmshtml .contents05 .box-title h2 {
    margin-top: 17px;
  }
  .cmshtml .contents01 .box-title h3, .cmshtml .contents-top .box-title h3 {
    font-size: 44px;
  }
  .cmshtml .contents-top h6.link01 a {
    font-size: 15px;
    padding: 22px 0px;
    min-width: 280px;
  }
  .cmshtml .contents-top h6.link01 a::after {
    right: 20px;
  }
  .cmshtml .contents01 {
    padding: 120px 0px 200px;
    clip-path: polygon(0 80px, 100% 0, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0 80px, 100% 0, 100% 100%, 0% 100%);
  }
  .cmshtml .contents01::before {
    right: 10px;
    width: 70%;
    min-width: 280px;
  }
  .cmshtml .contents01::after {
    background-position: center bottom;
    background-size: 100% auto;
  }
}

@media screen and (max-width: 767px) and (max-width: 600px) {
  .cmshtml .contents01::after {
    background-size: 250% auto;
  }
}

@media screen and (max-width: 767px) {
  .cmshtml .contents01 .box-inner {
    width: 88%;
  }
  .cmshtml .contents01 h4 {
    font-weight: var(--base-weight);
    font-size: 24px;
  }
  .cmshtml .contents01 h5 {
    font-size: 16px;
    letter-spacing: 0.05em;
    padding: 30px 0px 40px;
  }
  .cmshtml .contents02 .box-inner {
    width: 88%;
  }
  .cmshtml .contents02 .box-detail {
    justify-content: center;
    gap: 30px 5%;
    padding-top: 20px;
  }
  .cmshtml .contents02 .box-detail .box {
    width: 47.5%;
  }
}

@media screen and (max-width: 767px) and (max-width: 600px) {
  .cmshtml .contents02 .box-detail {
    gap: 50px 30px;
  }
  .cmshtml .contents02 .box-detail .box {
    width: 90%;
    max-width: 340px;
  }
}

@media screen and (max-width: 767px) {
  .cmshtml .contents02 .box-category .inner {
    padding-bottom: 50px;
  }
  .cmshtml .service01 {
    margin-top: 0px;
  }
  .cmshtml .service02 {
    margin-top: 0px;
  }
  .cmshtml .service01 .box-category .inner::after {
    height: 65px;
  }
  .cmshtml .service02 .box-category .inner::after {
    height: 65px;
  }
  .cmshtml .service03 .box-category .inner::after {
    height: 65px;
  }
  .cmshtml .contents02 .box-link {
    position: static;
    width: 100%;
    text-align: center;
    padding-top: 40px;
  }
  .cmshtml .contents02 h4 {
    font-size: 22px;
  }
  .cmshtml .contents03 {
    padding: 100px 0px 70px;
  }
  .cmshtml .contents03 .box-inner {
    width: 88%;
  }
  .cmshtml .contents03 .box-detail {
    justify-content: center;
    padding-top: 0px;
    gap: 30px;
  }
  .cmshtml .contents03 .lay01 {
    width: 100%;
  }
  .cmshtml .contents03 .lay02 {
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
  .cmshtml .contents03 .lay02 .box {
    margin-top: 12px;
  }
  .cmshtml .contents03 h4 {
    font-size: 28px;
    letter-spacing: 0.05em;
    margin-bottom: 25px;
  }
  .cmshtml .contents04 {
    background-size: 250% auto;
  }
  .cmshtml .contents04 .box-inner-wrap::before {
    height: 440px;
  }
  .cmshtml .contents04 .box-inner {
    width: 88%;
    padding: 50px 0px 120px;
  }
  .cmshtml .contents04 .box-detail {
    justify-content: center;
    gap: 30px 5%;
    padding-top: 20px;
  }
  .cmshtml .contents04 .box-detail .box {
    width: 47.5%;
  }
}

@media screen and (max-width: 767px) and (max-width: 600px) {
  .cmshtml .contents04 .box-detail {
    gap: 50px 30px;
  }
  .cmshtml .contents04 .box-detail .box {
    width: 90%;
    max-width: 340px;
  }
}

@media screen and (max-width: 767px) {
  .cmshtml .contents04 .box-detail .box:nth-child(1) {
    margin-top: 0px;
  }
  .cmshtml .contents04 .box-detail .box:nth-child(2) {
    margin-top: 0px;
  }
  .cmshtml .contents04 .box-img::after {
    border-width: 12px;
  }
  .cmshtml .contents04 .box-category .inner {
    width: 95%;
    max-width: 95%;
    padding-left: 90px;
  }
  .cmshtml .contents04 .box-category .inner::before {
    left: 15px;
    top: 15px;
    font-size: 55px;
  }
  .cmshtml .contents04 .lay02 {
    padding-top: 20px;
  }
  .cmshtml .contents04 h5 {
    font-size: 22px;
    padding-top: 5px;
  }
  .cmshtml .contents04 h6 {
    font-size: 22px;
  }
  .cmshtml .contents05 .box-inner {
    width: 88%;
    padding: 65px 0px;
    justify-content: center;
    gap: 30px;
  }
  .cmshtml .contents05 .lay01 {
    width: 100%;
  }
  .cmshtml .contents05 .box-title {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    gap: 0px 5px;
  }
  .cmshtml .contents05 .lay02 {
    width: 100%;
  }
  .cmshtml .contents05 .lay03 {
    width: 100%;
    position: static;
    text-align: right;
    padding-top: 20px;
  }
  .cmshtml .contents-top .rdplaneinfo .rdNewInfoList_ez-item, .cmshtml .contents-top .news_text .rdnewArticle .rdnewArticle-item {
    padding: 20px 10px;
  }
  .cmshtml .contents-top .rdNewInfoList_ez .rdNewInfoList_ez-item {
    padding: 20px 10px;
  }
  .cmshtml .contents-top .news_img .rdnewArticle .rdnewArticle-item {
    width: 48%;
    max-width: 48%;
    margin-right: 0px;
    padding: 0px;
  }
  .cmshtml .contents-top .news_img .rdnewArticle .rdnewArticle-thumbnail {
    border-radius: 20px;
    text-align: center;
  }
  .cmshtml .contents-top .news_img .rdnewArticle .rdnewArticle-item img {
    width: 100%;
    max-width: 400px;
  }
  .cmshtml .contents-top .news_img .rdnewArticle {
    gap: 25px 4%;
  }
  .cmshtml .contents-top .rdNewInfoList_ez-ContDate, .cmshtml .contents-top .rdnewArticle .rdnewArticle-ContDate {
    width: 100%;
    max-width: 100%;
    border-right-style: none;
  }
  .cmshtml .contents-top .rdNewInfoList_ez-ContTitle, .cmshtml .contents-top .news_text .rdnewArticle .rdnewArticle-ContTitle {
    padding-left: 0px;
  }
  .cmshtml .contents-top .rdNewInfoList_ez-ContDate::after, .cmshtml .contents-top .rdnewArticle .rdnewArticle-ContDate::after {
    display: none;
  }
  .cmshtml .contents05 h6 a {
    font-size: 18px;
    padding-right: 55px;
  }
  .cmshtml .contents05 h6 a::before {
    width: 45px;
    height: 45px;
    margin-top: -12px;
  }
  .cmshtml .contents05 h6 a:hover::before {
    margin-right: 0px;
  }
  .cmshtml .pc-view {
    display: none;
  }
  .cmshtml .sp-view {
    display: inline-block;
  }
}