@charset "utf-8";
*{color: #3e668d}



    body{
        margin: 10px;
        display: flex;
        flex-flow: column;
        min-height: 100vh;
        font-family: "Helvetica Neue","Arial","Hiragino Kaku Gothic ProN W3","Hiragino Sans",
                "ヒラギノ角ゴ ProN W3","YuGothic","Yu Gothic",sans-serif;
        font-weight: 200;
                
        user-select:none;/*本文のコピー禁止*/
        -webkit-user-select:none;
        -ms-user-select: none;
        -moz-user-select:none;
        -khtml-user-select:none;
        -webkit-user-drag:none;
        -khtml-user-drag:none;
    }

    main{
        flex: 1;
    }


    header{
        width: 100%;
        margin: 0px 0px 20px 0px;
        padding: 10px 2% 20px 2%;
        background-color: #8ec6ff;
        color: #ffffff;
        font-family: "Helvetica Neue","Arial","Hiragino Kaku Gothic ProN W3","Hiragino Sans",
        "ヒラギノ角ゴ ProN W3","YuGothic","Yu Gothic",sans-serif;
        font-weight:200;
        /*position: fixed;*/
        /*top: 0;*/
        display: flex;
    }
    
    
    h1.header{
        background-color: #8ec6ff;
        color: #fff;
        font-family: "Helvetica Neue","Arial","Hiragino Kaku Gothic ProN W3","Hiragino Sans",
        "ヒラギノ角ゴ ProN W3","YuGothic","Yu Gothic",sans-serif;
        font-weight:200;
        font-size:16pt;
        margin: 0;
        padding: 0;
        text-align:left;
    }

       /*link.nav*/
       a.nav{
        text-decoration: none;
        font-family: sans-serif;
        color: #fff;
        }
        
        ul.nav{
        list-style: none;
        margin: 0;
        display: flex;    
        }
        
        li.nav{
        margin: 20px 20px 20px 20px;
        font-size: 16px;
        }
    
        img.nav{
        margin:auto 20px auto 0px;
        width: 234px;
        }

        nav{
        margin: 0 0 0 auto; /*上右下左の余白*/
        }     

    h1.title{
        color:#3e668d;
        font-family: "Helvetica Neue","Arial","Hiragino Kaku Gothic ProN W3","Hiragino Sans",
        "ヒラギノ角ゴ ProN W3","YuGothic","Yu Gothic",sans-serif;
        font-weight: 400;
        font-size: 22pt;
        margin: 2rem;
        padding: 0rem 1rem 0rem 1rem;
        text-align: center;
    }


    h2{
        color: #3e668d;
        font-family: "Helvetica Neue","Arial","Hiragino Kaku Gothic ProN W3","Hiragino Sans",
        "ヒラギノ角ゴ ProN W3","YuGothic","Yu Gothic",sans-serif;
        font-weight: 200;
        font-size: 18pt;
        text-align: left;
        margin: 24px 0px 0px 0px;
        padding: 0rem 1rem 0rem 1rem;
        background: transparent;
        border-left: 12px solid #4785b9;
    }


    h3{
        color: #3e668d;
        font-family: "Helvetica Neue","Arial","Hiragino Kaku Gothic ProN W3","Hiragino Sans",
        "ヒラギノ角ゴ ProN W3","YuGothic","Yu Gothic",sans-serif;
        font-weight: 200;
        font-size: 14pt;
        text-align: left;
        margin: 20px 0px 10px 0px;
        padding: 0rem 1rem 0rem 1rem;
        background: transparent;
        border-left: 9px solid #5c97cd;    
    }


    h4{
        color: #3e668d;
        font-family: "Helvetica Neue","Arial","Hiragino Kaku Gothic ProN W3","Hiragino Sans",
        "ヒラギノ角ゴ ProN W3","YuGothic","Yu Gothic",sans-serif;
        font-weight: 200;
        font-size:12pt;
        text-align: left;
        margin: 16px 0px 10px 0px;
        padding: 0rem 1rem 0rem 1rem;
        background: transparent;
        border-left: 7px solid #75aee6;  
    }


    p{
        color:#3e668d;
        font-family: "Helvetica","Arial","Hiragino Kaku Gothic ProN W3",
            "ヒラギノ角ゴ ProN W3","Hiragino Sans","YuGothic","Yu Gothic",sans-serif;
        font-weight: 200;
        font-size: 14pt;
        margin: 24px;
        padding: 0;
        text-align: left;
    }

    
    .p-h4{
        color:#3e668d;
        font-family: "Helvetica","Arial","Hiragino Kaku Gothic ProN W3",
            "ヒラギノ角ゴ ProN W3","Hiragino Sans","YuGothic","Yu Gothic",sans-serif;
        font-weight: 200;
        font-size: 12pt;
        margin: 24px;
        padding: 0;
        text-align: left;
    }


    ul{
        color:#3e668d;
        font-family: "Helvetica","Arial","Hiragino Kaku Gothic ProN W3",
            "ヒラギノ角ゴ ProN W3","Hiragino Sans","YuGothic","Yu Gothic",sans-serif;
        font-weight: 200;
        list-style-type: square;
    }
    
                                        
            


    .toc{
        color: #3e668d;
        font-family: "Helvetica Neue","Arial","Hiragino Kaku Gothic ProN W3","Hiragino Sans",
        "ヒラギノ角ゴ ProN W3","YuGothic","Yu Gothic",sans-serif;
        font-weight: 200;
        font-size: 12pt;
        text-align: left; 
        width: 100%;
        max-width: 500px;
        margin: 30px auto 30px auto;
        text-decoration: none;
    }
        
    .toc a{
        text-decoration: none;
    }
        
    .toc ol{
        list-style: square;
    }

    .title-link{
        color: #3e668d;
        font-family: "Helvetica Neue","Arial","Hiragino Kaku Gothic ProN W3","Hiragino Sans",
        "ヒラギノ角ゴ ProN W3","YuGothic","Yu Gothic",sans-serif;
        text-decoration: none;
    }



    footer{
        width: 100%;
        background-color:#8ec6ff;
        color:#ffffff;
        font-family:  "Helvetica","Arial","Hiragino Kaku Gothic ProN W3",
            "ヒラギノ角ゴ ProN W3","Hiragino Sans","YuGothic","Yu Gothic",sans-serif;
        margin: 30px 0 0 auto;
        padding: 0rem 1rem 0rem 1rem;
        text-align: center;
    }