@charset "UTF-8";

/*--------------------------------------------------------------------
about.html
about.css
--------------------------------------------------------------------*/

/*------------Title---------------------------------------------------------------*/
div#Title { background-image: url(../../img/title/about_bg.jpg); }
div#Title h2 { background-image: url(../../img/title/about_t.png); }

/*------------InHeader---------------------------------------------------------------*/
div#InHeader div#Global ul li#GMBtn02 a {	background-color: #eaf6fd; }

/*------------InFooter---------------------------------------------------------------*/
div#InFooter ul li.FNav02 a {	color: #0080b3; }


/*------------topmenu---------------------------------------------------------------*/
div#topmenu h3 { background-image: url(../../img/pc/about/about_sub_t.png); }
div#topmenu h4 {
	height: 0;
	margin-top: 80px;
	padding-top: 7.397959183673469%;
	background: url(../../img/pc/about/top_nav_t.png) no-repeat center center;
	background-size: cover;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#topmenu ul {
	list-style: none;
	width: 100%;
	margin: 20px auto -3%;
	overflow: hidden;
}
div#topmenu ul li {
	width: 100%;
	margin-bottom: 3%;
}
div#topmenu ul li a {
	display: block;
	height: 0;
	padding-top: 31.57894736842105%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border: 1px solid #0080ba;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#topmenu ul li#TNav05 a { border: 1px solid #008045; }
div#topmenu ul li a:hover { background-color: #d3edfb; }
div#topmenu ul li#TNav05 a:hover { background-color: #e6fac8; }
div#topmenu ul li#TNav01 a { background-image: url(../../img/pc/about/about_nav_b01.png); }
div#topmenu ul li#TNav02 a { background-image: url(../../img/pc/about/about_nav_b02.png); }
div#topmenu ul li#TNav03 a { background-image: url(../../img/pc/about/about_nav_b03.png); }
div#topmenu ul li#TNav04 a { background-image: url(../../img/pc/about/about_nav_b04.png); }
div#topmenu ul li#TNav05 a { background-image: url(../../img/pc/about/about_nav_b05.png); }
div#topmenu ul li#TNav06 { display: none; }


/*------------consulting---------------------------------------------------------------*/
div#consulting h3 { background-image: url(../../img/pc/about/consulting_t.png); }
div#consulting h4 {
	padding: 0.8em 0.5em;
	background-color: #d3edfb;
	text-align: center;
	line-height: 1.1;
	font-size: 1.71em;
	font-weight: bold;
	color: #0080b3;
}
div#consulting div#consul05 h4 {
	background-color: #e6fac8;
	color: #008045;
}
div#consulting dl {
	width: 100%;
	margin: 40px auto 0;
	padding-bottom: 120px;
}
div#consulting div#consul01 dl { background: url(../../img/pc/about/illust_p01.png) no-repeat center bottom; }
div#consulting div#consul03 dl { background: url(../../img/pc/about/illust_p03.png) no-repeat center bottom; }
div#consulting div#consul04 dl { background: url(../../img/pc/about/illust_p04.png) no-repeat center bottom; }
div#consulting div#consul05 dl { background: url(../../img/pc/about/illust_p05.png) no-repeat center bottom; }
div#consulting dl dt {
	font-size: 1.5em;
	font-weight: bold;
	color: #0080b3;
}
div#consulting div#consul05 dl dt { color: #008045; }
div#consulting dl dt:before {
	padding-right: 0.3em;
	content: "■";
}
div#consulting dl dd + dt { margin-top: 40px; }
div#consulting ul {
	list-style: none;
	margin-left: 2em;
	margin-right: 1em;
}
div#consulting ul li {
	margin: 0.15em 0;
	padding-left: 1.2em;
	text-indent: -1.2em;
	font-size: 1.14em;
}
div#consulting ul li:before {
	padding-right: 0.2em;
	content: "〇";
}


/*------------study---------------------------------------------------------------*/
div#study p {
	height: 0;
	padding-top: 24%;
	background: url(../../img/sp/about/study.jpg) no-repeat left top;
	background-size: cover;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}