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






    /*index*/
    .index .mainimg {
        height: initial;
        margin: 10rem auto 0;
        padding: 0;
    }
    .index .mainimg .slider{
        margin: 0 auto 2rem;
    }
    .index .mainimg .slider .pic{
        border-radius: 2rem;
    }
    .index_cnt1 .inner .grid {
        display: block;
    }
    .index_cnt1 .inner .grid a:not(:last-of-type) {
        margin: 0 0 3rem;
        display: block;
    }
    .index_cnt1 .inner .grid a .figure {}
    .index_cnt3 .inner .grid {
        display: block;
    }
    .index_cnt3 .inner .grid .set:not(:last-of-type) {
        margin: 0 0 3rem;
    }
    .index_cnt4 .inner .col2 :is(.left, .right) a p {
        font-size: 2.4rem;
    }





    /*tshirt*/
    .tshirt_cnt1 .inner .grid {
        display: block;
    }
    .tshirt_cnt1 .inner .grid .set:not(:last-of-type) {
        margin: 0 0 3rem;
    }
    .tshirt_cnt2 .inner .flex .buttonB:not(:last-of-type) {
        margin: 0 0 3rem;
    }
    :is(.tshirt_cnt3, .tshirt_cnt4, .tshirt_cnt5) .inner .window .ul {
        display: block;
    }
    :is(.tshirt_cnt3, .tshirt_cnt4, .tshirt_cnt5) .inner .window .li:not(:last-of-type) {
        margin: 0 0 3rem;
    }




    /*goods*/
    .goods .maintitle {
        background: url(/system_panel/uploads/images/goods_mainimg.jpg) no-repeat center rgba(0, 0, 0, 0.7);
    }
    .goods_cnt1 .inner .grid {
        display: block;
    }
    .goods_cnt1 .inner .grid .set {}
    .goods_cnt2 .inner .grid {
        display: block;
    }
    .goods_cnt2 .inner .grid .dl::before {
        font-size: 4rem;
    }
    .goods_cnt2 .inner .grid .dl:not(:last-of-type) {
        margin: 0 0 3rem;
    }
    .goods_cnt2 .inner .grid .dl:nth-of-type(odd) {
        transform: initial;
    }
    .goods_cnt2 .inner .grid .dt {
        font-size: 2.2rem;
    }





    /*industry*/
    .industry .maintitle {
        background: url(/system_panel/uploads/images/industry_mainimg.jpg) no-repeat center rgba(0, 0, 0, 0.7);
    }
    .industry_cnt1 .inner .li::after {
        content: initial;
    }
    .industry_cnt2 .inner .grid {
        display: block;
    }
    .industry_cnt3 .inner .col2 .left {
        position: relative;
        top: initial;
        border: 0.5rem solid #fff;
        box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
    }




    /*sample*/
    .sample_cnt1 .inner .grid {
        display: block;
    }
    .sample_cnt1 .inner .grid .figure:not(:last-of-type) {
        margin: 0 0 3rem;
        padding: 0 0 3rem;
        border-bottom: 0.1rem dashed #ccc;
    }




    /*blog*/
    :is(.blog, .blogdetail) .maintitle {
        background: url(/system_panel/uploads/images/blog_mainimg.jpg) no-repeat center rgba(0, 0, 0, 0.7);
    }
    :is(.blog_cnt1, .blogdetail_cnt1) {
        margin: auto;
    }
    :is(.blog_cnt1, .blogdetail_cnt1) .inner .webgene-blog .webgene-item:not(:last-of-type) {
        margin: 0 auto 1rem;
    }
    .blog_cnt2 .inner .webgene-blog {
        display: block;
    }
    .blog_cnt2 .inner .webgene-blog .webgene-item {
        padding: 0 0 3rem;
        margin: 0 0 3rem;
    }
    .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 .dt {
        font-size: 2rem;
    }






    /*flow*/
    .flow .maintitle {
        background: url(/system_panel/uploads/images/flow_mainimg.jpg) no-repeat center rgba(0, 0, 0, 0.7);
    }
    .flow_cnt1 .inner .dd .figure {
        display: block;
    }
    .flow_cnt1 .inner .dd .figure .pic {
        width: 100%;
        margin: 0 0 1rem;
    }
    .flow_cnt1 .inner .dd .figure :is(.two, .five) {
        width: 100%;
    }
    .flow_cnt1 .inner .dd .figure :is(.two, .five) img {
        width: 100%;
    }
    .flow_cnt1 .inner .dd .figure .six {
        width: 70%;
        margin: 0 auto 1rem;
    }
    .flow_cnt1 .inner .dd .figure .six img {
        position: relative;
        left: initial;
        width: 100%;
    }
    .flow_cnt1 .inner .dd .button {
        display: block;
    }
    .flow_cnt1 .inner .dd .button :is(.mail, .line) {
        width: 100%;
    }
    .flow_cnt1 .inner .dd .button .mail {
        margin: 0 0 2rem;
    }
    .flow_cnt1 .inner .window p {
        font-size: initial;
    }


  .col-md-3{
  min-width:90%;
  margin-bottom:10px;}


    /*company*/
    .company .maintitle {
        background: url(/system_panel/uploads/images/company_mainimg.jpg) no-repeat center rgba(0, 0, 0, 0.7);
    }
    .company_cnt2 .inner .dl {
        display: block;
    }
    .company_cnt2 .inner .dt {
        width: 100%;
        min-height: initial;
        border-bottom: initial;
        padding: 1rem 0;
    }
    .company_cnt2 .inner .dd {
        width: 100%;
        padding: 1rem 0;
    }






    /*contact*/
    .contact .maintitle {
        background: url(/system_panel/uploads/images/contact_mainimg.jpg) no-repeat center rgba(0, 0, 0, 0.7);
    }
    form .dl {
        display: block;
    }
    form .dl .dt {
        width: 100%;
        min-height: initial;
        border-bottom: initial;
        padding: 1rem 0;
    }
    form .dl .dd {
        width: 100%;
        padding: 1rem 0;
    }
    form .dl .dd.grid {
        grid-template-columns: repeat(2, 1fr);
    }
    form .col label {
        font-size: 1rem;
    }
    .privacyformError {
        margin-top: -36.5px !important;
    }

.tshirt_price01{
width:100%;
display:inline-block;}


}
@media screen and (max-width: 600px){
  h3 {font-size: 2.2rem !important;}
  .index_cnt3::before{content:none;}
  .inner {width: 90%;}
  .header .inner .col2 .left .logo {max-width: 9.6rem;}
  .header .inner .col2 .left {justify-content: flex-end;}
  .header {height: 7rem;}
  .index .mainimg {
  margin: 0rem auto 0;
  padding: 10rem 0 0;
    }
  .maintitle{margin: 7rem auto 0;}
  .industry_cnt3 .inner .titleA {margin: 0 auto 5rem;}
  #sec1, #sec2, #sec3 {scroll-margin-top: 0px;}
  form .terms {padding: 2rem;}
  form .col label {font-size: 1.5rem;}
  .bottom .inner>p {font-size: 1.4rem;}
  :is(.tshirt_cnt3, .tshirt_cnt4, .tshirt_cnt5) .inner .window .li {
  font-size: 1.8rem;
  text-align: center;
  padding: clamp(1rem, 1.3vw, 2.5rem);
  }
  .industry_cnt2 .inner .grid .dt {min-height: 5.5rem;}
  .pc_ban{display:none;}
  .table_tshirt {min-width: 80rem;}
  .tshirt_price01 .col2 .right {overflow: scroll;}
  /*-----お客さん追加項目-----*/
  .container .c18291 {width: 100%;}
}
@media screen and (min-width: 601px){
  .sp_ban{display:none;}
}
@media screen and (max-width: 800px){
　.right{overflow-x:auto;}
　.table_tshirt{min-width:600px;}
}
@media (min-width:700px) and (max-width:1024px){
　.header .inner .col2 .left {justify-content: flex-end;}
  .index_cnt3::before{content:none;}
  .spbr br{display:none;}
  :is(.tshirt_cnt3, .tshirt_cnt4, .tshirt_cnt5) .inner .window .ul,.index_cnt1 .inner .grid,.tshirt_cnt1 .inner .grid,
  .goods_cnt1 .inner .grid,.industry_cnt2 .inner .grid,.sample_cnt1 .inner .grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  }
  :is(.tshirt_cnt3, .tshirt_cnt4, .tshirt_cnt5) .inner .window .li:not(:last-of-type) {margin: 0;}
  .index_cnt2 .inner .col2,.bottom .inner .col2,.index_cnt4 .inner .col2,.tshirt_cnt6 .inner .col2 {display: flex !important;}
  .index_cnt1 .inner .grid {gap: 2.125vw;}
  .bottom .inner .col2 .left,.index_cnt4, .inner .col2 .left{margin:0 !important;}
  :is(.blog_cnt1, .blogdetail_cnt1) .inner .webgene-blog .webgene-item {margin: 0 auto 1rem;}
  .company_cnt2 .inner .dl,form .dl {display: flex;}
  .company_cnt2 .inner .dt {
  width: 20%;
  border-bottom: solid 0.2rem #ffcb1e;
  min-height: 5.5rem;
  }
  .company_cnt2 .inner .dd {
    width: 80%;
    border-bottom: solid 0.2rem #ff861c;
  }
  form .dl .dt {
  width: 30%;
  border-bottom: solid 0.2rem #ffcb1e;
  }
  form .dl .dd {width: 70%;}
  .header .inner .col2 .left {justify-content: flex-end;}
}
@media screen and (min-width: 960px){
  .spbr br{display:none;}
  .spnone{display:none;}
}