@charset "utf-8";

body{
    background-color: #2f4f4f;
}

header{
    background-color: darkgray;
    width: auto;
    height: 60px;

}
header h2{
    
    font-family: 'Saira Stencil One', sans-serif;
    font-size: 60px;
    text-align: center;
    align-items: center;
    vertical-align: auto;
}

main{
    height: 500px;
    width: 800px;
    margin: 80px auto auto auto;
    
    color: #fff;
}
main .main1{
    height: 300px;
}

main .div{
    display: flex;
    margin: 20px 0; 
    font-size: 1.2rem;
}
main .div1{
    width: 30%;
    text-align: center;
}
main .div2{
    width: 70%;
    text-align: center;
}

main .text{
    text-align: center;
}







/* ########### 599px以下(smartphone) ########### */
@media (max-width: 599px) {

    body{
        width: 100%;
    }

    header{
        width: 100%;
    }
 
    main{
        width: 100%;
    }
}



 

 

/* ########### 600px以上～768px以下(tablet) ########### */
@media (min-width: 600px) and (max-width: 768px) {

    body{
        width: 100%;
    }

    
    header{
        width: 100%;
    }
 
    main{
        width: 100%;
    }
}

 

 

/* ########### 769px以上(pc) ########### */
@media (min-width: 769px) {


}

 

 

/* ########### 1000px以上(pc) ########### */
@media (min-width: 1000px) {


}