#departmentTab {
	width: 85%;
	max-width: 1088px;
	margin: auto;
	font-size: 1.64vw;
	line-height: 1;
}

#departmentTab li {
	width: 23%;
	background: none;
}

#departmentTab li::before {
	padding-top: 0%;
}

#departmentTab li label {
	position: static;
	display: block;
	padding: 0.781vw;
}

#ck-top:checked ~ #departmentTab .tab_label-top,
#ck-expertise:checked ~ #departmentTab .tab_label-expertise,
#ck-mirai:checked ~ #departmentTab .tab_label-mirai,
#ck-facility:checked ~ #departmentTab .tab_label-facility {
	background-color: #4EC5C0;
	background-image: none;
	color: #fff;
}

#departmentTab li.hover {
	background: #4EC5C0;
	color: #fff;
}

#departmentTab li.hover,
#ck-top:checked ~ #departmentTab li.list-top label,
#ck-expertise:checked ~ #departmentTab li.list-expertise label,
#ck-mirai:checked ~ #departmentTab li.list-mirai label,
#ck-facility:checked ~ #departmentTab li.list-facility label {
	border-radius: 6px 6px 0 0;
	background-color: #4EC5C0;
	background-image: none;
}

#departmentTab li.hover::before,
#ck-top:checked ~ #departmentTab li.list-top::before,
#ck-expertise:checked ~ #departmentTab li.list-expertise::before,
#ck-mirai:checked ~ #departmentTab li.list-mirai::before,
#ck-facility:checked ~ #departmentTab li.list-facility::before {
	content: '';
	position: absolute;
	left: -6px;
	bottom: 0;
	top: initial;
	width: 6px;
	height: 6px;
	background: #4EC5C0;
	background-image: none;
}

#departmentTab li.hover::after,
#ck-top:checked ~ #departmentTab li.list-top::after,
#ck-expertise:checked ~ #departmentTab li.list-expertise::after,
#ck-mirai:checked ~ #departmentTab li.list-mirai::after,
#ck-facility:checked ~ #departmentTab li.list-facility::after {
	content: '';
	position: absolute;
	right: -6px;
	bottom: 0;
	top: initial;
	width: 6px;
	height: 6px;
	background: #4EC5C0;
	background-image: none;
}

#departmentTab li.hover label::before,
#ck-top:checked ~ #departmentTab li.list-top label::before,
#ck-expertise:checked ~ #departmentTab li.list-expertise label::before,
#ck-mirai:checked ~ #departmentTab li.list-mirai label::before,
#ck-facility:checked ~ #departmentTab li.list-facility label::before {
	content: '';
	position: absolute;
	left: -12px;
	bottom: 0;
	display: block;
	width: 12px;
	height: 12px;
	background: #fff;
	border-radius: 6px;
}

#departmentTab li.hover label::after,
#ck-top:checked ~ #departmentTab li.list-top label::after,
#ck-expertise:checked ~ #departmentTab li.list-expertise label::after,
#ck-mirai:checked ~ #departmentTab li.list-mirai label::after,
#ck-facility:checked ~ #departmentTab li.list-facility label::after {
	content: '';
	position: absolute;
	right: -12px;
	bottom: 0;
	display: block;
	width: 12px;
	height: 12px;
	background: #fff;
	border-radius: 6px;
	z-index: 1;
}


/* tab */
.tabContents {
	margin: 0;
}

h2.deprtComn-h {
	width: 62.5vw;
	margin: 100px auto 40px;
	padding-bottom: 16px;
	font-size: 2.031vw;
	border-bottom: dashed 1px #666;
}

h2.deprtComn-h::after {
	display: none;
}

p.deprtComn-p {
	width: 60vw;
	margin: 0 auto 50px;
	font-size: 1.25vw;
}


/* training */
.deprtLicense {
	display: flex;
	justify-content: space-between;
	width: 55vw;
	margin: auto;
	font-size: 1.25vw;
}

.deprtLicense dl {
	width: 45%;
	margin-bottom: 96px;
	box-sizing: border-box;
}

.deprtLicense dt {
	background: #4EC5C0;
	margin-bottom: 15px;
	padding: 0.3em 0;
}

h3.tag {
	width: 62.5vw;
	height: 2.578vw;
	margin: 0 auto 30px;
}


.deprtLicense dd {
	margin-bottom: 15px;
}

/* point */
#point {
	display: block;
	width: 100%;
	margin: auto;
}

.pointBg {
	background: linear-gradient(rgb(255, 255, 255) 10%, rgb(255, 252, 211) 0, rgb(255, 252, 211) 60%, rgb(255, 255, 255) 0);
}

.pointWrap-stack {
	display: flex;
	justify-content: space-between;
	width: 62.5vw;
	margin: auto;
}

.pointWrap.two {
	width: 46%;
	margin-bottom: 55px;
}

.pointWrap-stack .pointWrap:nth-of-type(2) {
	transform: translate(0, -10%);
}



.pointWrap h4 {
	width: auto;
	height: 4.843vw;
	margin-bottom: 15px;
}

.pointWrap h4 img {
	width: auto;
	height: 100%;
}

.pointWrap p {
	margin-bottom: 15px;
	font-size: 1.093vw;
	line-height: 2;
}

h3.tag + h4,
.check-inner h4 {
	width: 62.5vw;
	margin: 0 auto 40px;
	font-size: 2.179vw;
	text-align: left;
}

.pointWrap.three {
	width: 30%;
	margin-bottom: 0;
}

#check .tag {
	margin-bottom: 0;
}
#check .check-wrapper {
	background-color: rgba(255,245,127,0.3);
	padding: 50px 20px;
}

#check .check-inner {
	width: 62.5vw;
	margin: auto;
	overflow: hidden;
}

#check .check-inner h4 {
	float: right;
	width: 58%;
	margin-bottom: 10px;
}

#check .check-inner .check-ph {
	float: left;
	width: 38%;
}

#check .check-inner .note {
	float: right;
	width: 58%;
}

#check .check-inner .note p {
	font-size: 1.093vw;
	line-height: 1.9;
}

#check .check-inner .note .caption {
	font-size: 0.9vw;
}

#backup .pointWrap-stack .pointWrap:nth-of-type(1) {
	transform: translate(0, 10%);
}

#backup .pointWrap-stack .pointWrap:nth-of-type(2) {
	transform: translate(0, 0%);
}

#backup .pointWrap-stack .pointWrap:nth-of-type(3) {
	transform: translate(0, -10%);
}

.pointWrap h5 {
	margin-bottom: 15px;
	font-size: 1.406vw;
}

.pointWrap h5::after {
	display: none;
}

/* grade */
#grade {
	margin: 0;
}

.gradeConts {
	align-items: flex-start;
	width: 1000px;
	margin: auto;
	padding: 0;
}

#grade h3 {
	flex: 0 1 auto;
	width: 11%;
	padding-top: 40px;
}

#grade article {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	flex: 1;
	padding: 40px;
	box-sizing: border-box;
}

#grade article::after {
	border-top: 1.71vw solid #fff;
	border-right: 1.71vw solid transparent;
	border-left: 1.71vw solid transparent;
	transform: translate(-51%, 50%);
}

#grade article:last-of-type::after {
	transform: translate(-51%, 0);
}

.gradeInfo {
	width: 54%;
}

#grade article h4 {
	margin-bottom: 1.093vw;
	padding-bottom: 1.093vw;
}

#grade article h4 img {
	height: 2.343vw;
	max-height: 30px;
}

.gradeP-upper {
	width: 80%;
}

.gradeP-upper,
.gradeP-lower {
	font-size: 1.093vw;
	line-height: 2;
}

#grade article h5 {
	margin: 30px 0 15px;
	padding: 1.17vw;
	font-size: 1.328vw;
}

.gradePhotoArea {
	width: 41.66%;
	margin: 0;
}

.gradePhotoArea .photo01 img {
	top: -3%;
	left: -33%;
	width: 13.20vw;
	max-width: 180px;
}

.gradePhotoArea .photo02 img {
	display: block;
	margin-left: auto;
	margin-right: 0;
}

.gradeListArea {
	width: 100%;
	margin: 25px 0;
}

.gradeBnrArea {
	width: 100%;
	margin-left: 0;
	cursor: pointer;
}


/* pickup */
.pickupBg {
	background: linear-gradient(rgb(255, 255, 255) 10%, rgb(211, 237, 242) 0, rgb(211, 237, 242) 60%, rgb(255, 255, 255) 0);
}

.pickupWrap {
	display: flex;
	justify-content: space-between;
	width: 58.8vw;
	margin: auto;
}

#pickup h3.tag {
	width: 58.8vw;
}

.pickupConts {
	width: 44.6%;
	margin-bottom: 4.29vw;
}


.pickupConts h5 {
	margin: 15px 0;
	font-size: 1.419vw;
}

.pickupConts p {
	font-size: 1.093vw;
}

@media screen and (min-width: 1280px) {
	#departmentTab{
		font-size: 2.0rem;
	}

	h2.deprtComn-h {
		font-size: 2.6rem;
	}

	h3.tag + h4,
	.check-inner h4 {
		font-size: 2.7rem;
	}
	p.deprtComn-p,
	.deprtLicense,
	.deprtLicense dt {
		font-size: 1.6rem;
	}
	.pointWrap h5,
	.pickupConts h5 {
		font-size: 1.8rem;
	}
	#grade article h5 {
		font-size: 1.7rem;
	}
	.pointWrap p,
	.gradeP-upper,
	.gradeP-lower,
	.pickupConts p {
		font-size: 1.4rem;
	}
	.curriculum-caption {
		font-size: 1.2rem;
	}

}

/* studentmessage */
.studentmessage {
	background: rgba(255,245,127,.3);
}

.studentmessage-inner {
	background-color: transparent;
	width: 793px;
	margin: auto;
}

.sdm-wrap {
	display: flex;
	justify-content: space-between;
}

.sdm-wrap.reverse {
	flex-direction: row-reverse;
}

.sdm-photo {
	flex-basis: 227px;
	margin-right: 48px;
}

.sdm-wrap.reverse .sdm-photo {
	margin-left: 48px;
	margin-right: 0;
}

.sdm-photo .sdm-info {
	flex-wrap: wrap;
}

.sdm-photo .sdm-info .sdm-name {
	align-items: baseline;
	flex-wrap: wrap;
}

.sdm-photo .sdm-info .sdm-name .grade {
	font-size: 14px;
}

.sdm-photo .sdm-info .sdm-name .name {
	font-size: 25px;
}

.sdm-photo .sdm-info .sdm-name .san {
	font-size: 14px;
}

.sdm-photo .sdm-info .sdm-school {
	font-size: 11px;
}


.sdm-body {
	flex: 1;
	flex-basis: 65.44%;
}

.sdm-body h3 {
	width: 400px;
	margin-bottom: 20px;
}

.sdm-body h3 img {
	display: block;
	width: 100%;
}

.sdm-body h4 {
	margin-bottom: 20px;
	font-size: 26px;
}

.sdm-body p {
	font-size: 14px;
	line-height: 1.8;
}

.studentmessage-spacer {
	display: block;
	background-color: #FFF;
	width: 100%;
	height: 20px;
	margin: 0 calc(50% - 50vw);
}

.studentmessage .sdm-cap {
	background-color: #FFF;
	margin-bottom: 0;
	padding: 15px 0 25px;
}

.sdm-cap-inner {
	width: 893px;
	margin: auto;
	text-align: right;
	font-size: 11px;
}

.studentmessage .youtube-bnr {
	width: 100%;
	background-color: #FFF;
}

.studentmessage .youtube-bnr a {
	display: block;
	width: 650px;
	margin: auto;
}


/* tab-expertise */
.expertiseDetail {
	max-width: 1280px;
	margin: 0 auto 100px;
}

#experiment,
#practice {
	position: relative;
}

#tab-expertise .tab-pickupConts {
	max-width: 800px;
	margin: 0 auto 60px;
}

#tab-expertise .tab-pickupConts h3 {
	margin-bottom: 30px;
}

#tab-expertise .tab-pickupConts h3::before,
#tab-expertise .tab-pickupConts h3::after {
	display: none;
}

.tab-pick-cat {
	font-size: 21px;
}

.tab-pick-ttl {
	font-size: 24px;
}

.tab-pick-grade {
	padding: 3px 5px;
	font-size: 16px;
}

.tab-pickupConts-txt {
	max-width: 500px;
	margin: auto;
}

.tab-pickupConts-img {
	position: relative;
	height: 100%;
}

.tab-pickupConts-img::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 95.25%;
	height: 94.56%;
	z-index: -1;
	opacity: 0.2;
}

.bg-right .tab-pickupConts-img::after {
	transform: translate( 50% , 10%);
}

.bg-right .tab-pickupConts-img img {
	transform: translateX(-12.5%);
}

.bg-left .tab-pickupConts-img::after {
	transform: translate( -50% , -2.75%);
}

.bg-left .tab-pickupConts-img img {
	transform: translateX(12.5%);
}

.tab-pickupConts-zagaku .tab-pickupConts-img::after {
	background-color: #80CCDA;
}

.tab-pickupConts-jisshu .tab-pickupConts-img::after {
	background-color: #F4AA22;
}

.tab-pickupConts-jikken .tab-pickupConts-img::after {
	background-color: #DE5D44;
}

.tab-pickupConts-enshu .tab-pickupConts-img::after {
	background-color: #9D93C6;
}


.tab-pickupConts-txt {
	position: relative;
	font-size: 15px;
	line-height: 2;
	letter-spacing: 0.02em;
}

.tab-pickupConts-txt-img {
	position: absolute;
	top: -20px;
	width: 196px;
}

.bg-right .tab-pickupConts-txt-img {
	right: -220px;
}

.bg-left .tab-pickupConts-txt-img {
	left: -220px;
}

.bg-left .tab-pickupConts-txt-img.with-txt {
	top: -40px;
	left: -273px;
	width: 253px;
}

.zemi-wrap {
	background-color: #FFFCD9;
	padding: 56px 0 0;
}

.zemi-item {
	margin-bottom: 32px;
}

.zemi-item-inner {
	position: relative;
	max-width: 1000px;
	margin: auto;
}

.zemi-item-main {
	position: absolute;
	top: 50%;
	right: 68px;
	background-color: #FFF;
	width: 380px;
	margin: auto;
	transform: translate(0%, -50%);
}

.zemi-item:nth-child(even) .zemi-item-main {
	left: 68px;
	right: auto;
}

.zemi-img h3 {
	font-size: 20px;
}

.zemi-conts {
	width: 350px;
	margin: auto;
	padding: 65px 16px 20px;
}

.zemi-conts h4 {
	font-size: 20px;
}

.zemi-conts p {
	font-size: 15px;
}

.team {
	font-size: 15px;
}

.team strong {
	font-size: 22px;
}

.team .san {
	font-size: 17px;
}

.research-title {
	padding-bottom: 60px;
}

.research-title h3 {
	font-size: 25px;
	border: none;
}

.research-title-list {
	columns: 2;
	column-gap: 30px;
	background-color: #FFF;
	max-width: 1000px;
	margin: auto;
	padding: 20px 70px;
}

.research-title-list li {
	font-size: 14px;
}


/* facility */
.facilityPhoto {
	margin-bottom: 10.937vw;
}

#facility-slider-container {
	margin: 0;
}

#facility-slider {
	width: 100%;
	max-width: initial;
	overflow: visible;
}

#facility_slider-wrapper {
	flex-wrap: wrap;
	justify-content: space-between;
	width: 70.31vw;
	max-width: 900px;
	margin: auto;
}

.facility_slider-item {
	width: 48%;
}

.facility_slider-item:nth-of-type(even) {
	transform: translate( 0, -20% );
}

.facility_slider-item-image {
	padding: 1.562vw;
}

.facility_slider-item-image::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	background: #BCE1E0;
	width: calc(100% - 1.562vw*2);
	height: calc(100% - 1.562vw*2);
	z-index: -1;
}


#facility_slider-wrapper .facility_slider-item:nth-child(4n+1) .facility_slider-item-image::after
{
	top: 0;
	bottom: initial;
	right: 0;
	left: initial;
}

#facility_slider-wrapper .facility_slider-item:nth-child(4n+2) .facility_slider-item-image::after
{
	top: initial;
	bottom: 0;
	right: 0;
	left: initial;
}

#facility_slider-wrapper .facility_slider-item:nth-child(4n+3) .facility_slider-item-image::after
{
	top: 0;
	bottom: initial;
	right: initial;
	left: 0;
}

#facility_slider-wrapper .facility_slider-item:nth-child(4n+4) .facility_slider-item-image::after
{
	top: initial;
	bottom: 0;
	right: initial;
	left: 0;
}

.facility_slider-item h3 {
	margin: 0 0 1.062vw;
	padding-left: 1.562vw;
	font-size: 1.562vw;
}

.facility_slider-item p {
	padding-left: 1.562vw;
	font-size: 1.0937vw;
}

.swiper-button-prev.swiper-arrow,
.swiper-button-next.swiper-arrow {
	display: none;
}

@media screen and (min-width: 1280px) {
	.facility_slider-item h3 {
		font-size: 2.0rem;
	}

	.facility_slider-item p {
		font-size: 1.4rem;
	}
}