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



/* page-detail
--------------------- */
#page-detail {
	padding-top: 120px;
}
	#page-detail .breadcrumbs {
		font-size: 1.4rem;
		white-space: nowrap;
		overflow-x: scroll;
	}
	#page-detail .breadcrumbs::-webkit-scrollbar {
		width: 3px;
		height: 3px;
	}
	#page-detail .breadcrumbs::-webkit-scrollbar-track {
		background: none;
	}
	#page-detail .breadcrumbs::-webkit-scrollbar-thumb {
		background: #DDDDDD;
	}
		#page-detail .breadcrumbs a {
			text-decoration: underline;
			color: #8D8D8D;
		}
		#page-detail .breadcrumbs a:hover {
			text-decoration: none;
		}
		#page-detail .breadcrumbs .current-item {
			color: #3B3B3B;
		}



/* cat-list
--------------------- */
ul.cat-list {
	margin-bottom: 80px;
}
	ul.cat-list li {
		width: 18.2%;
		margin-right: 2%;
	}
	ul.cat-list li:nth-child(5n) {
		margin-right: 0;
	}
		 ul.cat-list li a {
			display: flex;
			justify-content: center;
			align-items: center;
			height: 54px;
			border-radius: 10px;
			padding: 0 10px;
			border: solid 1px #EFEFEF;
			background: #fff;
			font-size: 1.4rem;
			font-weight: 700;
			line-height: 1.4em;
			text-align: center;
		}
		ul.cat-list li.current-cat a {
			background: url("../img/i-seifu_navi/cat-list_bg.svg") no-repeat center / cover;
			border: none;
			color: #fff;
		}



/* qabox
--------------------- */
.qabox {
	max-width: 800px;
	margin: 100px auto 0 auto;
}
	.qabox .q {
		position: relative;
		padding-left: 48px;
		font-size: 2.0rem;
		font-weight: 700;
		line-height: 1.3em;
	}
	.qabox .q:before {
		content: "";
		width: 40px;
		height: 40px;
		background: url("../img/i-seifu_navi/icon_q.svg") no-repeat left center / 100%;
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -20px;
	}

	.qabox h2 {
		margin-top: 25px;
		padding-top: 30px;
		border-top: dashed 1px #ddd;
		font-size: 2.8rem;
		font-weight: 700;
		line-height: 1.3em;
		margin-bottom: 15px;
	}

	.qabox img {
		margin-top: 25px;
		border-radius: 20px;
	}



/* backarea
--------------------- */
#backarea {
	margin-top: 100px;
}
	#backarea a {
		display: block;
		position: relative;
	}
	#backarea a:hover {
		opacity: 1;
	}
	#backarea a:before {
		content: "";
		width: 100%;
		height: 1px;
		background: #ddd;
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -0.5px;
		z-index: -1;
	}






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 清風で学ぶセンパイたち */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* senpai-list
--------------------- */
#senpai-list .list a.linkbox {
	display: block;
	width: 22.5%;
	margin-right: 3.3333333%;
	margin-bottom: 40px;
	padding: 25px 35px 35px 35px;
	border-radius: 10px;
	background: #fff;
	border: solid 1px #ddd;
}
#senpai-list .list a.linkbox:nth-child(4n) {
	margin-right: 0;
}
#senpai-list .list a.linkbox:hover {
	opacity: 1;
}
	#senpai-list .list a.linkbox .pht {
		overflow: visible;
	}

	#senpai-list .list a.linkbox .head {
		font-size: 1.2rem;
		font-weight: 600;
		text-align: center;
		line-height: 1.4em;
		margin-top: 18px;
	}

	#senpai-list .list a.linkbox h3 {
		font-size: 2.2rem;
		font-weight: 700;
		line-height: 1;
		text-align: center;
		margin-top: 8px;
		margin-bottom: 20px;
	}
		#senpai-list .list a.linkbox h3 span {
			font-size: 1.6rem;
		}



/* senpai-detail
--------------------- */
#senpai-detail {
	padding-top: 30px;
}
	#senpai-detail .profile {
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-radius: 20px;
		background: #fff;
		padding: 35px 70px 45px 70px;
		position: relative;
		box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.05);
	}
		#senpai-detail .profile .pht {
			width: 200px;
		}

		#senpai-detail .profile .en-tit {
			width: 270px;
			position: absolute;
			top: -22px;
			right: 50px;
		}

		#senpai-detail .profile .text {
			width: -webkit-calc(100% - 200px);
			width: calc(100% - 200px);
			padding-top: 15px;
			padding-left: 40px;
		}
			#senpai-detail .profile .text h1 {
				font-size: 3.0rem;
				font-weight: 700;
				line-height: 1;
				margin-bottom: 12px;
			}
				#senpai-detail .profile .text h1 span {
					font-size: 2.0rem;
				}

			#senpai-detail .profile .text .head {
				font-size: 1.4rem;
				font-weight: 500;
				line-height: 1.4em;
				margin-bottom: 15px;
			}



/* senpai-learning
------------------- */
#senpai-learning {
	overflow: hidden;
}
	#senpai-learning .senpai-swiper {
		position: relative;
		padding-bottom: 50px;
	}
		#senpai-learning .senpai-swiper a.linkbox {
			display: block;
			padding: 25px 35px 35px 35px;
			border-radius: 10px;
			background: #fff;
			border: solid 1px #EDEDED;
			box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.05);
		}
		#senpai-learning .senpai-swiper a.linkbox:hover {
			opacity: 1;
		}
			#senpai-learning .senpai-swiper a.linkbox .pht {
				overflow: visible;
			}

			#senpai-learning .senpai-swiper a.linkbox .head {
				font-size: 1.3rem;
				font-weight: 600;
				text-align: center;
				line-height: 1.4em;
				margin-top: 18px;
			}

			#senpai-learning .senpai-swiper a.linkbox h3 {
				font-size: 2.2rem;
				font-weight: 700;
				line-height: 1;
				text-align: center;
				margin-top: 8px;
				margin-bottom: 20px;
			}
				#senpai-learning .senpai-swiper a.linkbox h3 span {
					font-size: 1.6rem;
				}


	#senpai-learning .senpai-swiper .swiper-pagination {
		bottom: 0;
	}
		#senpai-learning .senpai-swiper .swiper-pagination .swiper-pagination-bullet {
			width: 10px;
			height: 10px;
			background: #fff;
			border: solid 1px #2C2C2C;
			border-radius: 50%;
			opacity: 1.0;
		}
		#senpai-learning .senpai-swiper .swiper-pagination .swiper-pagination-bullet-active {
			background: #2C2C2C;
		}


	#senpai-learning .view-more {
		position: absolute;
		top: 40px;
		right: 0;
	}






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 企業様から見た清風 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* company-list
--------------------- */
#company-list a.linkbox {
	display: block;
	width: 31%;
	margin-right: 3.5%;
	margin-bottom: 60px;
}
#company-list a.linkbox:nth-child(3n) {
	margin-right: 0;
}
#company-list a.linkbox:hover {
	opacity: 1;
}
	#company-list a.linkbox .pht {
		border-radius: 10px;
	}

	#company-list a.linkbox .text {
		padding: 16px 20px 0 20px;
	}
		#company-list a.linkbox .text h3 {
			font-size: 2.4rem;
			font-weight: 700;
			line-height: 1.5em;
			text-align: center;
			margin-bottom: 8px;
		}

		#company-list a.linkbox .text .read {
			font-size: 1.4rem;
			line-height: 1.7em;
			margin-bottom: 15px;
			overflow: hidden;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
		}

		#company-list a.linkbox .text .more {
			display: inline-block;
			background: url("../img/i-seifu_navi/icon_arrow.svg") no-repeat right center;
			font-size: 1.4rem;
			font-weight: 500;
			padding-right: 27px;
			position: absolute;
			bottom: 0;
			right: 20px;
			transition: 0.3s;
			-webkit-transition: 0.3s;
		}
		#company-list a.linkbox:hover .text .more {
			padding-right: 23px;
		}


/* company-detail
--------------------- */
#company-detail .marquee {
	display: flex;
	width: 100%;
	overflow: hidden;
	color: #fff;
	opacity: 0.5;
	position: absolute;
	top: 170px;
	left: 0;
	z-index: -1;
}
	#company-detail .marquee .marquee__item {
		flex: 0 0 auto;
		overflow: hidden;
		font-size: 11.0rem;
		font-weight: 700;
		white-space: nowrap;
		line-height: 1;
		padding-right: 20px;
	}
	#company-detail .marquee .marquee__item:nth-child(odd) {
		animation: loop 80s -40s linear infinite;
	}
	#company-detail .marquee .marquee__item:nth-child(even) {
		animation: loop2 80s linear infinite;
	}
	@keyframes loop {
		0% {
			transform: translateX(100%);
		}
		to {
			transform: translateX(-100%);
		}
	}
	@keyframes loop2 {
		0% {
			transform: translateX(0);
		}
		to {
			transform: translateX(-200%);
		}
	}


#company-detail .headtitle {
	padding-top: 50px;
}
	#company-detail .headtitle h1 {
		margin-bottom: 50px;
		font-size: 4.0rem;
		font-weight: 700;
		line-height: 1.3em;
		text-align: center;
	}

	#company-detail .headtitle .pht {
		border-radius: 10px;
		overflow: hidden;
		margin-bottom: 40px;
	}

	#company-detail .headtitle .txt {
		max-width: 800px;
		margin: 0 auto;
	}



/* company-voice
------------------- */
#company-voice {
	overflow: hidden;
}
	#company-voice .view-more {
		position: absolute;
		top: 40px;
		right: 0;
	}






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ブログ */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* blog-list
--------------------- */
#blog-list a.linkbox {
	display: block;
	width: 31%;
	margin-right: 3.5%;
	margin-bottom: 60px;
}
#blog-list a.linkbox:nth-child(3n) {
	margin-right: 0;
}
#blog-list a.linkbox:hover {
	opacity: 1;
}
	#blog-list a.linkbox .pht {
		border-radius: 10px;
	}

	#blog-list a.linkbox .text {
		padding: 16px 20px 0 20px;
	}
		#blog-list a.linkbox .text .head {
			margin-bottom: 3px;
		}
			#blog-list a.linkbox .text .head time {
				margin-right: 15px;
			}
			#blog-list a.linkbox .text .head .cat {
				font-size: 1.3rem;
			}

		#blog-list a.linkbox .text h3 {
			font-size: 2.4rem;
			font-weight: 700;
			line-height: 1.5em;
			margin-bottom: 8px;
		}

		#blog-list a.linkbox .text .read {
			font-size: 1.4rem;
			line-height: 1.7em;
			margin-bottom: 15px;
			overflow: hidden;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
		}

		#blog-list a.linkbox .text time {
			font-size: 1.4rem;
			font-weight: 500;
			color: #B4B4B4;
			line-height: 1;
		}

		#blog-list a.linkbox .text .more {
			display: inline-block;
			background: url("../img/i-seifu_navi/icon_arrow.svg") no-repeat right center;
			font-size: 1.4rem;
			font-weight: 500;
			padding-right: 27px;
			position: absolute;
			bottom: 0;
			right: 20px;
			transition: 0.3s;
			-webkit-transition: 0.3s;
		}
		#blog-list a.linkbox:hover .text .more {
			padding-right: 23px;
		}



/* blog-detail
--------------------- */
#blog-detail {
	padding-top: 30px;
}
	#blog-detail .headtitle {
		margin-bottom: 40px;
	}
		#blog-detail .headtitle .head {
			margin-bottom: 3px;
		}
			#blog-detail .headtitle .head time {
				margin-right: 15px;
				font-size: 1.4rem;
				font-weight: 500;
				color: #B4B4B4;
				line-height: 1;
			}
			#blog-detail .headtitle .head .cat {
				font-size: 1.3rem;
			}

		#blog-detail .headtitle h1 {
			font-size: 3.6rem;
			font-weight: 700;
			line-height: 1.3em;
			margin-bottom: 25px;
		}


	#blog-detail .pht img {
		border-radius: 10px;
	}


	#blog-detail .free h2 {
		background: url("../img/i-seifu_navi/icon_circle.svg") no-repeat left top 11px / 16px;
		font-size: 2.6rem;
		font-weight: 700;
		line-height: 1.3em;
		padding-left: 24px;
		margin-top: 60px;
		margin-bottom: 10px;
	}
	#blog-detail .free h3 {
		font-size: 2.0rem;
		font-weight: 700;
		line-height: 1.3em;
		margin-top: 20px;
		margin-bottom: 5px;
	}

	#blog-detail .free p {
		font-size: 1.6rem;
		line-height: 2em;
		margin-bottom: 15px;
	}
		#blog-detail .free p a {
			color: #7B7B7B;
			text-decoration: underline;
		}
		#blog-detail .free p a:hover {
			text-decoration: none;
		}

	#blog-detail .free img {
		margin: 5px 0;
		border-radius: 10px;
	}



/* blog
------------------- */
#blog {
	overflow: hidden;
}
	#blog .view-more {
		position: absolute;
		top: 40px;
		right: 0;
	}






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 活躍する卒業生たち */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* successful-list
--------------------- */
#successful-list .list a.linkbox {
	display: block;
	width: 48%;
	margin-right: 4%;
	margin-bottom: 60px;
}
#successful-list .list a.linkbox:nth-child(2n) {
	margin-right: 0;
}
#successful-list .list a.linkbox:hover {
	opacity: 1;
}
	#successful-list .list a.linkbox .pht {
		border-radius: 10px;
	}

	#successful-list .list a.linkbox .text {
		padding-top: 20px;
	}
		#successful-list .list a.linkbox .text .catch {
			width: 50%;
			padding-top: 15px;
		}

		#successful-list .list a.linkbox .text .profile {
			width: 50%;
			padding-left: 6%;
		}
			#successful-list .list a.linkbox .text .company {
				font-size: 1.4rem;
				line-height: 1.5em;
				margin-bottom: 5px;
			}

			#successful-list .list a.linkbox .text h3 {
				font-size: 2.6rem;
				font-weight: 700;
				line-height: 1.3em;
				margin-bottom: 5px;
			}
				#successful-list .list a.linkbox .text h3 span {
					font-size: 1.8rem;
				}

			#successful-list .list a.linkbox .text .profile .course {
				font-size: 1.4rem;
				line-height: 1.5em;
				margin-bottom: 20px;
			}

			#successful-list .list a.linkbox .text .profile .btn {
				margin: 0;
			}



/* successful-detail
--------------------- */
#successful-detail .headtitle {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 30px;
}
	#successful-detail .headtitle .pht {
		width: 50%;
		border-radius: 0 20px 20px 0;
		overflow: hidden;
	}

	#successful-detail .headtitle .text {
		width: 50%;
		padding-left: 6%;
		padding-right: 10%;
		position: relative;
	}
		#successful-detail .headtitle .text .head {
			width: 14px;
			position: absolute;
			top: 0;
			left: 2%;
		}

		#successful-detail .headtitle .text .message {
			margin-bottom: 40px;
		}

		#successful-detail .headtitle .text .company {
			font-size: 1.6rem;
			line-height: 1.3em;
			margin-bottom: 5px;
		}

		#successful-detail .headtitle .text h1 {
			font-size: 3.0rem;
			line-height: 1.3em;
			margin-bottom: 6px;
		}
			#successful-detail .headtitle .text h1 span {
				font-size: 2.0rem;
			}

		#successful-detail .headtitle .text .graduation {
			font-size: 1.6rem;
			line-height: 1.3em;
			margin-bottom: 20px;
			padding-bottom: 30px;
			border-bottom: dashed 1px #ddd;
		}

#successful-detail .set {
	margin-top: 100px;
}
	#successful-detail .set .q {
		position: relative;
		padding-left: 48px;
		font-size: 2.0rem;
		font-weight: 700;
		line-height: 1.3em;
	}
	#successful-detail .set .q:before {
		content: "";
		width: 40px;
		height: 40px;
		background: url("../img/i-seifu_navi/icon_q.svg") no-repeat left center / 100%;
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -20px;
	}

	#successful-detail .set .cell {
		margin-top: 25px;
		padding-top: 30px;
		border-top: dashed 1px #ddd;
	}
		#successful-detail .set .cell.flex-start .pht {
			width: 46%;
			overflow: hidden;
			margin-top: 6px;
		}
			#successful-detail .set .cell.flex-start .pht img {
				border-radius: 20px;
			}

		#successful-detail .set .cell.flex-start .text {
			width: 50%;
		}
			#successful-detail .set .cell .text h2 {
				font-size: 2.8rem;
				font-weight: 700;
				line-height: 1.3em;
				margin-bottom: 15px;
			}



/* successful-cont
--------------------- */
.successful-cont {
	background: url("../img/i-seifu_navi/successful_bg.svg") repeat-y center top / 100%;
	padding-bottom: 130px;
}
#flow {
	padding-top: 130px;
	margin-top: 130px;
}
	.successful-cont .ttlbox {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin-bottom: 30px;
	}
		.successful-cont .ttlbox img {
			width: auto;
			height: 10px;
			line-height: 1;
			margin-top: 5px;
		}
		.successful-cont .ttlbox h2 {
			font-size: 3.2rem;
			font-weight: 700;
			line-height: 1.3em;
			padding-left: 20px;
		}


	.successful-cont .flow-list .box {
		background: #fff;
		border-radius: 20px;
		padding: 35px;
		position: relative;
	}
	.successful-cont .flow-list.column2 .box {
		width: 48.2%;
	}
	.successful-cont .flow-list.column3 .box {
		width: 31%;
	}
	.successful-cont .flow-list.column4 .box {
		width: 22.2%;
	}
	.successful-cont .flow-list .box:before {
		content: "";
		width: 36px;
		height: 100%;
		background: url("../img/i-seifu_navi/icon_arrow_rainbow.svg") no-repeat center / 100%;
		position: absolute;
		top: 0;
		right: -25px;
		z-index: 2;
	}
	.successful-cont .flow-list .box:nth-last-child(1):before {
		display: none;
	}
		.successful-cont .flow-list .box h3 {
			font-size: 2.2rem;
			font-weight: 700;
			line-height: 1.3em;
			text-align: center;
			margin-bottom: 15px;
			position: relative;
		}
			.successful-cont .flow-list .box h3 span {
				display: inline-block;
				padding-bottom: 5px;
				position: relative;
			}
			.successful-cont .flow-list .box h3 span:before {
				content: "";
				width: 100%;
				height: 2px;
				background: url("../img/i-seifu_navi/cat-list_bg.svg") no-repeat center / 100%;
				position: absolute;
				bottom: 0;
				left: 0;
			}

		.successful-cont .flow-list .box .txt {
			line-height: 1.6em;
		}


	.successful-cont .schedule-list .box {
		background: #fff;
		border-radius: 8px;
		padding: 20px 20px 20px 40px;
		margin-left: 22px;
		margin-bottom: 15px;
		position: relative;
	}
	.successful-cont .schedule-list .box:nth-last-child(1) {
		margin-bottom: 0;
	}
		.successful-cont .schedule-list .box .en {
			display: flex;
			justify-content: flex-start;
			align-items: center;
			height: 100%;
			font-size: 1.5rem;
			font-weight: 600;
			color: #AAA;
			padding-top: 3px;
			position: absolute;
			top: 0;
			left: -22px;
		}

		.successful-cont .schedule-list .box .txt {
			line-height: 1.5em;
		}



/* goal
--------------------- */
#goal {
	padding-top: 130px;
}
	#goal .head {
		width: 90%;
		margin: 0 auto;
	}

	#goal .bg {
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-radius: 20px;
		background: url("../img/i-seifu_navi/goal_bg.svg") repeat-y center / 100%;
		padding: 50px;
		color: #fff;
	}
		#goal .bg h2 {
			width: 100px;
			font-size: 2.0rem;
			font-weight: 700;
			line-height: 1;
		}

		#goal .bg p {
			width: -webkit-calc(100% - 150px);
			width: calc(100% - 150px);
			padding-left: 50px;
			font-size: 3.0rem;
			font-weight: 700;
			line-height: 1.3em;
			border-left: solid 1px rgba(255,255,255,0.5);
		}



/* successful-graduates
------------------- */
#successful-graduates {
	overflow: hidden;
	background: url("../img/i-seifu_navi/bg_motif.svg") no-repeat center top 70px / 100%;
}
	#successful-graduates .graduates-swiper {
		position: relative;
		margin-top: 50px;
		padding-bottom: 45px;
	}
		#successful-graduates .graduates-swiper a.linkbox {
			display: block;
		}
		#successful-graduates .graduates-swiper a.linkbox:hover {
			opacity: 1;
		}
			#successful-graduates .graduates-swiper a.linkbox .pht {
				border-radius: 10px;
			}

			#successful-graduates .graduates-swiper a.linkbox .text {
				padding-top: 20px;
			}
				#successful-graduates .graduates-swiper a.linkbox .text .catch {
					width: 50%;
					padding-top: 15px;
				}

				#successful-graduates .graduates-swiper a.linkbox .text .profile {
					width: 50%;
					padding-left: 6%;
				}
					#successful-graduates .graduates-swiper a.linkbox .text .company {
						font-size: 1.4rem;
						line-height: 1.5em;
						margin-bottom: 5px;
					}

					#successful-graduates .graduates-swiper a.linkbox .text h3 {
						font-size: 2.6rem;
						font-weight: 700;
						line-height: 1.3em;
						margin-bottom: 5px;
					}
						#successful-graduates .graduates-swiper a.linkbox .text h3 span {
							font-size: 1.8rem;
						}

					#successful-graduates .graduates-swiper a.linkbox .text .profile .course {
						font-size: 1.4rem;
						line-height: 1.5em;
						margin-bottom: 20px;
					}

					#successful-graduates .graduates-swiper a.linkbox .text .profile .btn {
						margin: 0;
					}


	#successful-graduates .graduates-swiper .swiper-pagination {
		bottom: 0;
	}
		#successful-graduates .graduates-swiper .swiper-pagination .swiper-pagination-bullet {
			width: 10px;
			height: 10px;
			background: #fff;
			border: solid 1px #2C2C2C;
			border-radius: 50%;
			opacity: 1.0;
		}
		#successful-graduates .graduates-swiper .swiper-pagination .swiper-pagination-bullet-active {
			background: #2C2C2C;
		}


	#successful-graduates .view-more {
		position: absolute;
		top: 40px;
		right: 0;
	}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 動画で知る清風 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* movie-list
--------------------- */
#movie-list a.linkbox {
	display: block;
	width: 31%;
	margin-right: 3.5%;
	margin-bottom: 60px;
}
#movie-list a.linkbox:nth-child(3n) {
	margin-right: 0;
}
#movie-list a.linkbox:hover {
	opacity: 1;
}
	#movie-list a.linkbox .pht {
		width: 100%;
		aspect-ratio: 16 / 9;
		border-radius: 10px;
	}
		#movie-list a.linkbox .pht img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

	#movie-list a.linkbox .text {
		padding: 16px 20px 0 20px;
		position: relative;
	}
		#movie-list a.linkbox .text h3 {
			font-size: 2.0rem;
			font-weight: 700;
			line-height: 1.5em;
			margin-bottom: 10px;
		}

		#movie-list a.linkbox .text time {
			font-size: 1.4rem;
			font-weight: 500;
			color: #B4B4B4;
			line-height: 1;
		}

		#movie-list a.linkbox .text .more {
			display: inline-block;
			background: url("../img/i-seifu_navi/icon_arrow.svg") no-repeat right center;
			font-size: 1.4rem;
			font-weight: 500;
			padding-right: 27px;
			position: absolute;
			bottom: 0;
			right: 20px;
			transition: 0.3s;
			-webkit-transition: 0.3s;
		}
		#movie-list a.linkbox:hover .text .more {
			padding-right: 23px;
		}



/* movie-detail
--------------------- */
#movie-detail {
	padding-top: 30px;
}
	#movie-detail .headtitle {
		margin-bottom: 40px;
	}
		#movie-detail .headtitle .head {
			margin-bottom: 3px;
		}
			#movie-detail .headtitle .head time {
				margin-right: 15px;
				font-size: 1.4rem;
				font-weight: 500;
				color: #B4B4B4;
				line-height: 1;
			}

		#movie-detail .headtitle h1 {
			font-size: 3.6rem;
			font-weight: 700;
			line-height: 1.3em;
			margin-bottom: 25px;
		}

		#movie-detail .headtitle iframe {
			width: 100%;
			height: 100%;
			aspect-ratio: 16 / 9;
		}


	#movie-detail .free h2 {
		background: url("../img/i-seifu_navi/icon_circle.svg") no-repeat left top 11px / 16px;
		font-size: 2.6rem;
		font-weight: 700;
		line-height: 1.3em;
		padding-left: 24px;
		margin-top: 60px;
		margin-bottom: 10px;
	}
	#movie-detail .free h3 {
		font-size: 2.0rem;
		font-weight: 700;
		line-height: 1.3em;
		margin-top: 20px;
		margin-bottom: 5px;
	}

	#movie-detail .free p {
		font-size: 1.6rem;
		line-height: 2em;
		margin-bottom: 15px;
	}
		#movie-detail .free p a {
			color: #7B7B7B;
			text-decoration: underline;
		}
		#movie-detail .free p a:hover {
			text-decoration: none;
		}

	#movie-detail .free img {
		margin: 5px 0;
		border-radius: 10px;
	}



/* movie
------------------- */
#movie {
	overflow: hidden;
}
	#movie a.linkbox .pht {
		width: 100%;
		aspect-ratio: 16 / 9;
	}
		#movie a.linkbox .pht img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

	#movie .view-more {
		position: absolute;
		top: 10px;
		right: 0;
	}






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* メディア */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* media-list
--------------------- */
#media-list ul {
	margin-bottom: 50px;
}
	#media-list ul li {
		border-bottom: solid 1px #ddd;
	}
		#media-list ul li a {
			display: block;
			padding: 25px 60px 25px 20px;
			background: url("../img/i-seifu_navi/btn_arrow_gr.svg") no-repeat right 20px center / 30px;
		}
		#media-list ul li a:hover {
			background: url("../img/i-seifu_navi/btn_arrow_gr.svg") no-repeat right 15px center / 30px;
		}
		#media-list ul li span {
			display: block;
			padding: 25px 20px;
		}
			#media-list ul li .en {
				display: block;
				font-size: 1.4rem;
				color: #B4B4B4;
				line-height: 1;
				margin-bottom: 6px;
			}
			#media-list ul li h2 {
				font-size: 1.8rem;
				line-height: 1.3em;
				font-weight: 500;
			}





/* wp-pagenavi */
.pagenavi {
	width: 100%;
	display: block;
	margin-top: 10px;
}
.wp-pagenavi {
	clear: both;
	text-align: center;
	font-weight: 500;
}
.wp-pagenavi a, .wp-pagenavi span {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	font-size: 1.5rem;
	font-weight: 500;
	color: #1C1C1C;
	background: #F0F0F0;
	text-align: center;
	line-height: 40px;
	margin: 0 4px;
	padding: 0;
	transition: 0.3s;
	-webkit-ransition: 0.3s;
}
.wp-pagenavi a:hover{
	opacity: 0.7;
}
.wp-pagenavi span.current {
	color: #fff;
	background: #3B3B3B; 
	border: none;
	font-weight: 700;
}
.wp-pagenavi .pages {
	display: none;
}






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 企業の皆様へ */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* company-message
--------------------- */
#company-message .whitebox {
	max-width: 1000px;
	margin: 0 auto;
	padding: 70px 100px;
	background: #fff;
	border-radius: 30px;
	box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.06);
}
	#company-message .whitebox h2 {
		font-size: 3.0rem;
		font-weight: 700;
		line-height: 1;
		text-align: center;
		margin-bottom: 40px;
	}
		#company-message .whitebox h2 span {
			display: inline-block;
			position: relative;
			padding-bottom: 8px;
		}
		#company-message .whitebox h2 span:before {
			content: "";
			width: 100%;
			height: 5px;
			background: url("../img/i-seifu_navi/goal_bg.svg") no-repeat center / 100%;
			position: absolute;
			bottom: 0;
			left: 0;
		}

	#company-message .whitebox .txt {
		margin-top: 20px;
	}


/* company-mvv
--------------------- */
#company-mvv .marquee {
	display: flex;
	width: 100%;
	overflow: hidden;
	color: #F7F7F7;
}
	#company-mvv .marquee .marquee__item {
		flex: 0 0 auto;
		overflow: hidden;
		font-size: 12.0rem;
		font-weight: 700;
		white-space: nowrap;
		line-height: 1.3em;
		padding-right: 20px;
	}
	#company-mvv .marquee .marquee__item:nth-child(odd) {
		animation: mvv-loop 80s -40s linear infinite;
	}
	#company-mvv .marquee .marquee__item:nth-child(even) {
		animation: mvv-loop2 80s linear infinite;
	}
	@keyframes mvv-loop {
		0% {
			transform: translateX(100%);
		}
		to {
			transform: translateX(-100%);
		}
	}
	@keyframes mvv-loop2 {
		0% {
			transform: translateX(0);
		}
		to {
			transform: translateX(-200%);
		}
	}

#company-mvv .list .box {
	width: 32%;
	background: #fff;
	box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.06);
	padding: 60px 20px;
	border-radius: 15px;
	margin-top: 20px;
	position: relative;
}
	#company-mvv .list .box p {
		width: 100%;
		text-align: center;
		position: absolute;
		top: -8px;
		left: 0;
	}
		#company-mvv .list .box p img {
			width: auto;
			height: 18px;
		}

	#company-mvv .list .box h3 {
		font-size: 3.0rem;
		font-weight: 700;
		line-height: 1.3em;
		text-align: center;
	}

#company-mvv .recruitment {
	margin-top: 120px;
}
	#company-mvv .recruitment h2 {
		font-size: 2.6rem;
		font-weight: 700;
		line-height: 1;
		text-align: center;
		margin-bottom: 40px;
	}
		#company-mvv .recruitment h2 span {
			display: inline-block;
			position: relative;
			padding-bottom: 12px;
		}
		#company-mvv .recruitment h2 span:before {
			content: "";
			width: 100%;
			height: 5px;
			background: url("../img/i-seifu_navi/goal_bg.svg") no-repeat center / 100%;
			position: absolute;
			bottom: 0;
			left: 0;
		}

	#company-mvv .recruitment a.recruitment-btn {
		display: flex;
		justify-content: center;
		align-items: center;
		max-width: 600px;
		height: 90px;
		border-radius: 45px;
		margin: 0 auto 20px auto;
		background: #F5F5F5 url("../img/i-seifu_navi/icon_download.svg") no-repeat right 40px center;
		font-size: 2.0rem;
		font-weight: 700;
		line-height: 1.3em;
		text-align: center;
	}
	#company-mvv .recruitment a.recruitment-btn:hover {
		background: #3B3B3B url("../img/i-seifu_navi/icon_download.svg") no-repeat right 40px center;
		color: #fff;
		opacity: 1;
	}

	#company-mvv .recruitment .flow {
		font-size: 1.4rem;
		line-height: 1.8em;
	}
		#company-mvv .recruitment .flow a {
			text-decoration: underline;
		}
		#company-mvv .recruitment .flow a:hover {
			text-decoration: none;
		}





/* max 1300px */
@media screen and (max-width: 1300px) {



/* senpai-learning
------------------- */
#senpai-learning .view-more {
	right: 5%;
}



/* company-voice
------------------- */
#company-voice .view-more {
	right: 5%;
}



/* blog
------------------- */
#blog .view-more {
	right: 5%;
}



/* movie
------------------- */
#movie .view-more {
	right: 5%;
}



/* successful-graduates
------------------- */
#successful-graduates .view-more {
	right: 5%;
}
	
	
	
}





/* 1024px */
@media screen and (max-width: 1024px) {



/* page-detail
--------------------- */
#page-detail {
	padding-top: 95px;
}
	#page-detail .breadcrumbs {
		font-size: 1.2rem;
	}



/* cat-list
--------------------- */
ul.cat-list {
	margin-bottom: 60px;
}
	ul.cat-list li a {
		height: 50px;
		padding: 0 10px;
		font-size: 1.3rem;
		line-height: 1.2em;
	}



/* qabox
--------------------- */
.qabox {
	margin: 80px auto 0 auto;
}
	.qabox .q {
		padding-left: 42px;
		font-size: 1.8rem;
	}
	.qabox .q:before {
		width: 34px;
		height: 34px;
		margin-top: -17px;
	}

	.qabox h2 {
		margin-top: 20px;
		padding-top: 25px;
		font-size: 2.6rem;
	}

	.qabox img {
		margin-top: 25px;
		border-radius: 15px;
	}



/* backarea
--------------------- */
#backarea {
	margin-top: 80px;
}






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 清風で学ぶセンパイたち */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* senpai-list
--------------------- */
#senpai-list .list a.linkbox {
	width: 31%;
	margin-right: 3.5%;
	margin-bottom: 30px;
	padding: 25px 20px 35px 20px;
}
#senpai-list .list a.linkbox:nth-child(4n) {
	margin-right: 3.5%;
}
#senpai-list .list a.linkbox:nth-child(3n) {
	margin-right: 0;
}
	#senpai-list .list a.linkbox .head {
		font-size: 1.1rem;
	}

	#senpai-list .list a.linkbox h3 {
		font-size: 2.0rem;
	}
		#senpai-list .list a.linkbox h3 span {
			font-size: 1.4rem;
		}



/* senpai-detail
--------------------- */
#senpai-detail {
	padding-top: 25px;
}
	#senpai-detail .profile {
		border-radius: 15px;
		padding: 25px 40px 35px 40px;
	}
		#senpai-detail .profile .pht {
			width: 190px;
		}

		#senpai-detail .profile .en-tit {
			width: 220px;
			top: -18px;
			right: 30px;
		}

		#senpai-detail .profile .text {
			width: -webkit-calc(100% - 190px);
			width: calc(100% - 190px);
			padding-top: 15px;
			padding-left: 30px;
		}
			#senpai-detail .profile .text h1 {
				font-size: 2.6rem;
			}
				#senpai-detail .profile .text h1 span {
					font-size: 1.6rem;
				}

			#senpai-detail .profile .text .head {
				font-size: 1.2rem;
			}



/* senpai-learning
------------------- */
#senpai-learning .senpai-swiper a.linkbox .head {
	font-size: 1.2rem;
}

#senpai-learning .senpai-swiper a.linkbox h3 {
	font-size: 2.0rem;
}
	#senpai-learning .senpai-swiper a.linkbox h3 span {
		font-size: 1.4rem;
	}


#senpai-learning .view-more {
	top: 100px;
}






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 企業様から見た清風 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* company-list
--------------------- */
#company-list a.linkbox {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 50px;
}
#company-list a.linkbox:nth-child(3n) {
	margin-right: 4%;
}
#company-list a.linkbox:nth-child(2n) {
	margin-right: 0;
}
	#company-list a.linkbox .text {
		padding: 10px 10px 0 10px;
	}
		#company-list a.linkbox .text h3 {
			font-size: 2.1rem;
			margin-bottom: 5px;
		}

		#company-list a.linkbox .text .read {
			font-size: 1.3rem;
		}

		#company-list a.linkbox .text .more {
			font-size: 1.3rem;
		}

	

/* company-detail
--------------------- */
#company-detail .marquee {
	top: 130px;
}
	#company-detail .marquee .marquee__item {
		font-size: 8.0rem;
	}


#company-detail .headtitle {
	padding-top: 30px;
}
	#company-detail .headtitle h1 {
		margin-bottom: 30px;
		font-size: 3.0rem;
	}

	#company-detail .headtitle .pht {
		margin-bottom: 30px;
	}



/* company-voice
------------------- */
#company-voice .view-more {
	top: 100px;
}






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ブログ */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* blog-list
--------------------- */
#blog-list a.linkbox {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 50px;
}
#blog-list a.linkbox:nth-child(3n) {
	margin-right: 4%;
}
#blog-list a.linkbox:nth-child(2n) {
	margin-right: 0;
}
	#blog-list a.linkbox .text {
		padding: 10px 10px 0 10px;
	}
		#blog-list a.linkbox .text .head {
			margin-bottom: 3px;
		}
			#blog-list a.linkbox .text .head time {
				margin-right: 10px;
			}
			#blog-list a.linkbox .text .head .cat {
				font-size: 1.2rem;
			}
	
		#blog-list a.linkbox .text h3 {
			font-size: 2.1rem;
			margin-bottom: 5px;
		}

		#blog-list a.linkbox .text .read {
			font-size: 1.3rem;
		}

		#blog-list a.linkbox .text time {
			font-size: 1.3rem;
		}

		#blog-list a.linkbox .text .more {
			font-size: 1.3rem;
		}



/* blog-detail
--------------------- */
#blog-detail {
	padding-top: 10px;
}
	#blog-detail .headtitle {
		margin-bottom: 30px;
	}
		#blog-detail .headtitle .head time {
			margin-right: 12px;
			font-size: 1.3rem;
		}
		#blog-detail .headtitle .head .cat {
			font-size: 1.2rem;
		}

		#blog-detail .headtitle h1 {
			font-size: 2.6rem;
		}


	#blog-detail .free h2 {
		background: url("../img/i-seifu_navi/icon_circle.svg") no-repeat left top 8px / 16px;
		font-size: 2.3rem;
		margin-top: 50px;
	}
	#blog-detail .free h3 {
		font-size: 1.8rem;
	}

	#blog-detail .free p {
		font-size: 1.5rem;
		line-height: 1.8em;
		margin-bottom: 12px;
	}



/* blog
------------------- */
#blog .view-more {
	top: 100px;
}






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 活躍する卒業生たち */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* successful-list
--------------------- */
#successful-list .list a.linkbox {
	margin-bottom: 50px;
}
	#successful-list .list a.linkbox .text .company {
		font-size: 1.3rem;
	}

	#successful-list .list a.linkbox .text h3 {
		font-size: 2.4rem;
	}
		#successful-list .list a.linkbox .text h3 span {
			font-size: 1.6rem;
		}

	#successful-list .list a.linkbox .text .profile .course {
		font-size: 1.3rem;
		margin-bottom: 16px;
	}



/* successful-detail
--------------------- */
#successful-detail .headtitle {
	margin-top: 20px;
}
	#successful-detail .headtitle .pht {
		border-radius: 0 15px 15px 0;
	}

	#successful-detail .headtitle .text {
		padding-right: 5%;
	}
		#successful-detail .headtitle .text .head {
			width: 10px;
		}

		#successful-detail .headtitle .text .message {
			margin-bottom: 30px;
		}

		#successful-detail .headtitle .text .company {
			font-size: 1.4rem;
			line-height: 1.3em;
			margin-bottom: 3px;
		}

		#successful-detail .headtitle .text h1 {
			font-size: 2.6rem;
			line-height: 1.3em;
			margin-bottom: 5px;
		}
			#successful-detail .headtitle .text h1 span {
				font-size: 1.8rem;
			}

		#successful-detail .headtitle .text .graduation {
			font-size: 1.4rem;
			margin-bottom: 15px;
			padding-bottom: 22px;
		}

	
#successful-detail .set {
	margin-top: 80px;
}
	#successful-detail .set .q {
		padding-left: 42px;
		font-size: 1.8rem;
	}
	#successful-detail .set .q:before {
		width: 34px;
		height: 34px;
		margin-top: -17px;
	}

	#successful-detail .set .cell {
		display: block;
		margin-top: 20px;
		padding-top: 25px;
	}
		#successful-detail .set .cell.flex-start .pht {
			width: 100%;
			border-radius: 15px;
			margin-top: 25px;
		}

		#successful-detail .set .cell.flex-start .text {
			width: 100%;
		}
			#successful-detail .set .cell .text h2 {
				font-size: 2.6rem;
			}



/* successful-cont
--------------------- */
.successful-cont {
	padding-bottom: 80px;
}
#flow {
	padding-top: 80px;
	margin-top: 80px;
}
	.successful-cont .ttlbox {
		margin-bottom: 25px;
	}
		.successful-cont .ttlbox img {
			height: 9px;
		}
		.successful-cont .ttlbox h2 {
			font-size: 2.6rem;
		}


	.successful-cont .flow-list .box {
		border-radius: 15px;
		padding: 25px;
	}
	.successful-cont .flow-list.column2 .box {
		width: 48.2%;
	}
	.successful-cont .flow-list.column3 .box {
		width: 31%;
	}
	.successful-cont .flow-list.column4 .box {
		width: 22.2%;
	}
	.successful-cont .flow-list .box:before {
		width: 26px;
		right: -18px;
	}
		.successful-cont .flow-list .box h3 {
			font-size: 1.8rem;
		}


	.successful-cont .schedule-list .box {
		margin-left: 18px;
	}
		.successful-cont .schedule-list .box .en {
			font-size: 1.4rem;
			left: -18px;
		}



/* goal
--------------------- */
#goal {
	padding-top: 80px;
}
	#goal .bg {
		border-radius: 15px;
		padding: 45px 35px;
	}
		#goal .bg h2 {
			width: 90px;
			font-size: 1.8rem;
		}

		#goal .bg p {
			width: -webkit-calc(100% - 125px);
			width: calc(100% - 125px);
			padding-left: 30px;
			font-size: 2.4rem;
		}



/* successful-graduates
------------------- */
#successful-graduates {
	background: url("../img/i-seifu_navi/bg_motif.svg") no-repeat center top 50px / 150%;
}
	#successful-graduates .graduates-swiper {
		margin-top: 30px;
	}
		#successful-graduates .graduates-swiper a.linkbox .text .company {
			font-size: 1.3rem;
		}

		#successful-graduates .graduates-swiper a.linkbox .text h3 {
			font-size: 2.4rem;
		}
			#successful-graduates .graduates-swiper a.linkbox .text h3 span {
				font-size: 1.6rem;
			}

		#successful-graduates .graduates-swiper a.linkbox .text .profile .course {
			font-size: 1.3rem;
			margin-bottom: 16px;
		}

	#successful-graduates .view-more {
		top: 100px;
	}






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 動画で知る清風 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* movie-list
--------------------- */
#movie-list a.linkbox {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 50px;
}
#movie-list a.linkbox:nth-child(3n) {
	margin-right: 4%;
}
#movie-list a.linkbox:nth-child(2n) {
	margin-right: 0;
}
	#movie-list a.linkbox .text {
		padding: 10px 10px 0 10px;
	}
		#movie-list a.linkbox .text h3 {
			font-size: 1.8rem;
		}

		#movie-list a.linkbox .text time {
			font-size: 1.3rem;
		}



/* movie-detail
--------------------- */
#movie-detail {
	padding-top: 10px;
}
	#movie-detail .headtitle {
		margin-bottom: 30px;
	}
		#movie-detail .headtitle .head time {
			margin-right: 12px;
			font-size: 1.3rem;
		}

		#movie-detail .headtitle h1 {
			font-size: 2.6rem;
		}


	#movie-detail .free h2 {
		background: url("../img/i-seifu_navi/icon_circle.svg") no-repeat left top 8px / 16px;
		font-size: 2.3rem;
		margin-top: 50px;
	}
	#movie-detail .free h3 {
		font-size: 1.8rem;
	}

	#movie-detail .free p {
		font-size: 1.5rem;
		line-height: 1.8em;
		margin-bottom: 12px;
	}






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* メディア */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* media-list
--------------------- */
#media-list ul {
	margin-bottom: 40px;
}
	#media-list ul li .en {
		font-size: 1.2rem;
	}
	#media-list ul li h2 {
		font-size: 1.6rem;
	}






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 企業の皆様へ */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* company-message
--------------------- */
#company-message .whitebox {
	padding: 30px 60px 50px 60px;
	border-radius: 20px;
}
	#company-message .whitebox h2 {
		font-size: 2.8rem;
		margin-bottom: 30px;
	}
		#company-message .whitebox h2 span:before {
			height: 4px;
		}

	#company-message .whitebox .txt {
		margin-top: 15px;
	}


/* company-mvv
--------------------- */
#company-mvv .marquee .marquee__item {
	font-size: 8.0rem;
}

#company-mvv .list .box {
	padding: 40px 20px;
	border-radius: 10px;
}
	#company-mvv .list .box p {
		top: -5px;
	}
		#company-mvv .list .box p img {
			height: 14px;
		}

	#company-mvv .list .box h3 {
		font-size: 2.0rem;
	}

#company-mvv .recruitment {
	margin-top: 90px;
}
	#company-mvv .recruitment h2 {
		font-size: 2.4rem;
		margin-bottom: 30px;
	}
		#company-mvv .recruitment h2 span:before {
			height: 4px;
		}

	#company-mvv .recruitment a.recruitment-btn {
		max-width: 540px;
		height: 80px;
		border-radius: 40px;
		background: #F5F5F5 url("../img/i-seifu_navi/icon_download.svg") no-repeat right 35px center;
		font-size: 1.8rem;
	}
	#company-mvv .recruitment a.recruitment-btn:hover {
		background: #3B3B3B url("../img/i-seifu_navi/icon_download.svg") no-repeat right 35px center;
		color: #fff;
		opacity: 1;
	}

	#company-mvv .recruitment .flow {
		font-size: 1.3rem;
		line-height: 1.7em;
	}
	
	
	
}





/* 767px */
@media screen and (max-width: 767px) {



/* page-detail
--------------------- */
#page-detail {
	padding-top: 70px;
}
	#page-detail .breadcrumbs {
		font-size: 1.1rem;
	}



/* cat-list
--------------------- */
ul.cat-list {
	margin-bottom: 30px;
}
	ul.cat-list li {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	ul.cat-list li:nth-child(5n) {
		margin-right: 0;
	}
	ul.cat-list li:nth-child(2n) {
		margin-right: 0;
	}




/* qabox
--------------------- */
.qabox {
	margin: 60px auto 0 auto;
}
	.qabox .q {
		padding-left: 38px;
		font-size: 1.6rem;
	}
	.qabox .q:before {
		width: 30px;
		height: 30px;
		margin-top: -15px;
	}

	.qabox h2 {
		font-size: 2.2rem;
		padding-top: 20px;
	}

	.qabox img {
		margin-top: 20px;
	}



/* backarea
--------------------- */
#backarea {
	margin-top: 60px;
}






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 清風で学ぶセンパイたち */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* senpai-list
--------------------- */
#senpai-list .list a.linkbox {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 30px;
	padding: 20px 10px 20px 10px;
}
#senpai-list .list a.linkbox:nth-child(4n) {
	margin-right: 4%;
}
#senpai-list .list a.linkbox:nth-child(3n) {
	margin-right: 4%;
}
#senpai-list .list a.linkbox:nth-child(2n) {
	margin-right: 0;
}
	#senpai-list .list a.linkbox .head {
		font-size: 1.0rem;
	}

	#senpai-list .list a.linkbox h3 {
		font-size: 1.8rem;
	}
		#senpai-list .list a.linkbox h3 span {
			font-size: 1.2rem;
		}

	#senpai-list .list a.linkbox .btn {
		background: #F5F5F5 none;
	}
	#senpai-list .list a.linkbox:hover .btn {
		background: #3B3B3B none;
	}



/* senpai-detail
--------------------- */
#senpai-detail {
	padding-top: 40px;
}
	#senpai-detail .profile {
		display: block;
		padding: 30px 30px 30px 30px;
	}
		#senpai-detail .profile .pht {
			width: 200px;
			margin: 0 auto;
		}

		#senpai-detail .profile .en-tit {
			right: 50%;
			margin-right: -110px;
		}

		#senpai-detail .profile .text {
			width: 100%;
			padding-top: 15px;
			padding-left: 0;
		}
			#senpai-detail .profile .text h1 {
				text-align: center;
			}

			#senpai-detail .profile .text .head {
				text-align: center;
			}



/* senpai-learning
------------------- */
#senpai-learning .view-more {
	margin-top: 20px;
	text-align: center;
	position: static;
}






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 企業様から見た清風 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* company-list
--------------------- */
#company-list .list {
	display: block;
}
	#company-list a.linkbox {
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
	}
		#company-list a.linkbox .text {
			padding-top: 12px;
		}
			#company-list a.linkbox .text h3 {
				font-size: 2.2rem;
				margin-bottom: 8px;
			}

			#company-list a.linkbox .text .read {
				-webkit-line-clamp: 2;
			}

	

/* company-detail
--------------------- */
#company-detail .marquee {
	top: 95px;
}
	#company-detail .marquee .marquee__item {
		font-size: 7.0rem;
	}


#company-detail .headtitle {
	padding-top: 20px;
}
	#company-detail .headtitle h1 {
		margin-bottom: 20px;
		font-size: 2.6rem;
	}

	#company-detail .headtitle .pht {
		margin-bottom: 15px;
	}



/* company-voice
------------------- */
#company-voice .view-more {
	margin-top: 20px;
	text-align: center;
	position: static;
}






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ブログ */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* blog-list
--------------------- */
#blog-list .list {
	display: block;
}
	#blog-list a.linkbox {
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
	}
		#blog-list a.linkbox .text {
			padding-top: 12px;
		}
			#blog-list a.linkbox .text h3 {
				font-size: 2.0rem;
			}

			#blog-list a.linkbox .text .read {
				-webkit-line-clamp: 2;
			}



/* blog-detail
--------------------- */
#blog-detail .headtitle h1 {
	font-size: 2.4rem;
}


#blog-detail .free h2 {
	font-size: 2.2rem;
	margin-top: 40px;
}
#blog-detail .free h3 {
	font-size: 1.7rem;
}

#blog-detail .free p {
	font-size: 1.4rem;
	line-height: 1.7em;
}



/* blog
------------------- */
#blog .view-more {
	margin-top: 20px;
	text-align: center;
	position: static;
}






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 活躍する卒業生たち */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* successful-list
--------------------- */
#successful-list .list {
	display: block;
}
#successful-list .list a.linkbox {
	width: 100%;
	margin-right: 0;
	margin-bottom: 40px;
	padding-bottom: 60px;
	position: relative;
}
	#successful-list .list a.linkbox .text .company {
		font-size: 1.2rem;
	}

	#successful-list .list a.linkbox .text h3 {
		font-size: 2.2rem;
	}
		#successful-list .list a.linkbox .text h3 span {
			font-size: 1.4rem;
		}

	#successful-list .list a.linkbox .text .profile .course {
		font-size: 1.2rem;
		margin-bottom: 0;
	}

	#successful-list .list a.linkbox .text .profile .btn {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateY(0) translateX(-50%);
		-webkit-transform: translateY(0) translateX(-50%);
	}



/* successful-graduates
------------------- */
#successful-graduates {
	background: url("../img/i-seifu_navi/bg_motif.svg") no-repeat center top 50px / 260%;
}
	#successful-graduates .graduates-swiper {
		margin-top: 25px;
	}
		#successful-graduates .graduates-swiper a.linkbox {
			position: relative;
			padding-bottom: 60px;
		}
			#successful-graduates .graduates-swiper a.linkbox .text .company {
				font-size: 1.2rem;
			}

			#successful-graduates .graduates-swiper a.linkbox .text h3 {
				font-size: 2.2rem;
			}
				#successful-graduates .graduates-swiper a.linkbox .text h3 span {
					font-size: 1.4rem;
				}

			#successful-graduates .graduates-swiper a.linkbox .text .profile .course {
				font-size: 1.2rem;
				margin-bottom: 0;
			}

			#successful-graduates .graduates-swiper a.linkbox .text .profile .btn {
				position: absolute;
				bottom: 0;
				left: 50%;
				transform: translateY(0) translateX(-50%);
				-webkit-transform: translateY(0) translateX(-50%);
			}

	#successful-graduates .view-more {
		margin-top: 20px;
		text-align: center;
		position: static;
	}



/* successful-detail
--------------------- */
#successful-detail .headtitle {
	display: block;
	margin-top: 15px;
}
	#successful-detail .headtitle .pht {
		width: 95%;
		border-radius: 0 15px 15px 0;
		margin-bottom: 30px;
	}

	#successful-detail .headtitle .text {
		width: 100%;
		padding: 0 5%;
	}
		#successful-detail .headtitle .text .head {
			width: 11px;
			left: 0;
		}

		#successful-detail .headtitle .text .message {
			width: 80%;
			margin: 0 auto 20px auto;
		}

		#successful-detail .headtitle .text .company {
			text-align: center;
		}

		#successful-detail .headtitle .text h1 {
			text-align: center;
		}

		#successful-detail .headtitle .text .graduation {
			text-align: center;
		}

	
#successful-detail .set {
	margin-top: 60px;
}
	#successful-detail .set .q {
		padding-left: 38px;
		font-size: 1.6rem;
	}
	#successful-detail .set .q:before {
		width: 30px;
		height: 30px;
		margin-top: -15px;
	}

	#successful-detail .set .cell.flex-start .pht {
		margin-top: 20px;
	}

	#successful-detail .set .cell .text h2 {
		font-size: 2.2rem;
	}



/* successful-cont
--------------------- */
.successful-cont {
	padding-bottom: 60px;
}
#flow {
	padding-top: 60px;
	margin-top: 60px;
}
	.successful-cont .ttlbox {
		display: block;
		margin-bottom: 25px;
		text-align: center;
	}
		.successful-cont .ttlbox img {
			height: 10px;
			margin: 0;
		}
		.successful-cont .ttlbox h2 {
			font-size: 2.3rem;
			padding-left: 0;
			margin-top: -5px;
		}


	.successful-cont .flow-list {
		display: block;
	}
	.successful-cont .flow-list .box {
		border-radius: 15px;
		padding: 25px;
		margin-bottom: 15px;
	}
	.successful-cont .flow-list .box:nth-last-child(1) {
		margin-bottom: 0;
	}
	.successful-cont .flow-list.column2 .box,
	.successful-cont .flow-list.column3 .box,
	.successful-cont .flow-list.column4 .box {
		width: 100%;
	}
	.successful-cont .flow-list .box:before {
		display: none;
	}



/* goal
--------------------- */
#goal {
	padding-top: 60px;
}
	#goal .bg {
		display: block;
		border-radius: 15px;
		padding: 25px 30px;
	}
		#goal .bg h2 {
			width: 100%;
			font-size: 1.8rem;
			text-align: center;
			margin-bottom: 20px;
			padding-bottom: 20px;
			border-bottom: solid 1px rgba(255,255,255,0.5);
		}

		#goal .bg p {
			width: 100%;
			padding-left: 0;
			font-size: 2.2rem;
			border-left: none;
		}






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 動画で知る清風 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* movie-list
--------------------- */
#movie-list .list {
	display: block;
}
	#movie-list a.linkbox {
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
	}
	#movie-list a.linkbox:nth-child(3n) {
		margin-right: 0;
	}
		#movie-list a.linkbox .text {
			padding: 10px 10px 0 10px;
		}
			#movie-list a.linkbox .text h3 {
				font-size: 1.6rem;
			}



/* movie-detail
--------------------- */
#movie-detail .headtitle h1 {
	font-size: 2.4rem;
}


#movie-detail .free h2 {
	font-size: 2.2rem;
	margin-top: 40px;
}
#movie-detail .free h3 {
	font-size: 1.7rem;
}

#movie-detail .free p {
	font-size: 1.4rem;
	line-height: 1.7em;
}



/* movie
------------------- */
#movie .view-more {
	margin-top: 20px;
	text-align: center;
	position: static;
}






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* メディア */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* media-list
--------------------- */
#media-list ul {
	margin-bottom: 35px;
}
	#media-list ul li a {
		padding: 20px 60px 20px 15px;
		background: url("../img/i-seifu_navi/btn_arrow_gr.svg") no-repeat right 15px center / 24px;
	}
	#media-list ul li a:hover {
		background: url("../img/i-seifu_navi/btn_arrow_gr.svg") no-repeat right 15px center / 24px;
	}
	#media-list ul li span {
		padding: 20px 15px;
	}
	


/* wp-pagenavi */
.pagenavi {
	margin-top: 10px;
}
.wp-pagenavi a, .wp-pagenavi span {
	width: 32px;
	height: 32px;
	font-size: 1.4rem;
	line-height: 32px;
	margin: 0 3px;
}






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 企業の皆様へ */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* company-message
--------------------- */
#company-message .whitebox {
	padding: 10px 30px 30px 30px;
}
	#company-message .whitebox h2 {
		font-size: 2.6rem;
	}


/* company-mvv
--------------------- */
#company-mvv .marquee .marquee__item {
	font-size: 6.0rem;
}

#company-mvv .list {
	display: block;
}
#company-mvv .list .box {
	width: 100%;
	padding: 30px 20px;
	margin-top: 20px;
}
	#company-mvv .list .box p {
		position: static;
		margin-bottom: 6px;
	}

#company-mvv .recruitment {
	margin-top: 70px;
}
	#company-mvv .recruitment h2 {
		font-size: 2.2rem;
		margin-bottom: 25px;
	}

	#company-mvv .recruitment a.recruitment-btn {
		max-width: 400px;
		height: 66px;
		border-radius: 33px;
		background: #F5F5F5 url("../img/i-seifu_navi/icon_download.svg") no-repeat right 20px center / 26px;
		font-size: 1.6rem;
		text-indent: -30px;
	}
	#company-mvv .recruitment a.recruitment-btn:hover {
		background: #F5F5F5 url("../img/i-seifu_navi/icon_download.svg") no-repeat right 20px center / 26px;
		color: #3B3B3B;
	}

	#company-mvv .recruitment .flow {
		font-size: 1.2rem;
		line-height: 1.6em;
	}


	
	
}