@charset "utf-8";

@media screen and (min-width: 768px){
    .mainVisual {
        height: 912px;
        min-height: 412px;
    }
    .mainVisual .pcBlock{
        position:relative;
        top:42%;
        transform: translateY(-40%);
    }
}

.one-point{
    margin:0 auto;
    max-width:740px;
    padding:0 30px;
}
h2{
    font-size:2.8rem;
    margin:1.5em 0 0;
}
h3{
    font-size:2rem;
    margin:2.5em 0 0;
}
h4{
    font-size:1.8rem;
    margin:2.5em 0 0;
}
h5{
    font-size:1.6rem;
    margin:2em 0 0;
}
p{
    font-size:1.4rem;
    line-height:1.9em;
}
img{
    max-width:100%;
}
h3+img{
    margin-top:1rem;
}
ul{
    padding:0;
}
.img-list li{
    display:inline-block;
    width:33%;
    margin:15px 0;
    font-size:1.4rem;
    line-height:2.2em;
    text-align:center;
}
.product-change{
    margin: 1.5em 0 0;
    font-size: 1.4rem;
}

.product-change .product-img{
    vertical-align:text-bottom;
    margin-right:.5em;
    
}
.change-list {
    overflow: hidden;
}
.change-list li{
    display:inline-block;
    margin-bottom:1.2em;
    width:48%;
}
.change-list li:nth-child(2n+0){
    float:right;
}

.change-list img{
    display:block;
    margin-top:.3em;
}

.service{
    margin:0 auto 5%;
}
@media screen and (min-width: 768px){
    .service{
        max-width: 1200px;
        min-width: 940px;
        padding:0 30px;
    }
    .product-change{
        margin-left:2%;
    }
}
@media screen and (max-width: 767px){
    h2{
        font-size:4vw;
    }
    
    .one-point{
        padding:0 5%;
    }
    .img-list li{
        width:46%;
    }
    
}

@media screen and (max-width: 600px){
    .change-list li{
        width:100%;
    }
}