@charset "utf-8";

.newsTopArea .section-inner{
    padding: 30px 20px 80px;
}
.newsTopArea .yearBlock{
    margin-bottom: 35px;
}
.newsTopArea .yearBlock:last-child{
    margin-bottom: 0;
}
.newsTopArea .listBlock{
    margin-bottom: 60px;
}
.newsTopArea .grid-column-area .col-item a:hover{
    text-decoration: underline;
}
.newsTopArea .grid-column-area .col-item .imgBox{
    margin: 0 auto 10px;
}
.newsTopArea .grid-column-area .col-item .date{
    font-weight: bold;
    margin-bottom: 3px;
}
.newsTopArea .grid-column-area .col-item .ttl{
    line-height: 1.4;
}


@media only screen and (max-width: 767px) {
    .newsTopArea .section-inner{
        padding: 30px 20px 30px;
    }    
    .newsTopArea .listBlock{
        margin-bottom: 30px;
    }
}

.newsTopArea .grid-column-area{
    margin-top: 35px;
}
.newsTopArea .grid_column_3col > .col-item {
    margin-bottom: 70px;
}
@media only screen and (max-width: 767px) {
    .newsTopArea .grid-column-area{
        margin-top: 25px;
    }
    .newsTopArea .grid_column_3col > .col-item {
        margin-bottom: 50px;
    }
}


/* newsArea */
.newsArea{
    word-break: normal;
}
.newsArea h1{
    margin-bottom: 20px;
}
.newsArea .section-inner{
    padding: 20px 20px 80px;
}
@media only screen and (max-width: 767px) {
    .newsArea .section-inner{
        padding: 0 20px 30px;
    }
}


/* headBlock */
.newsArea .headBlock{
    margin-bottom: 50px;
}
.newsArea .headBlock .date{
    text-align: right;
}
.newsArea .bodyBlock .subTtl{
    margin-bottom: 14px;
}


/* img */
.newsArea .bodyBlock img{
    width: 100%;
    margin: 0 auto;
    display: block;
}

/* img 2col */
.newsArea .bodyBlock .small-img-2col{
    margin-bottom: 0;
}
.newsArea .bodyBlock .small-img-2col .con_l,
.newsArea .bodyBlock .small-img-2col .con_r{
    width: 48%;
}
.newsArea .bodyBlock .small-img-2col .con_l{
    float: left;
    margin-right: 4%;
}
.newsArea .bodyBlock .small-img-2col .con_r{
    float: right;
}
.newsArea .bodyBlock .small-img-2col:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

@media only screen and (max-width: 767px) {        
    .newsArea .bodyBlock .small-img-2col{
        margin-bottom: 30px;
    }
    .newsArea .bodyBlock .small-img-2col .con_l,
    .newsArea .bodyBlock .small-img-2col .con_r{
        width: 100%;
        margin-right: 0;
    }
    .newsArea .bodyBlock .small-img-2col .con_l{
        margin-bottom: 20px;
    }
}