@charset "utf-8";
/* CSS Document */


/*-----------------------------------------

Last update:    2015-10-02

---------------------------------------*/


/*=============================
common
=============================*/
#main_title_area02 #spacer01{
	width:100%;
	height:152px;
}
#main_title_area02 h2{
margin-bottom:0px;
}
#mainarea .block01{
	margin-bottom:40px;
}

#mainarea .block01 p{
	margin-bottom:30px;
}


/* case_area01 */
#case_mainimg{
	width:720px;
	/*width:auto;*/
	margin-left:auto;
	margin-right:auto;
}

#case_mainimg img{
	margin-bottom:10px;
}

#case_mainimg p{
	text-align:right;
}


/* case_icon01 */
#case_area01 .case_icon01{
	margin-top:10px;
	text-align:right;
	font-size:80%;
	color:#737373;
	padding:2px 5px 0;
}

#case_area01 .icon_shinzoku_shoukei{
	background:#f5deff;
}

#case_area01 .icon_shoukei_trouble{
	background:#ffeacb;
}

#case_area01 .icon_happy_retire{
	background:#ffe7e7;
}

#case_area01 .icon_manda{
	background:#daebff;
}


/* case_lead01 */
#case_area01 .case_lead01{
	font-size:150%;
	line-height:1.3;
	margin-bottom:30px;
	font-weight:bolder;
}


/* point_area */
#point_area{
	clear:both;
	width:720px;
	margin-left:auto;
	margin-right:auto;
}

#point_area_inner{
	padding:20px 30px 15px;
	border-left:2px solid #14c095;
	border-right:2px solid #14c095;
	border-bottom:2px solid #14c095;
}

#point_area_inner p{
	margin-bottom:15px;
}

#point_area_inner strong{
	font-weight:bolder;
}



/*=============================
index
=============================*/

#index #case_area01 .case_icon01{
	text-align:left;
}

#index #case_area01 dl{
	float:left;
	width:220px;
	height:315px;
}

#index #case_area01 dl dt{
	margin-bottom:10px;
}

#index #case_area01 dl dt img{
	vertical-align:bottom;
}

#index #case_area01 dd.detail01{
	margin-top:7px;
	line-height:1.4;
}

















/********************************
*********************************
AC EDIT: SMARTPHONE STYLES
*********************************
*********************************/

@media screen and (max-width: 1020px) {

/*---**SO ADD start '15.11.12**---*/
#main_title_area #main_title_back01{
	display:none;
}
#case_mainimg{
	width:auto;
}
/*---**SO ADD end  **---*/


#index #case_area01 dl {
	margin: 0 25px 10px 0 !important;
}

#point_area {
	width:auto;/*SO ADD*/
	max-width: 720px;
	margin: 0 auto 20px;
}
#point_area h3 {
	height: 33px;
	margin-bottom: -16px;
	text-align: center;
	background: url(../../case/img/img_point.gif) no-repeat top center;
}
#point_area h3 img {
	display: none;
}
#point_area_inner {
	padding-top: 30px;
}


}  /* End media query */