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



****************************************************************************************************/
@media only screen and (max-width:736px){
}


/****************************************************************************************************



****************************************************************************************************/
.topicsSection{
    margin-bottom: 30px; 
}
@media only screen and (max-width:768px){
.topicsSection{
    margin-bottom: 20px;
}
}
/****************************************************************************************************



****************************************************************************************************/
.hero{
    margin-bottom: 50px;
}
@media only screen and (max-width:768px){
.hero{
    margin-bottom: 25px;
}
}
/****************************************************************************************************



****************************************************************************************************/
.topicsHeading{
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 1.6rem;
}
@media only screen and (max-width:768px){
.topicsHeading{
    margin-bottom: 5px;
    /* font-size: 1.4rem; */
    font-size: 1.6rem;
}
}

.topics.-zen .topicsHeading{ color: #00B000; }
.topics.-gaku .topicsHeading{ color: #CD0000; }
.topics.-center_combi .topicsHeading{ color: #00A7BF; }
.topics.-center .topicsHeading{ color: #0072FF; }
/****************************************************************************************************



****************************************************************************************************/
.lead{
}
.lead.-type1{
    margin-bottom: 10px;
    font-weight: bold;
}
@media only screen and (max-width:768px){
.lead.-type1{
    margin-bottom: 5px;
}
}


/****************************************************************************************************



****************************************************************************************************/
.topicsLink{
    text-align: center;
}



/******************************************************************
202010追加
*******************************************************************/


.topicsHeading.-type2{
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 1.4rem;
}
@media only screen and (max-width:768px){
.topicsHeading.-type2{
    margin-bottom: 5px;
    /* font-size: 1.16rem; */
    font-size: 1.6rem;
}
}


.lead.-type1.-type2{
    margin-bottom: 0px;
    font-weight: bold;
		font-size:1.6rem;
		color:#663300;
}
@media only screen and (max-width:768px){
.lead.-type1.-type2{
    margin-bottom: 4px;
    /* font-size:1.26rem; */
    font-size:1.4rem;
}
}


.topicsSection:not(:last-of-type) {
	border-bottom:1px dotted #DDDDDD;
	margin:0 0 2rem;
	padding:0 0 2rem;}