@CHARSET "UTF-8";

.main {margin-top: 18.59375vw;}

.main .mainVisual {
	height: 161.09375vw;
	position: relative;
	overflow: hidden;
	/* background-image: url('/m/asset/images/main/main_visual.jpg');	
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain; */
}
.main .mainVisual .txt_area {
	position: absolute;
	text-align: center;
	right: 0;
	left: 0;
	top: 15.625vw;
	font-size: 6.71875vw;
}
.main .mainVisual .txt_area:before{
	content:'';
	display: block;
	width: 9.375vw;
	height: 0.46875vw;
	background-color: #000;
	margin: 0 auto 6.25vw;
}
.main .mainBar li{
	float: left;
	width: 50%;
	height: 15.625vw;
	position: relative;
	z-index: 2;	
}
.main .mainBar li:before{
	content:'';
	position: absolute;
	width: 5.15625vw;
	height: 5.15625vw;
	background-image: url('/../../../asset/images/main/mainbar_arr.png');
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	top:5.15625vw;
	right: 4.53125vw;
}
.main .mainBar li:first-child{background-color: #0f96d6;}
.main .mainBar li:nth-child(2){background-color: #0087c7;}
.main .mainBar li:nth-child(3){background-color: #007ab3;}
.main .mainBar li:last-child{background-color: #006fa4;}
.main .mainBar li a{
	display: block;
	height: 100%;
}
.main .mainBar li p{
	padding-left: 4.6875vw;
	font-weight: 500;
	font-size: 3.75vw;
	color: #fff;
	line-height: 15.625vw;
}
.main .inner{margin-right: 4.6875vw; margin-left: 4.6875vw;}
.main .mainTopCont {padding-top: 17.5vw; padding-bottom: 14.0625vw;}
.main .mainTopCont .tit {
	font-size: 5.9375vw;
	color: #333;
	position: absolute;
	line-height: 1;
	top:15.15625vw;
	left: 5.15625vw;
}
.main .mainTopCont .edu1{
	margin-top: 12.5vw;	
}	
.main .mainTopCont li{
	width: 43.4375vw;
	height: 64.375vw;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	float: left;	
	position: relative;
}
.main .mainTopCont .edu1 a:first-child li {
	background-image: url('/../../../asset/images/main/main_edu_img01.png');
	margin: 0 3.125vw 4.6875vw 0px;
}
.main .mainTopCont .edu1 a:last-child li {
	background-image: url('/../../../asset/images/main/main_edu_img02.png');
	margin-top: -12.5vw;
}
.main .mainTopCont .edu2 a:first-child li {
	background-image: url('/../../../asset/images/main/main_edu_img03.png');
	margin: 0 3.125vw 4.6875vw 0px;
}
.main .mainTopCont .edu2 a:last-child li {
	background-image: url('/../../../asset/images/main/main_edu_img04.png');
	margin-top: -12.5vw;
}
.main .mainTopCont li .txt {
	position: absolute;
	font-size: 3.4375vw;
	text-align: center;
	width: inherit;
	line-height: 1.2;
}
.main .mainTopCont li .txt span{
	font-size: 3.90625vw;
	font-weight: 600;
}
.main .mainTopCont .edu1 li .txt{
	top:11.25vw;
}
.main .mainTopCont .edu2 a:first-child li .txt{
	top:45.3125vw;
}
.main .mainTopCont .edu2 a:last-child li .txt{
	top:47.5vw;
}

.main .mainCont01,
.main .mainCont02,
.main .mainCont03{
	width: 100%;
	position: relative; 
	border: 1px solid #cdcfd0; 
}
.main .mainCont01 .tabTit {
	overflow: hidden; 
	border-bottom: 1px solid #cdcfd0;
}
.main .mainCont01 .tabTit li {
	float: left; 
	text-align: center;
	border-right: 1px solid #cdcfd0; 
	width: 30%;
}
.main .mainCont01 .tabTit li:nth-child(2) {
	width: 40%;
}
.main .mainCont01 .tabTit li:last-child{
	border-right: 0;
}
.main .mainCont01 .tabTit li a {
	padding:2.8125vw 0px; 
	display: block;
	font-size: 4.53125vw;
	font-weight: 600;
}
.main .mainCont01 .tabCont {
	padding: 10.3125vw 4.6875vw 2.8125vw 4.6875vw;
	overflow: hidden;
	font-size: 3.75vw;
	color: #666666;
	font-weight: 200;
}
.main .mainCont01 .tabCont li a{
	color: #666666;
	display:inline-block;
    width: 65%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.main .mainCont01 .tabCont li span {
    float: right;
    width: 30%;
    text-align: right;
	font-size: 3.59375vw;
}
.main .mainCont01 .tabCont .mainTab {
	display: none;
}
.main .mainCont01 .tabCont .mainTab.on {
	display: block;
}
.main .mainCont01 .tabTit li.on a{
	color: #0f96d6;
}
.main .mainCont01 .more{
	position: absolute;
    right: 2.8125vw;
    top: 15.46875vw;
    width: 13.90625vw;
    height: 3.59375vw;
    padding-left: 3.75vw;
    background-image: url('/../../../asset/images/main/notice_more.png');
    background-repeat: no-repeat;
    background-position: top 0.78125vw left 1px;
    -webkit-background-size: contain;
    background-size: 2.5vw 2.5vw;
    font-size: 3.125vw;
    font-weight: 400;
    color: #666;
}
.main .mainCont02 p{
	font-size: 4.53125vw;
	padding: 3.125vw 0 3.125vw 4.6875vw;
	border-bottom:1px solid #cdcfd0;
}
.main .mainCont02 ul{
	padding: 4.6875vw;	
	font-size: 3.75vw;
	color: #666666;
	font-weight: 200;
}
.main .mainCont02 li a {
	display: inline-block;
	color: #666666;
    width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.main .mainCont02 li span {
    float: right;
    width: 30%;
    text-align: right;
	font-size: 3.59375vw;
}
.main .mainCont02 .more{
	position: absolute;
	right: 5.3125vw;
	top: 4.375vw;
	width: 4.0625vw;
	height: 4.0625vw;
	background-image: url('/m/asset/images/main/notice_more.png');
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}
.main .mainCont03 {
	padding-top: 35px;
	padding-bottom: 35px;
	text-align: center;
	line-height: 1;
}
.main .mainCont03 div span {
	font-size: 5.46875vw;
	padding-bottom: 3.125vw;
	color: #333333;
	display: block;
	font-size: 4.6875vw;
}
.main .mainCont03 div p{
	padding-bottom: 2.1875vw;
	font-size: 3.75vw;
	color: #666666;
}
.main .mainCont03 .call{
	font-size: 5.3125vw;
	padding-bottom: 4.6875vw;
	letter-spacing: 0;
}
.main .mainCont03 li {
	text-align: left;
	display: inline-block;
	width: 29.6875vw;
	border:1px solid #cdcfd0;
	margin: 0 1.5625vw;
	position: relative;
}
.main .mainCont03 li a{
	display: block;
	font-size: 3.4375vw;
	padding: 2.34375vw;
	color: #666;
	font-weight: 200;
}
.main .mainCont03 li:after {
	content:'';
	position: absolute;
	right: 2.03125vw;
	top:3.125vw;
	width: 0.9375vw;
	height: 1.71875vw;
	background-image: url('/../../../asset/images/main/info_arr.png');
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}

@media (min-width: 640px){
	.main {margin-top: 119px;}
	.main .mainVisual {
		height: 1031px;
		/* background-image: url('/m/asset/images/main/main_visual.jpg');	
		background-repeat: no-repeat;
		-webkit-background-size: contain;
		background-size: contain; */
	}
	.main .mainVisual .txt_area {
		top: 100px;
		font-size: 43px;
	}
	.main .mainVisual .txt_area:before{
		width: 60px;
		height: 3px;
		margin: 0 auto 40px;
	}
	.main .mainBar li{
		height: 100px;
	}
	.main .mainBar li:before{
		width: 33px;
		height: 33px;
		background-image: url('/../../../asset/images/main/mainbar_arr.png');
		top:33px;
		right: 29px;
	}
	.main .mainBar li p{
		padding-left: 30px;
		font-size: 24px;
		line-height: 100px;
	}
	.main .inner{margin-right: 30px; margin-left: 30px;}
	.main .mainTopCont {
		padding-top: 112px; 
		padding-bottom: 90px;
		width: 580px;
		margin: 0 auto;
	}
	.main .mainTopCont .tit {
		font-size: 38px;
		top:97px;
		left: 33px;
	}
	.main .mainTopCont .edu1{
		margin-top: 80px;	
	}	
	.main .mainTopCont li{
		width: 278px;
		height: 412px;
	}
	.main .mainTopCont .edu1 a:first-child li {
		margin: 0 20px 30px 0px;
	}
	.main .mainTopCont .edu1 a:last-child li {
		margin-top: -80px;
	}
	.main .mainTopCont .edu2 a:first-child li {
		margin: 0 20px 30px 0px;
	}
	.main .mainTopCont .edu2 a:last-child li {
		margin-top: -80px;
	}
	.main .mainTopCont li .txt {
		font-size: 22px;
	}
	.main .mainTopCont li .txt span{
		font-size: 25px;
	}
	.main .mainTopCont .edu1 li .txt{
		top:72px;
	}
	.main .mainTopCont .edu2 a:first-child li .txt{
		top:290px;
	}
	.main .mainTopCont .edu2 a:last-child li .txt{
		top:304px;
	}
	.main .mainCont01 .tabTit li a {
		padding:18px 0px; 
		font-size: 29px;
	}
	.main .mainCont01 .tabCont {
		padding: 66px 30px 18px 30px;
		font-size: 24px;
	}	
	.main .mainCont01 .tabCont li span {
		font-size: 23px;
	}
	.main .mainCont01 .more{
		right: 18px;
		top: 99px;
		width: 89px;
		height: 23px;
		padding-left: 24px;
		background-position: top 5px left 1px;
		background-size: 16px 16px;
		font-size: 20px;
	}
	.main .mainCont02 p{
		font-size: 29px;
		padding: 20px 0 20px 30px;
	}
	.main .mainCont02 ul{
		padding: 30px;	
		font-size: 24px;
	}
	.main .mainCont02 li span {
		font-size: 23px;
	}
	.main .mainCont02 .more{
		right: 34px;
		top: 28px;
		width: 26px;
		height: 26px;
	}
	.main .mainCont03 {
		padding-top: 35px;
		padding-bottom: 35px;
	}
	.main .mainCont03 div span {
		font-size: 25px;
		padding-bottom: 20px;
		font-size: 30px;
	}
	.main .mainCont03 div p{
		padding-bottom: 14px;
		font-size: 24px;
	}
	.main .mainCont03 .call{
		font-size: 34px;
		padding-bottom: 30px;
	}
	.main .mainCont03 li {
		width: 190px;
		margin: 0 10px;
	}
	.main .mainCont03 li a{
		font-size: 22px;
		padding: 15px;
	}
	.main .mainCont03 li:after {
		right: 13px;
		top:20px;
		width: 6px;
		height: 11px;
	}
}