@charset "UTF-8";

/*-------------------------
__information_style
-------------------------*/

#main{ text-align: center; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 50px; box-sizing: border-box;}
#main img{ width: 100%; height: auto;}
#contents_title{background:url("images/title_back.jpg")no-repeat center center;background-size:cover; position: relative;}
#contents_title:after { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; display: block;}

.topics_list{ text-align: left;}
.topics_list dl{ font-size: 1.4em; line-height: 1.8; display: flex; border-bottom: 1px solid #ddd;}
.topics_list dl dt{ width: 105px; padding: 20px 0; box-sizing: border-box; font-weight: 700;}
.topics_list dl dd{ width: calc(100% - 105px); padding: 20px 0; box-sizing: border-box;}
.topics_list dl dd a{ text-decoration: underline!important; color: #2a2c8b!important;}

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

.topics_list dl dd a{ -webkit-transition: .2s; -ms-transition: .2s; transition: .2s;}
.topics_list dl dd a:hover{ opacity: 0.6;}

}

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

#main{ padding: 0 20px;}
.topics_list dl{ font-size: 1.3em; line-height: 1.6; display: block;}
.topics_list dl dt{ width: 100%; padding: 15px 0 4px;}
.topics_list dl dd{ width: 100%; padding: 4px 0 15px;}

}