@charset("UTF-8");

.content-title{
	background:url(../images/faq-main-visual.jpg) no-repeat;
	background-position:center;
	background-size:cover;
}

.gallery{
	//width:80%;
	padding:0 3.5%;
	margin:auto;
	text-align:justify;
}
.gallery li{
	width:25%;
	padding:0 1.5% 50px;
}
.gallery li *{
	display:block;
	width:100%;
	text-decoration:none;
}
.gallery li:nth-of-type(4n+1){
	clear:left;
}
.gallery h3{
    padding-top: 1em;
    line-height: 1.8;
    font-weight: 600;
    font-size: 16px;
}
.gallery .date{
    display: inline-block;
    background: #b09d7c;
    color: #fff;
    text-align: center;
    padding: 0 1.5rem;
	width:auto;
}
.thumb{
	background:rgba(255,255,255,0.8);
}







@media screen and (max-width:767px){
.sec{
	padding-left:1.5rem;
	padding-right:1.5rem;
}

#contents p{
	text-align:justify;
}

#contents .sec02 .cp {
	text-align:center;
	margin-bottom:2.5rem;
	font-size:1.7rem;
}

.gallery{
	padding:0;
	margin:auto;
	text-align:justify;
}
.gallery li{
	width:100%;
	padding:0 0 3rem;
	float:none;
}

.gallery h3{
	font-size:1.6rem;
	padding-top:0.7em;
	line-height:1.5;
	font-weight:500;
	padding-bottom:0.1em;
}
#contents .gallery p{
	line-height:1.8;
	font-size:1.4rem;
}

}