@charset "UTF-8";
/* CSS Document */

#global_wrapper{
margin: 0 auto;
}

#globalContainer{
    background-color: #ececec;
    padding: 30px 0 0;
}

#globalContainer a{
    color: #4f29b0;
}

#global_header img{
width: 100%;
}
#globalContainer img{
width: 100%;
}

.lead{
text-align: center;
margin: 0 0 8px;
line-height: 1.6;
letter-spacing: 2px;
font-weight: 600;
}
.menu {margin-bottom: 40px;}
.menu li{
    margin-bottom: 10px;
    list-style: none;
}

#globalContainer dd{
    padding: 10px 10px 30px;
    text-align: center;
}

.shime{
    border-top:2px solid #3b1e87;
    padding: 30px;
    text-align: center;
    color: #3b1e87;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 40px;
    letter-spacing: 2px;
}

.footerlogo{
    width: 70%;
    margin: 0 auto 20px;
}

.honshi{
    width: 90%;
    margin: 0 auto 20px;
}

.sample{
    text-align: center;
    font-size: 16px;
    color: #333;
}

.global_footer__inner{
    padding: 20px 8px 40px;
}

.global_footer__copy{
    text-align: center;
    font-size: 12px;
}

.bottom{
     background-color: #FFFFFF;
}

@media screen and (min-width: 768px){
    /*指定したいCSS*/
    #global_wrapper{
        margin: 0 auto;
        width: 750px;
    }
    
    .article{
        background-color: #666;
    }

    .lead{
        font-size: 24px;
        margin: 0 0 20px;
    }

    .shime{
        font-size: 24px;
    }

    .footerlogo{
        width: 40%;
        margin: 0 auto 20px;
    }

    .honshi{
        width: 70%;
        margin: 0 auto 20px;
    }

    .menu{
        display: flex;
        flex-wrap: wrap;
        padding: 0 20px;
    }
    .menu li{
        width: 50%;
    }

    #globalContainer dd{
     padding: 20px 30px 30px;
     text-align: center;
     font-size: 20px;
    }

    .pc_nobr{
        display: none;
    }
}