@charset "utf-8";

/*-------------------- PC ---------------------*/

@media screen and (min-width:640px) {
	
.main {
    background: url(../images/agekata/main_bg.jpg) no-repeat;
}

.case_list .ttl {color: #cac0a5;font-size: 16px;margin: 0 0 13px;letter-spacing: 0px;}

.case_list p {
color: #C3C0C0;
font-size: 14px;
letter-spacing: 1px;
}
.case_list .sec02_text {
color: #c8c8c8;
font-size: 14px;
line-height: 2;
}
.case_list .fr {
width: 377px;
}
.case_list .sec03  {border: solid #616263 1px;padding: 26px 37px 0;}
.case_list .sec03 .block01 .fl {
width: 359px;
}
.case_list .sec03 .block01 .fr {width: initial;}
.case_list .sec03 .block02 .fr {
    width: 328px;
}
	
}


/*---------------  SP ---------------------*/
@media screen and (max-width:639px) {
	

.main {
	height: 0;
    padding-top: 74%;
 	background: url(../images/agekata/main_bg.jpg) no-repeat;
    background-size: 400%;
	background-position:center top;
}


.sp_agekata_ttl01{
	margin:0 0 8% 0;}


.case_list .ttl {color: #cac0a5;
font-size: 1.2em;
margin: 6% 0 4%;
letter-spacing: 0px;}

.sp_agekata_ttl02{
	margin:8% 0 4% 0;}

.case_list p {
color: #C3C0C0;
font-size: 1.05em;;
letter-spacing: 1px;
	padding: 0 3%;
}



.case_list .sec02_text {
	color: #c8c8c8;
	line-height: 2;
	text-align: left;
}
.case_list .sec03  {
	border: solid #616263 1px;
	padding: 4% 1% 2%;
}

.case_list .sec03 img{}

.sp_agekata_img01{
	margin:6% 0 0 0;}

.sp_agekata_img02{
	margin:0 0 5% 0;}

.sp_agekata_img01 img,
.sp_agekata_img02 img{
	width:86%;}


	
}