@charset "utf-8";
@import url("initiative.css");
/*-------------------------*/
/*健康経営*/
/*-------------------------*/

.contents {
    margin-top: 70px;
}
/*テーマ*/
.health {
    background: url("../img/theme01.jpg") no-repeat center -50px;
    background-size: cover;
}

/*リード文*/
.read {
    margin-bottom: 80px;
}
.read h2 {}
.read p {}


/*目次*/
.mokuji {
    margin-top: 30px;
}
.mokuji dl {
    margin: 0;
}
.mokuji dt {}
.mokuji dd {
    margin: 20px 0 0 0;
}
.mokuji dd li~li {
    margin-top: 10px;
}


/*記事枠*/
.article {
    padding: 20px;
    border-top: 1px #ddd solid;
}
.article~.article {
    margin-top: 50px;
}

.article-headline {
    margin-top: 30px;
    background-color: #f7f7f7;
    padding: 15px 10px;
    line-height: 120%;
}
.article-headline h3 {
    margin: 0;
}
.article-headline span {
    border-left: 5px #ddd solid;
    padding-left: 10px;
}


/*イントロ*/
.intro .sign {
    margin-top: 30px;
}
.intro .sign ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.intro .sign li {
    text-align: right;
}
.intro .sign li~li {
    margin-top: 10px;
}
.intro~.covers {
    margin-top: 10px;
}

/*表紙画像*/
.covers {
    /*background-color: #f9f9f9;*/
    border: 1px #eee solid;
    padding: 20px;
    margin-top: 40px;
    /*
    border-top: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
    padding: 20px 0;
    */
}
.covers ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.covers li {
    width: calc((100% / 4) - 40px);
    margin: 0 20px;
    text-align: center;
}
.covers li img {
    max-width: 180px;
    display: block;
    margin: 0 auto 20px;
    border: 1px #ddd solid;
}








/****************************/
/*レスポンシブ*/
/****************************/
@media screen and (max-width: 1279px) {
}

@media screen and (max-width: 979px) {
}

@media screen and (max-width: 779px) {
}

@media screen and (max-width: 579px) {
}

@media screen and (max-width: 379px) {
}