@charset "utf-8";


#sec01 h2{
	padding:0 0.5em 0.1em;
	margin-bottom:10px;
	font-size:24px;
	border-bottom:2px solid #134e78;
	color:#134e78;
	text-align:justify;
}
#sec01 .date{
	color:rgba(67,67,67,0.7);
	margin-bottom:40px;
}
.btn {
    display: block;
    width: 100%;
	max-width:300px;
    line-height: 4.375;
    font-size: 16px;
    color: #fff;
    background: #134e78;
    border: 1px solid #134e78;
    transition: 0.3s all ease;
    position: relative;
	margin:auto;
}
.btn:hover {
    background: transparent;
    color: #134e78;
}
.post-area{
	margin-bottom:40px;
	padding-bottom:40px;
	border-bottom:1px solid #dfdfdf;
}
.post-area img{
	max-width:100%;
	height:auto;
}
.post-area p{
	padding-bottom:1em;
}
.post-area a{
	color:blue;
	text-decoration:underline;
}


@media screen and (max-width:767px){
	#sec01 h2 {
	    padding: 0 0.5em 0.1em;
	    margin-bottom: 1rem;
	    font-size: 1.8rem;
	}
	#sec01 .date {
	    margin-bottom: 2.5rem;
	}
	.post-area {
	    margin-bottom: 2.5rem;
	    padding-bottom: 2.5rem;
	}
.btn {
    display: block;
    width: 100%;
    max-width: 100%;
    line-height: 3.5;
    font-size: 1.4rem;

}
}