html {
        font-size: 16px;
    }

    body {
        font-family: "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
        font-size: 18px;

    }
    h1 {
        font-size: 27px;
        font-weight: normal;
    }

    .catchphrase {
        font-size: 14px;
        font-weight: normal;
    }

    .pageCover {
        padding-top: 1em;
        padding-bottom: 1em;
        margin-top: 1em;
        margin-bottom: 1em;
        width:100%
    }

    .mainColumn {
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .sideColumn {
        padding-top: 5em;
    }

    
    .pCenter {
        margin: 0.1em auto;
        width: 370px;
    }

    .titleArea {
        text-align: center;
        
    }
    .btn {
        cursor: pointer;
        font-size: 1.25rem;
        cursor: pointer;
        border: 1px solid transparent;
        border-radius: .25rem;
        padding: 0.5rem 2.5rem;
        color: #fff;
        background-color: #329ef7;
        border-color: #329ef7;
    }
    .divCenter {
        text-align: center;
    }
    .none {
        display:none;
    }

    .taskList{ 
        line-height:2em;
    }

    .taskItem{ 
        color: #fff;
    }

    .taskItemChange{ 
        color: #000;
        transition:all 3s ease-out;
    }

    .adsense{ 
        text-align:center;
    }

    .footer {
        padding-top:1em;
        font-size: 14px;
        font-weight: normal;
        color: #8892a0;
        text-align: center;
    }