html {
    font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Apple Color Emoji", "Noto Color Emoji", "Noto Emoji", "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic",sans-serif;
}

body {
    margin: 0;
    border: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    background-color: #14cfd5;
}


#content {
    width: 85%;
    margin: 15px auto 15px auto;
    border: solid #a78080 12px;
    border-radius: 20px;
    height: 700px;
    background-color: #ffffff;
    box-sizing: border-box;
    text-align: center;
    background-image: url('../image/usuiM1.png');
    background-position: right 100px;
    background-repeat: no-repeat;
}

    #content h2 {
        margin-top: 10px;
        margin-bottom: 5px;
        color: #f5610b;
    }



    #content h3 {
        margin-top: 5px;
        margin-bottom: 5px;
        color: #1a67e1;
    }

#content2 {
    visibility: hidden;
    width: 85%;
    margin: 15px auto 15px auto;
    border: solid #a78080 12px;
    border-radius: 20px;
    height: 700px;
    background-color: #ffffff;
    box-sizing: border-box;
    text-align: center;
}

    #content2 h2 {
        margin-top: 10px;
        margin-bottom: 5px;
        color: #f5610b;
    }



    #content2 h3 {
        margin-top: 5px;
        margin-bottom: 5px;
        color: #1a67e1;
    }

#content3 {
    visibility: hidden;
    width: 85%;
    margin: 15px auto 15px auto;
    border: solid #a78080 12px;
    border-radius: 20px;
    height: 700px;
    background-color: #ffffff;
    box-sizing: border-box;
    text-align: center;
    background-repeat: no-repeat;
}

    #content3 h2 {
        margin-top: 10px;
        margin-bottom: 5px;
        color: #f5610b;
    }



    #content3 h3 {
        margin-top: 5px;
        margin-bottom: 5px;
        color: #1a67e1;
    }


@media screen and (max-width: 640px) {
    #content {
        width: 90%;
        margin: 10px auto 10px auto;
        border: solid #a78080 10px;
        border-radius: 16px;
        height: 520px;
    }

        #content h2 {
            margin-bottom: 3px;
            font-size: 17px;
        }


        #content h3 {
            margin-top: 2px;
            margin-bottom: 3px;
        }

    #content2 {
        width: 90%;
        margin: 10px auto 10px auto;
        border: solid #a78080 10px;
        border-radius: 16px;
        height: 520px;
    }

        #content2 h2 {
            margin-bottom: 3px;
            font-size: 17px;
        }


        #content2 h3 {
            margin-top: 2px;
            margin-bottom: 3px;
        }

    #content3 {
        width: 90%;
        margin: 10px auto 10px auto;
        border: solid #a78080 10px;
        border-radius: 16px;
        height: 520px;
    }

        #content3 h2 {
            margin-bottom: 3px;
            font-size: 17px;
        }


        #content3 h3 {
            margin-top: 2px;
            margin-bottom: 3px;
        }
}