@charset "UTF-8";
/* CSS Document */

/*#mv{margin: 0 auto 40px; max-width: 1020px;}*/
#mv{margin: 0 auto 40px; max-width: 1020px;width:1020px;}

main{width: 920px; margin:0 auto;　flex: 1;}

main>article {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;}
#news{width: 320px; background: #F7F5F3; padding: 20px;}
#news h2{border-left: 3px solid #66CC99; font-size: 20px; padding: 0 0 0 5px; margin:  0 0 20px;}

#news li{position: relative; padding-left: 25px; margin-bottom: 10px; line-height: 1.3em;}
#news a{text-decoration: underline;}
#news a::before{content:''; display: inline-block; width: 18px; height: 18px; background-image: url("../img/arrow.png"); background-size: contain; background-position: top center; background-repeat: no-repeat; vertical-align: middle; margin: -2px 5px 0 0; position: absolute; left: 0;}

#meaning{ width: 550px; line-height: 1.6em; margin-right: 50px;}
#meaning h2{font-size: 23px; padding: 0 0 10px;}


@media screen and (max-width: 768px){
#mv{width:100%;}
main{width: 100%;}
main>article{display: block;}
#news{width: 90%; margin: 0 auto 50px;}
#meaning{width: 90%; margin: auto;}

}