@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------------------------
トピックス
------------------------------------------------------------------------------ */
.lowerBrand.topics {
margin-bottom: 40px;
}
.topicsCont {
width: 1000px;
margin: 0 auto 80px;
padding: 50px 0;
position: relative;
}
.topicsLis {
width: 830px;
margin: 0 auto 50px;
padding-top: 80px;
}
.topicsLis li {
padding-left: 15px;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: dotted 2px #dadada;
}
.topicsLis li .data {
font-size: 123.1%;
float: left;
margin-right: 70px;
}
.topicsLis li .title {
font-size: 131%;
float: left;
}
.topicsLis li .title a{
color: #333;
}
.topicsLis li .title a:hover{
text-decoration: none;
}
.topicsTit {
position: absolute;
left: -130px;
top: -40px;
}


.topicsDataCont {
width: 900px;
margin: 0 auto;
}
.topicsDataCont .data {
font-size: 138.5%;
}
.topicsDataCont .title {
font-size: 215%;
padding-bottom: 10px;
margin-bottom: 30px;
border-bottom: dotted 3px #dadada;
}
.topicsPh {
margin-bottom: 30px;
}
.topicsTxtArea {
font-size: 116%;
margin-bottom: 30px;
}
.topicsBtn {
text-align: center;
}
.topicsLinks {
font-size: 116%;
margin-bottom: 40px;
background-color: #faf9f4;
padding: 20px;
}
.topicsLinks ul li {
background: url(../topics/img/icon.gif) no-repeat left 7px;
padding-left: 25px;
margin-bottom: 20px;
width: 400px;
float: left;
}
.topicsLinks ul li a {
color: #111;
}
.topicsLinks ul li a:hover{
text-decoration: none;
}
.topicsLinks ul li:nth-child(n + 3) {
/* margin-bottom: 0; 20170425sue*/
}
.topicsLinks ul li.pdf:after {
content: "（PDF）";
}
.topicsLinks ul li.word:after {
content: "（Word）";
}
.topicsLinks ul li.excel:after {
content: "（Excel）";
}
.topiYoutube {
background: #faf9f4;
text-align: center;
padding: 20px;
margin-bottom: 30px;
}
.topiYoutube iframe {
display: inline-block;
max-width: 860px;
}