@charset "utf-8";

#top_mv{
	width:100%;
	position:relative;
}
#top_mv_slide{
	overflow:hidden;
	z-index:1;
}
#top_mv_slide,
#top_mv_slide div{
	width:100%;
}
#top_mv_slide .slide1{
	background:url(../images/mv1.jpg) no-repeat center center;
	background-size:cover;
}
#top_mv_slide .slide2{
	background:url(../images/mv2.jpg) no-repeat center center;
	background-size:cover;
}
#top_mv_slide .slide3{
	background:url(../images/mv3.jpg) no-repeat center center;
	background-size:cover;
}
.top_mv_txt{
	width:1000px;
	text-align:center;
	position:absolute;
	left:50%;
	top:50%;
	margin:-75px 0 0 -500px;
	color:#FFF;
	z-index:5;
}
.top_mv_txt h2{
	font-size:48px;
	margin:0 0 20px;
	line-height:1;
}
.top_mv_txt h3{
	font-size:16px;
	line-height:1.9;
}
#top_mv_btn{
	width:690px;
	height:200px;
	position:absolute;
	left:50%;
	margin-left:-345px;
	top:50%;
	/*margin-top:-100px; 「いまどき部下」を動かす39のしかけバナー削除後はこの値に戻す*/
	margin-top:-140px;
	display:none;
	z-index:10;
}
#top_mv_btn li{
	float:left;
	width:230px;
	height:200px;
	background-color:#395475;
	position:relative;
}
#top_mv_btn li a{
	display:block;
	width:230px;
	height:170px;
	padding:30px 0 0 ;
	text-align:center;
}
#top_mv_btn li img{margin:0 0 15px;}
#top_mv_btn li h2{
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	line-height:1.4;
}
#top_mv_btn li:after{
	content:url("../images/mv_plus.png");
	position:absolute;
	width:15px;
	height:15px;
	display:block;
	top:10px;
	right:10px;
}
.top_trouble{
	width:100%;
	color:#FFF;
	position:absolute;
	top:0;
	left:0;
	display:none;
	z-index:50;
}
.top_trouble .basebox{
	position:relative;
	display:table;
}
.top_trouble .inner{
	display:table-cell;
	vertical-align:middle;
}
.top_trouble h2 img{
	margin:0 30px 0 0 ;
}
.top_trouble h2{
	font-size:36px;
	font-weight:bold;
	line-height:110px;
	margin:0 0 25px;
}
.top_trouble .btn1{
	width:200px;
	height:40px;
	line-height:34px;
	border-color:#FFF;
	color:#FFF;
	font-size:14px;
}
.top_trouble_link{
	background:url(../common_img/icon2.png) no-repeat left center;
	padding:0 0 0 24px;
	font-size:12px;
	color:#FFF;
}
.top_trouble_link:hover{color:#d5e1ff;}
.trouble_close{
	position:absolute;
	height:38px;
	width:38px;
	display:block;
	top:40px;
	right:0;
	cursor:pointer;
}
#trouble1{
	background:url(../images/mv_bg1.jpg) no-repeat center top;
	background-size:cover;
}
#trouble2{
	background:url(../images/mv_bg2.jpg) no-repeat center top;
	background-size:cover;
}
#trouble3{
	background:url(../images/mv_bg3.jpg) no-repeat center top;
	background-size:cover;
}

.top_sec1{
	background:url(../images/bg_img1.jpg) no-repeat center top #FFF;
	height:555px;
	padding:85px 0 0;
	text-align:center;
}
.top_sec1 h2{
	color:#395475;
	font-size:24px;
	font-weight:bold;
	line-height:1.4;
	margin:0 0 40px;
}
.top_sec2{
	background:url(../images/bg_img2.gif) no-repeat center center;
	height:624px;
	padding:66px 0 0 ;
}
.top_sec2 .inner{
	background-color:#FFF;
	width:480px;
	padding:0 0 30px;
}
.top_sec2ttl{
	position:relative;
	height:240px;
	margin:0 0 30px;
	text-align:center;
}
.top_sec2ttl div{
	width:300px;
	top:97px;
	left:90px;
	position:absolute;
}
.top_sec2ttl h2{
	border-top:1px #fdfdfd dotted;
	border-bottom:1px #fdfdfd dotted;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	line-height:48px;
	margin:0 0 15px;
}
.top_sec2ttl p{
	line-height:1;
	color:#9db4d1;
	font-size:11px;
}
.top_sec2 .title1{ margin:0 0 25px; }
.top_sec2 .title1 span{
	color:#8a9bb0;
	font-size:11px;
	font-weight:normal;
	margin:0 0 0 12px;
}
.top_sec2txt{margin:0 0 20px;}
.top_sec3{
	width:1000px;
	margin:0 auto;
	padding:30px 0 0;
}
.percentage{
	padding:60px 0 0;
	margin:0 0 20px;
	line-height:1;
	color:#f29f1c;
	font-weight:bold;
	font-size:72px;
}
.top_sec4{
	background-color:#395475;
	height:330px;
	width:100%;
}
.top_sec4txt{
	border-right:1px #5d7899 solid;
	width:310px;
	padding:55px 52px 0 57px;
	box-sizing:border-box;
	height:330px;
	float:left;
}
.top_sec4txt h2{
	color:#FFF;
	font-size:20px;
	font-weight:bold;
	margin:0 0 20px;
}
.top_sec4txt p{
	margin:0 0 30px;
	color:#a8c0dd;
}
.top_sec4txt .btn1{
	width:200px;
	height:40px;
	line-height:34px;
	color:#FFF;
	border-color:#FFF;
}
.top_voice{
	box-sizing:border-box;
	float:left;
	height:330px;
}
.top_voice ul{
	padding:70px 30px 0 60px;
	height:260px;	
}
.top_voice li{
	float:left;
	width:250px;
	margin:0 30px 0 0 ;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
}
.top_voice li a{ 
	margin:0 0 10px; 
	display:block;
}
.top_sec5{
	display:table;
	width:100%;
}
.top_media,
.top_book{
	display:table-cell;
	width:50%;
	padding:65px 0 40px;
	vertical-align:top;
}
.top_media{
	background-color:#f1f1f1;
	text-align:right;
}
.top_media .inner{
	width:460px;
	padding:0 40px 0 0 ;
	display:inline-block;
	text-align:left;
}
.top_sec5 .title1{margin:0 0 35px;}
.top_media ul{margin:0 0 40px;}
.top_media ul li{
	background-color:#FFF;
	margin:0 0 20px;
	padding:10px;
	display:table;
}
.top_media ul li:hover{background-color:#f9f9f9;}
.top_media li .img,
.top_media li .txt{
	display:table-cell;
	vertical-align:middle;	
}
.top_media li .img{
	text-align:center;
	width:100px;
	height:130px;
	padding:0 10px 0 0 ;
}
.top_media li .txt{
	padding:0 0 0 10px;
	width:320px;
	font-size:12px;
}
.top_media li .img img{
	max-width:100px;
	max-height:130px;
}
.top_media .date{
	color:#898989;
	font-size:11px;
	line-height:1;
	margin:0 0 10px;
}
.top_media li a{
	color:#585858;
	display:block;
}
.top_media h3{
	color:#395475;
	font-size:16px;
	font-weight:bold;
	margin:0 0 5px;
}
.top_book .inner{
	width:428px;
	margin:0 20px;
	left:0;
}
.top_book .title1{margin-left:20px;}
.top_book li{
	float:left;
	width:174px;
	margin:0 20px 30px;
}
.top_book li a{color:#585858;}
.top_book li .img{
	display:table-cell;
	width:174px;
	height:250px;
	vertical-align:middle;
	text-align:center;
}
.top_book li .img img{
	max-width:174px;
	max-height:250px;
}
.top_book li .txt{
	padding:10px 5px 0;
	font-size:12px;
}
.publisher{
	color:#898989;
	font-size:11px;
	line-height:1;
	margin:0 0 5px;
}
.top_book li h3{
	color:#395475;
	font-size:16px;
	font-weight:bold;
	line-height:1.3;
	margin:0 0 5px;
}
.top_sec6{
	background:url(../images/bg_img3.jpg) no-repeat center center;
	background-size:cover;
	width:100%;
	height:625px;
	padding:65px 0 0;
}
.top_sec6 h2{
	color:#FFF;
	font-size:24px;
	font-weight:bold;
	margin:0 0 30px;
}
.top_sec6 h2 span{
	font-size:12px;
	font-weight:normal;
	margin:0 0 0 10px;
}
.top_sec6 .inner{
	background-color:#FFF;
	padding:22px 18px 23px 34px;
	margin:0 0 50px;
	width:948px;
}
.top_sec6 h3{
	color:#395475;
	font-size:20px;
	font-weight:bold;
	width:830px;
	float:left;
}
.top_sec6 .btn1{
	float:right;
	width:110px;
	height:30px;
	line-height:24px;
}
.top_m_magazine{
	width:948px;
	height:310px;
}
.top_m_magazine ul{ width:910px; }
.top_m_magazine li{
	padding:0 47px 20px 3px;
	margin:0 0 18px;
	border-bottom:1px #e4e4e4 solid;
}
.top_m_magazine li:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	zoom: 1;
}
.top_m_magazine li .date{
	width:100px;
	margin:0 20px 0 0 ;
	background-color:#526a88;
	color:#FFF;
	text-align:center;
	line-height:50px;
	font-size:18px;
	float:left;
}
.top_m_magazine li .date span{
	background-color:#395475;
	height:20px;
	line-height:20px;
	display:block;
	font-size:12px;
}
.top_m_magazine h4{
	color:#395475;
	font-size:16px;
	font-weight:bold;
	margin:0 0 4px;
}
.top_m_magazine li .txt{
	float:left;
	width:740px;
	font-size:12px;
}
.top_m_magazine li a{color:#585858;}
.top_m_magazine .jspVerticalBar{
	width:14px;
	height:310px;
}
.top_m_magazine .jspTrack{
	background-color:#d7dce1;
}
.top_m_magazine .jspDrag{
	background-color:#395475;
}
.top_sec6 .btn2{
	width:280px;
	height:50px;
	line-height:50px;
}
.top_sec7{
	width:1000px;
	margin:0 auto;
	padding:65px 0;
}
.top_sec7 .newslist{ margin:0 ; }
.top_sec7 .newslist li{ margin:0 40px 0 0 ; }
.top_sec8{
	background-color:#f1f1f1;
	padding:70px 0 ;
}
.top_sec8 .inner{
	background-color:#FFF;
	width:480px;
	height:220px;
	display:table;
}
.top_sec8 .inner .img{
	display:table-cell;
	vertical-align:middle;
	width:210px;
}
.top_sec8 .inner .txt{
	display:table-cell;
	vertical-align:middle;
	width:215px;
	padding:0 25px 0 30px;
}
.top_sec8 .title1{margin:0 0 10px;}