@charset "utf-8";
/* CSS Document */


/*-----------------------------------------

Last update:    2016-11-25

---------------------------------------*/


/*=============================
  index
=============================*/

/* home_mainimg_area */
#content #home_mainimg_area{
	/*width:840px;*/
}
#content #home_mainimg_area img{
	width:100%;
}

/* mainimg_mes01 */
#content #home_mainimg_area #mainimg_mes01{
	position:absolute;
	top:55px;
	left:360px;
	font-size:120%;
	letter-spacing:0.3em;
}

/* mainimg_button01 */
#content #home_mainimg_area #mainimg_button01{
	/* background:url(../../img/mainimg_button01_off.gif) no-repeat; */
	position:absolute;
	/*top:393px;*/
	/*left:871px;*/
	top:243px;
	right:20px;
}

#content #home_mainimg_area #mainimg_button01 a{
	background:url(../../img/mainimg_button01.gif) no-repeat;
	width:189px;
	height:42px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

#content #home_mainimg_area #mainimg_button01 a:hover{
	background-position:0 -42px;
}


@media (max-width: 1200px) {

	/* mainimg_mes01 */
	#content #home_mainimg_area #mainimg_mes01{
		position:absolute;
		top:55px;
		left:360px;
		font-size:90%;
	}


	/*
	#content #home_mainimg_area #mainimg_button01{
		display:none;
	}
	*/

	.title_area01 {
	/*	font-size:80%;*/
	}
	.text_area01 {
	/*	font-size:80%;*/
	}

}

@media (min-width: 1600px) {


	#content #home_mainimg_area #mainimg_button01{
		position:absolute;
		top:30px;
		right:20px;
	}
	.title_area01 {
		font-size:130%;
	}
	.text_area01 {
		font-size:130%;
	}

	/* mainimg_mes01 */
	#content #home_mainimg_area #mainimg_mes01{
		position:absolute;
		top:100px;
		left:360px;
		font-size:160%;
	}




}



/* home_mainarea */
#home_mainarea{
	/*width:840px;*/
	clear:both;
}

#home_mainarea table#home_menu01{
	width:100%;
}

#home_mainarea table#home_menu01 th.icon_area01{
	text-align:center;
	padding:15px 0 10px 0;
}

#home_mainarea table#home_menu01 td.title_area01{
	/*font-size:110%;*/
	color:#fff;
	text-align:center;
	padding:3px 0 7px 0;
}



/* text_area01 */
#home_mainarea table#home_menu01 td.text_area01{
	width:240px;
	vertical-align:top;
	padding:21px 20px 25px 20px;
	background-color:#FFF;
}

#home_mainarea table#home_menu01 td.text_area01 p{
	font-size:90%;
}

#home_mainarea table#home_menu01 td.text_area01 p a.read_more{
	text-decoration:underline;
}

#home_mainarea table#home_menu01 td.text_area01 p a.read_more:hover{
	text-decoration:none;
}

#home_mainarea table#home_menu01 td.text_area01 table{
	/*width:240px;*/
	width:100%;
	font-size:80%;
	line-height:1.7;
}

#home_mainarea table#home_menu01 td.text_area01 table td{
	border-bottom:#a1a1a1 1px dotted;
	padding:5px 0 5px 0;
}

#home_mainarea table#home_menu01 td.text_area01 table td a{
	text-decoration:underline;
}

#home_mainarea table#home_menu01 td.text_area01 table td a:hover{
	text-decoration:none;
}

#home_mainarea table#home_menu01 td.text_area01 table td.text_area01_icon{
	width:32px;
	padding-right:10px;
	vertical-align:top;
}

#home_mainarea table#home_menu01 td.text_area01 table .no_border{
	border:none;
}


/* background's */
#home_mainarea table#home_menu01 .bg_gray_shadow{
	background:url(../../img/bg_gray_shadow.gif) repeat-y #fff;
}

#home_mainarea table#home_menu01 .bg_green_shadow{
	background:url(../../img/bg_green_shadow.gif) repeat-y #16bc70;
}

#home_mainarea table#home_menu01 .bg_green{
	background:#16bc70;
}



/* home_info01 */
#home_info01{
	padding:20px 20px 0 20px;
	border-top:#ddd 1px solid;
}

#home_info01 h2{
	color:#14c095;
	font-size:150%;
	font-weight:bolder;
	line-height:1.2;
	margin-bottom:20px;
}

#home_info01 h2 a{
	background:url(../img/arrow01.gif) no-repeat left 4px;
	font-size:70%;
	margin-left:25px;
	padding-left:10px;
	vertical-align:middle;
}

#home_info01 dl{
	display:table;
	border-top:1px solid #ddd;
	padding-top:10px;
	padding-bottom:10px;
	font-size:90%;
}

#home_info01 dl:first-of-type{
	border-top:none;
	padding-top:0;
}

#home_info01 dl:last-of-type{
	padding-bottom:0;
	margin-bottom:20px;
}

#home_info01 dl dt{
	display:table-cell;
	width:90px;
}

#home_info01 dl dd{
	display:table-cell;
	width:100%;
	padding-left:20px;
}

#home_info01 dl dd a{
	text-decoration:underline;
}

#home_info01 dl dd a:hover{
	text-decoration:none;
}





/********************************
*********************************
AC EDIT: SMARTPHONE STYLES
*********************************
*********************************/

@media screen and (max-width: 1020px) {


#content #home_mainimg_area {
	width: auto;
	margin: 0 -10px;
}

/*OUMI ADD start */
/* mainimg_mes01 */
#content #home_mainimg_area #mainimg_mes01{
	position:absolute;
	top:100px;
	left:100px;
	font-size:90%;
}
/*OUMI ADD end   */


#content #home_mainimg_area #mainimg_button01 {
    /* background: url(../../img/mainimg_button01_off.gif) no-repeat; */
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    text-align: center;
}
#content #home_mainimg_area #mainimg_button01 a {
	display: block;
	margin: 20px auto 20px;
	background-position: top center;
}
#content #home_mainimg_area #mainimg_button01 a:hover {
	background-position: bottom center;
}

#home_mainarea {
	width: auto;
}
#home_menu01,
#home_menu01 > tbody,
#home_menu01 tr,
#home_menu01 td {
	display: block;
}
#home_menu01 .icon_area01,
#home_menu01 .title_area01 {
	display: none;
}
#home_mainarea table#home_menu01 td.text_area01 {
	width: auto;
	padding: 0;
	margin: 0 0 20px 0;
}
#home_mainarea table#home_menu01 .bg_gray_shadow {
	background: none;
}
#home_menu01 .text_area01:before {
	display: block;
	padding: 5px 10px 2px;
	margin-bottom: 15px;
	background: #15C096;
	color: #fff;
}
#home_menu01 .text_area01:nth-child(1):before {
	content: "データで見る後継者問題";
}
#home_menu01 .text_area01:nth-child(2):before {
	content: "解決策と課題";
}
#home_menu01 .text_area01:nth-child(3):before {
	content: "事例紹介";
}
#home_menu01 .text_area01:nth-child(1) p,
#home_menu01 .text_area01:nth-child(2) p,
#home_menu01 .text_area01:nth-child(3) table {
	padding-left: 68px;
}
#home_menu01 .text_area01:nth-child(1) p {
	background: url(../img_sp/icon-chart.png) no-repeat 8px top;
	background-size: 47px auto;
}
#home_menu01 .text_area01:nth-child(2) p {
	background: url(../img_sp/icon-paper.png) no-repeat 13px top;
	background-size: 48px auto;
}
#home_menu01 .text_area01:nth-child(3) table {
	background: url(../img_sp/icon-people.png) no-repeat 11px top;
	background-size: 42px auto;
}
#home_mainarea table#home_menu01 td.text_area01 table {
	display: block;
	width: auto;
}
#home_menu01 .text_area01:nth-child(3) tr {
	display: table-row;
}
#home_menu01 .text_area01:nth-child(3) td {
	display: table-cell;
}
#home_mainarea table#home_menu01 td.text_area01 table td {
	border-bottom: none;
	font-size: 13px;
}

#home_info01{
	font-size:90%;
	padding:0;
	border-top:none;
}

#home_info01 h2{
	background:#15c096;
	color:#fff;
	font-size:110%;
	font-weight:normal;
	margin-bottom:15px;
	padding:10px 10px 7px;
}

#home_info01 h2 a{
	background:url(../img/arrow06.png) no-repeat left 3px;
	color:#fff;
	font-size:90%;
	padding-left:12px;
}

#home_info01 h2 a:hover{
	text-decoration:underline;
}

#home_info01 dl{
	display:block;
}

#home_info01 dl:last-of-type{
	border-bottom:1px solid #ddd;
}

#home_info01 dl dt{
	display:block;
	width:auto;
	padding-left:10px;
	padding-right:10px;
}

#home_info01 dl dd{
	display:block;
	width:auto;
	padding-left:10px;
	padding-right:10px;
}

}




/********************************
*********************************
OUMI EDIT: SMARTPHONE STYLES('15.12.10)
*********************************
*********************************/

@media screen and (max-width: 720px) {


/* mainimg_mes01 */
#content #home_mainimg_area #mainimg_mes01{
	/*display:none;*/
	position:relative;
	top:10px;
	left:0px;
	font-size:80%;
	letter-spacing:normal;
text-align:center;
	margin-left:auto;
	margin-right:auto;
width:300px;

}
}


@media screen and (max-width: 480px) {
#home_info01 h2 a{
	background:url(../img/arrow06.png) no-repeat left 1px;
}
}