@charset "utf-8";

/* -------------------------------
MV
----------------------------------*/
main .mv{
    height: 376px;
    background-size: cover;
    background-position: center;
    width: 100%;
    position: relative;
}
main .mv .inner{
    position: relative;
    height: 91%;
}
main .mv h1{
    color: #fff;
    font-size: 7rem;
    line-height: 1.3;
    font-weight: 500;
    position: absolute;
    top: 54%;
    left: 0;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    letter-spacing: 0.05em;
}
main .mv.wt .h1{
    top: 54%;
    left: 0;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    letter-spacing: 0.05em;
    position: absolute;
}
main .mv.wt{
       border-top: 1px solid #E5E5E5; 
}
main .mv h1 span{
    font-size: 2.4rem;
    display: block;
    font-weight: 500;
    margin-top: 20px;
    letter-spacing: 0.05em;
}
main .mv.wt h1{
    color: #000;
    width: 100%;
    display: block;
    font-size: 6rem;
        font-weight: 600;
    position: static;
    transform: none;
}
main .mv.wt .subttl{
    color: #000;
    font-weight: 600;
}
main .mv.wt .subttl span{
     color: #50b363;
}
main .mv.wt.en h1{
    font-size: 10rem;
}
main .mv.wt.en h1 span{
    font-size: 10rem;
    color: #50b363;
    display: inline;
}
main .mv.wt.en .small{
    color: #000;
    font-size: 4.4rem;
    font-weight: bold;   
}
main .mv.wt .breadcrumbs,
main .mv.wt .breadcrumbs span,
main .mv.wt .breadcrumbs a{
    color: #000;
}
body.company .mv{
    background-image: url("../../corporate/img/mv.jpg");
    background-position: right;
}
body.company.outline .mv{
    background-image: url("../../corporate/outline/img/mv.jpg");
    background-position: center;
}
main .right ul.flex{
    flex-wrap: wrap;
}
main .right ul.flex li{
        width: 48%;
    margin-bottom: 22px;
}
main .left_wtgr{
    margin-left: 100px;
}
/* -------------------------------
企業理念
----------------------------------*/
body.company .sec1 .box{
    color: #fff;
}
/* -------------------------------
企業理念
----------------------------------*/
.products.index main .inner{
    max-width: 1488px;
}
.products.index footer{
    margin-top: 43px;
}
.products.index .sec1 p.wt{
    font-size: 3rem;
    margin-bottom: 28px;    
}
.products.index .sec2{
    margin-top: 80px;
}
.products.index main .sec1.bggreen{
    padding: 80px 0;    
}
.products.index main .gr_line{
        font-size: 4rem;
    font-weight: 600;
}

@media only screen and (max-width: 767px){  
    /* -------------------------------
    MV
    ----------------------------------*/
    main .mv{
        margin-top: 80px;
        height: 160px;
    }
    main .mv h1{
        font-size: 3rem;
    }
    main .mv h1 span{
        font-size: 1.5rem;
        margin-top: 4px;
    }
    main .mv.wt h1{
        font-size: 2.8rem;
        top: 60%;
        left: 0;
    }
    main .mv.wt .subttl{
        font-size: 1.5rem;
        margin-top: 4px;
    }
    main .left_wtgr {
        margin-left: 0;
        padding: 10% 0;
    }
    main .right ul.flex li{
        width: 100%;
        margin-bottom: 5%;
    }
    main .mv.wt.en h1{
              font-size: 4rem;
    }
    main .mv.wt.en h1 span{
               font-size: 4rem;
    }
    main .mv.wt.en .small{
        font-size: 1.5rem;
    margin-top: 4px;
    }
    
    /* -------------------------------
    企業理念
    ----------------------------------*/
    .products.index main .inner{
    max-width: 90%;
    }
    .products.index footer{
    margin-top: 15%;
    }
    .products.index .sec1 p.wt{
    font-size: 2rem;
    margin-bottom: 5%;  
    }
    .products.index .sec2{
    margin-top: 15%;
    }
    .products.index main .sec1.bggreen{
    padding: 15% 0;    
}
    .products.index main .gr_line{
        font-size: 2.3rem;
    font-weight: 600;
}
}/*-spend*/