@charset "UTF-8";
.sub-eyecatch {
    background: url(../img/header.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding-top: 100px;
}

.sub-eyecatch h2 {
    margin: 0;
}

.news-hdlead {
    padding: 60px 0;
    background: url(../img/lead-img01.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    margin-bottom: 60px;
}

.news-hdlead .lead {
    font-size: 1.6rem;
    line-height: 2.0;
    text-align: justify;
    font-weight: 500 !important;
}




/*記事css*/


/* clearfix */
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }

/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

ul#newsList{
    margin:0 0 15px;
    padding: 30px 0;
    display: flex;
    flex-wrap: wrap;
}
ul#newsList li{
    color:#666;

    margin:0;
    padding: 15px;
    margin-bottom:3px;
    /* border-bottom:1px dotted #ccc; */
    line-height:120%;
    list-style-type:
        none;
    flex: 0 0 360px;
}

@media screen and (max-width: 500px){
    ul#newsList li{
        flex: 0 0 100%;
    }

}




#detail a{color:#36F;text-decoration: dotted;/* border-bottom: 1px dotted #666; */}
#detail a:hover{color:#039;text-decoration:none;}

.catName{
    display: inline-block;
    padding: 4px 8px;
    /* border: 1px solid #e08d8d; */
    background: #7db5b0;
    border-radius: 20px;
    font-size: 12px;
    line-height: 1;
    margin: 0 10px 3px;
    color: #fff;
}
.newMark{
    display:inline-block;
    /* border: 1px solid #d48e46; */
    padding: 2px 4px;
    font-size:11px;
    line-height:100%;
    background: #d48e46;
    color:#fff;
    /* box-shadow:1px 1px 1px #999; */
    border-radius:8px;
    font-style:italic;
    position: relative;
    top: -5px;
    /* z-index: 99; */
}
.comment{
    display:block;
    padding: 10px 0;
    float:left;
    overflow:hidden;
    width: 100%;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
    font-size: 14px;
    line-height: 1.5;
    color: #000;
}
.thumbNailWrap{
    display:block;
    width: 100%;
    float:left;
    height: 200px;
    overflow:hidden;
    padding: 2% 0;
}

#newsList .clearfix a{
    border: none;
}

@media screen and (max-width: 500px){
    .thumbNailWrap{
        width: 100%;
    }
}



.thumbNailWrap img{width:100%;/* max-width: 400px; */height: 200px;position: relative;object-fit: cover;}




.title{
    display: block;
    padding-bottom: 0;
    margin-top: 10px;
}

.title a{
    /* padding-bottom: 5px; */
    border: none;
    color: #111;
}

.up_ymd{font-size:15px;}



.team-info .box {
    padding: 50px 0px;
}

.team-info .box .team-img {
    width: 33.3333%;
}

@media screen and (max-width: 500px){
    .team-info .box .team-img {
        width: 100%;
    }
}





/* -------------------------
記事共通部分
------------------------ */

.article_inner a {
    line-height: 150%; }

.article_inner a:hover {
    text-decoration:none;color:#5b5763 }


.article_inner p {
    width: 100%;
    line-height: 25px;
    /* margin: 4% 0; */
    box-sizing: border-box;
    /* padding: 0 25px; */
}

.one{
    padding: 20px;
}

.two{
    padding: 20px;
    display: flex;
}

.two img{
    width: 50%;
}

@media only screen and (max-width: 640px) {
    .article_inner p {
        margin: 10% 0;
        padding: 0 10px; } }

.article_inner img {
    max-width: 100%;
    height: auto; }

@media only screen and (max-width: 640px) {
    .article_inner img {
        width: 100%;
        height: auto; } }

.article_inner h1 {
    background-size: cover;
    font-size: 23px;
    font-weight: normal;
    padding: 2%;
    margin-top: 5%;
    box-sizing: border-box;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.article_inner h2 {
    border-bottom: 1px solid #4a4138;
    font-size: 21px;
    font-weight: normal;
    padding: 0 3px 2%;
    margin-top: 5%;
    box-sizing: border-box; }

.article_inner h3 {
    border-bottom: 1px dotted #4a4138;
    font-size: 20px;
    font-weight: normal;
    padding: 0 3px 2%;
    margin-top: 5%;
    box-sizing: border-box; }

.article_inner h4 {
    background-size: contain;
    font-size: 19px;
    font-weight: normal;
    padding: 0 3px 2%;
    margin-top: 5%;
    box-sizing: border-box; }

.article_inner .title {
    margin-top: 5px;
    /* padding-bottom: 30px; */
    margin-bottom: 20px;
    font-size: 23px;
    font-weight: normal;
    border: 0px;
    border-bottom: 1px solid #e6e1dc;
    box-sizing: border-box;
    padding-bottom: 5px;
}

@media only screen and (max-width: 640px) {
    .article_inner .title {
        font-size: 18px;
        margin-bottom: 20px; } }

.article_inner .date {
    display: block;
    padding-bottom: 25px;
    background-size: contain;
    text-align: right;
}

@media only screen and (max-width: 640px) {
    .article_inner .date {
        padding: 7px 0;
        font-size: 13px;
        margin-bottom: 30px; } }

.article_pager {
    margin: 12px 0 75px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }

@media only screen and (max-width: 640px) {
    .article_pager {
        padding: 15px;
        box-sizing: border-box; } }

.article_pager a {
    font-size: 18px; }


#newsWrap{
    margin-top: 50px;
}