@charset "UTF-8";
/*index page setting*/

#wrapper{
}
/* =====================================
	header
===================================== */

#iheader {
	position: relative;
	width: 1000px;
	height: 133px;
	margin: 0 auto;
	padding: 0;
}
#iheader h1 {
	position: absolute;
	left: 0;
	top: 49px;
}
#iheader #read {
	position: absolute;
	left: 370px;
	top: 40px;
}
#iheader #read .ttl{
	line-height: 1.0;
	margin-bottom: 8px;
	font-size: 25px;
	font-family: 'Hiragino Kaku Gothic W6 JIS2004','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	font-weight: bold;
}
#iheader ul {
	position: absolute;
	right: 2px;
	top: 43px;
	width: 68px;
}
#iheader ul li {
	float: left;
	margin: 0 0 9px 13px;
}
#iheader ul li a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
}

/* =====================================
	nav
===================================== */

#ignav {
	min-width: 1000px;
	margin-bottom: 40px;
	background: #081526;
}
#ignav ul {
	width: 1000px;
	margin: 0 auto;
}
#ignav li {
	float: left;
	height: 44px;
}
#ignav li a {
	color: #fff;
	font-size: 13px;
	display: block;
	line-height: 44px;
	text-align: center;
}
#ignav li.gnav01{
	width: 131px;
}
#ignav li.gnav02{
	width: 126px;
}
#ignav li.gnav03{
	width: 114px;
}
#ignav li.gnav04{
	width: 169px;
}
#ignav li.gnav05{
	width: 120px;
}
#ignav li.gnav06{
	width: 177px;
}
#ignav li.gnav07{
	width: 163px;
}
#ignav li.gnav01 a{
	padding-left: 20px;
}
#ignav li.gnav07 a{
	padding-right: 20px;
}

/* =====================================
	contents
===================================== */

.sc.glay {
	min-width: 1000px;
	padding: 100px 0;
	background: #f4f4f4;
}
.sc .inner h2 {
	margin-bottom: 5px;
	text-align: center;
	font-size: 42px;
	font-family: 'Hiragino Kaku Gothic W6 JIS2004','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	font-weight: bold;
}
.sc .inner .read {
	margin-bottom: 55px;
	text-align: center;
	font-size: 18px;
	font-family: 'Hiragino Kaku Gothic W6 JIS2004','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	font-weight: bold;
}


/*------------------------------------
* ブログ 
------------------------------------*/

#blog ul.thums li.c2 {
	position: relative;
	width: 658px;
/*	height: 338px;*/
}
#blog ul.thums li.c2 .photo {
	z-index: 1;
	position: static;
	display: block;
	width: 658px;
	height: auto;
	overflow: hidden;
}

#blog ul.thums li.c2 .cont {
	z-index: 1000;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 628px;
	height: auto;
	/*height: 94px;*/
	background: url(../images/index/bg_a80.png);
}
#blog ul.thums li.c2 .cont .container {
	width: 628px;
	height: auto;
	padding-bottom: 25px;
}
#blog ul.thums li.c2 .cont .container .ttl {
	font-size: 22px;
	margin-bottom: 5px;
}
#blog ul.thums li.c2 .cont .container .aut {
	position: absolute;
	right: 12px;
	bottom: 6px;
	text-align: right;
	font-size: 13px;
}

#blog ul.thums li .cont {
	position: relative;
	padding-bottom: 25px;
}
#blog ul.thums li .cont .txt {
	min-height: 2em;
	font-size: 13px;
	margin-bottom: 7px;
}
#blog ul.thums li .cont .aut {
	position: absolute;
	right: 12px;
	bottom: 6px;
	text-align: right;
	font-size: 13px;
}


.photo .icon_cate {
	position: absolute;
	left: 0;
	top: 0;
}
.icon_cate {
	display: inline-block;
	padding: 0 10px;
	color: #fff;
	font-size: 10px;
	font-family: 'Hiragino Kaku Gothic W6 JIS2004','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	font-weight: bold;
	background: #3c158e;
	line-height: 25px;
}
/*
.icon_cate a {
	display: block;
	padding: 0 10px;
	color: #fff;
	font-size: 10px;
	font-family: 'Hiragino Kaku Gothic W6 JIS2004','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	font-weight: bold;
	line-height: 25px;
}
.icon_cate span {
	display: block;
	padding: 0 10px;
	color: #fff;
	font-size: 10px;
	font-family: 'Hiragino Kaku Gothic W6 JIS2004','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	font-weight: bold;
	line-height: 25px;
}
*/
.icon_cate.marketing {
	background: #3c158e;
}
.icon_cate.president {
	background: #0072b4;
}
.icon_cate.saleswriting {
	background: #009779;
}
#blog .to_list {
	margin-bottom: 120px;
}

/*------------------------------------
* 成功事例 
------------------------------------*/

#case ul.thums li {
	/*height: 322px;*/
	height: auto;
	background: #fff;
}
#case ul.thums li .photo {
	height: 164px;
	overflow: hidden;
}
#case ul.thums li .photo a {
	position: relative;
	display: block;
	height: 164px;
	overflow: hidden;
	background: #fff;
}

#case ul.thums li .photo a .com_name {
	z-index: 1000;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 4px 10px;
	font-size: 12px;
	background: url(../images/index/bg_a70.png);
	line-height: 1.4;
}
#case ul.thums li .cont .ttl {
	font-size: 24px;
}
#case ul.thums li .cont .txt {
	font-size: 14px;
	margin-bottom: 15px;
}
#case ul.thums li .cont .btn a {
	display: block;
	width: 135px;
	height: 27px;
	margin: 0 auto 10px;
	padding-right: 15px;
	line-height: 27px;
	text-align: center;
	background: url(../images/index/arrow_blog01.png) 133px center no-repeat #10386b;
	font-size: 14px;
	font-family: 'Hiragino Kaku Gothic W6 JIS2004','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	font-weight: bold;
	color: #fff;
}
#case ul.thums li .cont .btn a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
	text-decoration: none;
}

#case ul.thums li.c3 {
	width: 998px;
	height: auto;
	overflow: hidden;
}
#case ul.thums li.c3 .photo {
	float: left;
	width: 450px;
	height: auto !important;
	height: 254px !important;
	overflow: hidden;
}
#case ul.thums li.c3 .photo a {
	/*height: auto;
	min-height: 254px;
	*/
	display: block;
	height: auto !important;
	min-height: 254px !important;
	overflow: hidden;
}
#case ul.thums li.c3 .cont {
	float: right;
	/*width: 548px;*/
	width: 488px;
	padding: 30px 30px 0;
}
#case ul.thums li.c3 .cont .txt {
	margin-bottom: 25px;
}
#case ul.thums li.c3 .cont .btn {
	float: right;
}

/*------------------------------------
* リソース 
------------------------------------*/

#resources {
	padding: 120px 0;
}
#resources ul {
	margin: 0 0 40px -20px;
}
#resources ul li {
	float: left;
	margin: 0 0 0 20px;
}
/*
#resources ul li a:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
}
*/

#resources ul li {
	width:320px;
	height:240px;
	display:block;
}
#resources ul li a {
	background: url(../images/index/bg_resouces.png) no-repeat;
	width:320px;
	height:240px;
	display:block;
	vertical-align:middle;
	text-align:center;
}
#resources ul li a span {
	background:url(../images/index/img_resouces01_o.png) no-repeat top center;
	background-size: 120px 120px;
	-moz-background-size: 120px 120px;
	-webkit-background-size: 120px 120px;
	-o-background-size: 120px 120px;
	-ms-background-size: 120px 120px;
	width:120px;
	height:120px;
	margin:40px 0 20px 0;
	display:inline-block;
	vertical-align:middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}
#resources ul li.li01 a span {
	background:url(../images/index/img_resouces01_o.png) no-repeat top center;
	background-size: 120px 120px;
	-moz-background-size: 120px 120px;
	-webkit-background-size: 120px 120px;
	-o-background-size: 120px 120px;
	-ms-background-size: 120px 120px;
}
#resources ul li.li02 a span {
	background:url(../images/index/img_resouces02_o.png) no-repeat top center;
	background-size: 120px 120px;
	-moz-background-size: 120px 120px;
	-webkit-background-size: 120px 120px;
	-o-background-size: 120px 120px;
	-ms-background-size: 120px 120px;
}
#resources ul li.li03 a span {
	background:url(../images/index/img_resouces03_o.png) no-repeat top center;
	background-size: 120px 120px;
	-moz-background-size: 120px 120px;
	-webkit-background-size: 120px 120px;
	-o-background-size: 120px 120px;
	-ms-background-size: 120px 120px;
}

#resources ul li a span img {
	-webkit-transition: opacity 1s ease-out;
	-moz-transition: opacity 1s ease-out;
	-ms-transition: opacity 1s ease-out;
	transition: opacity 1s ease-out;
}
#resources ul li a:hover span, ul li a:focus span, ul li:active a span {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
#resources ul li a:hover span img {
	opacity: 0;
	-webkit-opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
}

ul li a .ttl {
	font-size: 18px;
	font-family: 'Hiragino Kaku Gothic W6 JIS2004','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	font-weight: bold;
}



/*------------------------------------
* イベントレポート 
------------------------------------*/

#eventreport ul.thums li {
	height: auto;
	background: #fff;
}
#eventreport ul.thums li .photo {
	display: block;
	width: 318px;
	height: 213px;
	overflow: hidden;
}

#eventreport ul.thums li .cont {
	position: relative;
	padding: 9px 12px 10px 18px;
	padding-bottom: 22px;
}

#eventreport ul.thums li .cont .ttl {
	margin-bottom: 8px;
	font-size: 18px;
}
#eventreport ul.thums li .cont .ttl a {
	vertical-align: middle;
	margin-right: 10px;
}

#eventreport ul.thums li .cont .day {
	position: absolute;
	right: 12px;
	bottom: 6px;
	text-align: right;
	font-size: 11px;
}
#eventreport ul.thums li .icon_free {
	display: inline-block;
	height: 22px;
	padding: 0 15px;
	color: #fff;
	font-size: 13px;
	font-family: 'Hiragino Kaku Gothic W6 JIS2004','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	font-weight: bold;
	background: #f76f2d;
	line-height: 22px;
	vertical-align: middle;
}

/*------------------------------------
* Podcast
------------------------------------*/

#podcast {
	padding: 100px 0 120px;
}
#podcast ul {
	margin-left: -20px;
	padding-bottom: 20px;	
}

#podcast ul li {
	float: left;
	width: 318px;
	height: auto;
	/*height: 336px;*/
	margin: 0 0 20px 20px;
	background: #fff;
	overflow: hidden;
	border: 1px solid #ddd;
}
#podcast ul li .photo a {
	display: block;
	position: relative;
	width: 318px;
	height: 179px;
	overflow: hidden;
}
#podcast ul li .photo a .btn_play {
	z-index: 1000;
	position: absolute;
	left: 127px;
	bottom: 61px;
}
#podcast ul li .cont {
	padding: 15px 18px 10px 18px;
}
#podcast ul li .cont .ttl {
	margin-bottom: 8px;
	font-size: 16px;
	line-height: 1.4;
	font-family: 'Hiragino Kaku Gothic W6 JIS2004','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	font-weight: bold;
}
#podcast ul li .cont .txt {
	font-size: 12px;
	margin-bottom: 15px;
}
#podcast ul li .cont .info {
	float: left;
	line-height: 22px;
}
#podcast ul li .cont .btn {
	float: right;
}
#podcast ul li .cont .btn a {
	display: block;
	width: 77px;
	height: 22px;
	margin: 0;
	padding-right: 15px;
	line-height: 22px;
	text-align: center;
	background: url(../images/index/arrow_podcast.png) 75px center no-repeat #10386b;
	font-size: 13px;
	font-family: 'Hiragino Kaku Gothic W6 JIS2004','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	font-weight: bold;
	color: #fff;
}
#podcast ul li .cont .btn a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
}

/*------------------------------------
* ザレスポンスとは？
------------------------------------*/

#aboutus .bnr {
	margin-bottom: 60px;
}
#aboutus .bnr li {
	border: 1px solid #ddd;
	width: 488px;
	height: 238px;
	background: #fff;
}
#aboutus .bnr li a {
	display: block;
	text-align: center;
}
#aboutus .bnr li a p {
	display: block;
	text-align: center;
	font-size: 18px;
	font-family: 'Hiragino Kaku Gothic W6 JIS2004','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	font-weight: bold;
	line-height: 1.0;
}


#aboutus a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
}

#aboutus .guest {
	float: left;
	width: 490px;
}
#aboutus .staff {
	float: right;
	width: 490px;
}
#aboutus h3 {
	font-size: 24px;
	font-family: 'Hiragino Kaku Gothic W6 JIS2004','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	font-weight: bold;
	margin-bottom: 30px;
	text-align: center;
}
#aboutus .guest ul {
	margin: 0 0 0 30px;
}
#aboutus .guest ul li {
	float: left;
	width: 142px;
	margin-bottom: 15px;
	text-align: center;
}
#aboutus .guest ul li img {
	margin-bottom: 7px;
}
#aboutus .guest ul li span {
	padding-left: 10px;
	text-align: center;
	background:url(../images/index/arrow_guest01.png) left center no-repeat;
	font-size: 12px;
	color: #4c7ab5;
}
#aboutus ul.other {
	margin-bottom: 40px;
	text-align: center;
}
#aboutus ul.other li {
	display: inline;
}
#aboutus ul.other li a {
	padding-left: 10px;
	background:url(../images/index/arrow_guest01.png) left center no-repeat;
	font-size: 13px;
	color: #4c7ab5;
	line-height: 13px;
	vertical-align: middle;
}
#aboutus ul.other li a img {
	vertical-align: middle;
	margin-left: 5px;
}

/*------------------------------------
* Photo Diary
------------------------------------*/

#photodiary {
	padding: 100px 0 120px;
}
#photodiary ul {
	margin: 0 0 40px 0;
}
#photodiary ul li {
	float: left;
	margin: 0 0 2px 2px;
}
#photodiary ul li a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
}

#social {
	padding-bottom: 120px;
}
#social h2 {
	margin-bottom: 26px;
	font-size: 24px;
	font-family: 'Hiragino Kaku Gothic W6 JIS2004','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	font-weight: bold;
}
#social ul {
	margin: 0 0 0 -20px;
}
#social ul li {
	float: left;
	margin-left: 20px;
}

#social ul li a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
}