@charset "UTF-8";

:root{
    /* 基本色の指定 */


}

body{
    /* この辺りは背景画像です */
    /*
    background-image: url("./pic/4277252_1.png");
    background-size: auto 100%;
    background-position: center;
    */
    background-color: lightskyblue;

    /* その他共通設定 */
    margin: 0px;
    padding: 0px;
    text-align: center;
    display: flex;
    
}

#main{
    background-color: white;

    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 800px;

}

#pict{
    text-align: center;
    margin: 0;
    padding: 0;
    background-color: aliceblue;
    display: flex;

}

#pict img{
    width: 800px;
    height: auto;
}

#cont{
    margin-left: 2em;
    margin-right: 2em;
    margin-bottom: 1em;

}

.backcolor {
    background-color: aliceblue;
    border-top: 3px solid LightSkyBlue;
    border-bottom: 3px solid LightSkyBlue;
    display: block;
    margin-left: -2rem;
    margin-right: -2rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

h1{
    color: royalblue;
    background-color: aliceblue;
    border-bottom:double 3px royalblue;
    position: relative;
    padding: 0.5em 1em;
    font-size: 1.8rem;
    margin-left: -1rem;
    margin-right: -1rem;
}



h2{
    color: #6594e0;
    border-bottom: dashed 3px #6594e0;
    padding-left: 0.5em;
    font-size: 1.5rem;

}
h2:before {
    content: "\01F433";
    color: white;
    margin-right: 8px;
}

h3 {
    margin: 0px;
    border-bottom: 3px double #6594e0;
    display: inline-block;
    color:royalblue;
    padding:5px 3px;
    font-size: 1.3rem;
}
h3:before {
    content: '\1F31F';
}
h3::after{
    content: '　　';
}

h4{
    font-size: 1.1rem;
    color:royalblue;
}

h4:before {
    content: '\02b50';
}


p{
    padding-left: 1.5em;

}