/*-----machine------*/

.site-footer{
    margin-top: 100px;
}
.machine-title{
    text-align: center;
    margin-top: 30px;
}
.machine-title01{
    font-size: 25px;
    font-family: "HGP明朝B";
    color: #D1222D;
}
.machine-title02{
    color: #8C0000;
    font-size: 40px;
    letter-spacing: 0.5rem;
    font-family: "HG明朝B";
    width:250px;
    margin:15px auto;
}
.machine-title02 p{
    border-bottom: 5px solid;
}
.machine-container01{
    background: #EEE2D4;
    height: 2300px;
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
}
.machine01{
    width: 70%;
    margin-top: 50px;
}
.machine01 table{
    width: 90%;
    margin: 0 auto;
    background: white;
    border: 1px solid gainsboro;
}
.machine01 td{
    padding:20px 30px;
}
.red-title{
    background:#D1222D;
    color: white;
    text-align: center;
}
.center-title{
    text-align:center;
    
}
.leftside{
    border-bottom: 1px solid gainsboro;
}
.rightside{
    width: 30%;
    text-align: center;
    border-bottom: 1px solid gainsboro;
    border-left: 1px solid gainsboro;
}
.rightlast{
    border-left: 1px solid gainsboro;
    text-align: center;
}
.under{
    border-bottom: 1px solid gainsboro;
}

.machine02-01,.machine02-02,.machine02-03,.machine02-04{
    margin-top:50px;
    text-align: center;
}
.machine02-01 img,.machine02-02 img,.machine02-03 img,.machine02-04 img{
    width:100%;
}
.machine02{
    width:25%;
}
.machine03{
    width: 90%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


.machine03-01,.machine03-02,.machine03-03{
    width: 30%;
}

.machine03-01 img,.machine03-02 img,.machine03-03 img{
    width: 100%;
}





/*レスポンシブに関する記述*/
@media screen and (max-width: 1600px) { 
    
    
    
}

@media screen and (max-width: 1070px) {
.machine-container01{
    height: 1750px;
}
}

@media screen and (max-width: 896px) {



}

@media screen and (max-width: 810px) {


}


@media screen and (max-width: 712px) {


}

@media screen and (max-width: 630px) {

}

@media screen and (max-width: 522px) {
.machine-title {
        margin-top: 100px;
}
.machine-container01{
        height: 4300px;
        z-index: -1;
        display:block;
    }
.machine01 {
        width: 100%;
        height: 1000px;
}
.machine01 td{
        vertical-align: middle;
        padding:10px 30px;
}
.machine02{
        width:90%;
        margin:0 auto;
        margin-top: 330px;
}
.machine03{
        margin:0 auto; 
    }
.machine03-01, .machine03-02, .machine03-03 {
        width: 100%;
        margin-top: 50px;
}  
.machine-title {
    margin-top: 150px;
}
 
    
}


@media screen and (max-width: 398px) {

.machine-container01 {
    height: 3700px;
}
.machine-title02 p {
    font-size: 30px;
}
.machine02 {
    margin-top: 380px;
}  
.site-footer {
    margin-top: 50px;
}    
    
    
}