@charset "UTF-8";
/* CSS Document */
#news .container { height: 100%; }

/* activity */
#news a { text-decoration: none; }
#news .top { margin-bottom: 80px; }
#news .top .colWrap { -webkit-align-items: center; align-items: center; }
#news .bg_top {  position: relative; background-repeat: no-repeat; }
#news .top .right {  }
#news .title-B { padding-left: 70px; }
#news .desc { margin-bottom: 0px; }

#news.detail .container {  }

#news.detail .detail_catch { text-align: center; font-size: 3.8rem; background: #DEEBE0; padding: 30px 70px 30px 70px; margin-bottom: 100px; }

#news.detail article img { margin-bottom: 40px; }
#news.detail article p { margin-bottom: 40px; }
#news .title-B { color:#76ABB1; }
#news .title-B span {  color: #333; }
#news .linkBtn { background: #DEEBE0; text-align: center; }
#news .linkBtn a { color: #0C647B; width: 100%; height: 100%; display: block; }

#news article .link a { color: #0C647B; /*text-align: center; display:block; margin:0px auto; font-size: 2.2rem; margin-bottom: 40px;*/ }

#news .pageLink { text-align: center; margin: 0px auto; font-size: 1.6rem;}
#news .pageLink a { color: #333; }

#news .pageLink ul { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; }

#news .pageLink ul li a { position: relative; }

#news .pageLink ul li a::before,
#news .pageLink ul li a::after{ position: absolute; top: -2px;  bottom: 0; right: -40px; margin: auto; content: ""; vertical-align: middle; }
#news .pageLink ul li:last-child a::before{  width: 28px; height: 28px; -webkit-border-radius: 50%; border-radius: 50%; background: #333 ;}
#news .pageLink ul li:last-child a::after{ right: -28px;  width: 7px; height: 7px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

#news .pageLink ul li:first-child a::before{  width: 28px; height: 28px; -webkit-border-radius: 50%; border-radius: 50%; background: #333 ;    left: -150px; right: 0px;}
#news .pageLink ul li:first-child a::after{ left: -148px; right: 0px;  width: 7px; height: 7px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg);    transform: rotate(225deg); }

#news .breadcrumb-a li:nth-child(2) a { width: 80px; }
#news.detail .breadcrumb-a li:last-child a { width: 500px; }

#news .bg_green { background: #DEEBE0; }

#news {  }

#news .wrap_img { text-align: center; }
@media (min-width: 768px) {
    #news .container { padding: 0px; }

    #news.detail .container { width: 960px; }
    
    #news .bgPhoto { background-image: url(images/bg_news_ttl.jpg) ; }
    #news .top .left { width: 285px;  height: 310px; }
    #news .title-B { padding-left: 70px; position: relative; }
    #news .top .right { width: 660px; }

    #news .title-B {  font-size: 3.2rem ; }
    #news .title-B span { font-size: 1.6rem; }

    #news.detail .detail_catch { font-size: 3.8rem;  padding: 30px 0px 30px 0px;     margin-bottom: 100px; }

    #news .linkBtn { font-size: 2.2rem; width: 926px; margin: 0px auto; margin-bottom: 50px; }
    #news .linkBtn a { padding: 35px; }
    #news article .link { font-size: 2.2rem; margin-bottom: 40px;}
    #news .pageLink  { width: 385px; font-size: 1.6rem; }
}

@media (max-width: 767px) {
    #news article .container { margin: 0px 30px; }
    #news .top .colWrap { -webkit-align-items: center; align-items: center; margin-bottom: 60px; }
    #news .bgPhoto { background-image: url(images/bg_news_ttl-sp.jpg); }
    #news .top .left { width: 100%; background-size: 70%; background-repeat: no-repeat; }
    #news .title-B { padding-left: 0px; text-align: left;}
    #news .top .right { width: 100%; }

    #news .title-B {  font-size: 2.4rem ; text-align: center;}
    #news .title-B span { font-size: 1.6rem; margin: -10px; }
    #news.detail .detail_catch { font-size: 2.2rem;  padding: 20px; margin-bottom: 50px; }
    #news.detail article img { width: 100%; }

    #news .linkBtn {  padding: 15px; font-size: 1.8rem; margin: 0px auto; margin-bottom: 30px; width: 216px; }
    #news article .link { font-size: 1.8rem; margin-bottom: 40px;}
    #news .pageLink  { text-align: center; width: 385px; margin: 0px auto; font-size: 1.6rem;}

    #news .pageLink { width: 90%; font-size: 1.6rem; }
}