@charset "utf-8";
/* ================================================================= 
 License : e-TRUST Inc.
 File name : style.css
 Style : style
================================================================= */
section.blog {
    width: calc(100vw - 310px) !important;
}
.blog .wrap aside{
    width: 100% !important;
    max-width: 20% !important;
}
.blog #contents{
    width: 100% !important;
    max-width: 75% !important;
}
.blog #contents article .flex_images {
    flex-wrap: wrap;
}

.blog_ttl {
    background-image: url(../images/pages/pg_ttl2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 180px 0 180px 0;
    text-align: left !important;
}
@media screen and (max-width: 1700px){
	.blog #contents {
			padding: 0 ;
	}
}
@media screen and (max-width: 1500px){
	#contents_wrap, section.blog {
			padding: 0;
	}
}
@media screen and (max-width: 1400px){
	.blog .wrap aside {
			max-width: 30% !important;
	}
	.blog #contents {
			max-width: 65% !important;
	}
}
@media screen and (max-width: 1100px){
	.blog .wrap aside {
		max-width: 100% !important;
		padding-right: 10px;
	}
	.blog #contents {
		max-width: 100% !important;
		padding-right: 10px;
	}
}
@media screen and (max-width: 834px) {
	.blog #contents {
		padding: 0 10px;
	}
	section.blog {
		width: calc(100vw - 200px) !important;
	}
}
@media screen and (max-width: 640px) {
	section.blog {
		width: 100% !important;
	}
	.pankuzu{
		padding: 0 10px;
	}
	.blog .wrap aside {
		padding: 0 10px;
	}
}

.class01 div .btn01{
	display:inline-block;
	width:200px;
}