@charset "utf-8";

/****/
.content_headder img {
    width:100%;
    height:auto;
    min-height:3em;
}
.content_headder h3{
    position:absolute;
    top:0; left:0;
    z-index:10;
    padding:0.5em;
    font-size:1.5em;
    font-style:italic;
    color:white;
    text-shadow:0px 0px 5px #000000;
	font-family:IPA明朝体P,ほのか明朝体, 游明朝, "ＭＳ 明朝", serif;
}

/****/
 .topics{
    clear:both;

    padding-left:1em;
    padding-right:1em;
}

.topics h4{
    clear:both;
    position: relative;
    color: #101010;
    font-size: 1.143em;
    font-weight: bold;
    margin: 0 0 1.5em;
    padding: 0.5em 2em 0.5em 2em;
    border-bottom: 3px solid #B92A2C;
}
 
.topics h4:before{
    content: "";
    position: absolute;
    top:0; left:0;
    width: 0;
	height: 0;
	border-bottom: 1em solid transparent;
	border-left: 1em solid #B92A2C;
}
        

 
.topics h4:after{
    content: "";
    position: absolute;
    bottom:0; right:0;
    width: 0;
	height: 0;
	border-top: 1em solid transparent;
	border-right: 1em solid #B92A2C;
}

.topics .topic_logo img{
    max-width:100%;
    height:auto;
}
        
.topics .topic_images{
    float:right;
    width:38%;
}
        
.topic_images img{
    width:100%;
    max-width:100%;
}
.topics .topic_description{
    float:left;
    width:61%;
}
.topic_description p{
    padding:0.5em;
}

@media only screen and (max-width: 768px) {
            
    .topics .topic_images{
        float:right;
        width:100%;
    }
    .topics .topic_description{
        float:left;
        width:100%;
    }
}