@charset "UTF-8";

/*メインイメージ*/
div.main-img {
margin: 0 auto;
width: auto;
max-width: 1200px;
}
.main-img {
height: 225px;
background-position: center center;
background-size: cover;
}
.main-img.kouza-img {
background-image: url("../images/kouza_title.jpg");
}
.main-img.study-img {
background-image: url("../images/study_title.jpg");
}
.main-img.announcer-img {
background-image: url("../images/announcer_title.jpg");
}

/*年表*/
.text-body {
font-size: 16px;
font-weight: normal;
}
.text-body h2 {
font-size: 24px;
font-weight: bold;
margin-bottom: 32px;
}
.text-body h3  {
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
}
.age-style dl, .age-style2 dl {
/*
padding-bottom: 16px;
*/
}
.age-style dt, .age-style2 dt {
float: left;
font-weight: normal;
}
.age-style dd, .age-style2 dd {
padding-bottom: 8px;
}
.age-style dt {
width: 100px;
}
.age-style dd {
margin-left: 100px;
}
dl::after {
content: '';
display: block;
clear: both;
}

/*研究・調査*/
.age-style ul {
padding-left: 20px;
}
.age-style li {
line-height: 1.5em;
padding-bottom: 1em;
}

/*アナウンサー*/
.age-style2 dt {
width: 120px;
}
.age-style2 dd {
margin-left: 120px;
}



/* =======================================================レスポンシブル設定======================================================= */

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

}

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

}

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

/*年表*/
.row.age-style {
width: 100%;
}
.text-body h3  {
margin-top: 28px;
}
dl dt .br-hidden {
display: none;
}

}

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

/*メインイメージ*/
.main-img {
height: 170px;
background-position: 50% 0;
background-size: 120%;
background-repeat: no-repeat;
}

/*年表*/
.age-style dt,.age-style2 dt {
float: none;
margin-left: 0;
}
.age-style dd,.age-style2 dd {
margin-left: 0;
}

}


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

/*メインイメージ*/
.main-img {
height: 190px;
background-size: 180%;
background-repeat: no-repeat;
}
.text-body h2 {
font-size: 22px;
}

/*年表*/
.text-body h3  {
font-size: 1.1em;
font-weight: bold;
margin-bottom: 20px;
}
.text-body {
font-size: 0.9em;
}

}

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

/*メインイメージ*/
.main-img {
height: 127px;
background-size: 190%;
}

}