@charset "utf-8";

#content {
    background-color: #fff;
    padding-bottom:80px;
}

.bcn_bottom {
    margin-bottom:0;
}


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

    .bcn_bottom {
        margin:auto;
        width: 90%;
    }
}

/* header -----*/


.header_2nd {
    /* background-image: url(../images/news/header_bg.jpg); */
    background-image: url(../images/news/header_bg.jpg);
    background-position: 500% 0%;
}

.main_inner .sec2 {
    background:#fff;
}


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

    .header_2nd {
        background-image: url(../images/news/header_bg.jpg);
        background-size:280vw;
        background-position:50% 45%;
    }
}


/* top news ----- */

.top_news {
    background:#f2f2f2;
    padding:60px 0 100px;
    margin:0 0 100px 0;
}
.news_ttl {
    margin:20px 100px 40px;
    display: flex;
}
.news_ttl a {
    display: block;
    padding:10px 15px;
    margin:5px 10px;
    background:url(../images/dcdcdc.png) repeat;
    font-size:1rem;
    line-height: 110%;
    text-decoration: none;
    color:#000;
}
.news_ttl a:hover {
    color:#000;
    opacity: 0.8;
}
.news_ttl a span {
    padding:0 25px 0 0px;
    background:url(../images/forward_blk.png) no-repeat center right;
    background-size:15px;
    font-size:0.95rem;
}
.news_ttl p {
    color:#c11830;
    font-size:2.5rem;
    line-height: 110%;
    font-family:'Oswald' ,sans-serif;
}

@media screen and (max-width: 690px) {
    .top_news {
        background:#f2f2f2;
        padding:40px 0 20px;
    }
    .news_ttl {
        margin:10px 20px 10px;
        display: flex;
    }
}

.news_wrap ul {
    display: flex;
    margin:0 100px;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.news_wrap ul li {
    width:calc((100% / 3) - 30px);
    margin:0 15px 70px;
    background:#fff;
}
.news_wrap ul li a {
    background:#fff;
}
.news_wrap ul li .thumb {
    width:100%;
    height:220px;
}
.news_wrap ul li .thumb img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 220px;
}
.news_wrap ul li .txt {
    padding:40px;
    font-size: 0.8rem;
    line-height: 150%;
    text-decoration: none;
}
.news_wrap ul li .txt a {
    font-size: 0.8rem;
    text-decoration: none;
}
.news_wrap ul li .list_category_icon {
    display: flex;
    margin:20px 0 0 0;
    justify-content: flex-start;
}
.news_wrap ul li .list_category_icon p.date {
    white-space: nowrap;
}
.news_wrap ul li .list_category_icon ul {
    margin:0;
}
.news_wrap ul li .list_category_icon li {
    width:auto;
    margin:0 0 0 10px;
}
.news_wrap ul li .list_category_icon li a {
    color: #c11830;
}
.news_wrap ul li .list_category_icon .arrow {
    width:20px;
    margin-left: auto;
}
.news_wrap ul li .list_category_icon .arrow img {
    width:100%;
}
@media screen and (max-width: 690px) {
    .news_wrap ul {
        display: block;
        margin:0 0px;
        justify-content: space-between;
    }
    .news_wrap ul li {
        width:100%;
        margin:0 0;
        background:#fff;
    }
    .news_wrap ul li .txt {
        padding:15px 25px 40px;
        font-size: 0.8rem;
        line-height: 150%;
        text-decoration: none;
    }
}


.category_link {
    margin:30px 100px;
    display: flex;
}
.category_link a {
    display: block;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    padding:10px;
    text-align: center;
    width:calc(100% / 6);
    font-size: 1rem;
    text-decoration: none;
    background:#fff;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.category_link a.active {
    display: block;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    padding:10px;
    text-align: center;
    width:calc(100% / 6);
    font-size: 1rem;
    text-decoration: none;
    background:#000;
    color:#fff;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.category_link a:last-child {
    border-right:1px solid #000;
}
.category_link a:hover {
    background:#ccc;
    color:#000;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}



/* single */

.news_inner {
    padding:50px 160px 120px;
    width:100%;
}
.news_inner {
    background-color: #fff;
}
.news_inner h2 {
    font-size: 1.6rem;
    margin:40px 0;
}
.news_inner h3 {
    font-size: 1.2rem;
    margin:40px 0 10px;
}
.news_inner h4 {
    font-size: 1rem;
    margin:40px 0 10px;
}
.news_inner p {
    font-size: 1rem;
    margin:20px 0;
}

.ttl_wrap {
    background-size: cover;
    background-repeat: no-repeat;
    width:100%;
    position: relative;
}

.ttl_wrap h3 {
    font-size: 1.6rem;
    margin:40px 0;
    color:#fff;
}

.ttl_wrap p.postdate {
    padding:15px 0;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    color:#fff;
    font-size: 1rem;
    line-height: 110%;
}
.ttl_wrap p.postdate a {
    color: #fff;
    text-decoration: none;
}

.ttl_wrap_inner {
	width: 100%;
	height: 100%;
    padding:400px 160px 70px;
	background-image: linear-gradient(180deg, transparent 0 0%, #000 120%);
    background-position: 50% 50%;
}


.nomainimage h3 {
    font-size: 1.6rem;
    margin:40px 0;
    color:#333;
}

.nomainimage .ttl_wrap_inner {
	width: 100%;
    padding:100px 160px 70px;
    background-image: none;
}

.nomainimage p.postdate {
    padding:15px 0;
    border-top:1px solid #666;
    border-bottom:1px solid #666;
    color:#333;
    font-size: 1rem;
    line-height: 110%;
}
.nomainimage p.postdate a {
    color: #333;
    text-decoration: none;
}


.gallery {
    margin:50px 0;
    padding:20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.gallery_inner {
    width:calc(50% - 10px);
    margin:10px 0;
}
.gallery_inner img {
    width: 100%;
}

.related {
    background:#f2f2f2;
    padding:60px 0 100px;
    margin:0 0 0 0;
}


.news_inner table {
    width:100%;
    border-collapse: collapse;
    border:1px solid #ccc;
}
.news_inner table td,
.news_inner table th {
    padding:8px;
    font-size: 1rem;
    text-align: center;
    border:1px solid #ccc;
}
.news_inner table th {
    text-align: left;
    background-color: #f2f2f2;
}
.news_inner table thead td {
    background-color:#333;
    color: #fff;
}
.news_inner table thead.red td {
    background-color: #c11830;
    color: #fff;
}


.photo_block {
    display: flex;
    flex-wrap: wrap;
    margin:40px 0;
}
.photo_block li {
    margin:20px;
}
.photo_block li p {
    text-align: center;
    margin:5px 0 0;
    padding:0 10px;
    font-size: 0.85rem;
}
.photo_block li img {
    width:100%;
    height: auto;
}
.line2 li { width:calc(50% - 40px);}
.line3 li { width:calc(33% - 40px);}
.line4 li { width:calc(25% - 40px);}



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


    .news_inner {
        padding:7vw;
        width:100%;
        margin:0 auto;
    }
    .news_inner p {
        font-size: 0.9rem;
        margin:20px 0;
    }
    .news_inner {
        background-color: #fff;
    }
    .news_inner h2 {
        font-size: 1.6rem;
        margin:40px 0;
    }
    .news_inner h3 {
        font-size: 1.2rem;
        margin:40px 0 10px;
    }
    .news_inner h4 {
        font-size: 1rem;
        margin:40px 0 10px;
    }
    .news_inner p {
        font-size: 1rem;
        margin:20px 0;
    }

    .ttl_wrap h3 {
        font-size: 1.4rem;
        margin:40px 0 10px;
    }
    .ttl_wrap p.postdate {
        padding:12px 0;
        font-size: 0.8rem;
        line-height: 110%;
    }
    .ttl_wrap p.postdate a {
        text-decoration: none;
    }
    .ttl_wrap_inner {
        width: 100%;
        height: 100%;
        padding:40vw 5vw 6vw;
	    background-image: linear-gradient(180deg, transparent 0 0%, #000 110%);
    }
    .nomainimage .ttl_wrap_inner {
        width: 100%;
        height: 100%;
        padding:8vw 5vw 6vw;
    }

    .gallery {
        margin:30px 0 80px;
        padding:0px;
        display:block;
    }
    .gallery_inner {
        width:100%;
        margin:10px 0;
    }
    .gallery_inner img {
        width: 100%;
    }

    .related {
        padding:60px 0 0;
        margin:0 0 0 0;
    }

    .news_inner table td,
    .news_inner table th {
        padding:5px;
        font-size: 0.8rem;
    }

    .photo_block {
        display: block;
        margin:40px 0;
    }
    .photo_block li {
        margin:15px 0;
    }
    .photo_block li p {
        margin:5px 0 0;
        padding:0 0px;
        font-size: 0.85rem;
    }
    .line2 li { width:calc(100% - 0px);}
    .line3 li { width:calc(100% - 0px);}
    .line4 li { width:calc(100% - 0px);}

}


/* message */

.header_message {
    background-image:url(../images/club/room_bnr.jpg);
    background-size: cover;
}

/* sdgs */

.header_sdgs {
    background-image:url(../images/sdgs/report_header.jpg);
    background-size: cover;
}


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

    .header_sdgs {
        background-image:url(../images/sdgs/report_header.jpg);
        background-size: cover;
    }

}


/* privacy */

.wrp1 h2 {
    font-size: 2.5rem;
    margin:50px 0 60px;
}
.wrp1 h3 {
    font-size: 1.6rem;
    margin:70px 0 30px;
}