@charset "UTF-8";
@media screen and (max-width: 1024px) {
    /*index*/
    .index .mainimg .banner {
        width: 90%;
        max-width: 40rem;
        bottom: 3rem;
        left: 5%;
    }
    .index .mainimg .banner img {
        width: 100%;
    }
    .index_cnt1 .inner .li {
        font-size: 1.7rem;
    }
    .index_cnt1 .inner .catch {
        position: initial;
        margin: 0 auto 3rem;
    }
    .index_cnt1 .inner .col2 .left {
        margin: 0 auto 3rem;
    }
    .index_cnt1 .inner .col2 .left .pic {
        width: 100%;
    }
    /*.index_cnt1 .inner .col2 .right p br {
        display: none;
    }*/
    .index_cnt1 .inner .flex {
        display: block !important;
    }
    .index_cnt1 .inner .flex .buttonA:first-of-type {
        margin: 0 auto 3rem;
    }
    .index_cnt2 .inner .titleA{
        margin: -5rem auto 3rem;
    }
    .index_cnt2 .col2 .left .window {
        width: 100%;
        margin: 0 auto;
    }
    .index_cnt2 .col2 .left .window2 {
        width: 100%;
    }
    .index_cnt2 .col2 .right .window {
        width: 100%;
        margin: 0 auto;
    }
    .index_cnt2 .col2 :is(.left, .right) .window h5 {
        font-size: 2rem;
        margin: 0 auto 1rem;
    }
    .index_cnt3 .inner .grid {
        display: block;
    }
    .index_cnt3 .inner .grid .pic1{
        margin: 0 auto 3rem;
    }
    .index_cnt4 .inner .titleA{
        margin: -5rem auto 3rem;
    }
    .index_cnt4 .inner .grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .index_cnt4 .inner .grid .figure {
        display: block;
    }
    .index_cnt4 .inner .grid .figure .pic {
        margin: 0 auto 1rem;
    }
    .index_cnt4 .inner .grid .figure:nth-of-type(4) {
        grid-column: initial;
    }
    .index_cnt4 .inner .grid .buttonA {
        grid-column: 1/3;
    }
    .index_cnt5 .inner .col2 .right .webgene-blog {
        display: block;
    }
    .index_cnt5 .inner .col2 .right .webgene-blog .webgene-item {
        margin: 0 auto 3rem;
    }
    /*blog*/
    .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;
    }





    /*purchase*/
    .purchase_cnt1 .inner .catch {
        position: relative;
        top: initial;
        margin: 0 auto 3rem;
    }
    .purchase_cnt1 .inner .col2 .left .pic {
        width: 100%;
    }
    .purchase_cnt1 .ul {
        width: 100%;
        display: block;
    }
    .purchase_cnt1 .li {
        width: 90%;
        margin: auto;
    }
    .purchase_cnt2 .inner .window .li {
        font-size: 1.7rem;
    }
    .purchase_cnt3 .inner .col2 .left h3 {
        margin: auto;
    }
    .purchase_cnt3 .inner .col2 .left p:not(.strong) {
        font-size: 2.4rem;
        font-weight: bold;
    }
    .purchase_cnt3 .inner .col2 .left .strong {
        margin: 0 auto 3rem;
    }
    .purchase_cnt3 .inner .flex {
        display: block;
    }
    .purchase_cnt3 .inner .flex .mail {
        margin: 0 auto 3rem;
    }
    .purchase_cnt3 .inner .flex .tel {
        margin: 0 auto 3rem;
    }
    .purchase_cnt3 .inner .flex .line{
        margin: auto;
    }
    .purchase_cnt4 .inner .col2 .right .dl {
        display: block;
    }
    .purchase_cnt4 .inner .col2 .right .dt {
        width: 100%;
        margin: 0 auto 3rem;
    }
    .purchase_cnt4 .inner .col2 .right .dd {
        width: 100%;
    }
    .purchase_cnt5 .inner .titleA{
        margin: -5rem auto 3rem;
    }
    .purchase_cnt5 .inner .col2 .right .dl {
        display: block;
    }
    .purchase_cnt5 .inner .col2 .right .dt {
        width: 100%;
        border: none;
    }
    .purchase_cnt5 .inner .col2 .right .dd {
        width: 100%;
        text-align: center;
    }





    /*shizuoka&nagano共通*/
    :is(.shizuoka_cnt1, .nagano_cnt1) .inner .catch{
        margin: 0 auto 3rem;
        position: initial;
    }
    :is(.shizuoka_cnt1, .nagano_cnt1) .inner .col2 .left .pic {
        width: 100%;
        margin: 0 auto 3rem;
    }
    :is(.shizuoka_cnt2, .nagano_cnt2) .inner .window .li {
        font-size: initial;
    }
    :is(.shizuoka_cnt3, .nagano_cnt3) .inner .col2 .left h3 {
        margin: auto;
    }
    :is(.shizuoka_cnt3, .nagano_cnt3) .inner .col2 .left p:not(.strong) {
        font-size: 2.4rem;
        font-weight: bold;
    }
    :is(.shizuoka_cnt3, .nagano_cnt3) .inner .col2 .left .strong {
        margin: 0 auto 3rem;
    }
    :is(.shizuoka_cnt3, .nagano_cnt3) .inner .flex {
        display: block;
    }
    :is(.shizuoka_cnt3, .nagano_cnt3) .inner .flex .mail {
        width: 100%;
        margin: 0 auto 3rem;
    }
    :is(.shizuoka_cnt3, .nagano_cnt3) .inner .flex .tel {
        width: 100%;
        margin: 0 auto 3rem;
    }
    :is(.shizuoka_cnt3, .nagano_cnt3) .inner .flex .line{
        width: 100%;
        margin: auto;
    }
    :is(.shizuoka_cnt4, .nagano_cnt4) .inner .titleA{
        margin: -5rem auto 3rem;
    }
    :is(.shizuoka_cnt4, .nagano_cnt4) .inner .col2 .right h5 {
        font-size: 2rem;
    }
    :is(.shizuoka_cnt5, .nagano_cnt5) .inner .col2 .right .dl {
        display: block;
    }
    :is(.shizuoka_cnt5, .nagano_cnt5) .inner .col2 .right .dt {
        width: 100%;
        margin: 0 auto 3rem;
    }
    :is(.shizuoka_cnt5, .nagano_cnt5) .inner .col2 .right .dd {
        width: 100%;
    }
    :is(.shizuoka_cnt5, .nagano_cnt5) .inner .window {
        width: 100%;
    }
    :is(.shizuoka_cnt6, .nagano_cnt6) .inner .col2 .right .webgene-blog {
        display: block;
    }





    /*items*/
    .items_cnt1 .inner .col2 .left h3 {
        margin: 0 auto 3rem;
    }
    .items_cnt1 .inner .col2 .right {
        display: flex;
        gap: 1rem;
    }
    .items_cnt1 .inner .col2 .right .pic1 {
        width: 50%;
        position: initial;
    }
    .items_cnt1 .inner .col2 .right .pic2 {
        width: 50%;
        position: initial;
    }
    .items_cnt2 .inner .read {
        font-size: initial;
    }
    .items_cnt2 .inner .flex {
        display: block;
    }
    .items_cnt2 .inner .flex .mail{
        width: 100%;
        margin: 0 auto 3rem;
    }
    .items_cnt2 .inner .flex .tel{
        width: 100%;
    }
    .items_cnt3 .inner .titleA {
        margin: 0 auto 3rem;
    }
    .items_cnt3 .inner .col2 {
        padding: 5.2vw;
    }
    .items_cnt3 .inner .col2 .left .webgene-blog {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
    .items_cnt3 .inner .col2 .left .webgene-blog .webgene-item .buttonB {
        height: 4rem;
    }
    .items_cnt3 .inner .col2 .right .webgene-blog {
        display: block;
    }
    .items_cnt3 .inner .col2 .right .webgene-blog .webgene-item .dl {
        display: block;
    }
    .items_cnt3 .inner .col2 .right .webgene-blog .webgene-item .cate {
        margin: 0 0 1rem;
    }
    .items_cnt4 .inner .insta {
        width: 100%;
    }




    /*clean*/
    .clean_cnt1 .inner .catch{
        margin: 0 auto 3rem;
        position: initial;
        top: initial;
    }
    .clean_cnt1 .inner .col2 .left .pic {
        width: 100%;
        margin: 0 auto 3rem;
    }
    .clean_cnt1 .ul {
        display: block;
    }
    .clean_cnt1 .li {
        width: 90%;
        margin: auto;
    }
    .clean_cnt2 .inner .window .li {
        font-size: initial;
    }
    .clean_cnt3 .inner .titleA {
        margin: -5rem auto 3rem;
    }
    .clean_cnt3 .inner .col2 .right h5 {
        font-size: 2rem;
    }
    .clean_cnt4 .inner .col2 .right .dl {
        display: block;
    }
    .clean_cnt4 .inner .col2 .right .dt {
        width: 100%;
        margin: 0 auto 3rem;
    }
    .clean_cnt4 .inner .col2 .right .dd {
        width: 100%;
    }
    .clean_cnt5 .inner .col2 {
        display: flex !important;
    }
    .clean_cnt5 .inner .col2 .left::after {
        font-size: initial;
    }
    .clean_cnt5 .inner .col2 :is(.left, .right) .dl {
        display: block;
    }
    .clean_cnt5 .inner .col2 :is(.left, .right) {
        width: 50% !important;
    }
    .clean_cnt5 .inner .col2 :is(.left, .right) .dt {
        min-width: 100%;
    }





    /*finishing*/
    .finishing_cnt1 .inner .catch {
        position: initial;
        margin: 0 auto 3rem;
    }
    .finishing_cnt1 .inner .col2 .left .pic {
        width: 100%;
        margin: 0 auto 3rem;
    }
    .finishing_cnt1 .ul {
        display: block;
    }
    .finishing_cnt1 .li {
        width: 90%;
        font-size: initial;
        margin: auto;
    }
    .finishing_cnt2 .inner .window .li {
        font-size: initial;
    }
    .finishing_cnt3 .inner .col2{
        display: grid !important;
    }
    .finishing_cnt3 .inner .col2 .left{
        grid-row: 2/3;
    }
    .finishing_cnt3 .inner .col2 .right{
        margin: 0 0 3rem;
    }
    .finishing_cnt3 .inner .col2 .left h3{
        text-align: center;
    }
    .finishing_cnt3 .inner .col2 .left h3 br {
        /*display: none;*/
    }
    .finishing_cnt4 .inner .titleA {
        margin: -5rem auto 3rem;
    }
    .finishing_cnt4 .inner .col2 .right h5 {
        font-size: 2rem;
    }
    .finishing_cnt5 .inner .col2 .right .dl {
        display: block;
    }
    .finishing_cnt5 .inner .col2 .right .dt {
        width: 100%;
        margin: 0 auto 3rem;
    }
    .finishing_cnt5 .inner .col2 .right .dd {
        width: 100%;
    }
    .finishing_cnt6 .inner .col2 {
        display: flex !important;
    }
    .finishing_cnt6 .inner .col2 .left::after {
        font-size: initial;
    }
    .finishing_cnt6 .inner .col2 :is(.left, .right) .dl {
        display: block;
    }
    .finishing_cnt6 .inner .col2 :is(.left, .right) {
        width: 50% !important;
    }
    .finishing_cnt6 .inner .col2 :is(.left, .right) .dt {
        min-width: 100%;
    }





    /*blog*/
    .blog_cnt1 .inner .col2 .right .webgene-blog {
        display: block;
    }
    .blog_cnt1 .inner .col2 .right .webgene-blog .webgene-item .dl {
        display: block;
    }
    .blog_cnt1 .inner .col2 .right .webgene-blog .webgene-item .cate {
        margin: 0 0 1rem;
    }
    .blogdetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item .dt {
        font-size: 2rem;
    }





    /*shop*/
    .shop_cnt1 .inner .titleA{
        margin: -5rem auto 3rem;
    }
    .shop_cnt1 .inner .read {
        font-size: initial;
    }
    :is(.shop_cnt2, .shop_cnt3) .inner .titleA {
        margin: -5rem auto 3rem;
    }
    :is(.shop_cnt2, .shop_cnt3) .inner .col2 .right .dl {
        display: block;
        min-height: initial;
        padding: 2rem 0;
    }
    :is(.shop_cnt2, .shop_cnt3) .inner .col2 .right .dt {
        width: 100%;
        border: none;
        text-align: left;
    }
    :is(.shop_cnt2, .shop_cnt3) .inner .col2 .right .dd {
        width: 100%;
    }
    .shop_cnt4 .inner .col2 .right .dl {
        display: block;
        min-height: initial;
        padding: 2rem 0;
    }
    .shop_cnt4 .inner .col2 .right .dt {
        width: 100%;
        text-align: left;
        border: none;
    }
    .shop_cnt4 .inner .col2 .right .dd {
        width: 100%;
    }





    /*contact*/
    .contact_cnt1 .inner .window .li {
        font-size: initial;
    }
    .contact_cnt2 .inner .titleA{
        margin: -5rem auto 3rem;
    }
    form .dl {
        display: block;
    }
    form .dl .dt {
        width: 100%;
    }
    form .dl .dd {
        width: 100%;
    }
    form .dl .dd .checkArea {
        display: block;
    }
    form .dl .dd .radioArea {
        display: block;
    }
    form .dl .dd .radioArea div {
        flex-wrap: wrap;
    }
    form .col label {
        font-size: 1rem;
    }
.privacyformError {
    margin-top: -36.5px !important;
}
  input[type="file"]{width:90%;}
    .contact_cnt3 .inner .window .telA {
        display: block;
    }
    .contact_cnt3 .inner .window .telA a {
        font-size: 2.4rem;
    }
    .contact_cnt3 .inner .window .titleA {
        transform: translate(0,-5rem);
        margin: 0 auto 3rem;
    }
    .contact_cnt3 .inner .window .flex {
        display: block;
    }
    .contact_cnt3 .inner .window .flex p {
        width: 100%;
    }
    .contact_cnt3 .inner .window .flex p:first-of-type {
        margin: 0 auto 3rem;
    }
    .contact_cnt3 .inner .window .col2 :is(.left, .right) h4 {
        font-size: 1.7rem !important;
    }
}






/*-------------*/
@media screen and (max-width: 520px){
.inner {
    width: 90%;
    max-width: 120rem;
    margin: 0 auto;
}
  .buttonA {
    height: 5.7rem;
  }
      h3 {
        font: bold 2.2rem "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif !important;
    }
  /*---------*/
  .purchase_cnt2 .inner .window,:is(.shizuoka_cnt2, .nagano_cnt2) .inner .window,.clean_cnt2 .inner .window,.finishing_cnt2 .inner .window {
    padding: 4rem 3%;
}
  .purchase_cnt1 .inner .catch {
    right: auto;
}
      .purchase_cnt5 .inner .col2 .right .dl {
        height: 10rem !important;
    }
  .purchase_cnt5 .inner .col2 .right .dd {
    min-height: auto;
  }
  .purchase_cnt5 .inner .col2 .right .dt {
    min-height: initial;
  }
  form .col label,.fille_font  {
        font-size: 1.5rem;
    }
}
@media (min-width:768px) and (max-width:1024px){
  .inner {
    width: 90%;
  }
     .finishing_cnt1 .ul,.clean_cnt1 .ul,.purchase_cnt1 .ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
      .purchase_cnt5 .inner .col2 .right .dl,.shop_cnt4 .inner .col2 .right .dl {
        display: flex;
    }
  .purchase_cnt5 .inner .col2 .right .dt {
    width: 27%;
    border-bottom: 0.1rem solid #a77371;
  }
  .shop_cnt4 .inner .col2 .right .dl {
    align-items: end;
  }
      .shop_cnt4 .inner .col2 .right .dt {
        width: 40%;
        text-align: left;
        border-bottom: 0.1rem solid #a77371;
    }
  .purchase_cnt2 .inner .window,:is(.shizuoka_cnt2, .nagano_cnt2) .inner .window,
  .clean_cnt2 .inner .window,.finishing_cnt2 .inner .window,.contact_cnt1 .inner .window {
    padding: 4rem 4%;
}
}
@media (min-width:900px) and (max-width:1024px){
  .purchase_cnt3 .inner .col2,.purchase_cnt3 .inner .flex,.purchase_cnt5 .inner .col2,
  .footer .inner .info,.footer .inner .info2,:is(.shizuoka_cnt3, .nagano_cnt3) .inner .col2,
  :is(.shizuoka_cnt3, .nagano_cnt3) .inner .flex,:is(.shizuoka_cnt4, .nagano_cnt4) .inner .col2,.items_cnt2 .inner .flex,
  .clean_cnt3 .inner .col2,.finishing_cnt4 .inner .col2,:is(.shop_cnt2, .shop_cnt3) .inner .col2,form .dl,form .dl .dd .checkArea,
  .contact_cnt3 .inner .window .flex,.contact_cnt3 .inner .window .col2{
    display: flex !important;
  }
  .purchase_cnt3 .inner .flex .line,.footer .inner .info,:is(.shizuoka_cnt3, .nagano_cnt3) .inner .flex .line,
  .contact_cnt3 .inner .window .col2 :is(.left, .right){
        margin: 0;
    }
  .purchase_cnt5 .inner .col2 .right .dt {
        width: 31%;
  }
  .purchase_cnt5 .inner .col2 .right .dd{
    text-align: start;
  }
  form .dl .dt {
    width: 35%;
  }
}
@media (min-width:1025px) and (max-width:1700px){
  .index_cnt2 .col2 :is(.left, .right) .window {
    width: 44.08vw;
  }
}
@media screen and (min-width: 1024px){
  .spbr br{
    display:none;
  }
}
@media screen and (min-width: 1800px){
.index_cnt5 .inner video,:is(.shizuoka_cnt6, .nagano_cnt6) .inner video {
    max-width: 110rem;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
  .purchase_cnt5 {
    padding: 0 0 13rem;
}
  .clean_cnt3,:is(.shizuoka_cnt4, .nagano_cnt4),.finishing_cnt4 {
    padding: 0 0 10rem;
}
  .blogdetail_cnt1 .inner .col2 .right .webgene-blog .webgene-item .pic {
    aspect-ratio: auto;
  }
  .shop_cnt1 {
    margin: 0 0 24rem;
    padding: 0 0 10rem;
  }
}