@charset "utf-8";



/***********右上に文字の箱***********/
.white{
    width: 60%;
    height: 650px;
    margin-bottom: 150px;
}

.white img{
    width: 95%;
}

.other_box .white{
    height: 950px;
}

/***********箱の中の並び***********/
.goods_box{
    padding: 50px 20px;
}

.step{
    display: flex;
    margin-bottom: 50px;
}



/********************************************/

/****************レスポンシブ******************/

/********************************************/

@media screen and (max-width: 600px) {
    html {
        font-size: 75%;
    }


.header_right{
    display: none;
}
    
/***********動く流体シェイプ***********/
.poyo{
    width: 450px;
    height: 100px;
    margin: 0 auto;
}

/***********見出し***********/
h3{
    margin: 150px 0 80px;
    width: 100%;
    text-align: left;
    padding: 15px;
}



/***********右上に文字の箱***********/
.white{
    width: 95%;
    height: 400px;
}   

.other_box .white{
    height: 550px;
}

}