@charset "utf-8";


/*/--------------------------------------------------------------------------/*/
/* ===== CLEARFIX ===== */
/*/--------------------------------------------------------------------------/*/


/*/--------------------------------------------------------------------------/*/
/* ===== HTML,BODY ===== */
/*/--------------------------------------------------------------------------/*/


#header nav a[href*=column]:after{
/*left:10%;*/
/*border-bottom:4px solid #B72822;*/
/*width: 80%;*/
    left: 0;
    border-bottom: 6px solid #B72822;
    width: 100%;
}

/*/--------------------------------------------------------------------------/*/
/* ===== COLUMN ===== */
/*/--------------------------------------------------------------------------/*/

#content section{
padding:80px 0;
}

.list .content{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
max-width: 1100px;
margin: 0 auto;
}

.list .content > a{
display: block;
width: 49%;
margin-bottom: 4em;
}

#content .list h3{
margin-bottom: 0;
font-size: 1rem;
}

#content .list p{
font-size: 0.875rem;
}

.list .content > a:link,
.list .content > a:visited{
color:#999;
}

.list .content > a:link h3,
.list .content > a:visited h3{
color:#000;
transition: all 0.2s ease-out;
}

.list .content > a:hover h3{
color:#234499;
}

.list .content > a:link img,
.list .content > a:visited img{
opacity:1;
transition: all 0.2s ease-out;
}

.list .content > a:hover img{
opacity:0.5;
}

@media screen and (max-width: 680px){
#content .list p{
margin-bottom:0.3em;
}
#content .list h3{
margin: 0;
}
}

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

.list .content{
display: block;
}

.list .content > a{
width: auto;
}


}