@charset "UTF-8";
/****************************************
	main
****************************************/
main {
	margin-top:70px;
}

section#main-back {
}

section#main-back .main-img {
	position:relative;
	overflow:hidden;
	width:100%;
	padding-top:40%;
	margin:0px auto;
}


section#main-back .main-img .slides {
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
}

section#main-back .main-img .slides .pc img,
section#main-back .main-img .slides .sp img {
	position:absolute;
	top:50%;
	left:50%;
	transform: translateY(-50%) translateX(-50%) scale(1.0);
	width:100%;
	transition:4s;
	opacity:0;
}

section#main-back .main-img .slides .pc img.show,
section#main-back .main-img .slides .sp img.show {
	transform: translateY(-50%) translateX(-50%) scale(1.2);
	transition:4s;
	opacity:1;
}


section#main-back .main-img .slides .sp {
	display:none;
}

section#main-back .main-img .m-cover {
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	background:rgba(0,0,0,.4);
	z-index:9;
}

section#main-back .main-img .m-cover .m-c-title {
	position:absolute;
	top:50%;
	left:50%;
	transform: translateY(-50%) translateX(-50%);
	color:#fff;
	font-size:32px;
	font-weight:600;
	text-align:center;
	width:100%;
}

section#main-back .main-img .m-cover .m-c-title small {
	display:block;
	font-size:18px;
	margin-top:20px;
}

section#about {
	position:relative;
	width:100%;
	padding:70px 10% 70px;
}

section#about .flex {
	justify-content: center;
	align-items: center;
	margin-bottom:60px;
}

section#about .a-img {
	width:50%;
	text-align:center;
}

section#about .a-img img {
	width:80%;
}

section#about .a-info {
	width:50%;
}

section#about .a-info p {
	margin-bottom:20px;
}

section#about .a-content p {
	margin-bottom:20px;
}


section#features {
	position:relative;
	width:100%;
	padding:70px 10% 100px;
	background:#e4e9d7;
}

section#features .f-area {
	width:31.3333%;
	margin:10px 1%;
}

section#features .f-area .f-img img {
	width:100%;
}

section#features .f-area .f-title {
	font-weight:600;
	padding:10px 5px 5px;
}

section#features .f-area .f-dtl {
	padding:5px 5px 10px;
}


section#nico-title {
	position:relative;
	background:url(../img/nico.jpg);
	background-size:cover;
	background-position:center center;
	padding-top:300px;
}

section#nico-title .n-cover,
section#nico2-title .n-cover {
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	background:rgba(0,0,0,.4);
	z-index:9;
}

section#nico-title .n-cover div,
section#nico2-title .n-cover div {
	position:absolute;
	top:50%;
	left:50%;
	transform: translateY(-50%) translateX(-50%);
	color:#fff;
	font-size:32px;
	font-weight:600;
	text-align:center;
	width:100%;
}

section#nico2-title {
	position:relative;
	background:url(../img/nico2.jpg);
	background-size:cover;
	background-position:center center;
	padding-top:300px;
}

section#nico .n-service,
section#nico2 .n-service {
	position:relative;
	width:100%;
	padding:70px 10% 70px;
	background:#d0b88b;
}

section#nico .n-service h2,
section#nico2 .n-service h2 {
	color:#fff;
}

section#nico .n-service table,
section#nico2 .n-service table {
	width:100%;
	color:#fff;
}

section#nico .n-service tr,
section#nico2 .n-service tr {
	border-bottom:1px solid #fff;
}

section#nico .n-service tr:first-child,
section#nico2 .n-service tr:first-child {
	border-top:1px solid #fff;
}

section#nico .n-service th,
section#nico2 .n-service th {
	font-size:18px;
	text-align:left;
	vertical-align:top;
	padding:25px 15px;
	width:200px;
}

section#nico .n-service td,
section#nico2 .n-service td {
	text-align:left;
	vertical-align:top;
	padding:25px 15px;
	width:calc(100% - 200px);
}

section#nico .n-service td .content-button,
section#nico2 .n-service td .content-button {
	display:inline-block;
	padding:5px 15px;
	background:#000;
	color:#fff;
	border-radius:21px;
	transition:.4s;
}

section#nico .n-service td .content-button:hover,
section#nico2 .n-service td .content-button:hover {
	background:#555;
	text-decoration:none;
	transition:.4s;
}

section#nico .n-service td .content-line-button,
section#nico2 .n-service td .content-line-button {
	display:inline-block;
	width: 116px;
	transition: opacity 0.4s;
}

section#nico .n-service td .content-line-button img,
section#nico2 .n-service td .content-line-button img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

section#nico .n-service td .content-line-button:hover,
section#nico2 .n-service td .content-line-button:hover {
	opacity: 0.7;
}

section#nico .n-gallery {
	margin-bottom:30px;
}
section#nico .n-gallery li,
section#nico2 .n-gallery li {
	width:400px !important;
	margin-right:0 !important;
}


section#nico .n-gallery li .n-img,
section#nico2 .n-gallery li .n-img {
	width:100%;

}

section#nico .n-gallery li .n-img img,
section#nico2 .n-gallery li .n-img img {
	width:100%;
	padding:5px 2.5px;
}


section#staff {
	position:relative;
	width:100%;
	padding:70px 10% 70px;
}

section#staff .s-area {
	width:25%;
	padding:10px;
}

section#staff .s-area .s-img {
	width:100%;
}

section#staff .s-area .s-img img {
	width:100%;
}

section#staff .s-area .s-school{
	text-align:right;
}

section#staff .s-area .s-school span {
	display:inline-block;
	font-weight:600;
	font-size:12px;
	background:#f0f;
	color:#ffff;
	padding:3px 8px;
	border-radius:21px;
}

section#staff .s-area .s-school2{
	text-align:right;
}


section#staff .s-area .s-school2 span {
	display:inline-block;
	font-weight:600;
	font-size:12px;
	background:#03f;
	color:#ffff;
	padding:3px 8px;
	border-radius:21px;
}

section#staff .s-area .s-post {
	font-weight:600;
}

section#staff .s-area .s-name {
	font-weight:600;
	font-size:14px;
}

section#staff .s-area .s-msg {
	font-size:14px;
}




section#admission {
	position:relative;
	width:100%;
	padding:70px 10% 100px;
	background:#e4e9d7;
}

section#admission dl {
	margin:10px 0px;
}

section#admission dt {
	font-weight:600;
	font-size:18px;
	padding:10px 0px;
}

section#admission dd {
	padding:10px;
}


section#preparation {
	position:relative;
	width:100%;
	padding:70px 10% 100px;
	background:#fff;
}

section#preparation .p-area {
	width:25%;
	padding:10px;
}

section#preparation .p-area .p-img img {
	width:100%;
}

section#preparation .p-area .p-title {
	font-weight:600;
	padding:10px 5px 5px;
}

section#preparation .p-area .p-dtl {
	padding:5px 5px 10px;
}



section#download {
	position:relative;
	width:100%;
	padding:70px 10% 100px;
	background:#d0b88b;
	color:#fff;
}

section#download h2 {
	color:#fff;
}

section#download .d-area {
	position:relative;
	width:25%;
	padding:10px 5px 50px;
}

section#download .d-img img {
	width:100%;
}

section#download .d-title {
	padding:5px;
	font-weight:600;
}

section#download .d-dtl {
	padding:5px;
}

section#download .d-btn {
	position:absolute;
	bottom:5px;
	left:15px;
}

section#download .d-btn a {
	display:inline-block;
	border:1px solid #000;
	border-radius:21px;
	background:#fff;
	color:#000;
	padding:5px 15px;
	transition:.4s;
}

section#download .d-btn a:hover {
	text-decoration:none;
	background:#e0e0e0;
	transition:.4s;
}



@media screen and (max-width:768px){

	section#main-back .main-img {
		padding-top:100%;
	}


	section#main-back .main-img .slides .pc {
		display:none;
	}

	section#main-back .main-img .slides .sp {
		display:block;
	}


	section#about .a-img {
		width:100%;
		margin-bottom:30px;
	}
	
	
	section#about .a-info {
		width:100%;
	}



	section#features .f-area {
		width:48%;
	}



	section#nico-title,
	section#nico2-title {
		padding-top:250px;
	}
	
	section#staff .s-area {
		width:50%;
	}


	section#preparation .p-area {
		width:50%;
		padding:10px;
	}
	

	section#download .d-area {
		width:50%;
		margin-bottom:20px;
	}

}


@media screen and (max-width:480px){


	section#features .f-area {
		width:100%;
	}
	
	section#nico-title,
	section#nico2-title {
		padding-top:180px;
	}

	section#nico .n-service th,
	section#nico2 .n-service th {
		display:block;
		width:100%;
		padding:25px 15px 10px;
	}
	
	section#nico .n-service td,
	section#nico2 .n-service td {
		display:block;
		width:100%;
		padding:10px 15px 25px;
	}

	section#staff .s-area {
		width:100%;
	}

	section#staff .s-area .s-img img {
		width:50%;
	}


	section#preparation .p-area {
		width:100%;
		padding:10px;
		margin-top:20px;
	}

	section#download .d-area {
		width:100%;
	}


}