.class_style_public_pages body{
   font-family: YuGothic,'Yu Gothic',sans-serif;
}
.class_style_public_pages .multi_dialog{
    width: 80%;
}
.class_style_public_pages .lang_check_area{
    width: 300px !important;
}
.class_style_public_pages .sp{
    display: none;
}
.class_style_public_pages section {
    width: 100% !important;
}
.class_style_public_pages .spheader{
    display: none;
}
.class_style_public_pages header{
    height: 100px;
    background-color: black;
    display: flex;
    position: fixed;
    width: 100%;
    z-index: 10;
}
.class_style_public_pages .header-container{
    width: 90%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.class_style_public_pages .header-logo img{
    width: 170px;
    margin-right: 20px;
}
.class_style_public_pages .sns-logo{
    width: 25px !important;
    margin-left: 0 !important;
}
.class_style_public_pages .header-menu ul{
    display: flex;
}
.class_style_public_pages .logoarea{
    display: flex;
    align-items: center;
}
.class_style_public_pages .d-block span{
    color: white;
    font-size: 14px;
    margin-left: 12px; 
}
.class_style_public_pages .side-menu-wrap{
    display: none;
}

/*fv*/
.class_style_public_pages .fv-area{
    background-image: url('/app.php?class=public_pages&function=image&file=fvback.jpg');
    margin-top: 100px;
    width: 100%;
    display: flex;
    justify-content: center;
    background-size: cover;
    align-items: center;
    padding: 40px 0;
}
.class_style_public_pages .fv-left img{
    width: 80%;
    margin-bottom: 0;
}
.class_style_public_pages .fv-left{
    width: 45%;
}
.class_style_public_pages .fv-left p{
    color: white;
    font-size: 14px;
    line-height: 2;
}
.class_style_public_pages .fv-right{
    width: 45%;
}
.class_style_public_pages .fv-catch{
    color: white;
    font-size: 32px;
    line-height: 1.8;
}

/*enent*/
.class_style_public_pages .event{background-image: url('/app.php?class=public_pages&function=image&file=event-back.jpg');
    background-size: cover;
    padding: 80px 120px;
    margin-top: 40px;
}
.class_style_public_pages .event h2{
    width: 90%;
    margin: 0 auto;
    text-align: center;
    color: black;
    line-height: 2;
    background-color: white;
    width: 80%;
    margin: 0 auto;
    margin-top: 32px;
    padding: 32px; 
}
.class_style_public_pages .event-box {
    background-color: white;
    width: 80%;
    margin: 0 auto;
    margin-top: 32px;
    padding: 32px; 
}
.class_style_public_pages .event p{
    color: #2D2D2D;
    font-size: 14px;
    line-height: 2;
    text-align: center;
    
}


/*question*/

.class_style_public_pages .top-question{
    background-image: url('/app.php?class=public_pages&function=image&file=top-questionback.jpg');
    background-size: cover;
    padding: 80px 0;
    margin-top: 40px;
}
.class_style_public_pages .top-question h2{
    width: 90%;
    margin: 0 auto;
    text-align: center;
    color: white;
    border-bottom: 2px solid white;
    line-height: 2;
}
.class_style_public_pages .question-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
    
}
.class_style_public_pages .question-box{
    background-color: white;
    width: 48%;
    display: flex;
    align-items: center;
    margin-top: 32px;
    padding: 32px;
    
}
.class_style_public_pages .ques-1{
    width: 50px;
    margin-right: 24px;
}

.class_style_public_pages .attention{
    background-color: #4b4b4b;
    padding: 40px;
    text-align: center;
}
.class_style_public_pages .attention p{
    color: white;
}

/*mainproduct*/
.class_style_public_pages .mainproduct{
    background-image: url('/app.php?class=public_pages&function=image&file=mainproduct.jpg');
    background-size: cover;
    padding-bottom: 80px;
}
.class_style_public_pages .mainproduct > h2{
    text-align: center;
    color: white;
    border-bottom: 1px solid white;
    padding-bottom: 20px;
    margin: 0 auto;
    padding-top: 80px; 
    width: 80%;
}
.class_style_public_pages #subcontent-1{
    background-image: url('/app.php?class=public_pages&function=image&file=subcontent-1.jpg');
    background-size: cover;
}
.class_style_public_pages #subcontent-2{
    background-image: url('/app.php?class=public_pages&function=image&file=subcontent-2.jpg');
    background-size: cover;
}
.class_style_public_pages .sub-content{
    width: 80%;
    display: flex;
    justify-content: center;
    background-color: white;
    margin: 0 auto;
    margin-top: 64px;
    padding: 32px;
}
.class_style_public_pages .sub-contentleft{
    width: 70%;
}
.class_style_public_pages .sub-contentleft p{
    line-height: 2;
    padding-top: 24px;
    border-top: 1px solid #4b4b4b;
    width: 90%;
}
.class_style_public_pages .sub-contenttitle{
    font-size: 24px;
    color: #4b4b4b;
    line-height: 2;
}
.class_style_public_pages .sub-contenttitle span{
    color: #0664AF;
}
.class_style_public_pages .right-content p{
    color: #4b4b4b;
    margin-bottom: 40px;
}
.class_style_public_pages .mainbutton{
      background-image: linear-gradient(240deg, rgba(210, 233, 229, 1), rgba(6, 100, 175, 1));
      display: inline-block;
      padding: 16px 80px;
      color: white;
}
.class_style_public_pages .right-img-content{
    width: 30%;
    
}
.class_style_public_pages .button-box{
    text-align: center;
    margin-top: 80px;
}

/*agency*/
.class_style_public_pages .agency{
    text-align: center;
    padding-bottom: 80px;
    border-bottom: 1px #4b4b4b solid;
    width: 80%;
    margin: 0 auto;
}
.class_style_public_pages .sec-title{
    
    margin: 0 auto;
    margin-top: 80px;
    text-align: center;
    color: #4b4b4b;
    font-size: 32px;
   
}
.class_style_public_pages .sec-title::after{
    content: ' ';
    display: block;
    background-color: #0664AF;
    width: 40px;
    height: 1px;
    border-bottom: 1px solid #0664AF;
    margin: 0 auto;
    margin-top: 20px;
}
.class_style_public_pages .top_subContentsSubTitle__6yPFU{
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
}
.class_style_public_pages .top_subContentsLink__12OEB{
    width: 12.5%;
}
.class_style_public_pages .instasection{
    text-align: center;
    padding-bottom: 80px;
    
    width: 80%;
    margin: 0 auto;
}


/*salesagent*/
.class_style_public_pages .sub-title{
    background-image: url('/app.php?class=public_pages&function=image&file=fvback.jpg');
    background-size: cover;
    text-align: center;
    color: white;
    padding: 80px;
    margin-top: 100px;
}
.class_style_public_pages .pankuzu{
    padding: 12px;
}
.class_style_public_pages .pankuzu p{
    width: 90%;
    margin: 0 auto;
}
.class_style_public_pages .sales_agent_area{
    background-image: url('/app.php?class=public_pages&function=image&file=top-questionback.jpg');
    color: white;
    text-align: center;
    padding: 80px 0;
}
.class_style_public_pages .sales_agent_area h3{
    margin-top: 80px;
}
.class_style_public_pages .sales_agent_area h4{
  text-align: left;
  border-bottom: 1px solid white;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 8px;
  margin-top: 40px;
}
.class_style_public_pages .sales_agent{
    background-color: white;
    display: flex;
    width: 80%;
    margin: 0 auto;
    margin-top: 12px;
    padding: 20px;
    border-radius: 12px;
}
.class_style_public_pages .sales_agent_name,.class_style_public_pages .sales_agent_map,.class_style_public_pages .sales_agent_phonenumber{
   
    
}
.class_style_public_pages .sales_agent_map{
    width: 40%;
}
.class_style_public_pages .sales_agent_name,.class_style_public_pages .sales_agent_phonenumber{
    width: 30%;
    
}
.class_style_public_pages .sales_agent_name,.class_style_public_pages .sales_agent_map{
    border-right: 1px solid #4b4b4b;
    
}
.class_style_public_pages .sales_agent a{
    color: #4b4b4b;
}
.class_style_public_pages .sales_agent img{
    width: 20px;
    height: unset;
    margin: 0 12px;
}

.class_style_public_pages .sales_agent_name a,.class_style_public_pages .sales_agent_map a{
    display: block;
    display: flex;
    align-items: flex-start;
}

/*product*/
.class_style_public_pages .antonio{
    font-family: antonio;
    font-size: 64px;
}
.class_style_public_pages .product-p{
    color: white;
    margin-top: 24px;
    margin-bottom: 40px;
}
.class_style_public_pages .product{
    background-image: url('/app.php?class=public_pages&function=image&file=top-questionback.jpg');
    color: white;
    text-align: center;
    padding: 80px 0;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.class_style_public_pages .product-lineup{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 90%;
    margin: 0 auto;
    margin-top: 64px;
    gap: 10px;
}
.class_style_public_pages .product-lineup a{
    width: 24%;
}
.class_style_public_pages .product-card{
    width: 100%;
    background-color: white;
    
}
.class_style_public_pages #product_search_public_form{
    background-color: #fafafa;
    border: 2px solid #e4e4e4;
    width: 90%;
    margin: 0 auto;
    display: flex;
    padding: 20px;
    justify-content: flex-start;
    align-items: center;
    border-radius: 4px;
    gap: 20px;
}
.class_style_public_pages .btn-add-cart{
    float: unset;
}
.class_style_public_pages .lang{
    margin: 0;
    margin-bottom: 0 !important;
    
}
.class_style_public_pages .form-box{
    display: flex;
    flex-direction: column;
    width: 40%;
    
    align-items: baseline;
}
.class_style_public_pages .product_name,.class_style_public_pages .select2{
      
}
.class_style_public_pages .select2-selection--single{
    height: unset !important;
}

.class_style_public_pages button{
      background-image: linear-gradient(240deg, rgba(210, 233, 229, 1), rgba(6, 100, 175, 1));
      display: inline-block;
      padding: 16px 0;
      color: white;
      width: 50%;
}
.class_style_public_pages .product-card{
    border-radius: 4px;
    padding: 12px;
}
.class_style_public_pages .product-img{
    height: 200px;
}
.class_style_public_pages .product-card-desk p{
    color: #4b4b4b;
    text-align: left;
    width: 90%;
    margin: 0 auto;
}
.class_style_public_pages .procuct-card-title{
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 8px !important;
}
.class_style_public_pages .procuct-card-p{
    margin-top: 8px !important;
}

/*商品詳細*/
.class_style_public_pages .procuct-detail{
    background-image: url('/app.php?class=public_pages&function=image&file=top-questionback.jpg');
    color: white;
    text-align: center;
    padding: 80px 0;
    width: 100%;
    display: flex;
    
}
.class_style_public_pages .procuct-detail-container{
    background-color: white;
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto;
    align-items: flex-start;
    padding: 40px;
    border-radius: 8px;
    gap: 20px;
}
.class_style_public_pages .product-card-desk-detail{
    width: 60%;
    text-align: left;
}
.class_style_public_pages .procuct-card-price{
    
    font-size: 14px;
    margin-top: 8px !important;
    
    color: #4b4b4b !important;
    text-align: left;
}
.class_style_public_pages .procuct-card-p{
    font-size: 14px;
    color: #4b4b4b;
    text-align: left;
    width: 90%;
    margin: 0 auto;
}

.class_style_public_pages .procuct-card-title-detail{
    font-weight: bold;
    font-size: 32px;
    color: #4b4b4b;
    text-align: left;
    margin: 0 auto;
    
}

.class_style_public_pages .image-area-detail{
    width: 30%;
}
.class_style_public_pages .product-detailtext{
    display: flex;
    gap: 10px;
    align-items: center;
    margin: 20px 0;
}
.class_style_public_pages .product-detailtext p{
    color: #4b4b4b;
    font-size: 12px;
}
.class_style_public_pages .product-detailtext-line{
    height: 1px;
    width: 100px;
    background-color: black;
}
.class_style_public_pages .procuct-card-p-detaile{
    font-size: 14px;
    color: #4b4b4b;
    text-align: left;
   padding: 20px;
    background-color: #fafafa;
}



.class_style_public_pages .pd-btn-add-cart {
    background-image: linear-gradient(240deg, rgba(210, 233, 229, 1), rgba(6, 100, 175, 1));
    display: inline-block;
    padding: 16px 0;
    color: white;
    float: unset;
    width: 50%;
    margin: 0;
    margin-top: 24px;
    text-align: center;
    border-radius: 4px;
}
.class_style_public_pages .product-purchase{
    margin-top: 24px;
}
.class_style_public_pages .product-purchase-title{
    font-size: 24px;
    color: #4b4b4b;
}
.class_style_public_pages .product-purchase-p{
    color: #4b4b4b;
    font-size: 14px;
}
.class_style_public_pages .button-container{
    display: flex;
    gap: 20px;
}
/*vanlife-main*/

.class_style_public_pages .vanlife-main{
    background-image: url('/app.php?class=public_pages&function=image&file=top-questionback.jpg');
    color: white;
    background-size: cover;
    padding: 80px 0;
    width: 100%;
    
}
.class_style_public_pages .vanlife-main-back{
    background-image: url('/app.php?class=public_pages&function=image&file=vanlife-main-back.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}


/*company*/
.class_style_public_pages .company{
    background-image: url('/app.php?class=public_pages&function=image&file=top-questionback.jpg');
    text-align: center;
    background-size: cover;
    padding: 80px 0;
    width: 100%;
    
}
.class_style_public_pages .company-container{
    padding: 64px;
    width: 80%;
    background-color: white;
    margin: 0 auto;
    border-radius: 8px;
}
.class_style_public_pages .company h2{
    color: white;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 80px;
}
.class_style_public_pages .company-container p{
    margin-top: 40px;
    text-align: left;
    line-height: 1.5;
    font-size: 16px;
}
.class_style_public_pages .company_wrapper{
    padding: 64px;
    width: 80%;
    background-color: white;
    margin: 0 auto;
    margin-top: 80px;
    border-radius: 8px;
    display: flex;
    flex-direction: column-reverse;
}
.class_style_public_pages .company_label{
    width: 20%;
    text-align: left;
    padding: 24px;
}
.class_style_public_pages .company_item{
    text-align: left;
    padding: 24px;
}
.class_style_public_pages .media-publish{
     padding: 64px;
    width: 80%;
    background-color: white;
    margin: 0 auto;
    margin-top: 40px;
    border-radius: 8px;
}
.class_style_public_pages .media-publish ul{
    display: flex;
    gap: 40px;
    padding: 20px 0;
    border-bottom: 1px solid #e4e4e4;
}
.class_style_public_pages .media-publish li{
    text-align: left;
    
}
/*blog*/
.class_style_public_pages .blog-main-content{
    background-image: url('/app.php?class=public_pages&function=image&file=top-questionback.jpg');
    text-align: center;
    background-size: cover;
    padding: 80px 0;
    width: 100%;
}
.class_style_public_pages .blog-content{
    background-image: url('/app.php?class=public_pages&function=image&file=top-questionback.jpg');
    text-align: center;
    background-size: cover;
    padding: 80px 0;
    width: 100%;
}
.class_style_public_pages .blog-list{
     
    width: 80%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
    gap: 24px;
}
.class_style_public_pages .item{
    width: 30%;
    background-color: white;
    
}
.class_style_public_pages .listimg img{
    height: 300px;
}

.class_style_public_pages .blog-title{
    font-weight: normal;
    text-align: left;
    width: 90%;
    margin: 0 auto;
    padding: 16px 0;
    border-bottom: 1px solid #e4e4e4;
    color: #4b4b4b;
}
.class_style_public_pages .blog-date{
    font-weight: normal;
    text-align: left;
    width: 90%;
    margin: 0 auto;
    padding: 16px 0;
    
    color: #CCC;
}

.class_style_public_pages .blog-back{
    color: black;
    
    
}
.class_style_public_pages .blog-back span{
   color: black;
       border-bottom: 1px solid;
    padding-bottom: 8px;
}
.class_style_public_pages .gallery__item {
    
}
.class_style_public_pages .blogdetailetitle{
    font-size: 32px;
    margin-top: 24px;
    margin-bottom: 0px;
    background-color: unset;
    line-height: 40px;
    text-align: left;
    padding-bottom: 12px;
    border-bottom: 1px solid #4B4B4B;
}
.class_style_public_pages .width100{
    width: 100% !important;
    
}
.class_style_public_pages .blogcontent{
    text-align: left;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #4B4B4B;
}
.class_style_public_pages .blogcontent h1{
     font-size: 32px;
    margin-top: 24px;
    margin-bottom: 24px;
    background-color: unset;
    line-height: 40px;
    text-align: left;
    padding-bottom: 12px;
    border-bottom: 1px solid #4B4B4B;
}
.class_style_public_pages .blogcontent h2{
     font-size: 24px;
    margin-top: 24px;
    margin-bottom: 24px;
    background-color: unset;
    line-height: 40px;
    text-align: left;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 12px;
    border-left: 4px solid #0664AF;
}
.class_style_public_pages .blogcontent h3{
     font-size: 20px;
    margin-top: 24px;
    margin-bottom: 24px;
    background-color: unset;
    line-height: 40px;
    text-align: left;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    color: #0664AF;
}
.class_style_public_pages .blogcontent p{
    font-size: 16px;
    line-height: 2;
}
.class_style_public_pages em {
    font-style: unset;
    color: #52A8EC;
    line-height: 2;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
}
.class_style_public_pages .blog-box{
  display: block;
  padding: 64px;
}

/*サブバッテリー詳細*/
.class_style_public_pages .vanlife-main-head{
    color: white;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 80px;
}
.class_style_public_pages .subbattery-container{
    width: 80%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
    gap: 24px;
    
}
.class_style_public_pages .subbattery-box{
    width: 30%;
    background-color: white;
    color: #4b4b4b;
    
}
.class_style_public_pages .subbattery-img{
    
}
.class_style_public_pages .subbattery-textarea{
    
    padding: 24px;
}
.class_style_public_pages .subbattery-box h4{
    font-size: 16px;
    line-height: 2;
    text-align: left;
    padding: 12px 0;
    border-bottom: 1px solid #e4e4e4;
    color: #4b4b4b;
}
.class_style_public_pages .subbattery-box p{
    padding: 12px 0;
    line-height: 2;
}
.class_style_public_pages .subbattery-banner{
    width: 50%;
    margin: 0 auto;
    
    padding: 0;
}
.class_style_public_pages .subbattery-bannerbox{
    width: 100%;
    text-align: center;
    margin-top: 40px;
}
.class_style_public_pages .orange{
    color: #FFB21B;
}

/*vanlifespecial*/
.class_style_public_pages .vf-h1{
    font-family: antonio;
    font-size: 146px;
    margin-top: 20px;
    margin-bottom: 0px;
    background-color: unset;
    height: unset;
    line-height: unset;
    color: white;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    display: inline;
    padding: 16px 0;

}
.class_style_public_pages .vanlifespecial-main{
    background-image: url('/app.php?class=public_pages&function=image&file=vm-back.jpg');
    text-align: center;
    background-size: cover;
    padding: 80px 0;
    width: 100%;
    position: relative;
    z-index: 1;
}
.class_style_public_pages .fvtitle-box h2{
    font-size: 40px;
    color: white;
    margin-bottom: 12px;
}
.class_style_public_pages .vanlifespecial-fvtitle{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-top: 100px;
    margin-left: 40px;
}
.class_style_public_pages .vanlifespecial-fvtitle p{
    font-size: 40px;
    font-weight: bold;
    color: white;
    padding-bottom: 24px; 
   
    
}
.class_style_public_pages .vanlifespecial-fvbottom{
    display: flex;
    justify-content: flex-end;
    margin-top: 50px;
    margin-bottom: 50px;
    align-items: center;
    
}
.class_style_public_pages .vf-imgtextbox{
    background-color: white;
    padding: 48px;
    text-align: left;
    width: 50%;
    height: fit-content;
}
.class_style_public_pages .vf-imgtextbox p{
    line-height: 2;
}
.class_style_public_pages .vf-img{
    width: 35%;
}
.class_style_public_pages .vanlifebutton{
    width: 50%;
    margin-top: 24px;
    border-radius: 0;
}
.class_style_public_pages .sankaku{
     position: absolute;
    left: 0;
    
    z-index: -1;
}
.class_style_public_pages #sankaku2{
    top: 1500px;
}
.class_style_public_pages #sankaku3{
    top: 3000px;
}
.class_style_public_pages #sankaku4{
    top: 100px;
}
.class_style_public_pages #sankaku5{
    top: 1600px;
}
.class_style_public_pages .sankaku-top{
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: -1;
}
.class_style_public_pages .sankaku-bottom{
    position: absolute;
    left: 0;
    top: 0px;
    z-index: -1;
}

.class_style_public_pages .vanlifespecial-features{
    background-color: black;
    padding: 80px 0;
    z-index: 2;
    position: relative;
}
.class_style_public_pages .features-title{
    width: 80%;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
.class_style_public_pages .features-number{
    font-size: 126px;
    font-family: antonio;
    font-weight: bold;
    color: white;
    
}
.class_style_public_pages .features-titletext{
    border-left: 1px solid white;
    padding-left: 16px;
    margin-left: 16px;
}
.class_style_public_pages .features-titletext h2{
    font-size: 64px;
    font-family: antonio;
    font-weight: bold;
    color: white;
    
}
.class_style_public_pages .features-titletextdetail{
    color: white;
    font-size: 40px;
}

.class_style_public_pages .features-container{
    width: 80%;
    margin: 0 auto;
    margin-top: 80px;
}
.class_style_public_pages .features-box{
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
    align-items: center;
}
.class_style_public_pages .features-box img{
    width: 40%;
}

.class_style_public_pages .features-boxtitle{
    color: white;
    width: 55%;
    
}
.class_style_public_pages .pointnumber{
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}
.class_style_public_pages .pointnumber h2{
    font-size: 40px;
    margin-left: 20px;
}
.class_style_public_pages .point{
    font-family: antonio;
    font-weight: bold;
    font-size: 12px;
}
.class_style_public_pages .numberbox-number{
    font-family: antonio;
    font-weight: bold;
    font-size: 32px;
    line-height: 1;
}
.class_style_public_pages .reverse{
    flex-direction: row-reverse;
}
.class_style_public_pages .vanlifespecial-difference{
    background-color: black;
        padding: 80px 0;
        background-image: url('/app.php?class=public_pages&function=image&file=vs-back2.jpg');
    position: relative;
    z-index: 1;
    background-size: cover;
    
}
.class_style_public_pages .flex-end{
    justify-content: flex-end;
}
.class_style_public_pages .difference-text{
    color: white;
    text-align: right;
    width: 80%;
    margin: 0 auto;
    margin-top: 40px;
    display: flex;
    justify-content: flex-end;
}
.class_style_public_pages .difference-text p{
    width: 70%;
}
.class_style_public_pages .difference-img{
    width: 80%;
    margin: 0 auto;
    margin-top: 40px; 
}
.class_style_public_pages .victory{
    font-size: 64px;
    border-bottom: 1px solid white;
    text-align: center;
    width: 80%;
    margin: 0 auto;
    margin-top: 64px;
    
    
}
.class_style_public_pages .victory-text{
    margin-top: 24px;
    color: white;
    text-align: center;
    font-size: 20px;
}
.class_style_public_pages .bms{
     background-color: black;
        padding: 80px 0;
}


/*cart*/
.class_style_public_pages #cart_main_area{
    
}

.class_style_public_pages #shopping-cart{
    background-image: url('/app.php?class=public_pages&function=image&file=top-questionback.jpg');
    text-align: center;
    background-size: cover;
    padding: 80px 0;
    width: 100%;
}

.class_style_public_pages .tbl-cart{
    width: 80%;
    background-color: white;
    margin: 0 auto;
    font-weight: normal;
}
.class_style_public_pages .tbl-cart td{
    padding: 20px;
}
.class_style_public_pages .cart-head th{
    padding: 20px;
}
.class_style_public_pages .cart-head{
    background-color: #4B4B4B;
    color: white;
    text-align: right;
    display: flex;
    width: 80%;
    padding: 20px;
    margin: 0 auto;
    justify-content: flex-end;
}
.class_style_public_pages .cart-head-title{
    width: 15%;
}
.class_style_public_pages .cart-imgbox{
    display: flex;
    
}
.class_style_public_pages .cart-imgbox img{
    width: 80px;
    margin-right: 16px;
}
.class_style_public_pages .cartbutton{
    width: 100px;
    margin: 0;
    border-radius: 0;
    background-image: unset;
    background-color: red;
}
.class_style_public_pages .width80{
    width: 80%;
    margin: 0 auto;
    text-align: right;
    margin-bottom: 32px;
    margin-top: 32px;
}
.class_style_public_pages .bg-white{
    background-color: white;
    width: 80%;
    margin: 0 auto;
    padding: 40px;
}
.class_style_public_pages .no-records{
    background-color: white;
    padding: 40px;
    text-align: center;
    margin-top: 40px;
}
.class_style_public_pages .cart-item{
    background-color: white;
    width: 80%;
    margin: 0 auto;
    display: flex;
    padding: 20px;
    align-items: center;
    border-bottom: 1px solid #dfdfdf; 
    
}
.class_style_public_pages .goukei{
    justify-content: flex-end;
   background-color: white;
    width: 80%;
    margin: 0 auto;
    display: flex;
    padding: 20px;
    align-items: center;
    border-bottom: 1px solid #dfdfdf; 
}
.class_style_public_pages .cart-itembox{
    width: 15%;
}
.class_style_public_pages .cart-imgbox{
    width: 40%;
}
.class_style_public_pages .width12{
    width: 12%;
}

/*contact*/
.class_style_public_pages .contact{
    background-image: url('/app.php?class=public_pages&function=image&file=top-questionback.jpg');
    text-align: center;
    background-size: cover;
    padding: 80px 0;
    width: 100%;
}
.class_style_public_pages .contact_us_sub2{
    text-align: left;
    margin-bottom: 24px;
}
.class_style_public_pages #form_area{
    padding: 64px;
    width: 60%;
    border-radius: 12px;
}
.class_style_public_pages #inquiry_inquiry_add_form{
    width: 100% !important;
    text-align: left;
    
    border-top: 1px solid black;
}
.class_style_public_pages .contact_submit_btn{
    float: unset;
}
.class_style_public_pages .flex-full{
    
}
.class_style_public_pages .flex-container{
    margin-top: 24px;
}

.class_style_public_pages input[type="text"],.class_style_public_pages  input[type="password"],.class_style_public_pages  input[type="number"] {
        width: 100%;
    border: 1px #dfdfdf solid;
    padding: 10px;
    border-radius: 4px;
    margin-top: 12px;
}

.class_style_public_pages .order-page-wrapper input[type="text"]{
    margin-top: 0px;
}
.class_style_public_pages .order-page-wrapper input[type="password"]{
    margin-top: 0px;	
}
.class_style_public_pages .order-page-wrapper input[type="number"] {
    margin-top: 0px;
}
.class_style_public_pages .order-page-wrapper select {
	margin-top: 0px;
}
.class_style_public_pages .order-page-wrapper textarea {
	margin-top: 0px;
}
.class_style_public_pages .order-page-wrapper p {
	margin-top:10px;
}

.class_style_public_pages #inquiry_inquiry_add_form input[type="text"]{
    margin-top: 0px;
}
.class_style_public_pages #inquiry_inquiry_add_form input[type="password"]{
    margin-top: 0px;	
}
.class_style_public_pages #inquiry_inquiry_add_form input[type="number"] {
    margin-top: 0px;
}
.class_style_public_pages #inquiry_inquiry_add_form select {
	margin-top: 0px;
}
.class_style_public_pages #inquiry_inquiry_add_form textarea {
	margin-top: 0px;
}
.class_style_public_pages #inquiry_inquiry_add_form p {
	margin-top:10px;
}

.class_style_public_pages #payment-form button {
	float:right;
}

.class_style_public_pages #inquiry_inquiry_add_form button {
	float:right;
}

.class_style_public_pages select {
    line-height: 30px;
    width: 50%;
    border: 1px #dfdfdf solid;
    padding: 10px;
    margin-top: 12px;
    
    border-radius: 4px;
}
.class_style_public_pages textarea {
    margin-top: 12px;
    width: 100%;
    border: 1px #dfdfdf solid;
    border-radius: 4px;
}
.class_style_public_pages .select2-container .select2-selection--single .select2-selection__rendered {
    width: 100%;
    border: 1px #dfdfdf solid;
    padding: 5px;
    background: #FFF;
    font-size: 18px;
    
    border-radius: 4px;
    font-size: 18px;
}
.class_style_public_pages #category{
    
}
.class_style_public_pages .select2-container--default .select2-selection--single .select2-selection__arrow b {
    
    margin-left: -20px;
    margin-top: 15px;
    
}

/*特商法*/
.class_style_public_pages .tokuteisyou{
     background-image: url('/app.php?class=public_pages&function=image&file=top-questionback.jpg');
    background-size: cover;
    padding: 80px 0;
    width: 100%;
}
.class_style_public_pages .special_commercial_law_menu{
    background-color: white;
    width: 80%;
    margin: 0 auto;
    padding: 64px;
}
.class_style_public_pages .special_commercial_law_content h3{
    font-size: 24px;
    
}
.class_style_public_pages .special_commercial_law_content{
    margin-bottom: 24px;
    
}

.class_style_public_pages footer{
    background-color: #353535;
    padding: 64px;
    display: flex;
    color: white;
    justify-content: space-between;
}
.class_style_public_pages .layout_footerContents__87LOI{
    padding: 4px;
}
.class_style_public_pages .layout_footerLink__3xxAV{
    color: white;
    padding: 4px;
}
.class_style_public_pages .layout_companyName__3RXSw{
    margin-top: 20px;
}
.class_style_public_pages .buyer-login{
    display: flex;
    padding: 80px 0;
    align-items: center;
}
.class_style_public_pages .flex-item-left {
    text-align: center;
    flex: 70%;
}
.class_style_public_pages .flex-item-right {
    background-color: #f6f6f6;
    padding: 10px;
    flex: 30%;
    margin-right: 10%;
    margin-left: 10%;
}
.class_style_public_pages .agency_recruitment{
    width: 90%;
    margin: 0 auto;
    margin-top: 40px;
}
.class_style_public_pages .login-form {
    border-radius: 20px;
    background: #FFF;
    padding: 28px;
}
.class_style_public_pages center{
    margin-top: 40px;
}
.class_style_public_pages .form-wrap{
    margin-bottom: 40px;
}
.class_style_public_pages .forgot-password-button{
    margin-top: 20px;
    display: block;
}
.class_style_public_pages #continue_btn_area {
    gap: 20px;
    margin-top: 20px;
}
.class_style_public_pages .thanks{
     background-image: url('/app.php?class=public_pages&function=image&file=top-questionback.jpg');
    background-size: cover;
    padding: 80px 0;
    width: 100%;
    margin-top: 100px;
}
.class_style_public_pages .thanksbox{
    background-color: white;
    width: 80%;
    margin: 0 auto;
}

/*insta*/
.class_style_public_pages .insta_list{
    width: 60%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
}
.class_style_public_pages .insta_list li{
    width: 32.5%;
   
}
.class_style_public_pages .insta_btn{
    margin-top: 24px;
}
.class_style_public_pages .insta_btn a{
    color: white;
}



/*installation*/
.class_style_public_pages .results {
    background-image: url(/app.php?class=public_pages&function=image&file=top-questionback.jpg);
    color: white;
    text-align: center;
    padding: 80px 0;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.class_style_public_pages #results_search_public_form {
    background-color: #fafafa;
    border: 2px solid #e4e4e4;
    width: 60%;
    margin: 0 auto;
    padding: 40px;
    justify-content: flex-start;
    align-items: center;
    border-radius: 4px;
    gap: 20px;
}
.class_style_public_pages .results-box {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: baseline;
    margin-bottom: 24px;
}

.class_style_public_pages .results-lineup{
    width: 90%;
    color: #4B4B4B;
    margin: 0 auto;
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.class_style_public_pages .results-lineup-text h3{
    font-size: 16px;
    text-align: center;
    padding-bottom: 20px;
}
.class_style_public_pages .results-lineup-box{
   width: 31%;
   background-color: white;
   display: flex;
   justify-content: center;
   flex-direction: column;
   text-align: left;
   color: #4B4B4B;
}
.class_style_public_pages .results-koumoku-box{
    margin-top: 20px;
}
.class_style_public_pages .results-koumoku-box h4{
    font-size: 14px;
}
.class_style_public_pages .results-koumoku-box p{
    font-size: 14px;
    margin-top: 12px;
}
.class_style_public_pages .results-koumoku{
    width: 90%;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    margin: 0 auto;
    padding-bottom: 20px;
}



.class_style_public_pages .more{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 16px 0;
    
}
.class_style_public_pages .more p{
    display: block;
    color: #4B4B4B;
}

.class_style_public_pages .more img{
    position: absolute;
    right: 5%;
    width: 25px;
}

/*resultsdetail*/
.class_style_public_pages .resultsimage-container{
    display: flex;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}
.class_style_public_pages .resultsimage-container img{
    width: 48%;
}

.class_style_public_pages .results-detail-koumoku h4{
    font-size: 16px;
}
.class_style_public_pages .results-detail-koumoku p{
    font-size: 16px;
    padding: 12px 20px;
    background-color: #f9f9f9;
    border-radius: 5px;
}

.class_style_public_pages .results-head{
    color: white;
    margin-top: 80px;
    margin-bottom: 40px;
    
}



@media( max-width:768px ){
    
.class_style_public_pages     #results_search_public_form {
   
    width: 90%;
    padding: 24px;
    
}
.class_style_public_pages .results-lineup {
    
    gap: 16px;
}
.class_style_public_pages .results-lineup-box {
    width: 100%;
    
}
.class_style_public_pages .resultsimage-container img {
    width: 100%;
}
    
.class_style_public_pages     .insta_list{
    width: 100%;
    
}

.class_style_public_pages     .header-menu{
        display: none;
    }
    
     /* ===============================================
ハンバーガーボタンのスタイリング
=============================================== */
.class_style_public_pages input[type="checkbox"] {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.class_style_public_pages .hamburger {
  display: block;
  width: 50px;
  height: 60px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  margin-top: 5px;
}
.class_style_public_pages .spheader-menu{
    color: white;
    position: absolute;
    top: 0;
}
.hamburger span,
.hamburger span::before,
.class_style_public_pages .hamburger span::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: all 0.5s;
}
.class_style_public_pages .hamburger span::before {
  bottom: -20px;
}
.class_style_public_pages .hamburger span::after {
  bottom: -10px;
}
.class_style_public_pages input[type="checkbox"]:checked + .hamburger span {
  background-color: transparent;
}
.class_style_public_pages input[type="checkbox"]:checked + .hamburger span::before {
  bottom: -10px;
  transform: rotate(45deg);
}
.class_style_public_pages input[type="checkbox"]:checked + .hamburger span::after {
  bottom: -10px;
  transform: rotate(-45deg);
}

/* ===============================================
メニューのスタイリング
=============================================== */
.class_style_public_pages .nav {
  position: fixed;
  width: 80%;
  height: 700px;
  top: 100px;
  right: -120%;
  background-color: black;
  color: #fff;
  
  transition: all 0.5s;
}
.class_style_public_pages .nav__item a {
  display: block;
  font-size: 20px;
  padding: 10px 0 10px 20px;
  text-transform: uppercase;
  color: white;
}
.class_style_public_pages .nav__item a:hover {
  color: #0664AF;
  background-color: #0664AF;
}
.class_style_public_pages input[type="checkbox"]:checked ~ .nav {
  right: 0;
}
.class_style_public_pages .spheader{
    display: block;
}
    
    
    
.class_style_public_pages     .header-menu ul{
    display: none;
}
.class_style_public_pages .fv-area{
    flex-direction: column-reverse;
    margin-top: 70px;
}
.class_style_public_pages .fv-right{
    width: 90%;
    
}
.class_style_public_pages .fv-left{
    width: 90%;
}
.class_style_public_pages .fv-left img{
    width: 100%;
    
}
.class_style_public_pages .top-question h2{
    font-size: 24px;
}
.class_style_public_pages .sub-content{
    flex-direction: column-reverse;
}
.class_style_public_pages .sub-contentleft {
    width: 100%;
}
.class_style_public_pages .sub-contentleft p {
    
    width: 100%;
}
.class_style_public_pages .right-img-content {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 10px;
}
.class_style_public_pages .top_subContentsLink__12OEB {
    width: 25%;
}
.class_style_public_pages .agency {
    
    width: 100%;
    margin: 0 auto;
}
.class_style_public_pages .top_subContentsSubTitle__6yPFU {
    margin-bottom: 20px;
    
}
.class_style_public_pages .product-lineup a {
    width: 48%;
}
.class_style_public_pages .sales_agent_area h3 {
    margin-top: 0px;
    font-size: 24px;
}
.class_style_public_pages .sales_agent {
    
    width: 90%;
    
}
.class_style_public_pages .sales_agent p{
    
    text-align: left;
    
}
.class_style_public_pages .sales_agent_area h4 {
    
    width: 90%;
    
    margin-top: 40px;
}
.class_style_public_pages .vanlife-main {
    
    padding: 40px 0;
    
}
.class_style_public_pages .company h2 {
    
    margin-top: 40px;
}
.class_style_public_pages .company-container {
    padding: 40px;
    width: 90%;
    
}
.class_style_public_pages .company_wrapper {
    padding: 40px;
    width: 90%;
    
    margin-top: 40px;
    
}
.class_style_public_pages .media-publish {
    padding: 40px;
    width: 90%;
    
}
.class_style_public_pages .item {
    width: 48%;
    
}
.class_style_public_pages .blog-list {
    width: 90%;
    
}
.class_style_public_pages .blog-box{
  margin-top: 0;
  padding: 40px;
}
.class_style_public_pages #form_area {
    padding: 40px;
    width: 80%;
    border-radius: 12px;
}
.class_style_public_pages button {
    
    width: 50%;
}
.class_style_public_pages .special_commercial_law_menu {
    
    padding: 40px;
}
.class_style_public_pages .vf-h1 {
    
    font-size: 100px;
    
}
.class_style_public_pages .fvtitle-box h2 {
    font-size: 24px;
    
}
.class_style_public_pages .vanlifespecial-fvtitle {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0px;
    margin-left: 0px;
    flex-direction: column;
}
.class_style_public_pages .vanlifespecial-fvtitle p {
    font-size: 24px;
    
    padding-top: 24px;
}
.class_style_public_pages .vanlifespecial-fvbottom {
    flex-direction: column;
    margin-top: 0px;
}
.class_style_public_pages .vf-imgtextbox {
    
    width: 80%;
    
}
.class_style_public_pages .vf-img {
    width: 50%;
}
.class_style_public_pages .features-number {
    font-size: 80px;
    
}
.class_style_public_pages .features-titletext h2 {
    font-size: 48px;
    
}
.class_style_public_pages .features-titletextdetail {
   
    font-size: 24px;
}
.class_style_public_pages .pointnumber h2 {
    font-size: 24px;
    margin-left: 20px;
}
.class_style_public_pages .subbattery-banner {
    width: 80%;
    
}
.class_style_public_pages .victory {
    font-size: 48px;
   
}
.class_style_public_pages .victory-text {
    margin-top: 24px;
    color: white;
    text-align: center;
    font-size: 16px;
}
.class_style_public_pages .features-box{
    flex-direction: column;
}
.class_style_public_pages .features-box img {
    width: 60%;
}
.class_style_public_pages .features-boxtitle {
    color: white;
    width: 90%;
    margin-top: 40px;
}
.class_style_public_pages .subbattery-box {
    width: 48%;
    
}
.class_style_public_pages .blogdetailetitle {
    font-size: 24px;
    
}
.class_style_public_pages .blogcontent h1 {
    font-size: 24px;
    
}
.class_style_public_pages .blogcontent h2 {
    font-size: 20px;
    
    line-height: 32px;
    
}
.class_style_public_pages .vanlife-main-back{
    background-image: url(/app.php?class=public_pages&function=image&file=vanlife-main-back-sp.jpg);
}
.class_style_public_pages .buyer-login{
    flex-direction: column;
    padding: 40px 0;
}
.class_style_public_pages .flex-item-right {
    margin-top: 24px;
}
.class_style_public_pages .agency_recruitment {
    
    margin-top: 20px;
}
.class_style_public_pages   #sankaku4{
    top: 50px;
}
.class_style_public_pages #sankaku5{
    top: 800px;
}
}
@media( max-width:600px ){
 
    
 
    
    
    
.class_style_public_pages     .header-logo img {
    width: 100px;
    margin-right: 20px;
}
.class_style_public_pages .fv-catch {
    padding-bottom: 20px;
    font-size: 20px;
   
}
.class_style_public_pages .top-question h2 {
    font-size: 16px;
}
.class_style_public_pages .ques-1 {
    width: 50px;
    margin-right: 0px;
    margin-bottom: 20px;
}
.class_style_public_pages .question-box {
    
    width: 100%;
    
    padding: 24px;
    flex-direction: column;
}
.class_style_public_pages .top-question {
    
    padding: 40px 0;
    
}
.class_style_public_pages h2{
    font-size: 20px;
}
.class_style_public_pages .mainproduct > h2 {
    
    width: 90%;
}
.class_style_public_pages .sub-content {
    width: 90%;
    margin-top: 40px;
    padding: 16px;
}
.class_style_public_pages .sub-contenttitle {
    font-size: 20px;
    
}
.class_style_public_pages .sec-title {
   
    margin-top: 40px;
   
    font-size: 24px;
}
.class_style_public_pages .top_subContentsLink__12OEB {
    width: 50%;
}
.class_style_public_pages .top_subContentsSubTitle__6yPFU {
    margin-bottom: 40px;
}
.class_style_public_pages .button-box {
   
    margin-top: 40px;
}
.class_style_public_pages .agency {
    padding-bottom: 64px;
    
    width: 100%;
    
}
.class_style_public_pages footer {
    
    padding: 20px;
    
    flex-direction: column;
    
    font-size: 12px;
}
.class_style_public_pages .layout_footerContents__87LOI {
    padding: 4px 0;
}
.class_style_public_pages .layout_footerLeft__caOQu{
    margin-bottom: 40px;
}
.class_style_public_pages .antonio {
    
    font-size: 40px;
}
.class_style_public_pages .product-p {
    
    width: 90%;
    margin: 0 auto;
    margin-top: 24px;
    margin-bottom: 40px;
    
}
.class_style_public_pages #product_search_public_form {
    flex-direction: column;
    
}
.class_style_public_pages .form-box {
    
    width: 100%;
    
}
.class_style_public_pages button {
    
    width: 80%;
}
.class_style_public_pages .pankuzu p {
    font-size: 12px;
}
.class_style_public_pages .sub-title {
    
    padding: 40px;
}
.class_style_public_pages .product {
    
    padding: 40px 0;
    
}
.class_style_public_pages .procuct-detail {
    
    padding: 40px 0;
   
}
.class_style_public_pages .procuct-detail-container {
    flex-direction: column;
    width: 90%;
    
    padding: 20px;
    
}
.class_style_public_pages .image-area-detail {
    width: 50%;
}
.class_style_public_pages .product-card-desk-detail {
    width: 100%;
    text-align: left;
}
.class_style_public_pages .pd-btn-add-cart {
    
    width: 50%;
    
}
.class_style_public_pages  .procuct-card-title-detail {
    
    font-size: 20px;
    
}
.class_style_public_pages .sales_agent{
    flex-direction: column;
}
.class_style_public_pages ._style_public_pages,.class_style_public_pages .sales_agent_name,.class_style_public_pages .sales_agent_map,.class_style_public_pages .sales_agent_phonenumber {
    width: 100%;
    padding: 16px 0;
    
}
.class_style_public_pages .class_style_public_pages,.class_style_public_pages .sales_agent_name,.class_style_public_pages .class_style_public_pages,.class_style_public_pages .sales_agent_map {
    border-right: unset;
    border-bottom: 1px solid #4B4B4B;
    
}
.class_style_public_pages .class_style_public_pages,.class_style_public_pages .sales_agent_name a,.class_style_public_pages .class_style_public_pages,.class_style_public_pages .sales_agent_map a {
    justify-content: center;
}
.class_style_public_pages .company {
    
    padding: 40px 0;
   
}
.class_style_public_pages .company-container {
    padding: 20px;
    width: 90%;
}
.class_style_public_pages .company-container p {
    margin-top: 20px;
    text-align: left;
    line-height: 1.5;
    font-size: 14px;
}
.class_style_public_pages .company_row{
    flex-direction: column;
    display: flex;
}
.class_style_public_pages .company_label {
    width: 100%;
    
    padding: 16px 0;
}
.class_style_public_pages .company_wrapper {
    padding: 20px;
    
}
.class_style_public_pages .company_item {
    
    padding: 16px;
}
.class_style_public_pages .media-publish {
    padding: 20px;
    width: 90%;
}
.class_style_public_pages .media-publish ul {
    
    flex-direction: column;
    gap: 20px;
    padding: 20px 0;
    
}
.class_style_public_pages .item {
    width: 100%;
    
}
.class_style_public_pages .blogdetailetitle {
    font-size: 20px;
   
}
.class_style_public_pages .blog-box{
    margin-top: 0;
}
.class_style_public_pages .blogcontent h1 {
    font-size: 20px;
    
}
.class_style_public_pages .blogcontent h2 {
    font-size: 16px;
    
    line-height: 24px;
    
}
.class_style_public_pages .blogcontent h3 {
    font-size: 16px;
    
    line-height: 24px;
    
}
.class_style_public_pages .blogcontent p {
    font-size: 14px;
    
    line-height: 24px;
    
}
.class_style_public_pages #form_area {
    padding: 20px;
    width: 90%;
    border-radius: 12px;
    margin-top: 0;
}
.class_style_public_pages .special_commercial_law_menu {
    padding: 20px;
    width: 90%;
}
.class_style_public_pages .special_commercial_law_content h3 {
    font-size: 20px;
}
.class_style_public_pages .special_commercial_law_content p{
    font-size: 14px;
}
.class_style_public_pages .fvtitle-box h2 {
    font-size: 16px;
}
.class_style_public_pages .vf-h1 {
    font-size: 56px;
}
.class_style_public_pages .vanlifespecial-main {
    
    padding: 40px 0;
    
}
.class_style_public_pages .vanlifespecial-fvtitle p {
    font-size: 20px;
    
}
.class_style_public_pages .vf-imgtextbox {
    width: 90%;
    padding: 24px;
}
.class_style_public_pages .features-number {
    font-size: 56px;
}
.class_style_public_pages .features-titletext h2 {
    font-size: 32px;
}
.class_style_public_pages .features-box img {
    width: 100%;
}
.class_style_public_pages .features-boxtitle {
    color: white;
    width: 100%;
    margin-top: 40px;
}
.class_style_public_pages .subbattery-banner {
    width: 100%;
}
.class_style_public_pages .features-titletextdetail {
    font-size: 20px;
}
.class_style_public_pages .difference-img {
    width: 100%;
    
}
.class_style_public_pages .difference-text p {
    width: 90%;
    font-size: 14px;
}
.class_style_public_pages .victory {
    font-size: 32px;
}
.class_style_public_pages .victory-text {
    
    
    font-size: 14px;
    width: 90%;
    margin: 0 auto;
    margin-top: 24px;
}
.class_style_public_pages .vanlifespecial-difference {
    background-color: black;
    padding: 40px 0;
}
.class_style_public_pages .bms {
    background-color: black;
    padding: 40px 0;
}
.class_style_public_pages .subbattery-bannerbox {
    width: 90%;
    text-align: center;
    margin: 0 auto;
    margin-top: 40px;
}
.class_style_public_pages .features-boxtitle {
    font-size: 12px;
    line-height: 2;
}
.class_style_public_pages .subbattery-box {
    width: 100%;
    
}
.class_style_public_pages .cart-head {
    display: none;
}
.class_style_public_pages .cart-item{
    margin-bottom: 40px;
    width: 90%;
}
.class_style_public_pages .cart-item{
    flex-direction: column;
}
.class_style_public_pages .cart-imgbox{
    flex-direction: column;
    width: 100%;
    align-items: center;
    padding: 10px;
    gap: 10px;
    
}
.class_style_public_pages .cart-imgbox img {
    width: 150px;
    margin-right: 0px;
}
.class_style_public_pages .cart-itembox {
    
    width: 100%;
    padding: 10px;
}
.class_style_public_pages .bg-white{
     width: 90%;
}
.class_style_public_pages .cartbutton {
    width: 50px;
    
}
.class_style_public_pages .goukei{
    width: 90%;
    text-align: left;
}
.class_style_public_pages .sp{
    display: block;
}
.class_style_public_pages .flex-item-right {
    margin-right: 5%;
    margin-left: 5%;
}
.class_style_public_pages .subbattery-container {
    width: 90%;
   
}
.class_style_public_pages .thanks{
    
    margin-top: 70px;
}
.class_style_public_pages .thanksbox {
    font-size: 20px;
}
.class_style_public_pages .thanks h3 {
    font-size: 16px;
}
.class_style_public_pages .instasection{
    width: 90%;
}
}