/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');



#sub-title{
background-image: url("../img2/subtitle_bg2.jpg");
background-size: cover;
}

#topics{
border-top: 1px solid #333;
}

#topics dl{
clear: both;
overflow: hidden;
padding: 30px 0;
border-bottom: 1px solid #333;
}
#topics dt{
float: left;
width: 340px;
background: url("../img2/topics_cup.png") left top 2px no-repeat;
background-size: 30px;
}
#topics dt h3{
padding-left: 40px;
font-size: 22px;
font-weight: bold;
line-height: 30px;
}
#topics dd{
float: right;
width: calc(100% - 350px);
font-size: 16px;
line-height: 28px;
}


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


}


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

#topics dl{
padding: 30px 0;
border-bottom: 1px solid #333;
}
#topics dt{
float: none;
width: 100%;
}
#topics dt h3{
}
#topics dd{
float: none;
width: 100%;
padding-top: 20px;
}

.dtbr{display: none;}

}



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

#topics dt{
background: url("../img2/topics_cup.png") left top 6px no-repeat;
background-size: 24px;
}
#topics dt h3{
padding-left: 34px;
font-size: 20px;
line-height: 34px;
}
#topics dd{
font-size: 16px;
line-height: 28px;
}


}