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


    /*index*/
    .index .mainimg {
        /*height: 100vh;*/
    }
    .index .mainimg h2 span {
        font-size: 2.4rem;
    }
    .index_cnt1 .inner .window h3 {
        font-size: initial !important;
        margin: 0 auto;
    }
    .index_cnt1 .inner .window .flex .tel p:has(a) {
        margin: auto;
    }
    .index_cnt1 .inner .window .flex .mail {
        width: 100%;
    }
    .index_cnt1 .inner .window .flex {
        display: block;
    }
    .index_cnt1 .inner .window .flex .mail {
        font-size: 1.4rem;
    }
    .index_cnt3 .inner .grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .product_cnt3 .inner>.grid .figure .pic {
        border: 0.5rem solid #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
    }
    .index_cnt4 .inner .read {
        font-size: initial !important;
    }
    .index_cnt4 .inner .buttonA {
        font-size: 2rem !important;
    }
    .index_cnt5 .inner .webgene-blog {
        grid-template-columns: repeat(2, 1fr);
    }





    /*strength*/
    .strength_cnt2 .inner .col2 .right .dt {
        font-size: 2rem;
    }
    .strength_cnt3 .inner .col2 :is(.left, .right) .read {
        font-size: initial;
    }





    /*product*/
    .product_cnt1 .inner .set {
        display: block;
    }
    .product_cnt1 .inner .set .li {
        width: 100%;
    }
    :is(.product_cnt2, .product_cnt3, .product_cnt5) .inner .set .window .grid {
        display: block;
    }
    :is(.product_cnt2, .product_cnt3, .product_cnt5) .inner .set .window h5 {
        font-size: 2rem;
    }
    :is(.product_cnt2, .product_cnt3, .product_cnt5) .inner .set .col2 .left {
        border: 0.5rem solid #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
    }
    .product_cnt3 .inner>.grid {
        display: block;
    }
    .product_cnt3 .inner>.grid .figure {
        margin: 0 0 3rem;
        padding: 0 0 3rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    .product_cnt4 .inner .grid .pic {
        border: 0.5rem solid #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
    }
    .product_cnt4 .inner .grid {
        display: block;
    }
    .product_cnt4 .inner .grid .dl {
        margin: 0 0 3rem;
        padding: 0 0 3rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    .product_cnt4 .inner .grid .dt {
        font-size: 2rem;
    }





    /*bed*/
    .bed_cnt2 .inner .catch2 {
        font-size: 2rem;
    }
    .bed_cnt3 .inner .col2:not(:last-of-type) {
        border-bottom: 0.1rem dashed #ccc;
        padding: 0 0 3rem;
        margin: 0 0 3rem;
    }
    .bed_cnt3 .inner .col2 .left {
        border: 0.5rem solid #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
    }
    .bed_cnt3 .inner .col2 .right .dt {
        font-size: 2rem;
    }
    .bed_cnt4 .inner>.grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .bed_cnt4 .inner .grid2>.dl {
        border: 0.1rem solid #f5f5f5;
    }
    .bed_cnt4 .inner .grid2>.dl:not(:last-of-type) {
        margin: 0 auto 3rem;
    }
    .bed_cnt4 .inner .col2 .right img {
        width: 100%;
    }
    .bed_cnt4 .inner .window .grid {
        display: block;
    }
    .bed_cnt4 .inner .grid2 {
        display: block;
    }
    .bed_cnt5 .inner .col2 :is(.left, .right) .read {
        font-size: initial;
    }




    /*flow*/
    .flow_cnt2 .inner .set .dt {
        font-size: 2rem;
    }
    .flow_cnt2 .inner .set .contact {
        width: 100%;
        display: block;
    }
    .flow_cnt2 .inner .set .contact :is(.tel, .mail) {
        width: 100%;
    }
    .flow_cnt2 .inner .set .contact .tel a {
        font-size: 2.4rem;
    }





    /*faq*/
    .faq_cnt1 .inner .dt {
        font-size: 2rem;
    }




    /*blog*/
    :is(.blog_cnt1, .blogdetail_cnt1) .inner .webgene-blog {
        width: 100%;
        display: block;
    }
    :is(.blog_cnt1, .blogdetail_cnt1) .inner .webgene-blog .webgene-item {
        margin: 0 auto 1rem;
    }
    :is(.blog_cnt1, .blogdetail_cnt1) .inner .webgene-blog .webgene-item .buttonA {
        width: 100%;
    }
    .blog_cnt2 .inner .webgene-blog {
        display: block;
    }
    .blog_cnt2 .inner .webgene-blog .webgene-item {
        margin: 0 0 3rem;
        padding: 0 0 3rem;
        border-bottom: 0.1rem dashed #ccc;
    }
    .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;
    }







    /*blogdetail*/
    .blogdetail_cnt2 .inner .webgene-blog .webgene-item .dt {
        font-size: 2rem;
        padding: 1rem;
    }





    /*company*/
    .company_cnt2 .inner .grid {
        display: block;
    }
    .company_cnt3 .inner .dl {
        display: block;
    }
    .company_cnt3 .inner .dt {
        width: 100%;
        border: none;
        padding: 0.5em;
    }
    .company_cnt3 .inner .dd {
        width: 100%;
        padding: 0.5em;
    }



    /*contact*/
    .contact_cnt1 .inner .tel {
        width: 100%;
    }
    .contact_cnt1 .inner .tel h3 {
        font-size: 2rem !important;
    }
    .contact_cnt1 .inner .tel p a {
        font-size: 2.4rem;
    }
    .contact_cnt3 .inner .col2 .right .dt {
        font-size: 2rem;
    }
    .contact_cnt3 .inner .col2 .right .dd {
        font-size: 1.4rem;
    }
    form .dl {
        display: block;
    }
    form .dl .dt {
        width: 100%;
        padding: 0.5rem 0;
    }
    form .dl .dd {
        width: 100%;
        padding: 0.5rem 0;
    }
    form .dl .dd .radioArea {
        gap: 1rem 3rem;
        flex-wrap: wrap;
    }
    form .dl .dd .radioArea div {
        margin: 0 0 1rem;
    }
    form .col label {
        /*font-size: 1rem;*/
      font-size: 1.5rem;
    }
    .privacyformError {
        margin-top: -36.5px !important;
    }




}



/*--------------------------*/
/* スマホ（〜480px） */
@media (max-width: 480px) {
.header .logo {
    margin: inherit;
}
      .index .mainimg {
        height: 70vh;
    }
  .inner {
    width: 90%;
  }
      h3,.catch,.bed_cnt1 .inner p span {
        font-size: 2rem !important;
    }
  .index_cnt1 .inner .grid {
    display: block;
        margin: 0 auto 5rem;
  }
  .index_cnt2 .grid {
    grid-template-columns: repeat(2, 1fr);
}
  .index_cnt5 .inner .webgene-blog {
    display: block;
  }
  :is(.product_cnt2, .product_cnt3, .product_cnt5) .inner .set .col2 .right p {
    padding: 0 0rem;
  }
  .p1757064569935 {
    display:none !important;
}
  .bed_cnt2 .inner .ul, {
    grid-template-columns: repeat(1, 1fr);
  }
  .index .mainimg .copyleft {
    bottom: 20rem;
            right: 15vw;
}
  .index .mainimg p {
    font-weight: normal;
}
      .index_cnt3 .inner .grid,:is(.flow_cnt3, .flow_cnt4) .inner .grid,.company_cnt2 .inner .grid2 {
        grid-template-columns: repeat(1, 1fr);
    }
  .index_cnt4 .inner .col2 :is(.left, .right) p,.strength_cnt3 .inner .col2 :is(.left, .right) p,.bed_cnt4 .inner .grid2 .cmt,
  .bed_cnt5 .inner .col2 :is(.left, .right) p{
    padding: 0 1.5rem
  }
:is(.product_cnt2, .product_cnt3, .product_cnt5) .inner .set {
    margin: 0 0 10rem;
}

  .bed_cnt4 .inner .grid2 .detail {
    padding: 1.5rem;
}
  .flow_cnt2 .inner .set .dl::after {
    top: calc(2rem);
  }
  .flow_cnt2 .inner .set .dl {
    padding: 3rem 0 3rem 4rem !important;
}
  .faq_cnt1 .inner .dd {
    padding: 0.5rem clamp(3rem, 4.16vw, 8rem);
  }
  .company_cnt2 .inner .grid .dl {
    display: block;
  }
  .company_cnt2 .inner .grid .dt,.company_cnt2 .inner .grid .dd{
    width:100%;
  }
  .company_cnt2 .inner .grid .dd {
    margin-bottom: 1.5rem;
  }
  form .dl .dd .radioArea2 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}
/* タブレット縦（481〜768px） */
@media (min-width: 481px) and (max-width: 768px) {
.index .mainimg {
        height: 50vh;
    }
    .index .mainimg .copyleft {
    bottom: 15rem;
}
  .topfrs br:nth-child(1){
    display:none;
  }
}

/* タブレット横（769〜1024px） */
@media (min-width: 768px) and (max-width: 1024px) {
  .topfrs br:nth-child(1){
    display:none;
  }
  .product_cnt1 .inner .set .ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
}
/* sp全体 */
@media (max-width: 1024px) {
  .index_cnt1 .inner .window .flex .tel a {
    justify-content: center;
}
    p.p1757064437799.spbr {
    text-align: center;
}
}
/* PC（1025px〜） */
@media (min-width: 1025px) {
  .spbr br {
    display:none !important;
}
  .flow_cnt2 .inner .set .pic {
    max-width: 65rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
}
    .topfrs br:nth-child(1){
    display:none;
  }
}
@media (min-width: 1800px) {
  .header .contact {
  right: 19.16vw;
  }
  .index .mainimg .copyleft {
    bottom: 26rem;
  }
  .index_cnt3 {
    padding: 10rem 0;
}
  .bottom :is(.tel, .mail) {
    justify-items: center;
}
  :is(.product_cnt2, .product_cnt3, .product_cnt5) .inner .set {
    margin: 0 0 13rem;
}
  .flow_cnt1 {
    padding: 5rem 0 7rem 0;
}
  .bed_cnt2 {
    background: linear-gradient(180deg, rgba(238, 241, 244, 1) 70%, rgba(255, 255, 255, 1));
    padding: 8rem 0 0rem 0;
}
  .bed_cnt4 .inner .col2 .right {
    width: 40%;
}
  .bed_cnt4 .inner .col2 .right img {
    width: 100%;
}
  .bed_cnt4 .inner .col2 .left p {
    margin: 0 0 0rem;
  }
  .bed_cnt4 .inner .col2 {
    margin: 0 0 7rem;
}
  .bed_cnt4 .inner .grid2>.dl {
    padding: 2.5rem 0 1rem 0;
}
}