@charset "UTF-8";

.wrap-untact-notice .title {position: relative; padding: 13px 0 24px 0; border-bottom: 2px solid #fff;}
.wrap-untact-notice .title strong {font-family: 'Noto Bold'; font-size: 22px; color: #fff;}
.wrap-untact-notice .title a {position: absolute; right: 0; top: 0; width: 45px; height: 45px; background: url('../images/btn-untact-more.png') no-repeat center center; border: 1px solid #ccc; text-indent: -99999px;}
.wrap-untact-notice .title a:hover {border: 1px solid #fff;}
.wrap-untact-notice .list li {padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.3);}
.wrap-untact-notice .list a {position: relative; overflow: hidden; display: block; font-family: 'Noto Regular'; font-size: 16px; color: #dfdfdf; white-space: nowrap; text-overflow: ellipsis;}
.wrap-untact-notice .list a:hover {color: #fff;}
.wrap-untact-notice .list a span {position: relative;}
.wrap-untact-notice .list a span::after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #fff;}
.wrap-untact-notice .list a:hover span::after {width: 100%; transition: .4s;}
.wrap-untact-notice .more-hidden {display: none;}
.wrap-untact-notice .nodata {padding: 30px 0; text-align: center; color: #fff;}

@media all and (max-width: 1200px) {
    .wrap-untact-notice .list li:nth-child(n+3) {display: none;}
}