@charset "UTF-8";





 


@media screen and (min-width: 1380px){






}


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


                 
}

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



}

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

   

}

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

   
}

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



}


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



}

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


   body .dtc_news_area .mod-frame_inner {

        width: 90%;
    }

}




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

    
}



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

}


.dtc_news_area {

    position: relative;
    background: #fff;
    margin-top:100px ;
}



/*news用途*/

main {


background: #fff !important;

}


.news_topics_list {

    display: flex;
    justify-content: space-around;
    margin-top: 50px !important;
}


.information_title {
    text-align: center;
}
.information_title > h2 {
    color: #132874;
    font-size: 3.4rem;
    font-weight: normal;
    line-height: 1.3;
}
.information_title > h2 > span {
    display: block;
    margin-top: 5px;
    font-size: .412em;
}

.mod-news {
    margin-top: 25px;
    border-top: 1px solid #e2e2e2;
}


.mod-news ul {

    list-style: none;
}

.mod-news > li {
    border-bottom: 1px solid #e2e2e2;
    list-style: none;
    
    padding: 28px 30px 0px 10px;
}

.mod-news > li > a, .mod-news > li > span {
    display: block;
    position: relative;/*
    padding: 28px 30px 28px 10px;
    */text-decoration: none;
    padding: 0 30px 0px 0;

}


.mod-news_date {
    padding-right: 28px;
    color: #525252;
    line-height: 1.3;
}


.mod-label-list {
    overflow: hidden;
    margin: 0 0 -5px -5px;
    margin-top: 8px;
}

.mod-news_body {
    margin-top: 10px;
    clear: left;
    line-height: 1.5;
}

.mod-news > li > a:after, .mod-news > li > span:after {
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 7px;
    height: 10px;
    margin-top: -5px;
    background: url(http://www.nttud.co.jp/common/img/parts/link_bg03.png) no-repeat 0 0;
    background-size: 7px auto;
    content: "";
}

.news_topics_list section {

    flex: 0 0 48%;
}

.dtc_news_area section 
.mod-icon-pdf, .mod-icon-zip {
    width: 22px;
    height: 13px;
    margin-right: 5px;
    margin-left: 5px;
    vertical-align: baseline;
}

#soon01 {
    display: none;
}

#archive_area01 {
    display: none;
}

#footer01 {
padding-top: 100px;

}

#futur01 {
    display: none;
}

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


    body .news_topics_list {

        display: block;

    }

    body .topics {

        margin-top: 50px !important;
    }

    body #footer01 {
padding-top: 10px;

}

}


.mod-news .link_do {

    padding: 28px 30px 28px 10px;
}

.mod-news .link_do a::after {

    display: none;
}

.mod-news .link_do .tex {
    position: relative;
}

.mod-news .link_do .tex::after {
    display: block;
    position: absolute;
    top: 50%;
    right: -20px;
    width: 7px;
    height: 10px;
    margin-top: -5px;
    background: url(http://www.nttud.co.jp/common/img/parts/link_bg03.png) no-repeat 0 0;
    background-size: 7px auto;
    content: "";
}





/*タブ切り替え*/

@media screen and (min-width: 768px){

.on_sp02 {
    display: none;
}

}


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


.tab-area {
  /*display: flex;
  justify-content: center;
  background-color: #222e3e;
  cursor: pointer;

*/
    display: block;

}
  .tab {
    width: auto;
    height: auto;
    text-align: center;
    color: #3074df;
    border: 1px solid #3074df;
    background: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
    cursor: pointer;
    border-radius: 50px;
    margin: 0 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 25px;
  }

  .tab.active {
    background-color: #3074df;
    color: #fff;
    border: none;
    pointer-events: none;
  }

  
 .content {
    display: none;
    opacity: 0.5;
    -webkit-transition: all .5s;
    transition: all .5s;
  }
  .content.show {
    /*margin-top: 50px;*/
    display: block;
    -webkit-transition: all .5s;
    transition: all .5s;
    opacity: 1; 
}

.opacity02 {

animation-duration: .5s;
animation-name: anime_opacity01;
animation-iteration-count: 1;
animation-fill-mode:forwards ;
transform: rotate(0.0001deg);

}

@keyframes anime_opacity01 {

0% {
    opacity: 0;
   transition : all 100ms;

}



100% {
    opacity: 1;
}


}


.tab_ov {
    display: flex;
    justify-content: center;
    margin-top: 45px;
    align-items: center

}

.mod-news > li:last-child {
    border-bottom: 0px;

}


}


main, 
.dtc_news_area,
#dtc_news {

    background: #009dbf !important;
}



.information_title > h2, 
.tex,
main a:hover,
main a:link,
main a:active,
.mod-news_date,
#dtc_news main a:active,
.mod-news > li > a, .mod-news > li > span {

    color: #fff !important;
}