@charset "utf-8";
/* smallサイズ画面レイアウト */

@media screen and (max-width:550px) {
    h1{
        font-size:1.2rem;
        top: 32%;
    }
    .top-lead{
        font-size:2rem;
        bottom:25%;
    }
    .bottom-lead{
        bottom:21%;
        font-size:2rem;
    }
    #service h2,
    #business h2,
    #products h2{
        margin:0 0 50px 0;
        color: #CC0033;
    }
    #about h2{
        margin:0 0 50px 0;
    }
    #news{
        margin:0 0 100px 0;
    }
    #news h2{
     margin: 0 0 50px 0;
     color: #CC0033;
    }
    .news-bg{
        margin:0 0 100px 25%;
    }
    .news-bg,
    .news-bg::after{
        height:20vh;
    }
    #contact h2{
        margin:0 0 50px 0;
       }
}


@media screen and (max-width:590px) {
    #service .service-area,
    #business .business-area,
    #products .products-area{
        margin:0 0 50px 0;
    }
    #service .service-area .img,
    #business .business-area .img,
    #products .products-area .img{
        width:100%;
        z-index: 2;
    }
    #service .service-area .content,
    #business .business-area .content,
    #products .products-area .content{
        width:100%;
        top:-10px;
        animation:none;
        opacity: 1;
        z-index: 1;
    }
    #about .about-list dt{
         padding:0 0 0 10px;
    }

    .tab li a{
        padding:10px 15px;
        font-size: 1rem;
    }

    #product_nz3701a .twin,
    #product_nz3706 .twin
    {
        display: block;
        justify-content: space-between;
    }
    #product_nz3701a figure,
    #product_nz3706 figure
    {
        width: 100%;
    }
    #product_nz3701a .content,
    #product_nz3706 .content
    {
        width: 100%;
    }

    .twin .p05{ width: auto; }
    .twin .p15{ width: auto; }
    .twin .p25{ width: auto; }
    .twin .p35{ width: auto; }
    .twin .p45{ width: auto; }
    .twin .p55{ width: auto }
    .twin .p65{ width: auto; }
    .twin .p75{ width: auto; }
    .twin .p85{ width: auto; }
    .twin .p95{ width: auto; }

    .twin .p10{ width: auto; }
    .twin .p20{ width: auto; }
    .twin .p30{ width: auto; }
    .twin .p40{ width: auto; }
    .twin .p50{ width: auto; }
    .twin .p60{ width: auto; }
    .twin .p70{ width: auto; }
    .twin .p80{ width: auto; }
    .twin .p90{ width: auto; }
    .twin .p100{ width: auto; }


    /* twin */
    .twin{
        display: block;
    }
    .twin figure{
        width: 100%;
    }
    .twin .content{
        width: 100%;
    }
    .info img{
        width: 100%;
        /* max-width: 100%; */
    }
}