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

/*-----------------------common-------------------------*/
*{font-family:'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;}
.topic{
	width:900px;
	margin:0 auto;
	}
.topic p,.topic>div{
	margin-top:15px;
	}
.topic div{
	overflow:hidden;
	}
.column2 li{
	width:434px;
	margin-right:32px;
	}
.column3 li{
	width:280px;
	margin-right:30px;
	}
.topic div li p{
	margin:5px auto 0;
	font-size:12px;
	}
.column2 li p{
	width:340px;
	}
.column3 li p{
	width:270px;
	}
.container h2{	
	width:940px;
	height:30px;
	text-indent: 100%;
	margin:20px auto 0;
	white-space:nowrap;
	overflow:hidden;
	}
.titleImg{
	width:940px;
	padding-top:15px;
	border-top:1px solid #454545;
	margin:10px auto 0;
	}
li.last {
	margin-right: 0;
}
.red{color:#E4161A;font-weight:bold;}
/*-------------------------top--------------------------*/
#topImg {width:auto;position: relative;margin-top: 20px;}
#topImg .swiper-slide{overflow:hidden;}
#topImg img{width:auto;max-width:none;height:550px;vertical-align:bottom;position:relative;}
.top #main h3 {width: 824px;margin: 50px auto 0;}
.top #main #contentWrap {overflow: hidden;}
.top #main #contentWrap #content li a:hover, .link a:hover {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";-moz-opacity: 0.7;-khtml-opacity: 0.7;}
.top #main #contentWrap #content {margin: 0 auto;width: 824px;}
.top #main #contentWrap #content li{width:260px;margin-right:22px;margin-top:22px;}
.top #main #contentWrap #content li:nth-child(3){margin-right:0;}
.top #main #contentWrap #content li a,.top #main .link a {display: block;width: 100%;height: 100%;}
.top #main .link {width: 440px;margin: 50px auto 0;}
.top #main #contentWrap #content li a img{vertical-align:bottom;}
.top #main #contentWrap #content li div.text{width:240px;background:#7f7f7f;color:#fff;text-align:left;padding:10px;}
.top #main #contentWrap #content li div.text h4{font-weight:bold;font-size:18px;}
.top #main #contentWrap #content li div.text p{font-size:13px;line-height:1.5;margin-top:5px;}

/*-----------------------company------------------------*/
#company h2{	
	background:url('../company/images/title.jpg') 0 0 no-repeat;
	border-bottom:1px solid #454545;
	padding-bottom:10px;
	}
#company .topic{
	width:940px;
	}
#company .sideNav{
	border:1px solid #29a954;
	float:left;
	width:200px;
	padding:15px;
	margin-top:30px;
	}
#company .sideNav li{
	clear:both;
	line-height:2em;
	background:url('../common/images/vector.jpg') 0 8px no-repeat;
	text-indent:10px;
	margin-bottom:15px;
	}
#company .sideNav li.last{
	margin-bottom:0px;
	}
#company .sideNav li a{
	width:100%;
	height:100%;
	color:#000000;
	}
#company #information{
	margin-top:30px;
	width: 680px;
	float:right;
}
#company #overview{
	margin-top:0px;
	}
#company #overview h3{
	margin-top:0px;
	}
#company #overview table{
	margin-top:20px;
	}
#company #overview th{
	width:135px;
	padding:15px;
	background-color:#dddddd;
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	}
#company #overview td{
	width:542px;
	padding:15px;
	background-color:#f2f2f2;
	border-bottom:1px solid #FFFFFF;
	
	}
#company #history{
	margin-top:20px;
	}
#company #historyContent{
	margin-top:10px;
	}
#company #historyContent .first>div{
	padding-top:15px;
	}
#company #historyContent h4{
	float:left;
	margin:0;
	width:60px;
	font-size:18px;
	line-height:1em;
	color:#29a954;
	font-weight:bold;
	}
#company #historyContent div{
	overflow:visible;
	}
	#company #historyContent>div:after{
		clear:both;
		}
	#company #historyContent>div:after,
	#company #historyContent>div:before{
		content:"";
		display:table;
		}
#company #historyContent>div>div{
	zoom:1;
	float:right;
	width:500px;
	border-left:1px solid #cccccc;}
	
#company #historyContent>div dt{
	float:left;
	margin:0;
	width:64px;
	font-size:14px;
	line-height:1em;
	color:#454545;
	font-weight:500;
	padding:3px 0;
	}
#company #historyContent>div dd{
	float:right;
	margin:0;
	width:440px;
	}	
#company #historyContent li{
	clear:both;
	padding-left:30px;
	margin-bottom:5px;
	position:relative;
	}
#company #historyContent div li>i{
	display:inline-block;
	position:absolute;
	left:2px;
	top:7px;
	width:12px;
	height:12px;
	background:url('../company/images/dot.jpg') 0 0 no-repeat;	
	text-indent:-9999px;
	overflow:hidden;
	vertical-align:middle;
	outline:0;
	line-height:1;
	}
#company #historyContent>div dl{
	margin:0 0 20px -70px;
	zoom:1;
	content:"";
	display:table;	
	}
/*------------------------egaku-------------------------*/
#egaku h2{	
	background:url('../egaku/images/title.jpg') 0 0 no-repeat;
	}
#egaku #topic3ttl{
	width:900px;
	margin:40px auto 0;
	}

#egaku #contact{
	overflow:hidden;
	width:900px;
	}
#egaku .topic .app{width:826px;height:160px;border:2px solid #33a2f7;background:url(../egaku/images/banner_bg.jpg) top right no-repeat;background-size:auto 230px;padding:35px;}
#egaku .topic .app h4{font-size:28px;color:#33a2f7;text-align:left;font-weight:bold;}
#egaku .topic .app p{text-align:left;margin-top:5px;}
#egaku .topic .app div.app_btn{width:226px;margin:20px 0 0 45px;}
#egaku .topic .app div.app_btn a{font-size:18px;width:226px;line-height:1.75;background-color:#33a2f7;padding:10px 0;display:block;color:#fff;font-weight:bold;text-align:center;}
#egaku .topic .app div.app_btn a:hover{opacity:0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";-moz-opacity: 0.7;-khtml-opacity: 0.7;}
#egaku .left{
	margin-top:30px;
	width:448px;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	border-left:1px solid #454545;
	border-right:1px solid #454545;
	}
#egaku .right{
	margin-top:30px;
	width:449px;
	float:right;
	padding-top:10px;
	padding-bottom:10px;
	border-right:1px solid #454545;
	}
#egaku span.red{font-size:16px}
/*------------------------egakuApp------------------------*/
#egakuApp {width:100%;}
#egakuApp section{width:100%;}
#egakuApp section .wrap{width:1200px;margin:0 auto;}
#egakuApp section .wrap .inner{width:940px; margin:0 auto;overflow:hidden;}
#egakuApp section .wrap .inner h2{width:92px;height:92px;-webkit-border-radius: 46px;-moz-border-radius: 46px;border-radius: 46px;background-color: #1394f9;color:#fff;font-weight:bold;text-indent:inherit;line-height:92px;text-align:center;margin-top:65px;}
#egakuApp #sect01{background:#ffffff url(../egaku/images/app/main.jpg) 50% 50% no-repeat;height:500px;background-size:1920px auto;}
#egakuApp section .wrap .inner h3{font-size:21px;border:none;color:#1394f9;text-align:center;margin-top:25px;}
#egakuApp section .wrap .inner .left{width:430px;float:left;}
#egakuApp section .wrap .inner .right{width:480px;float:right;}
#egakuApp #sect01 .wrap .inner h1{float:none;margin-top:122px;margin-left:30px;}
#egakuApp #sect01 .wrap .inner p{margin-top:28px; margin-left:30px;}
#egakuApp #sect02{background-color:#f2f3f3;height:558px;}
#egakuApp #sect02 .wrap .inner h2{margin-top:85px;}
#egakuApp #sect02 .wrap .inner .left p{width:390px;margin:20px auto 0;}
#egakuApp #sect02 .wrap .inner .right img{margin-top:73px;}
#egakuApp #sect03{background-color:#dcf0ff;height:558px;}
#egakuApp #sect03 .wrap .inner .left img{margin-top:40px;}
#egakuApp #sect03 .wrap .inner .right p{width:420px;margin:20px auto 0;}
#egakuApp #sect04{background:#ffffff url(../egaku/images/app/drawing02.jpg) center top no-repeat;height:556px;background-size:1920px auto;}
#egakuApp #sect04 .wrap .inner h2{margin-top:35px;}
#egakuApp #sect04 .wrap .inner .left p{width:420px;margin:20px auto 0;}
#egakuApp #sect04 .wrap .inner .right img{margin-top:73px;}
#egakuApp #sect05{background:#ffffff url(../egaku/images/app/comment_bg.jpg) center top no-repeat;height:558px;background-size:1920px auto;}
#egakuApp #sect05 .wrap .inner h3{margin-top:100px;}
#egakuApp #sect05 .wrap .inner p{width:670px;margin:20px auto 0;text-align:center;}
#egakuApp #contact{	overflow:hidden;width:900px;}
#egakuApp #contact .left{
	margin-top:30px;
	width:448px;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	border-left:1px solid #454545;
	border-right:1px solid #454545;
	}
#egakuApp #contact .right{
	margin-top:30px;
	width:449px;
	float:right;
	padding-top:10px;
	padding-bottom:10px;
	border-right:1px solid #454545;
	}
#egakuApp #contact span.red{font-size:16px}

/*------------------------diploma-------------------------*/
#diploma h2{	
	background:url('../diploma/images/title.jpg') 0 0 no-repeat;
	}
#diploma .example{
	margin-top:20px;
	}
#diploma .gFrame{border:3px solid #29a954;overflow:hidden;width:844px;height:290px;margin:30px auto 0;padding:25px;}
#diploma .gFrame h5{color:#29a954;font-weight:bold;font-size:18px;}
#diploma .gFrame .left{float:left;width:494px;}
#diploma .gFrame .left li,#diploma .gFrame .left p{clear:both;}
#diploma .gFrame .left p{margin-top:10px;}
#diploma .gFrame .right{float:right;width:311px;margin-top:32px;}
#diploma .gFrame .left .point{font-weight:bold;margin-top:10px;overflow:hidden;}
#diploma .gFrame .left .point li{margin-top:10px;background:url('../diploma/images/circle.jpg') 3px 6px no-repeat;text-indent:20px;font-size:18px;}
#diploma .gFrame .left .btn{margin-top:30px;}
#diploma .gFrame .btn {
	width: 284px;
	height: 55px;
}
#diploma .gFrame .btn a {
	display: block;
	width: 100%;
	height: 100%;
}
#diploma .gFrame .btn a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity: 0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}
#diploma .column2 li p{
	width:390px;
	}

/*------------------------folder--------------------------*/
#folder h2{
	background:url('../folder/images/title.jpg') 0 0 no-repeat;
	}
#folder .example{
	margin-top:20px;
	}

#folder .link{
	width:900px;overflow:hidden;margin-top:40px;
	}
#folder table{border:1px solid #aaaaaa;margin-top:15px;}
#folder th,#folder td{border-bottom:1px solid #aaaaaa;border-left:1px solid #aaaaaa;padding:15px;width:268px;text-align:center;}
#folder td.paper{text-align:left;}
#folder td.paper p{width:510px;margin:0 auto;}
.link .left{width:435px;float:left;}
.link .right{width:435px;float:right;}
#folder .notes{padding:25px;background:#eeeeee;}
#folder .gFrame{border:3px solid #29a954;overflow:hidden;width:844px;height:205px;margin:20px auto 0;padding:25px;}
#folder .gFrame h5{color:#29a954;font-weight:bold;font-size:18px;}
#folder .gFrame .left,#folder .gFrame .right{width:422px;}
#folder .gFrame .left{float:left;}
#folder .gFrame .right{float:right;}
#folder .gFrame .left .btn{margin-top:30px;}
#folder .gFrame .btn {
	width: 284px;
	height: 55px;
}
#folder .gFrame .btn a {
	display: block;
	width: 100%;
	height: 100%;
}
#folder .gFrame .btn a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity: 0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}

/*-------------------------frame--------------------------*/
#frame h2{
	background:url('../frame/images/title.jpg') 0 0 no-repeat;
	}
#frame .gFrame{border:3px solid #29a954;overflow:hidden;width:894px;height:277px;margin:40px auto 0;}
#frame .gFrame .right{float:right;width:447px;margin-top:0px;}
#frame .gFrame .left{float:left;width:417px;margin-left:30px;margin-top:24px;}
#frame .gFrame .left p{text-align:left;width:387px;}
#frame .gFrame p span{font-weight:bold;color:#29a954;}
#frame .gFrame .left .btn{margin-top:30px;}
#frame .gFrame .btn {
	width: 284px;
	height: 55px;
}
#frame .gFrame .btn a {
	display: block;
	width: 100%;
	height: 100%;
}
#frame .gFrame .btn a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity: 0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}
/*-------------------------cover--------------------------*/
#cover *{font-family:Times, "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
#cover{width:100%;color:#431729;}
#cover section{width:100%;}
#cover section .wrap{width:1200px;margin: 0 auto;}
#cover section .wrap .inner{width:940px; margin:0 auto;overflow:hidden;}
#cover section#sect00{position:relative;width:auto;}
#cover section#sect00 .swiper-slide{overflow:hidden;}
#cover section#sect00 img{width:auto;max-width:none;height:550px;vertical-align:bottom;position:relative;}
#cover section#sect01 h1{position:absolute;z-index:2;top:220px;padding-left:30px;}
#cover section#sect01 h1 img{width:559px;height:300px;max-width:none;}
#cover section#sect02{background:#f9f5f1;height:500px;font-weight:bold;}
#cover section#sect02 .left{float:left;}
#cover section#sect02 .left img{margin-top:40px;}
#cover section#sect02 .right{float:right;}
#cover section#sect02 .right p,#cover section#sect04 p{font-size:21px;font-weight:normal;line-height:1.8;margin-top:180px;}
#cover section#sect03 {background:#000000 url(../cover/images/sect3_bg.jpg) 50% 50% no-repeat;height:475px;background-size:1920px auto;}
#cover section#sect03 p{font-size:21px;font-weight:normal;line-height:1.8;margin-top:180px;color:#fff;margin-left:30px;}
#cover section#sect04{background:#f9f5f1;height:560px;}
#cover section#sect04 .swiper-container2{margin-top:80px;}
#cover section#sect04 .swiper-container2 .swiper-wrapper .swiper-slide p{font-size:16px;font-weight:normal;line-height:1.8;margin:0 auto;text-align:center;}
#cover section#sect04 p{margin-top:30px;text-align:center;}
#cover section#sect04 p span{font-size:21px;font-weight:normal;line-height:1.8;color:#e6001b;}
#cover section#sect04 .wrap{position:relative;}
#cover section#sect04 .wrap .mask{position:absolute;top:70px;z-index:2;}
#cover section#sect05  {height:1800px;}
#cover section#sect05 .wrap .inner h2{white-space:normal;text-indent:0;font-size:32px;text-align:center;height:40px;margin-top:70px;font-weight:bold;}
#cover section#sect05 .wrap .inner{overflow:hidden;}
#cover section#sect05 .wrap .inner .left{float:left;margin-top:90px;margin-left:90px;width:262px;height:385px;}
#cover section#sect05 .wrap .inner #price1000 .left{margin-left:10px;width:400px;height:354px;}
#cover section#sect05 .wrap .inner .right{float:right;margin-top:50px;margin-right:50px;width:430px;height:219px;}
#cover section#sect05 .wrap .inner #price10,#cover section#sect05 .wrap .inner #price100,#cover section#sect05 .wrap .inner #price1000{clear:both;height:550px;}
#cover section#sect05 .wrap .inner #price10,#cover section#sect05 .wrap .inner #price100{border-bottom:1px solid #cccccc;}
#cover section#sect05 .wrap .inner .right img{margin-top:30px;}
#cover section#sect05 .wrap .inner .right .note{color:#e6001b;font-weight:bold;font-size:17px;text-align:left;margin-top:10px;}
#cover section#sect05 .wrap .inner .right .buy{width:430px;height:50px;}
#cover section#sect05 .wrap .inner .right .buy a{width:100%;height:100%;display:block;color:#fff;font-size:21px;text-align:center;margin-top:10px;line-height:2.5;background:#999999;font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
#cover section#sect05 .wrap .inner .right .buy a:hover{background:#29a954;}
#cover #contact *{font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
#cover #contact{width:1200px;margin: 60px auto;overflow:hidden;}
#cover #contact #contactWrap{width:940px;margin:30px auto 0;}
#cover #contact h5{font-size:23px;font-weight:bold;text-align:center;margin:0 auto;overflow:hidden;}
#cover #contact div.leftTxt{float:left;width:448px;}
#cover #contact div.rightTxt{float:right;width:448px;}
#cover #contact .left{margin-top:5px;width:448px;float:left;padding-top:10px;padding-bottom:30px;border-left:1px solid #454545;border-right:1px solid #454545;}
#cover #contact .left p{margin-top:15px;}
#cover #contact .left .btn{margin-top:25px;}
#cover #contact .right{margin-top:5px;width:449px;float:right;padding-top:10px;padding-bottom:30px;border-right:1px solid #454545;}
@media screen and (max-width:3000px){
	#cover section#sect00 img,.top #topImg img{left:0;width:100%;max-width:100%;height:auto;}
	
@media screen and (max-width:1920px){
	#cover section#sect00 img,.top #topImg img{left:0;height:550px;width:auto;max-width:none;}
}
@media screen and (max-width:1600px){
	#cover section#sect00 img,.top #topImg img{left:-10%;}
}
@media screen and (max-width:1500px){
	#cover section#sect00 img..top #topImg img{left:-20%;}
}
@media screen and (max-width:1400px){
	#cover section#sect00 img,.top #topImg img{left:-25%;}
}
@media screen and (max-width:1200px){
	#cover section#sect00 img,.top #topImg img{left:-30%;}
}