@charset "utf-8";
section{
	margin:0;
	padding:0;
	line-height:0;
	}
h2 img{
	margin:0 auto;
}

/*------------------------------------------------------------------------------ TOP --*/

#main_v{
	position:fixed;
	top:85px;
	left:0;
	width:100%;
	/*height:740px;*/
	height:100%;
	height: calc(100% - 85px);
	margin:0;
	/*background:url(../../common/img/top/pc/main.png) center center no-repeat;*/
	/*background-size:cover;*/
	z-index:2 !important;
	overflow: hidden;
	}
#main_v #cover{
position:absolute;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 2;
}
#main_spv{
	display:none;
	}
#main_v img{
	display:none;
}
#cont{
	z-index:100 !important;
}

#main_ttl{
	position:relative;
	width:100%;
	height:1500px;
	transform: translate3d(0,0,0);
    -webkit-transition: .4s ease-out;  
       -moz-transition: .4s ease-out;  
         -o-transition: .4s ease-out;
            transition: .4s ease-out;
			opacity:0;
}

#main_ttl h2{
	position:absolute;
	top:50%;
	left:0;
	margin-top:-30px;
	width:100%;
	text-align:center;
	font-size:60px;
	line-height:60px;
	color:#fff;
}
#main_ttl .arrow{
	position:absolute;
	width:60px;
	height:60px;
	bottom:40px;
	left:50%;
	margin-left:-30px;
}
#main_ttl .arrow img{
	position:absolute;
	width:60px;
	height:60px;
	top:0;
	left:0;
}
#main_ttl .dot{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:url(../../common/img/global/dot.gif) 0 0 repeat;
	background-size:3px auto;
}
section{
	position:relative;
	}
#why h3{
	padding:165px 0 0;
	font-size:40px;
	line-height:40px;
	color:#fff;
	text-align:center;
	}

#why .read{
	padding:35px 20px 0;
	font-size:16px;
	line-height:32px;
	text-align:center;
	}

#banner{
	width:100%;
	background:url(../../common/img/top/pc/block8_bg.png) center center no-repeat;
	background-size:cover;
	color:#000;
	text-align:center;
	padding:0 !important;
	margin:0 !important;
	}
#banner.box{
	margin:0 auto 0 !important;
}
#banner>div{
	width:960px;
	margin:0 auto;
	padding:215px 0 160px;
	position:relative;
}
#banner>div ul{
	width:960px;
	zoom:1;
	overflow:hidden;
}
#banner>div ul li{
	width:220px;
	float:left;
	text-align:left;
	margin:0 10px;
}
#banner>div ul li a img{
	width:100%;
	height:auto;
	transform: translate3d(0,0,0);
    -webkit-transition: .4s ease-out;  
       -moz-transition: .4s ease-out;  
         -o-transition: .4s ease-out;
            transition: .4s ease-out;
}
#banner>div ul li a:hover img{
	opacity:0.6;
}
#banner>div ul li p{
	padding:10px 0;
	font-size:16px;
	line-height:22px;
	text-align:left;
}
#banner>div ul li span{
	font-size:14px;
	line-height:22px;
	text-align:left;
}
/*------------------------------------------------------------------------------ 750px under --*/
@media screen and (max-width:750px) {
#main_spv{
	display:block;
	position:fixed;
	top:70px;
	left:0;
	width:100%;
	height:100%;
	margin:0;
	background:url(../../common/img/top/sp/main.png) center center no-repeat;
	background-size:cover;
	z-index:2 !important;
	}
#main_v{
	display:none;
}
#main_ttl .dot{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:none;
	background-size:3px auto;
}
#cont{
	z-index:100 !important;
}

#main_ttl{
	position:relative;
	width:100%;
	height:100%;	
}

#main_ttl h2{
	position:absolute;
	top:50%;
	left:0;
	margin-top:-15px;
	width:100%;
	text-align:center;
	font-size:24px;
	line-height:30px;
	color:#fff;
}
section{
	position:relative;
	}
#why .read{
	width:90%;
	margin:0 auto;
	padding:0 0 0;
	font-size:14px;
	line-height:22px;
	text-align:center;
	}

#banner{
	width:100%;
	background:url(../../common/img/top/pc/block8_bg.png) center center no-repeat;
	background-size:cover;
	color:#000;
	text-align:center;
	}
#banner>div{
	width:90%;
	margin:0 auto;
	padding:40px 0;
	position:relative;
}
#banner>div ul{
	width:100%;
	zoom:1;
	overflow:hidden;
}
#banner>div ul li{
	width:48%;
	float:left;
	text-align:left;
	margin:0;
	padding:0 0 20px;
}
#banner>div ul li:nth-child(even){
	margin-left:4%;
}
#banner>div ul li a img{
	width:100%;
	height:auto;
	transform: translate3d(0,0,0);
    -webkit-transition: .4s ease-out;  
       -moz-transition: .4s ease-out;  
         -o-transition: .4s ease-out;
            transition: .4s ease-out;
}
#banner>div ul li a:hover img{
	opacity:0.6;
}
#banner>div ul li p{
	padding:5px 0;
	font-size:12px;
	line-height:22px;
	text-align:left;
}
#banner>div ul li span{
	font-size:11px;
	line-height:20px;
	text-align:left;
}
}

/*------------------------------------------------------------------------------ why --*/
#why{
	width:100%;
	background:#fff;
	text-align:center;
	padding:0 0 90px;
	margin:0 auto 0;
	}
#why h3{
	color:#000;
	padding:90px 0 0;
	}
#why h4{
	padding:20px 0 0;
	font-size:36px;
	line-height:36px;
	text-align:center;
	font-weight:400;
	}	
#why .read{
	padding:20px 20px  0;
	max-width:900px;
	margin:0 auto;
	}

@media screen and (max-width:750px) {
#why{
	padding:0 0 40px;
	margin:0 auto 0;
	}
#why h3{
	font-size:24px;
	line-height:24px;
	color:#fff;
	text-align:center;
	color:#000;
	padding:40px 0 0;
	}
#why h4{
	padding:10px 0 0;
	font-size:16px;
	line-height:22px;
	text-align:center;
	font-weight:400;
	}	
#why .read{
	padding:10px 0 0;
	font-size:14px;
	line-height:22px;
	}
}

.main_v {
	position:relative;
	width:100%;
	height:300px;
	/*background:url(../../common/img/course/pc/main.png) center center no-repeat;
	background-size:cover;*/
}
.main_v h1 {
	text-align:center;
	padding:120px 0 0 0;
	font-size:48px;
	line-height:60px;
	color:#fff;
}
#course{
	background:#fff;
	}
#admissions{
	background:#fff;
	}
#further{
	background:#fff;
	}
#lNav p{
	padding:90px 0 0;
	font-size:20px;
	line-height:20px;
	color:#003a62;
	text-align:center;
	font-weight:600;
	}
#course #long{
	padding:90px 0 0;
	}
#course #short{
	padding:145px 0 0;
	}
#course .add_mgn1{
	margin-top:145px !important;
	}
#course #last{
	padding:90px 0 0;
	}
#course .mgn{
	padding:60px 0 0;
	}
#course .lTtl{
	position:relative;
	text-align:center;
	padding:0;
	width:940px;
	margin:0 auto 0;
	background:url(../img/other/global/lttl_bg.png) center center repeat-x;
	}
#course .lTtl span{
	display:inline-block;
	background:#fff;
	padding:0 10px;
	font-size:32px;
	line-height:32px;
	color:#003a62;
}

#course .bkbtn{
	margin:0 auto;
	display:inline-block;
	border:#000 1px solid;
	font-size:18px;
	line-height:20px;
	transform: translate3d(0,0,0);
    -webkit-transition: .4s ease-out;  
       -moz-transition: .4s ease-out;  
         -o-transition: .4s ease-out;
            transition: .4s ease-out;
	}
#course .bkbtn a{
	display:block;
	color:#000;
	background:url(../../common/img/top/pc/arrow2.png) 50px 24px no-repeat;
	padding:20px 50px 20px 70px;
		transform: translate3d(0,0,0);
    -webkit-transition: .4s ease-out;  
       -moz-transition: .4s ease-out;  
         -o-transition: .4s ease-out;
            transition: .4s ease-out;
	}
#course .bkbtn:hover{
	border:#fff 1px solid;
	background:#1a7bd0;
}
#course .bkbtn:hover a{
	color:#fff;
	background:url(../../common/img/top/pc/arrow.png) 50px 24px no-repeat;
}
#course .cap{
	display:block;
	padding:0;
	font-size:14px;
	line-height:28px;
}
#course #btn{
	padding:0 0 60px;
	text-align:center;
	}
@media screen and (max-width:750px) {
#course .main_v {
	position:relative;
	width:100%;
	height:auto;
}
#lNav p{
	padding:25px 0 0;
	font-size:16px;
	line-height:24px;
	color:#003a62;
	text-align:center;
	font-weight:600;
	}
#course .main_v h1 {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	text-align:center;
	padding:0 0 0 0px;
	margin-top:-14px;
	font-size:24px;
	line-height:28px;
}
#course #long{
	padding:40px 0 0;
	}
#course #short{
	padding:80px 0 0;
	}
#course .add_mgn1{
	margin-top:80px !important;
	}
#course #last{
	padding:40px 0 0;
	}
#course .mgn{
	padding:30px 0 0;
	}
#course .lTtl{
	position:relative;
	text-align:center;
	padding:0;
	width:90%;
	margin:0 auto 0;
	background:url(../img/other/global/lttl_bg.png) center center repeat-x;
	background-size:20px auto;
	}
#course .lTtl span{
	display:inline-block;
	background:#fff;
	padding:0 10px;
	font-size:16px;
	line-height:16px;
	color:#003a62;
}

}

#cautionSet{
	width:940px;
	margin:40px auto 0;
	}
#cautionSet .caution{
	text-align:center;
	padding:20px 0;
	font-size:18px;
	line-height:24px;
	color:#cc0000;
	font-weight:600;
	border:#cc0000 2px solid;	
	}
#cautionSet .ttl{
	margin:90px 0 0;
	text-align:center;
	font-size:28px;
	line-height:38px;
	font-weight:600;
	}
#cautionSet .txt{
	margin:30px 0 0;
	text-align:center;
	font-size:16px;
	line-height:32px;
	}
#point1{
	position:relative;
	width:100%;
	height:600px;
	margin-top:90px;
	padding:0;
	text-align:center;
	background:url(../../common/img/course/bg.png) center center no-repeat;
	background-size:cover;
	color:#fff;
}
#point2{
	position:relative;
	width:100%;
	height:600px;
	padding:0;
	text-align:center;
	background:#f9f9f8;
	color:#007bd0;
}
#point3{
	position:relative;
	width:100%;
	height:600px;
	padding:0;
	text-align:center;
	background:url(../../common/img/course/bg.png) center center no-repeat;
	background-size:cover;
	color:#fff;
}
.sec>div{
	width:940px;
	height:600px;
	margin:0 auto;
	}
.sec>div .point{
	padding:140px 0 0;
	text-align:center;
	font-size:22px;
	line-height:22px;
	font-weight:600;
	}
.sec>div .num{
	padding:20px 0;
	text-align:center;	
}
.sec>div .ttl{
	padding:0;
	text-align:center;
	font-size:40px;
	line-height:40px;
	font-weight:600;
	}
.sec>div .txt{
	padding:30px 0 0;
	text-align:center;
	font-size:16px;
	line-height:32px;
	}
.box{
	width:940px;
	margin:90px auto 0;
	padding:0;
}
.box .inbox {
	width:940px;
}
.box table {
	width:940px;
	margin:40px 0 0;
	padding:0;
}
#season th{
	width:33.3%;
	}
#tuition .sub{
	width:160px;
	position:static;
}
#tuition .free{
	width:150px;
}
#tuition td{position:relative;}
#tuition .c{font-weight:600;}
#tuition .c span{
	display:block;
	position:absolute;
	top:5px;
	left:5px;
	color:#fff;
	width:20px;
	height:20px;
	font-size:16px;
	line-height:20px;
	font-weight:600;
	text-align:center;
	}
#tuition .c1 span{background:#6b6e6d;}
#tuition .c2 span{background:#ff73ac;}
#tuition .c3 span{background:#3db8bc;}
#tuition .c4 span{background:#faa82e;}
#tuition .c5 span{background:#5eacd5;}
#tuition td ul{
	position:relative;
	text-align:center;
	}
#tuition td ul li{
	display:inline-block;
	zoom:1;
	overflow:hidden;
	line-height:20px;
	}
#tuition td ul li span{
	display:block;
	float:left;
	color:#fff;
	width:20px;
	height:20px;
	font-size:16px;
	line-height:20px;
	font-weight:600;
	text-align:center;
	background:#6b6e6d;
}
#tuition td ul li p{
	float:left;
	margin:0 0 0 10px;
}
#tuition td ul li .b2{background:#ff73ac;}
#tuition td ul li .b3{background:#3db8bc;}
#tuition td ul li .b4{background:#faa82e;}
#tuition td ul li .b5{background:#5eacd5;}
#tuition td ul li:nth-child(2){
	margin:0 40px;
	}
.cap{
	padding:10px 0 0 0;
	text-align:right;
	font-size:14px;
	line-height:28px;
	}
.cap a{
	color:#1a7bd0;
	text-decoration:underline;
	}

#lesson .crm{
	zoom:1;
	overflow:hidden;
	}
#lesson .crm .c{
	float:left;
	width:100%;
}
#lesson .crm .l{
	float:left;
	width:50%;
}
#lesson .crm .r{
	float:left;
	width:50%;
}
#lesson .crm  h4{
	border-left:#1a7bd0 solid 10px;
	font-size:24px;
	line-height:40px;
	padding:0 0 0 20px;
	margin-top:40px;
}
#lesson .crm p{
	padding:10px 0 0;
	text-align:left;
	font-size:16px;
	line-height:32px;
	}
#material .stylebox{
	position:relative;
	width:940px;
	}
#material .stylebox .line{
	position:absolute;
	bottom:0;
	right:0;
	}
#material th{
	font-size:13px;
	line-height:22px;
	}
#material td{
	position:relative;
	width:138px;
	vertical-align:top;
	font-size:13px;
	line-height:22px;
	}
#material .book td,
#material .book td p{
	padding:0 !important;
	}
#material .book td span{
	display:block;
	font-size:11px;
	line-height:18px;
	padding-bottom:10px;
	}
#material .curriculum td{
	font-size:13px;
	line-height:22px;
	word-wrap:break-word;
	overflow-wrap:break-word;
	}
.s{
	font-size:13px;
	line-height:22px;
	word-wrap:break-word;
	overflow-wrap:break-word;
	}
#material .space{
	height:150px;
	}
#material .sc1{color:#ffff01;vertical-align:middle;}
#material .sc2{color:#009943;vertical-align:middle;}
#material .sc3{color:#019fe8;vertical-align:middle;}
#material .sc4{color:#1c2187;vertical-align:middle;}
#material .sc5{color:#e2007d;vertical-align:middle;}
#material .sc6{color:#ff0012;vertical-align:middle;}

.vm{vertical-align:middle !important;}

#material .sc1 span{
	display:block;
	position:absolute;
	width:100%;
	height:5px;
	bottom:0;
	left:0;
	background:#ffff01;
	}
#material .sc2 span{
	display:block;
	position:absolute;
	width:100%;
	height:5px;
	bottom:0;
	left:0;
	background:#009943;
	}
#material .sc3 span{
	display:block;
	position:absolute;
	width:100%;
	height:5px;
	bottom:0;
	left:0;
	background:#019fe8;
	}
#material .sc4 span{
	display:block;
	position:absolute;
	width:100%;
	height:5px;
	bottom:0;
	left:0;
	background:#1c2187;
	}
#material .sc5 span{
	display:block;
	position:absolute;
	width:100%;
	height:5px;
	bottom:0;
	left:0;
	background:#e2007d;
	}
#material .sc6 span{
	display:block;
	position:absolute;
	width:100%;
	height:5px;
	bottom:0;
	left:0;
	background:#ff0012;
	}
#material .jltp,
#material .cefr{
	zoom:1;
	overflow:hidden;
	text-align:center;
	}
#material .jltp p{
	float:left;
	background:#999999;
	color:#fff;
	font-size:20px;
	line-height:40px;
	height:40px;
	margin-left:10px;
	width:125px;
	}
#material .jltp p:nth-child(1){
	margin-left:0px;
	width:193px;
}
#material .jltp p:nth-child(5){
	width:193px;
}
#material .cefr p{
	float:left;
	background:#999999;
	color:#fff;
	font-size:20px;
	line-height:40px;
	height:40px;
	margin-left:10px;
	width:125px;
	}
#material .cefr p:nth-child(1){
	margin-left:0px;
	width:260px;
}
#case .crm{
	zoom:1;
	overflow:hidden;
	margin-top:40px !important;
	}
#case .crm .l{
	float:left;
	width:400px;
}
#case .crm .r{
	float:left;
	width:540px;
	font-size:16px;
	line-height:32px;
}
#case .crm  h4{
	font-size:24px;
	line-height:32px;
	padding:0;
}
#case .crm p{
	padding:30px 0 0;
	text-align:left;
	font-size:14px;
	line-height:32px;
	}
#flow{
	padding:0 0 60px;
	}
#flow .img{
	padding:20px 0 0;
	}
@media screen and (max-width:750px) {

#cautionSet{
	width:90%;
	margin:20px auto 0;
	}
#cautionSet .caution{
	text-align:center;
	padding:10px;
	font-size:16px;
	line-height:22px;
	color:#cc0000;
	font-weight:600;
	border:#cc0000 2px solid;	
	}
#cautionSet .ttl{
	margin:40px 0 0;
	text-align:left;
	font-size:16px;
	line-height:26px;
	font-weight:600;
	}
#cautionSet .txt{
	text-align:left;
	margin:20px 0 0 0;
	font-size:14px;
	line-height:26px;
	}
#point1{
	position:relative;
	width:100%;
	height:auto;
	margin-top:40px;
	padding:0;
	text-align:center;
	background:url(../../common/img/course/bg.png) center center no-repeat;
	background-size:cover;
	color:#fff;
}
#point2{
	position:relative;
	width:100%;
	height:auto;
	padding:0;
	text-align:center;
	background:#f9f9f8;
	color:#007bd0;
}
#point3{
	position:relative;
	width:100%;
	height:auto;
	padding:0;
	text-align:center;
	background:url(../../common/img/course/bg.png) center center no-repeat;
	background-size:cover;
	color:#fff;
}
.sec>div{
	width:90%;
	height:auto;
	margin:0 auto;
	padding:60px 0;
	}
.sec>div .point{
	padding:0 0 0;
	text-align:center;
	font-size:18px;
	line-height:18px;
	font-weight:600;
	}
.sec>div .num{
	padding:20px 0;
	text-align:center;
	width:60px;
	margin:0 auto;
}
.sec>div .ttl{
	padding:0;
	text-align:center;
	font-size:24px;
	line-height:24px;
	font-weight:600;
	}
.sec>div .txt{
	padding:20px 0 0;
	text-align:left;
	font-size:14px;
	line-height:26px;
	}
.box {
	width:90%;
	margin:40px auto 0;
	padding:0;
}
.box .inbox {
	width:100%;
	overflow-x:auto !important;
	overflow-y:hidden !important;
}
.box table {
	width:940px;
	margin:20px 0 0;
	padding:0;
}
#season th{
	width:42%;
	}
#season th:nth-child(1){
	width:16%;
	}
#tuition .sub{
	width:120px;
}
#tuition .free{
	width:170px;
}
.cap{
	padding:5px 0 0 0;
	text-align:right;
	font-size:12px;
	line-height:24px;
	}
#tuition .txt{
	padding:5px 0 0 0;
	text-align:left;
	font-size:12px;
	line-height:20px;
	}
#lesson .crm .l{
	float:left;
	width:100%;
}
#lesson .crm .r{
	float:left;
	width:100%;
}
#lesson .crm  h4{
	border-left:#1a7bd0 solid 5px;
	font-size:16px;
	line-height:24px;
	padding:0 0 0 10px;
	margin-top:20px;
}
#lesson .crm p{
	padding:10px 0 0;
	text-align:left;
	font-size:14px;
	line-height:26px;
	}
#case .crm{
	zoom:1;
	overflow:hidden;
	margin-top:40px !important;
	}
#case .crm .l{
	float:left;
	width:100%;
}
#case .crm .r{
	float:left;
	width:100%;
	font-size:14px;
	line-height:26px;
	padding:20px 0 0;
}
#case .crm  h4{
	font-size:16px;
	line-height:26px;
	padding:0;
}
#case .crm p{
	padding:10px 0 0;
	text-align:left;
	font-size:12px;
	line-height:26px;
	}
#flow{
	padding:0 0 40px;
	}
#flow .img{
	padding:20px 0 0;
	}
}
/*------------------------------------------------------------------------------ course --*/
#tuition .txt{
	padding:5px 0 0 0;
	text-align:left;
	font-size:14px;
	line-height:20px;
	}
#short .end{
	padding:0 0 60px;
	}
 @media screen and (max-width:750px) {
#tuition .txt{
	padding:5px 0 0 0;
	text-align:left;
	font-size:12px;
	line-height:20px;
	}
#short .end{
	padding:0 0 40px;
	}
}
/*------------------------------------------------------------------------------ course --*/
#tuition .camp{
	margin-top:30px;
	padding:20px 0;
	border:#cc0000 2px solid;
	font-size:18px;
	line-height:26px;
	color:#cc0000;
	text-align:center;
	}
#material{
	padding:0 0 90px;
	}
 @media screen and (max-width:750px) {
#tuition .camp{
	margin-top:20px;
	padding:10px;
	border:#cc0000 2px solid;
	font-size:16px;
	line-height:24px;
	color:#cc0000;
	text-align:left;
	}
#material{
	padding:0 0 40px;
	}
}

/*------------------------------------------------------------------------------ further --*/
#further .main_v {
	position:relative;
	width:100%;
	height:300px;
	/*background:url(/common/img/further/pc/main.png) center center no-repeat;
	background-size:cover;*/
}
#further .main_v h1 {
	text-align:center;
	padding:120px 0 0 0;
	font-size:48px;
	line-height:60px;
	color:#fff;
}
#education{
	padding:90px 0 0;
	}
#career{
	padding:40px 0 40px;
	}
.lTtl{
	position:relative;
	text-align:center;
	padding:0;
	width:940px;
	margin:0 auto 0;
	background:url(../img/other/global/lttl_bg.png) center center repeat-x;
	}
.lTtl span{
	display:inline-block;
	background:#fff;
	padding:0 10px;
	font-size:32px;
	line-height:32px;
	color:#003a62;
}
 @media screen and (max-width:750px) {
#further .main_v {
	position:relative;
	width:100%;
	height:auto;
}
#further .main_v h1 {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	text-align:center;
	padding:0 0 0 0px;
	margin-top:-14px;
	font-size:24px;
	line-height:28px;
}
#education{
	padding:40px 0 0;
	}
#career{
	padding:20px 0 0;
	}
.lTtl{
	position:relative;
	text-align:center;
	padding:0;
	width:90%;
	margin:0 auto 0;
	background:url(../img/other/global/lttl_bg.png) center center repeat-x;
	background-size:20px auto;
	}
.lTtl span{
	display:inline-block;
	background:#fff;
	padding:0 10px;
	font-size:16px;
	line-height:16px;
	color:#003a62;
}
}
/*------------------------------------------------------------------------------ education --*/
#education .main_v {
	position:relative;
	width:100%;
	height:300px;
	/*background:url(/common/img/further/education/pc/main.png) center center no-repeat;
	background-size:cover;*/
}
#education .main_v h1 {
	text-align:center;
	padding:120px 0 0 0;
	font-size:48px;
	line-height:60px;
	color:#fff;

}
#education .setTtl strong{
	font-size:20px;
	}
#education .subTtl{
	padding-top:60px;
	}
#education .subTtl strong{
	font-size:20px;
	line-height:30px;
	}
#education .box {
	width:940px;
	margin:90px auto 0;
	padding:0;
}
#education #sec1 .inbox {
	width:940px;
}
#education #sec1 table {
	width:940px;
	margin:40px 0 0;
	padding:0;
}
#education .txt {
	margin:30px 0 0;
	font-size:16px;
	line-height:32px;
}
#education #sec2 .inbox {
	position:relative;
	margin:40px 0 0;
}
#education #sec2 dl {
	width:940px;
	height:120px;
	margin:0 0 10px;
	padding:0;
	background:url(/common/img/further/education/pc/step1.png) 0 0 no-repeat;
	background-size:940px auto;
	position:relative;
	display:table;
}
#education #sec2 dl.end{
	background:url(/common/img/further/education/pc/step2.png) 0 0 no-repeat;
}
#education #sec2 dt {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:240px;
	height:120px;
	margin: 0;
	padding:0;
	color:#0066cc;
	font-size:16px;
	line-height:60px;	
}
#education #sec2 dl.end dt{
	color:#fc5676;
}

#education #sec2 dd {
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	width:700px;
	height:120px;
	margin: 0;
	padding:0 30px;
	font-size:16px;
	line-height:32px;	
}
#education .mgn {
	margin-top:70px !important;
}
#education #sec3 .inbox {
	width:940px;
	overflow:hidden;
}
#education #sec3 table {
	width:940px;
	margin:40px 0 0;
	padding:0;
}
#education #sec4 .inbox {
	width:940px;
	overflow:hidden;
	padding: 0 0 70px;
}
#education #sec4 table {
	width:940px;
	margin:40px 0 0;
	padding:0;
}
 @media screen and (max-width:750px) {
#education .main_v {
	position:relative;
	width:100%;
	height:auto;
}
#education .main_v h1 {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	text-align:center;
	padding:0 0 0 0px;
	margin-top:-14px;
	font-size:24px;
	line-height:28px;
}
#education .setTtl strong{
	font-size:16px;
	}
#education .subTtl{
	padding-top:20px;
	}
#education .subTtl strong{
	font-size:16px;
	line-height:28px;
	}
#education .box {
	width:90%;
	margin:40px auto 0;
	padding:0;
}
#education #sec1 .inbox {
	width:100%;
	overflow-x:auto;
}
#education #sec1 table {
	width:940px;
	margin:20px 0 0;
	padding:0;
}
#education .txt {
	margin:20px 0 0;
	font-size:14px;
	line-height:26px;
}
#education #sec2 .inbox {
	position:relative;
	margin:20px 0 0;
}
#education #sec2 dl {
	width:100%;
	height:auto;
	margin:0 0 5px;
	padding:0;
	background:#f1f0ec;
	background-size:940px auto;
	position:relative;
	display:block;
}
#education #sec2 dl.end{
	background:#f1f0ec;
}
#education #sec2 dt {
	display:block;
	vertical-align:middle;
	text-align:center;
	width:100%;
	height:auto;
	margin: 0;
	padding:0;
	color:#0066cc;
	font-size:16px;
	line-height:26px;
	position:relative;
}
#education #sec2 dl.end dt{
	color:#fc5676;
}
#education #sec2 dt span{
	display:block;
	position:absolute;
	width:100%;
	top:50%;
	left:0;
	margin-top:-13px;
	text-align:center;
	}
#education #sec2 dd {
	display:block;
	vertical-align:middle;
	text-align:left;
	width:100%;
	height:auto;
	margin: 0;
	padding:0 6% 20px;
	font-size:14px;
	line-height:26px;
}
#education .mgn {
	margin-top:0 !important;
}
#education #sec3 .inbox {
	width:100%;
	overflow:hidden;
}
#education #sec3 table {
	width:100%;
	margin:20px 0 0;
	padding:0;
}
#education #sec4 .inbox {
	width:100%;
	overflow:hidden;
	padding: 0 0 70px;
}
#education #sec4 table {
	width:100%;
	margin:20px 0 0;
	padding:0;
}
}
/*------------------------------------------------------------------------------ career --*/
#career .main_v {
	position:relative;
	width:100%;
	height:300px;
	/*background:url(/common/img/further/career/pc/main.png) center center no-repeat;
	background-size:cover;*/
}
#career .main_v h1 {
	text-align:center;
	padding:120px 0 0 0;

	font-size:48px;
	line-height:60px;
	color:#fff;
}
#career .setTtl strong{
	font-size:20px;
	}
#career .subTtl{
	padding-top:60px;
	}
#career .subTtl strong{
	font-size:20px;
	}
#career .box {
	width:940px;
	margin:90px auto 0;
	padding:0;
}
#career #sec1 .inbox {
	width:940px;
}
#career #sec1 table {
	width:940px;
	margin:40px 0 0;
	padding:0;
}
#career .txt {
	margin:30px 0 0;
	font-size:16px;
	line-height:32px;
}
#career #sec2 .inbox {
	position:relative;
	margin:40px 0 40px;
}

#career #sec2 ul {
	width:940px;
	zoom:1;
	overflow:hidden;
}

#career #sec2 ul li{
	float:left;
	width:220px;
	border:#ccc 2px solid;
	padding:10px 0;
	font-size:12px;
	line-height:28px;
	text-align:center;
	margin-right:20px;
	margin-bottom:20px;
	font-family: 'Noto Sans' !important;
	font-weight:400;
}
#career #sec2 ul li span{
	display:block;
	margin:0 auto;
	font-size:10px !important;
	line-height:16px;
}
#career #sec2 ul li:nth-child(4n){
	margin-right:0;
}
#further .sml{
	font-size:11px !important;
	}
 @media screen and (max-width:750px) {
#career .main_v {
	position:relative;
	width:100%;
	height:auto;
}
#career .main_v h1 {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	text-align:center;
	padding:0 0 0 0px;
	margin-top:-14px;
	font-size:24px;
	line-height:28px;
}
#career .setTtl strong{
	font-size:16px;
	}
#career .subTtl{
	padding-top:20px;
	}
#career .subTtl strong{
	font-size:16px;
	line-height:28px;
	}
#career .box {
	width:90%;
	margin:40px auto 0;
	padding:0;
}
#career #sec1 .inbox {
	width:100%;
	overflow-x:auto;
}
#career #sec1 table {
	width:940px;
	margin:20px 0 0;
	padding:0;
}
#career .txt {
	margin:20px 0 0;
	font-size:14px;
	line-height:26px;
}
#career #sec2 .inbox {
	position:relative;
	margin:20px 0 30px;
}

#career #sec2 ul {
	width:100%;
	zoom:1;
	overflow:hidden;
}

#career #sec2 ul li{
	float:left;
	width:49%;
	border:#ccc 2px solid;
	padding:10px 0;
	font-size:11px;
	line-height:24px;
	text-align:center;
	margin-right:2%;
	margin-bottom:10px;
}
#career #sec2 ul li span{
	display:block;
	margin:0 auto;
	font-size:10px !important;
}
#career #sec2 ul li:nth-child(4n),
#career #sec2 ul li:nth-child(2n){
	margin-right:0;
}
#further .sml{
	font-size:8px !important;
	}
}


#admissions .mgn{
	margin-top:20px !important;
	}
#procedure{
	padding:90px 0 0;
	}
#documents{
	padding:40px 0 0;
	}
.mgn{
	padding:60px 0 0;
	}
.lTtl{
	position:relative;
	text-align:center;
	padding:0;
	width:940px;
	margin:0 auto 0;
	background:url(../img/other/global/lttl_bg.png) center center repeat-x;
	}
.lTtl span{
	display:inline-block;
	background:#fff;
	padding:0 10px;
	font-size:32px;
	line-height:32px;
	color:#003a62;
}
 @media screen and (max-width:750px) {
#admissions .main_v {
	position:relative;
	width:100%;
	height:auto;
background:url(/common/img/admissions/sp_main.png) center center no-repeat;
	background-size:cover;
}
#admissions .main_v h1 {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	text-align:center;
	padding:0 0 0 0px;
	margin-top:-14px;
	font-size:24px;
	line-height:28px;
}
#admissions .mgn{
	margin-top:0px !important;
	}
#admissions .box_btn{
	margin-top:20px !important;
	
	}

#procedure{
	padding:40px 0 0;
	}
#documents{
	padding:20px 0 0;
	}
.mgn{
	padding:30px 0 0;
	}
.lTtl{
	position:relative;
	text-align:center;
	padding:0;
	width:90%;
	margin:0 auto 0;
	background:url(../img/other/global/lttl_bg.png) center center repeat-x;
	background-size:20px auto;
	}
.lTtl span{
	display:inline-block;
	background:#fff;
	padding:0 10px;
	font-size:16px;
	line-height:16px;
	color:#003a62;
}
}

/*------------------------------------------------------------------------------ tuition --*/
.tuition_v {
	position:relative;
	width:100%;
	height:300px;
	/*background:url(/common/img/admissions/tuition/main.png) center center no-repeat;
	background-size:cover;*/
}
.tuition_v h1 {
	text-align:center;
	padding:120px 0 0 0;
	font-size:48px;
	line-height:60px;
	color:#fff;
}

#tuition .box {
	width:940px;
	margin:90px auto 0;
	padding:0;
}
#tuition .inbox {
	width:940px;
}
#tuition table {
	width:940px;
	margin:40px 0 0;
	padding:0;
}
#tuition .sub{
	width:160px;
	position:static;
}
#tuition .free{
	width:150px;
}
#tuition td{position:relative;}
#tuition .c{font-weight:600;}
#tuition .c span{
	display:block;
	position:absolute;
	top:5px;
	left:5px;
	color:#fff;
	width:20px;
	height:20px;
	font-size:16px;
	line-height:20px;
	font-weight:600;
	text-align:center;
	}
#tuition .c1 span{background:#6b6e6d;}
#tuition .c2 span{background:#ff73ac;}
#tuition .c3 span{background:#3db8bc;}
#tuition .c4 span{background:#faa82e;}
#tuition .c5 span{background:#5eacd5;}
#tuition td ul{
	position:relative;
	text-align:center;
	}
#tuition td ul li{
	display:inline-block;
	zoom:1;
	overflow:hidden;
	line-height:20px;
	}
#tuition td ul li span{
	display:block;
	float:left;
	color:#fff;
	width:20px;
	height:20px;
	font-size:16px;
	line-height:20px;
	font-weight:600;
	text-align:center;
	background:#6b6e6d;
}
#tuition td ul li p{
	float:left;
	margin:0 0 0 10px;
}
#tuition td ul li .b2{background:#ff73ac;}
#tuition td ul li .b3{background:#3db8bc;}
#tuition td ul li .b4{background:#faa82e;}
#tuition td ul li .b5{background:#5eacd5;}
#tuition td ul li:nth-child(2){
	margin:0 40px;
	}
#tuition .cap{
	padding:10px 0 0 0;
	text-align:right;
	font-size:14px;
	line-height:28px;
	}
#tuition .txt{
	padding:5px 0 0 0;
	text-align:left;
	font-size:14px;
	line-height:20px;
	}
#tuition .cap a{
	color:#1a7bd0;
	text-decoration:underline;
	}
#tuition .camp{
	margin-top:30px;
	padding:20px 0;
	border:#cc0000 2px solid;
	font-size:18px;
	line-height:26px;
	color:#cc0000;
	text-align:center;
	}
#tuition  .mgn{
	margin-top:80px !important;
	}
#tuition #sec4{
	padding:0 0 60px !important;
	}
 @media screen and (max-width:750px) {
.tuition_v {
	position:relative;
	width:100%;
	height:auto;
	background:url(/common/img/admissions/sp_main.png) center center no-repeat !important;
	background-size:cover;
}
.tuition_v h1 {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	text-align:center;
	padding:0 0 0 0px;
	margin-top:-14px;
	font-size:24px;
	line-height:28px;
}
#tuition .box {
	width:90%;
	margin:40px auto 0;
	padding:0;
}
#tuition .inbox {
	width:100%;
	overflow-x:auto !important;
}
#tuition table {
	width:940px;
	margin:20px 0 0;
	padding:0;
}
#tuition #sec3 table {
	width:100%;
	margin:20px 0 0;
	padding:0;
}
#tuition .sub{
	width:120px;
}
#tuition .free{
	width:170px;
}
#tuition .cap{
	padding:5px 0 0 0;
	text-align:right;
	font-size:12px;
	line-height:24px;
	}
#tuition .txt{
	padding:5px 0 0 0;
	text-align:left;
	font-size:12px;
	line-height:20px;
	}
#tuition .cap a{
	color:#1a7bd0;
	text-decoration:underline;
	}
#tuition .camp{
	margin-top:20px;
	padding:10px;
	border:#cc0000 2px solid;
	font-size:16px;
	line-height:24px;
	color:#cc0000;
	text-align:left;
	}
#tuition  .mgn{
	margin-top:40px !important;
	}
#tuition #sec4{
	padding:0 0 40px !important;
	}
#tuition #sec4 table{
	margin-top:0px;
	}
}

/*------------------------------------------------------------------------------ procedure --*/
#procedure .main_v {
	position:relative;
	width:100%;
	height:300px;
	/*background:url(/common/img/admissions/procedure/main.png) center center no-repeat;
	background-size:cover;*/
}
#procedure .main_v h1 {
	text-align:center;
	padding:120px 0 0 0;
	font-size:48px;
	line-height:60px;
	color:#fff;
}

#procedure .box{
	width:940px;
	margin:90px auto 0;
	padding:0;
}
#procedure .inbox {
	width:940px;
}
#procedure .list {
	position:relative;
	width:940px;
	zoom:1;
	overflow:hidden;
}
#procedure .list .l{
	float:left;
	width:300px;
}
#procedure .list .c,
#procedure .list .r{
	float:left;
	width:300px;
	margin-left:20px;
}

#procedure .list ul{
	position:relative;
	width:300px;
	}

#procedure .list ul li.arrow{
	position:relative;
	width:300px;
	height:40px;
	background:url(/common/img/admissions/procedure/arrow_btm.png) bottom center no-repeat;
	}
#procedure .list ul li.arrow span{
	display:block;
	position:absolute;
	top:5px;
	right:5px;
	font-size:11px;
	line-height:20px;
}
#procedure .list ul li.h{
	background:#007bd0;
	color:#fff;
	font-size:20px;
	line-height:20px;
	height:60px;
	padding:20px 0;
	text-align:center;
	font-weight:600;
}
#procedure .list ul li.s{
	color:#007bd0;
	font-size:12px;
	line-height:20px;
	height:60px;
	padding:20px 0;
	text-align:center;
	font-weight:600;
}
#procedure .list ul li.b{
	background:#f4f4f2;
	font-size:14px;
	line-height:20px;
	height:60px;
	padding:20px 0;
	text-align:center;
	font-weight:600;
}
#procedure .list ul li.end{
	background:#fff;
	border:#007bd0 4px solid;
	color:#007bd0;
	font-size:18px;
	line-height:20px;
	height:60px;
	padding:16px 0;
	text-align:center;
	font-weight:600;
}
#procedure .list ul li.t{
	font-size:14px;
	line-height:19px;
	padding:20px 0 0;
	text-align:left;
	font-weight:400;
}
#procedure .list .sps1{height:440px !important;}
#procedure .list .sps2{height:140px !important;}
#procedure .list .sps3{height:540px !important;}

#procedure table {
	width:940px;
	margin:40px 0 0;
	padding:0;
}
#procedure .sub{
	width:260px;
}
#procedure .cap{
	padding:5px 0 0 0;
	text-align:right;
	font-size:12px;
	line-height:12px;
	}
#procedure #sec2{
	padding:0 0 60px !important;
	}
 @media screen and (max-width:750px) {
#procedure .main_v {
	position:relative;
	width:100%;
	height:auto;
	background:url(/common/img/admissions/sp_main.png) center center no-repeat;
	background-size:cover;
}
#procedure .main_v h1 {
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	text-align:center;
	padding:0 0 0 0px;
	margin-top:-14px;
	font-size:24px;
	line-height:28px;
}
#procedure .box {
	width:90%;
	margin:40px auto 0;
	padding:0;
}
#procedure .inbox {
	width:100%;
	overflow-x:auto !important;
}
#procedure .list {
	position:relative;
	width:100%;
	zoom:1;
	overflow:hidden;
}
#procedure .list .l{
	float:left;
	width:100%;
}
#procedure .list .c,
#procedure .list .r{
	float:left;
	width:100%;
	margin-left:0px;
	padding:40px 0 0;
}

#procedure .list ul{
	position:relative;
	width:100%;
	}

#procedure .list ul li.arrow{
	position:relative;
	width:100%;
	height:auto;
	background:none;
	}
#procedure .list ul li.arrow span{
	display:block;
	position:absolute;
	top:5px;
	right:5px;
	font-size:12px;
	line-height:12px;
}
#procedure .list ul li.h{
	background:#007bd0;
	color:#fff;
	font-size:18px;
	line-height:20px;
	height:auto;
	padding:20px 0;
	text-align:center;
	font-weight:600;
}
#procedure .list ul li.s{
	color:#007bd0;
	font-size:16px;
	line-height:20px;
	height:auto;
	padding:20px 0;
	text-align:center;
	font-weight:600;
}
#procedure .list ul li.b{
	background:#f4f4f2;
	font-size:14px;
	line-height:20px;
	height:auto;
	padding:15px 0;
	text-align:center;
	font-weight:600;
}
#procedure .list ul li.end{
	background:#fff;
	border:#007bd0 4px solid;
	color:#007bd0;
	font-size:18px;
	line-height:20px;
	height:auto;
	padding:16px 0;
	text-align:center;
	font-weight:600;
}
#procedure .list ul li.t{
	font-size:12px;
	line-height:17px;
	padding:10px 0 0;
	text-align:left;
	font-weight:400;
}
#procedure .list .sps1{height:auto !important;}
#procedure .list .sps2{height:auto !important;}
#procedure .list .sps3{height:auto !important;}

#procedure table {
	width:940px;
	margin:20px 0 0;
	padding:0;
}
#procedure .sub{
	width:260px;
}
#procedure .cap{
	padding:5px 0 0 0;
	text-align:right;
	font-size:12px;
	line-height:12px;
	}
#procedure #sec2{
	padding:0 0 40px !important;
	}
}
/*------------------------------------------------------------------------------ documents --*/
#documents .ttl p{
	text-align:left;
	padding:30px 0 0 0;
	font-size:16px;
	line-height:32px;
	}
#documents .ttl a{
	color:#007bd0;
	text-decoration:underline;
	}
#documents .box{
	width:940px;
	margin:90px auto 0;
	padding:0;
}

#documents .list {
	position:relative;
	width:940px;
	zoom:1;
	overflow:hidden;
	margin-top:40px;
}
#documents #sec1 .list .l{
	float:left;
	width:460px;
}
#documents #sec1 .list .r{
	float:right;
	width:460px;
}

#documents .list ul{
	position:relative;
	width:100%;
	}

#documents ul li.arrow{
	position:relative;
	width:100%;
	text-align:center;
	}
#documents #sec1 .l ul li.h{
	background:#007bd0;
	color:#fff;
	font-size:20px;
	line-height:20px;
	height:60px;
	padding:20px 0;
	text-align:center;
	font-weight:600;
}
#documents #sec1 .r ul li.h{
	background:#a19f98;
	color:#fff;
	font-size:20px;
	line-height:20px;
	height:60px;
	padding:20px 0;
	text-align:center;
	font-weight:600;
}
#documents .list ul li.b{
	position:relative;
	border:#a19f98 2px solid;
	font-size:14px;
	line-height:20px;
	height:60px;
	padding:18px 0;
	text-align:center;
	font-weight:600;
	margin-bottom:10px;
}
#documents .list ul li.b span{
	display:block;
	/*
	position:absolute;
	top:20px;
	right:5px;
	*/
	font-size:12px;
	line-height:12px;
}
#documents li span a{
	color:#cc0000;
	text-decoration:underline;
	}
#documents .list ul li.b2{
	background:#f4f4f2;
	font-size:14px;
	line-height:20px;
	height:60px;
	padding:20px 0;
	text-align:center;
	font-weight:600;
	margin-bottom:10px;
}
#documents .list ul li.cap{
	position:relative;
	font-size:12px;
	line-height:20px;
	height:40px;
	padding:0 0;
	text-align:left;
	font-weight:400;
	margin-bottom:10px;
}
#documents .listttl .h{
	background:#007bd0;
	color:#fff;
	font-size:20px;
	line-height:20px;
	height:60px;
	padding:20px 0;
	text-align:center;
	font-weight:600;
}
#documents .listttl {
	position:relative;
	width:940px;
	zoom:1;
	overflow:hidden;
	margin-top:40px;
}
#documents .listcont {
	position:relative;
	width:940px;
	zoom:1;
	overflow:hidden;
}
#documents .sec2 .listcont li{
	float:left;
	width:300px;
	position:relative;
	border:#a19f98 2px solid;
	font-size:14px;
	line-height:20px;
	height:60px;
	padding:18px 0;
	text-align:center;
	font-weight:600;
	margin-left:20px;
}
#documents .sec2 .listcont li.d{
	padding:8px 0;
}
#documents .sec2 .listcont li:nth-child(1){
	margin-left:0;
}
#documents .sec2 .listcont li span{
	display:block;
	font-size:12px;
	line-height:20px;
}
#documents #sec3 .listcont li{
	float:left;
	width:300px;
	position:relative;
	border:#a19f98 2px solid;
	font-size:14px;
	line-height:20px;
	height:60px;
	padding:18px 0;
	text-align:center;
	font-weight:600;
	margin-left:20px;
}
#documents #sec3 .listcont li:nth-child(1){
	margin-left:0;
}
#documents #sec4 .list .l,
#documents #sec4 .list .c{
	float:left;
	width:365px;
	margin-right:15px;
}
#documents #sec4 .list .r{
	float:right;
	width:180px;
}
#documents #sec4 .h{
	background:#007bd0;
	color:#fff;
	font-size:20px;
	line-height:20px;
	height:60px;
	padding:20px 0;
	text-align:center;
	font-weight:600;
}
#documents #sec5{
	margin:40px auto 0 !important;
	}
#documents #sec4 li a:nth-child(2){
	margin-left:5px;
}
#documents #sec5 dt{
	font-size:16px;
	line-height:32px;
	font-weight:600;
}
#documents #sec5 li{
	list-style-type: disc !important;
	margin-left:20px;
	font-size:14px;
	line-height:32px;
	zoom:1;
	overflow:hidden;
}
#documents #sec5 li p{
	float:left;
	margin-right:5px;
}
#documents #sec5 li span{
	float:left;
	display:block;
	width:100px;
	height:32px;
	background:#cccccc;
}
#documents #pdf{
	position:relative;
	text-align:center;
	padding:60px 0 60px !important;
}
#documents #pdf a{
	text-align:left;
	display:inline-block;
	width:300px;
	height:60px;
	background:#cc0000 url(../img/admissions/documents/pdf.png) 0 0 no-repeat;
	color:#fff;
	font-size:13px;
	line-height:60px;
	font-weight:600;
	padding:0 0 0 60px;
	margin-left:20px;
	transform: translate3d(0,0,0);
    -webkit-transition: .4s ease-out;  
       -moz-transition: .4s ease-out;  
         -o-transition: .4s ease-out;
            transition: .4s ease-out;
	}
#documents #pdf a:hover{
	opacity:0.6;
}
#documents #pdf a:nth-child(1){
	margin-left:0;
}
 @media screen and (max-width:750px) {

#documents .box {
	width:90%;
	margin:40px auto 0;
	padding:0;
}
#documents .inbox {
	width:100%;
	overflow-x:auto !important;
}
#documents .list {
	position:relative;
	width:100%;
	zoom:1;
	overflow:hidden;
	margin:20px 0 0;
}
#documents .ttl p{
	text-align:left;
	padding:20px 0 0 0;
	font-size:14px;
	line-height:26px;
	}

#documents #sec1 .list .l{
	float:none;
	width:100%;
}
#documents #sec1 .list .r{
	float:none;
	width:100%;
	margin-top:30px;
}

#documents .list ul{
	position:relative;
	width:100%;
	}

#documents ul li.arrow{
	position:relative;
	width:100%;
	text-align:center;
	}
#documents ul li.arrow img{
	width:100px;
	height:auto;
}
#documents #sec1 .l ul li.h{
	background:#007bd0;
	color:#fff;
	font-size:20px;
	line-height:20px;
	height:60px;
	padding:20px 0;
	text-align:center;
	font-weight:600;
}
#documents #sec1 .r ul li.h{
	background:#a19f98;
	color:#fff;
	font-size:20px;
	line-height:20px;
	height:60px;
	padding:20px 0;
	text-align:center;
	font-weight:600;
}
#documents .list ul li.b{
	position:relative;
	border:#a19f98 2px solid;
	font-size:14px;
	line-height:20px;
	height:auto;
	padding:18px 0;
	text-align:center;
	font-weight:600;
	margin-bottom:10px;
}
#documents .list ul li.b span{
	display:block;
	position:relative;
	top:0;
	right:0;
	margin:0 auto;
	font-size:12px;
	line-height:20px;
}
#documents li span a{
	color:#cc0000;
	text-decoration:underline;
	}
#documents .list ul li.b2{
	background:#f4f4f2;
	font-size:14px;
	line-height:20px;
	height:auto;
	padding:20px 0;
	text-align:center;
	font-weight:600;
	margin-bottom:10px;
}
#documents .list ul li.cap{
	position:relative;
	font-size:12px;
	line-height:20px;
	height:auto;
	padding:10px 0;
	text-align:left;
	font-weight:400;
	margin-bottom:10px;
}
#documents .listttl .h{
	background:#007bd0;
	color:#fff;
	font-size:20px;
	line-height:20px;
	height:auto;
	padding:20px 0;
	text-align:center;
	font-weight:600;
}
#documents .listttl {
	position:relative;
	width:100%;
	zoom:1;
	overflow:hidden;
	margin-top:20px;
}
#documents .listcont {
	position:relative;
	width:100%;
	zoom:1;
	overflow:hidden;
}
#documents .sec2 .listcont li{
	float:none;
	width:100%;
	position:relative;
	border:#a19f98 2px solid;
	font-size:14px;
	line-height:20px;
	height:auto;
	padding:18px 0;
	text-align:center;
	font-weight:600;
	margin-left:0;
	margin-bottom:10px;
}
#documents .sec2 .listcont li.d{
	padding:18px 0;
}
#documents .sec2 .listcont li:nth-child(1){
	margin-left:0;
}
#documents .sec2 .listcont li span{
	display:block;
	font-size:12px;
	line-height:20px;
}
#documents #sec3 .listcont li{
	float:none;
	width:100%;
	position:relative;
	border:#a19f98 2px solid;
	font-size:14px;
	line-height:20px;
	height:auto;
	padding:18px 0;
	text-align:center;
	font-weight:600;
	margin-left:0;
	margin-bottom:10px;
}
#documents #sec3 .listcont li:nth-child(1){
	margin-left:0;
}
#documents #sec4 .list .l,
#documents #sec4 .list .c{
	float:none;
	width:100%;
	margin-right:0;
	margin-bottom:10px;
}
#documents #sec4 .list .r{
	float:none;
	width:100%;
}
#documents #sec4 .h{
	background:#007bd0;
	color:#fff;
	font-size:20px;
	line-height:20px;
	height:auto;
	padding:20px 0;
	text-align:center;
	font-weight:600;
}
#documents #sec5{
	margin:20px auto 0 !important;
	}
#documents #sec4 li a:nth-child(2){
	display:block;
	margin-left:0;
	margin-top:10px;
}
#documents #sec5 dt{
	font-size:14px;
	line-height:26px;
	font-weight:600;
}
#documents #sec5 li{
	list-style-type: disc !important;
	margin-left:20px;
	font-size:12px;
	line-height:26px;
}
#documents #sec5 li span{
	float:left;
	display:block;
	width:100px;
	height:26px;
	background:#cccccc;
}
#documents #pdf{
	width:90%;
	margin:0 auto;
	position:relative;
	text-align:center;
	padding:20px 0 40px !important;
}
#documents #pdf a{
	text-align:left;
	display:inline-block;
	width:100%;
	height:60px;
	background:#cc0000 url(../img/admissions/documents/pdf.png) 0 0 no-repeat;
	color:#fff;
	font-size:16px;
	line-height:60px;
	font-weight:600;
	padding:0 0 0 60px;
	margin-left:0;
	margin-top:20px;
	}
#documents #pdf a:hover{
	opacity:0.6;
}
#documents #pdf a:nth-child(1){
	margin-left:0;
}
}
#map{
	position:relative;
	margin-top:90px;
	width:100%;
	height:600px;
	}

#mapInfo{
	width:100%;
	background:#eeeeee;
	}
#mapInfo>div{
	position:relative;
	width:940px;
	margin:0 auto;
	padding:20px 0;
	display:table;
	}
	
#mapInfo>div>p{
	display:table-cell;
	width:660px;
	vertical-align:middle;
	font-size:14px;
	line-height:28px;
}
	
#mapInfo>div div{
	display:table-cell;
	width:280px;
	vertical-align:middle;
}
#access{
	position:relative;
	padding:90px 0 0;
	}
#access .setTtl h2{
	padding:0;
}
#access .pdfBtn{
	position:relative;
	display:block;
	width:280px;
	background:#fff;
	text-align:left;
	font-size:14px;
	line-height:20px;
	transform: translate3d(0,0,0);
    -webkit-transition: .4s ease-out;  
       -moz-transition: .4s ease-out;  
         -o-transition: .4s ease-out;
            transition: .4s ease-out;
	border:#eeeeee 1px solid;
	}
#access .pdfBtn:nth-child(1){
	margin-bottom:10px;
}
#access .pdfBtn a{
	position:relative;
	display:block;
	color:#000;
	background:url(/common/img/top/pc/arrow2.png) 15px center no-repeat;
	padding:10px 0 10px 35px;
		transform: translate3d(0,0,0);
    -webkit-transition: .4s ease-out;  
       -moz-transition: .4s ease-out;  
         -o-transition: .4s ease-out;
            transition: .4s ease-out;
	zoom:1;
	overflow:hidden;
	}
#access .pdfBtn a span{
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-12px;
	display:block;
	background:#cc0000;
	color:#fff;
	font-size:14px;
	line-height:20px;
	padding:0 10px;
}
#access .pdfBtn:hover{
	border:#fff 1px solid;
	background:#1a7bd0;
}
#access .pdfBtn:hover a{
	color:#fff;
	background:url(/common/img/top/pc/arrow.png) 15px center no-repeat;
}
@media screen and (max-width:750px) {
#map{
	margin-top:40px;
	width:100%;
	height:300px;
	}
#mapInfo>div{
	position:relative;
	width:90%;
	margin:0 auto;
	padding:15px 0;
	display:block;
	}
	
#mapInfo>div>p{
	display:block;
	width:100%;
	vertical-align:middle;
	font-size:14px;
	line-height:26px;
}
	
#mapInfo>div div{
	display:block;
	width:100%;
	margin:0 auto;
	vertical-align:middle;
}
#access{
	position:relative;
	padding:40px 0 0;
	}
#access .setTtl h2{
	padding:0;
}
#access .pdfBtn{
	margin-top:10px;
	display:block;
	width:100%;
	background:#fff;
	text-align:left;
	font-size:16px;
	line-height:20px;
	transform: translate3d(0,0,0);
    -webkit-transition: .4s ease-out;  
       -moz-transition: .4s ease-out;  
         -o-transition: .4s ease-out;
            transition: .4s ease-out;
	}
#access .pdfBtn:nth-child(1){
	margin-bottom:0;
}
#access .pdfBtn a{
	display:block;
	color:#000;
	background:url(/common/img/top/sp/arrow2.png) 15px center no-repeat;
	background-size:10px auto;
	padding:10px 0 10px 35px;
		transform: translate3d(0,0,0);
    -webkit-transition: .4s ease-out;  
       -moz-transition: .4s ease-out;
         -o-transition: .4s ease-out;
            transition: .4s ease-out;
	zoom:1;
	overflow:hidden;
	}
#access .pdfBtn a span{
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-12px;
	display:block;
	background:#cc0000;
	color:#fff;
	font-size:14px;
	line-height:20px;
	padding:0 10px;
}
#access .pdfBtn:hover{
	border:#fff 1px solid;
	background:#1a7bd0;
}
#access .pdfBtn:hover a{
	color:#fff;
	background:url(/common/img/top/sp/arrow.png) 15px center no-repeat;
	background-size:10px auto;
	}
}

.caution_add{
	position:relative;
	margin:40px 0 0;
	text-align:center;
	padding:20px 0;
	font-size:18px;
	line-height:24px;
	color:#cc0000;
	font-weight:600;
	border:#cc0000 2px solid;	
	}
#last #tuition{
	margin-top:0 !important;
	}
#sec4{
	padding-bottom:90px;
}
.caution_btm{
	margin-top:0;
	margin-bottom:40px;
	}
.btn_area{
	text-align:center !important;
	}
section .btn{
	display:inline-block;
	margin:50px auto;
	padding:0;
	border:#000 1px solid;
	font-size:18px;
	line-height:20px;
	transform: translate3d(0,0,0);
    -webkit-transition: .4s ease-out;  
       -moz-transition: .4s ease-out;  
         -o-transition: .4s ease-out;
            transition: .4s ease-out;
			text-align:center;
	}
section .btn a{
	display:block;
	color:#000;
	background:url(/common/img/top/pc/arrow2.png) 50px 24px no-repeat;
	padding:20px 50px 20px 70px;
		transform: translate3d(0,0,0);
    -webkit-transition: .4s ease-out;  
       -moz-transition: .4s ease-out;  
         -o-transition: .4s ease-out;
            transition: .4s ease-out;
	}
section .btn:hover{
	background:#000;
}
section .btn:hover a{
	color:#fff;
	background:url(/common/img/top/pc/arrow.png) 50px 24px no-repeat;
}
@media screen and (max-width:750px) {
.caution_add{
	text-align:center;
	margin:20px 0 0;
	padding:10px;
	font-size:14px;
	line-height:20px;
	color:#cc0000;
	font-weight:600;
	border:#cc0000 2px solid;	
	}
.caution_btm{
	margin-top:0;
	margin-bottom:20px;
	}
#sec4{
	padding-bottom:40px;
}
section .btn{
	display:inline-block;
	width:90%;
	margin:20px auto 40px;
	padding:0;
	border:#000 1px solid;
	font-size:16px;
	line-height:20px;
	transform: translate3d(0,0,0);
    -webkit-transition: .4s ease-out;  
       -moz-transition: .4s ease-out;  
         -o-transition: .4s ease-out;
            transition: .4s ease-out;
	}
section .btn a{
	display:inline-block;
	color:#000;
	background:url(/common/img/top/sp/arrow2.png) 50px 13px no-repeat;
	background-size:10px auto;
	padding:10px 50px 10px 70px;
		transform: translate3d(0,0,0);
    -webkit-transition: .4s ease-out;  
       -moz-transition: .4s ease-out;  
         -o-transition: .4s ease-out;
            transition: .4s ease-out;
	}
section .btn:hover{
	background:#000;
}
section .btn:hover a{
	color:#fff;
	background:url(/common/img/top/sp/arrow.png) 50px 13px no-repeat;
	background-size:10px auto;
	}
 }
#tuition .lTtl{
	margin:0 auto 60px;
	}
#course .main_v {
	background:url(../../common/img/other/global/add1.png) center center no-repeat;
	background-size:cover;
}
.tuition_v{
	background:url(../../common/img/other/global/add2.png) center center no-repeat !important;
	background-size:cover;
}
#further .main_v {
	background:url(../../common/img/other/global/add3.png) center center no-repeat;
	background-size:cover;
}
#admissions .main_v {
	background:url(../../common/img/other/global/add4.png) center center no-repeat;
	background-size:cover;
}
@media screen and (max-width:750px) {
#tuition .lTtl{
	margin:0 auto 40px;
	}	
#course .main_v {
	background:url(../../common/img/other/global/sp_add1.png) center center no-repeat;
	background-size:cover;
}
.tuition_v{
	background:url(../../common/img/other/global/sp_add2.png) center center no-repeat !important;
	background-size:cover;
}
#further .main_v {
	background:url(../../common/img/other/global/sp_add3.png) center center no-repeat;
	background-size:cover;
}
#admissions .main_v {
	background:url(../../common/img/other/global/sp_add4.png) center center no-repeat;
	background-size:cover;
}
}


/* 修正202006 */
#documents #sec4 .list .l{
	float:left;
	width:535px;
	margin-right:15px;
}

#documents #sec4 .list .c{
	float:left;
	margin-left:15px;
	width:175px;
}

#documents #sec4 .list .r{
	float:right;
	width:175px;
}

#documents #sec4 li a:nth-child(3){
	margin-left:5px;
}

 @media screen and (max-width:750px) {
#documents #sec4 .list .l,
#documents #sec4 .list .c{
	float:none;
	width:100%;
	margin-right:0;
	margin-bottom:10px;
				margin-left:0;
}
#documents #sec4 .list .r{
	float:none;
	width:100%;
			margin-left:0;
}
#documents #sec4 .h{
	background:#007bd0;
	color:#fff;
	font-size:20px;
	line-height:20px;
	height:auto;
	padding:20px 0;
	text-align:center;
	font-weight:600;
}
#documents #sec5{
	margin:20px auto 0 !important;
	}
	
#documents #sec4 li a:nth-child(2){
	display:block;
	margin-left:0;
	margin-top:10px;
}
#documents #sec4 li a:nth-child(3){
	display:block;
	margin-left:0;
	margin-top:10px;
	margin-bottom:30px;
}
}


/* 修正20210915 */
#documents #sec4 .list .l{
	float:left;
	width:596px;
	margin-right:15px;
}

#documents #sec4 .list .c{
	float:left;
	margin-left:15px;
	width:142px;
}

#documents #sec4 .list .r{
	float:right;
	width:142px;
}

#documents #sec4 li a:nth-child(2),#documents #sec4 li a:nth-child(3),#documents #sec4 li a:nth-child(4){
	margin-left:9px;
}

 @media screen and (max-width:750px) {
#documents #sec4 .list .l,
#documents #sec4 .list .c{
	float:none;
	width:100%;
	margin-right:0;
	margin-bottom:10px;
	margin-left:0;
}
#documents #sec4 .list .r{
	float:none;
	width:100%;
	margin-left:0;
}
#documents #sec4 .h{
	background:#007bd0;
	color:#fff;
	font-size:20px;
	line-height:20px;
	height:auto;
	padding:20px 0;
	text-align:center;
	font-weight:600;
}
#documents #sec5{
	margin:20px auto 0 !important;
	}
	
	#documents #sec4 li a:nth-child(2),#documents #sec4 li a:nth-child(3),#documents #sec4 li a:nth-child(4){
	margin-left:0;
}

#documents #sec4 li a:nth-child(3){
	display:block;
	margin-left:0;
	margin-top:10px;
	margin-bottom:10px;
}

#documents #sec4 li a:nth-child(4){
	display:block;
	margin-left:0;
	margin-top:10px;
	margin-bottom:30px;
}

#documents #sec4 .lofs li a{
	display:block;
	margin-left:0;
	margin-top:10px;
	margin-bottom:30px;
}