@charset "UTF-8";
@media screen and (max-width: 1024px) {





    /*index*/
    .index .mainimg {
        height: 30rem;
    }

    .index .mainimg :is(h2, .sub) {
        font-size: 1.8rem !important;
        background: rgba(255, 255, 255, 0.8);
        padding: 0.125em 1em;
    }
    .index .mainimg .shadow {
        height: inherit;
    }
    .index .mainimg .pic {
        height: 30rem;
    }
    .index .mainimg .sub {
        font-size: 2.7rem;
    }
    .index .mainimg .banner {
        width: 15%;
        max-width: 7.5rem;
    }
    .index_cnt1 .inner .col2 .right [class^="pic"] {
        position: initial;
    }
    .index_cnt1 .inner .col2 .right .pic1 {
        margin: 0 auto 3rem;
    }
    .index_cnt1 .inner .col2 .right .pic2 {
        width: 100%;
    }
    .index_cnt2 .inner .col2 {
        padding: 0 0 3rem;
        margin: 0 auto 3rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    .index_cnt2 .inner .grid .set {
        padding: 0 0 3rem;
        margin: 0 auto 3rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    .index_cnt3 .webgene-blog {
        width: 80%;
        margin: auto;
        display: block;
    }
    .index_cnt3 .webgene-blog .webgene-item {
        padding: 0 0 3rem;
        margin: 0 auto 3rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    .index_cnt4 .inner .col2 .left .pic {
        transform: initial;
    }
    .index_cnt5 .inner .col2 .left .li {
        font-size: 2rem;
        height: 6rem;
    }





    /*dressing*/
    .dressing_cnt1 .inner .window p:not(:has(a)) {
        margin: 0 auto 1rem;
    }
    .dressing_cnt1 .inner .window p a {
        font-size: 2.4rem;
    }
    .dressing_cnt2 .inner .set:not(:last-of-type) {
        padding: 0 0 3rem;
        margin: 0 0 3rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    .dressing_cnt2 .inner .set .col2 .left {
        border: 0.5rem solid #fff;
    }
    .dressing_cnt2 .inner .set .grid .dl:not(:last-of-type) {
        margin: 0 auto 3rem;
    }
    .dressing_cnt2 .inner .set .grid .dt {
        font-size: 2rem;
    }
    .dressing_cnt2 .inner .set .col2 {
        margin: 0 auto 3rem;
    }
    .dressing_cnt2>.pic {
        margin: auto;
    }
    .dressing_cnt3 .inner .col2 .left .dt {
        font-size: 2.4rem;
    }
    .dressing_cnt3 .inner .col2 .left .window {
        display: block;
    }
    .dressing_cnt3 .inner .col2 .left .window h4 {
        width: fit-content;
        margin: 0 auto 3rem;
    }
    .dressing_cnt3 .inner .col2 {
        display: grid !important;
    }
    .dressing_cnt3 .inner .col2:not(:last-of-type) {
        padding: 0 0 3rem;
        margin: 0 0 3rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    .dressing_cnt3 .inner .col2 .right {
        grid-row: 1/2;
        width: 100%;
    }
    .dressing_cnt3 .inner .col2 * {
        min-width: 0 !important;
        min-height: 0 !important;
    }
    .dressing_cnt4 .inner .dt {
        font-size: 2.2rem;
    }
    .onsite_cnt3 .inner>h4 {
        width: 100%;
    }
    .onsite_cnt4 .inner .grid .set:not(:first-of-type) h4 {
        border-top: 0.1rem solid #000;
    }
    .onsite_cnt4 .inner .col2 .right {
        padding: 2rem;
    }
    /*
.onsite_cnt4 .inner .grid{
    display: grid !important;
    width: 100%;
    min-width: 100rem;
    overflow-x: scroll;
}
    */
    .onsite_cnt6 .inner .dt {
        font-size: 2rem;
    }





    /*onsite*/
    .onsite_cnt2 .inner .grid .dl {
        margin: 0 auto 3rem;
    }
    .onsite_cnt2 .inner .grid .dt {
        font-size: 2.2rem;
    }
    .onsite_cnt2 .slider {
        margin: auto;
    }




    /*rental*/
    .rental_cnt1 .inner .grid .dl {
        margin: 0 auto 3rem;
    }
    .rental_cnt1 .inner .grid .dt {
        font-size: 2.2rem;
    }
    .rental_cnt1 .slider {
        margin: auto;
    }
    .rental_cnt2 .inner h4 {
        width: 100%;
    }
    .rental_cnt3 .inner .grid .dl {
        margin: 0 auto 3rem;
        padding: 0 0 3rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    .rental_cnt3 .inner .grid .dl .dt {
        font-size: 2.2rem;
    }
    .rental_cnt4 .inner .slider2 .dl {
        display: block;
    }
    .rental_cnt4 .inner .slider2 .dt {
        font-size: 2.2rem;
        margin: 0 0 1rem;
    }
    .rental_cnt4 .inner .slider2 .catch {
        font-size: 2rem;
        margin: 0 0 1rem;
    }
    .rental_cnt4 .inner .slider2 .catch {
        margin: 0 0 1rem;
    }





    /*arrangement*/
    .arrangement_cnt2 .inner .col2 .left {
        border: 0.5rem solid #fff;
    }
    .arrangement_cnt2 .inner .grid .dl {
        margin: 0 auto 3rem;
    }
    .arrangement_cnt2 .inner .grid .dt {
        font-size: 2.2rem;
    }
    .arrangement_cnt3 .inner .window {
        margin: 0 auto 3rem;
    }
    .arrangement_cnt3 .inner .window .titleA {
        margin: 0 0 3rem;
    }
    .arrangement_cnt3 .inner .window>p {
        font-size: 2.7rem;
        margin: 0 0 1rem;
    }
    .arrangement_cnt3 .inner .window .col2 .left {
        border: 0.5rem solid #fff;
    }
    .arrangement_cnt4 .inner .grid .figure {
        margin: 0 auto 3rem;
        padding: 0 0 3rem;
    }
    .arrangement_cnt4 .inner .grid .figure:not(:last-of-type) .figcaption::after {
        content: "▼";
        font-size: initial;
        top: initial;
        bottom: 0;
        left: calc(50% - 0.5em);
        right: initial;
    }
    .arrangement_cnt5 .inner .col2 .left {
        margin: 0 auto 3rem;
        padding: 0 0 3rem;
    }
    .arrangement_cnt5 .inner .col2 .left::after {
        content: "▼";
        color: #a9a7a6;
        font-size: initial;
        bottom: 0;
        left: calc(50% - 0.5em);
        position: absolute;
    }



    /*flower*/
    .flower_cnt1 .inner .grid .dl {
        margin: 0 auto 3rem;
    }
    .flower_cnt1 .inner .grid .dt {
        font-size: 2.2rem;
    }
    .flower_cnt1 .inner .window p:not(:has(a)) {
        margin: 0 auto 1rem;
    }
    .flower_cnt1 .inner .window p a {
        font-size: 2.4rem;
    }
    .flower_cnt2 .inner .col2 {
        display: grid !important;
    }
    .flower_cnt2 .inner .col2:not(:last-of-type) {
        padding: 0 0 3rem;
        margin: 0 0 3rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    .flower_cnt2 .inner .col2 .left .dt {
        font-size: 2.2rem;
    }
    .flower_cnt2 .inner .col2 .right {
        grid-row: 1/2;
        width: 100%;
    }
    .flower_cnt2 .inner .col2 * {
        min-width: 0 !important;
        min-height: 0 !important;
    }
    .flower_cnt2>.pic {
        margin: auto;
    }
    .flower_cnt3 .inner .grid {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
    }
    .flower_cnt3 .inner .grid .figure {
        padding: 0 0 3rem;
        margin: 0 0 3rem;
    }

    .about_cnt1 .titleA {
        margin: 0 0 3rem;
    }
    .about_cnt1 .window {
        margin: 0 auto;
    }
    .about_cnt1 .window>p {
        font-size: 2.7rem;
        margin: 0 0 1rem;
    }
    .about_cnt1 .window .col2 .left {
        border: 0.5rem solid #fff;
    }
    .about_cnt2 .inner .dl {
        display: block;
        border-bottom: 0.1rem dashed #ccc;
        margin: 0 auto 3rem;
        padding: 0 0 3rem;
    }
    .about_cnt2 .inner .dt {
        width: 100%;
        font-size: 2.2rem;
        text-align: center;
        padding: 0 0 2rem;
        margin: 0 auto 1rem;
        border-bottom: 0.5rem double #231a16;
    }
    .about_cnt2 .inner .dd {
        width: 100%;
    }
    .about_cnt3 .inner .col2 .right .flex {
        display: block;
    }
    .about_cnt3 .inner .col2 .right .dl {
        display: grid;
        align-items: center;
        padding: 0;
    }
    .about_cnt3 .inner .col2 .right .dt {
        width: 100%;
    }
    .about_cnt3 .inner .col2 .right .sns {
        width: 100%;
        margin: 3rem auto;
    }
    .about_cnt3 .inner .col2 .right .qr {
        width: 100%;
        text-align: center;
        flex-wrap: wrap;
        margin: 3rem auto;
    }
    .about_cnt3 .inner .col2 .right .qr p {
        width: 100%;
        text-align: center;
    }
    .about_cnt3 .inner .grid .figure {
        margin: 0 auto 3rem;
        padding: 0 0 3rem;
    }
    .about_cnt3 .inner .grid .figure .pic {
        margin: 0 auto 3rem;
    }
    .about_cnt3 .inner .grid .figure:not(:last-of-type)::after {
        content: "▼";
        font-size: initial;
        top: initial;
        bottom: 0;
        left: calc(50% - 0.5em);
        right: initial;
    }
    .about_cnt3 .slider {
        margin: auto;
    }






    /*blog&blogdetail共通*/
    :is(.blog_cnt1, .blogdetail_cnt1) {
        width: 100%;
    }
    :is(.blog_cnt1, .blogdetail_cnt1) .inner .col2 {
        display: block;
    }

    :is(.blog_cnt1, .blogdetail_cnt1) .inner .col2 :is(.left, .right) {
        width: 100%;
    }
    :is(.blog_cnt1, .blogdetail_cnt1) .inner .col2 .left {
        margin: 0 auto 5rem;
    }
    :is(.blog_cnt1, .blogdetail_cnt1) .inner .col2 .left h3 {
        font-size: 2.4rem;
    }
    :is(.blog_cnt1, .blogdetail_cnt1) .inner .col2 .left>p {
        margin: 0 0 2rem;
    }
    :is(.blog_cnt1, .blogdetail_cnt1) .inner .col2 .left .webgene-blog {
        display: flex;
        flex-wrap: wrap;
        gap: 2rem;
    }
    :is(.blog_cnt1, .blogdetail_cnt1) .inner .col2 .left .webgene-blog .webgene-item {}
    :is(.blog_cnt1, .blogdetail_cnt1) .inner .col2 .left .webgene-blog .webgene-item p {
        margin: 0;
    }
    .blog_cnt1 .inner .col2 .right .webgene-blog {
        display: block;
    }
    .blog_cnt1 .inner .col2 .right .webgene-blog .webgene-item {

        margin: 0 auto 3rem;
    }
    .blog_cnt1 .inner .col2 .right .webgene-blog .webgene-item .dl {
        padding: 0 0 3rem;
        margin: 0 0 3rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    .blogdetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item .dl {}
    .blogdetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item .dt {
        width: 100%;
        font-size: 2.4rem;
    }
    .blogdetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item .day {
        padding: 0;
    }
    .blogdetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item .title {
        font-size: 2rem;
        margin: 2rem 0;
    }
    .blogdetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item .cate {
        width: 60%;
    }

    .webgene-pagination :is(.prev, .next),
    .webgene-pagination ul .number.selected,
    .webgene-pagination ul .number {
        width: 2em;
        height: 2em;
        margin: 0;
    }
    .webgene-pagination ul {
        width: 100%;
        justify-content: space-between;
    }
    .webgene-pagination .prev {
        margin: 0;
    }
    .webgene-pagination .next {
        margin: 0;
    }
  
  
  
  
  
    /*enjoy*/
    .enjoy_cnt2 .inner .slider {
        width: 75%;
        min-width: initial;
    }





    /*contact*/
    form .dl {
        display: block;
        padding: 0;
    }
    form .dl .dt {
        width: 100%;
        min-height: initial;
        padding: 1rem 0;
    }
    form .dl .dd {
        width: 100%;
    }
    .privacyformError {
        margin-top: -36.5px !important;
    }
    form .col label {
        font-size: 1rem;
    }
  .bottom {
    background-position: center;
  }

}

@media screen and (max-width: 765px) {
.inner {
    width: 90%;
  }
}