@charset "UTF-8";
/*===============================================================
	色
===============================================================*/
.page_game .course_color {
		color: #F52D56;
}

.page_esports .course_color {
		color: #32A254;
}

.page_aiit .course_color {
		color: #023EB3;
}

.page_media .course_color {
		color: #FE6F06;
}

.page_design .course_color {
		color: #6700AE;
}

.page_game .bg_course_color {
		background: #F52D56;
}

.page_esports .bg_course_color {
		background: #32A254;
}

.page_aiit .bg_course_color {
		background: #023EB3;
}

.page_media .bg_course_color {
		background: #FE6F06;
}

.page_design .bg_course_color {
		background: #6700AE;
}

.page_game .course_border_color {
		border-color: #F52D56 !important;
}

.page_esports .course_border_color {
		border-color: #32A254 !important;
}

.page_aiit .course_border_color {
		border-color: #023EB3 !important;
}

.page_media .course_border_color {
		border-color: #FE6F06 !important;
}

.page_design .course_border_color {
		border-color: #6700AE !important;
}

/*===============================================================

グラデテキスト

===============================================================*/
.page_game .gradient_txt {
		color: #F52D56;
		background: -webkit-gradient(linear, left bottom, left top, from(#E80053), color-stop(55.23%, #FB3A8B), color-stop(104.19%, #E20856));
		background: linear-gradient(360deg, #E80053 0%, #FB3A8B 55.23%, #E20856 104.19%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
}

.page_esports .gradient_txt {
		color: #32A254;
		background: -webkit-gradient(linear, left top, left bottom, from(rgba(77, 222, 79, 0.894118)), color-stop(50%, rgba(39, 171, 89, 0.947059)), to(#007863));
		background: linear-gradient(180deg, rgba(77, 222, 79, 0.894118) 0%, rgba(39, 171, 89, 0.947059) 50%, #007863 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
}

.page_aiit .gradient_txt {
		color: #023EB3;
		background: linear-gradient(3.32deg, #023EB3 -12.74%, #2589FF 108.87%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
}

.page_media .gradient_txt {
		color: #FE6F06;
		background: -webkit-gradient(linear, left bottom, left top, color-stop(6.5%, #FD4E02), color-stop(50%, #FFB82E), to(#FE8318));
		background: linear-gradient(360deg, #FD4E02 6.5%, #FFB82E 50%, #FE8318 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
}

.page_design .gradient_txt {
		color: #6700AE;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(-6.13%, #5418C5), color-stop(51.94%, #6700AE), color-stop(110%, #632DFF));
		background: linear-gradient(180deg, #5418C5 -6.13%, #6700AE 51.94%, #632DFF 110%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
}

.page_game .bg_gradient {
		background: -webkit-gradient(linear, left bottom, left top, from(#E80053), color-stop(55.23%, #FB3A8B), color-stop(104.19%, #E20856));
		background: linear-gradient(360deg, #E80053 0%, #FB3A8B 55.23%, #E20856 104.19%);
}

.page_esports .bg_gradient {
		background: -webkit-gradient(linear, left top, left bottom, from(rgba(77, 222, 79, 0.894118)), color-stop(50%, rgba(39, 171, 89, 0.947059)), to(#007863));
		background: linear-gradient(180deg, rgba(77, 222, 79, 0.894118) 0%, rgba(39, 171, 89, 0.947059) 50%, #007863 100%);
}

.page_aiit .bg_gradient {
		background: linear-gradient(3.32deg, #023EB3 -12.74%, #2589FF 108.87%);
}

.page_media .bg_gradient {
		background: -webkit-gradient(linear, left bottom, left top, color-stop(6.5%, #FD4E02), color-stop(50%, #FFB82E), to(#FE8318));
		background: linear-gradient(360deg, #FD4E02 6.5%, #FFB82E 50%, #FE8318 100%);
}

.page_design .bg_gradient {
		background: -webkit-gradient(linear, left top, left bottom, color-stop(-6.13%, #5418C5), color-stop(51.94%, #6700AE), color-stop(110%, #632DFF));
		background: linear-gradient(180deg, #5418C5 -6.13%, #6700AE 51.94%, #632DFF 110%);
}

.page_game .bg_gradient2 {
		background: -webkit-gradient(linear, left bottom, left top, from(#E80053), color-stop(55.23%, #FB3A8B), color-stop(104.19%, #E20856));
		background: linear-gradient(360deg, #E80053 0%, #FB3A8B 55.23%, #E20856 104.19%);
}

.page_esports .bg_gradient2 {
		background: -webkit-gradient(linear, left top, left bottom, from(#00783E), color-stop(50%, rgba(39, 171, 60, 0.947059)), to(rgba(77, 222, 79, 0.894118)));
		background: linear-gradient(180deg, #00783E 0%, rgba(39, 171, 60, 0.947059) 50%, rgba(77, 222, 79, 0.894118) 100%);
}

.page_aiit .bg_gradient2 {
		background: -webkit-gradient(linear, left top, left bottom, from(#0047CE), to(#002468));
		background: linear-gradient(180deg, #0047CE 0%, #002468 100%);
}

.page_media .bg_gradient2 {
		background: -webkit-gradient(linear, left bottom, left top, color-stop(6.5%, #FE8318), color-stop(50%, #FFB82E), to(#FD4E02));
		background: linear-gradient(360deg, #FE8318 6.5%, #FFB82E 50%, #FD4E02 100%);
}

.page_design .bg_gradient2 {
		background: -webkit-gradient(linear, left top, left bottom, color-stop(-6.13%, #5418C5), color-stop(51.94%, #6700AE), color-stop(110%, #632DFF));
		background: linear-gradient(180deg, #5418C5 -6.13%, #6700AE 51.94%, #632DFF 110%);
}

/*----------------------------------------------------------
color
----------------------------------------------------------*/
.sec_project_challenge .title.game span::before {
		background: -webkit-gradient(linear, left top, right top, from(#f4275c), to(#fa5230));
		background: linear-gradient(to right, #f4275c 0%, #fa5230 100%);
}
.sec_project_challenge .title.game span::after {
		border-top: 10px solid #F52D56;
}
.sec_project_challenge .title.esports span::before {
		background: -webkit-gradient(linear, left top, right top, from(#31a154), to(#5ab559));
		background: linear-gradient(to right, #31a154 0%, #5ab559 100%);
}
.sec_project_challenge .title.esports span::after {
		border-top: 10px solid #32A254;
}
.sec_project_challenge .title.aiit span::before {
		background: linear-gradient(100deg, #1D588A 0%, #227496 100%);
}
.sec_project_challenge .title.aiit span::after {
		border-top: 10px solid #023EB3;
}
.sec_project_challenge .title.media span::before {
		background: -webkit-gradient(linear, left top, right top, from(#fe5508), to(#ff8705));
		background: linear-gradient(to right, #fe5508 0%, #ff8705 100%);
}
.sec_project_challenge .title.media span::after {
		border-top: 10px solid #FE6F06;
}
.sec_wm_jobs ul.game li::before {
		background-color: #F52D56;
}
.sec_wm_jobs ul.esports li::before {
		background-color: #32A254;
}
.sec_wm_jobs ul.aiit li::before {
		background-color: #023EB3;
}
.sec_wm_jobs ul.media li::before {
		background-color: #FE6F06;
}
.sec_wm_jobs ul.design li::before {
		background-color: #6700AE;
}
.year2024 .sec_wm_jobs ul.media li::before {
		background-color: #884091;
}

/*----------------------------------------------------------
page_list sec
----------------------------------------------------------*/
.sec_main {
		position: relative;
}
.sec_main.esports::before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: #F2F2F2;
		z-index: -1;
}
.sec_main .mv {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 350px;
		z-index: -1;
}
@media screen and (min-width: 751px) {
		.sec_main .mv {
				height: 600px;
		}
}
.sec_main .mv::before {
		content: "";
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #000;
		opacity: 0.3;
}
.sec_main .mv img {
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
		-o-object-position: 50% 40%;
		   object-position: 50% 40%;
}
.sec_main .mv.aiit_programmer img {
		-o-object-position: 50% 80%;
		   object-position: 50% 80%;
}
.sec_main_contents {
		padding: 220px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_main_contents {
				width: 92.537313432%;
				padding: 376px 0 0 0;
				margin: 0 0 0 auto;
		}
}
.sec_main .title_en {
		font-size: 40px;
		letter-spacing: 0.05em;
		line-height: 1;
		margin: 0 25px;
}
@media screen and (min-width: 751px) {
		.sec_main .title_en {
				font-size: 90px;
				line-height: 1;
				margin: 0;
		}
}
.sec_main .title_en.long {
		font-size: 30px;
}
@media screen and (min-width: 751px) {
		.sec_main .title_en.long {
				font-size: 70px;
				line-height: 1.1;
		}
}
@media screen and (min-width: 1001px) {
		.sec_main .title_en.long {
				font-size: 80px;
		}
}
.sec_main_inner {
		padding: 40px 0 40px 25px;
		margin: -8px 0 0 0;
		position: relative;
}
@media screen and (min-width: 751px) {
		.sec_main_inner {
				padding: 65px 63px 60px 63px;
				margin: -20px 0 0 0;
		}
}
.sec_main_inner .document_request {
		position: absolute;
		top: -100px;
		right: 10px;
		width: 85px;
		height: 85px;
		padding: 3px;
		border: 1px solid #fff;
		border-radius: 50%;
}
@media screen and (min-width: 751px) {
		.sec_main_inner .document_request {
				top: 20px;
				right: 30px;
				width: 160px;
				height: 160px;
				padding: 5px;
		}
}
.sec_main_inner .document_request a {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		width: 100%;
		height: 100%;
		background-color: #fff;
		border-radius: 50%;
}
@media screen and (min-width: 751px) {
		.sec_main_inner .document_request a {
				-webkit-transition: 0.3s;
				transition: 0.3s;
				-webkit-transform: scale(1);
				        transform: scale(1);
		}
		.sec_main_inner .document_request a:hover {
				opacity: 0.8;
				-webkit-transform: scale(0.95);
				        transform: scale(0.95);
		}
}
.sec_main_inner .document_request .main_mv_dr_img {
		width: 30px;
		margin: 0 auto;
}
@media screen and (min-width: 751px) {
		.sec_main_inner .document_request .main_mv_dr_img {
				width: 60px;
		}
}
.sec_main_inner .document_request .main_mv_dr_text {
		text-align: center;
		font-size: 10px;
		font-weight: bold;
		letter-spacing: 0.04em;
		line-height: 1.2;
		margin: 1px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_main_inner .document_request .main_mv_dr_text {
				font-size: 14px;
				margin: 2px 0 0 0;
		}
}
@media screen and (min-width: 751px) {
		.sec_main_wrap {
				width: 95.3%;
		}
}
.sec_main_wrap .flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
@media screen and (max-width: 750px) {
		.sec_main_wrap .flex {
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
				margin: 0 25px 0 0;
		}
}
.sec_main_wrap .world, .sec_main_wrap .title_jp, .sec_main_wrap .jobs {
		color: #fff;
}
.sec_main_wrap .world {
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 0.1em;
}
@media screen and (min-width: 751px) {
		.sec_main_wrap .world {
				font-size: 20px;
		}
}
.sec_main_wrap .tag {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		text-align: center;
		font-size: 12px;
}
@media screen and (min-width: 751px) {
		.sec_main_wrap .tag {
				font-size: 16px;
				margin: 0 0 0 7px;
		}
}
.sec_main_wrap .tag span {
		width: -webkit-max-content;
		width: -moz-max-content;
		width: max-content;
		background-color: #fff;
		padding: 0 10px;
		border-radius: 2px;
		margin: 0 0 5px 5px;
}
.sec_main_wrap .tag span.black {
		color: #fff;
		background-color: #111111;
}
.sec_main_wrap .tag span.small {
		font-size: 11px;
		color: #fff;
		background-color: #111111;
		padding: 0;
}
@media screen and (min-width: 751px) {
		.sec_main_wrap .tag span.small {
				font-size: 12px;
		}
}
.sec_main_wrap .title_jp {
		font-size: 24px;
		letter-spacing: 0.04em;
		line-height: 1.5;
		padding: 0 25px 19px 0;
		border-bottom: 1px solid rgba(225, 225, 225, 0.3);
		margin: 20px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_main_wrap .title_jp {
				font-size: 36px;
				padding: 0 0 28px 0;
				margin: 18px 0 0 0;
		}
}
.sec_main_wrap .fukidashi {
		font-size: 12px;
		font-weight: 500;
		letter-spacing: 0.04em;
		margin: 15px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_main_wrap .fukidashi {
				font-size: 16px;
				margin: 30px 0 0 0;
		}
}
.sec_main_wrap .fukidashi span {
		position: relative;
		display: inline-block;
		background-color: #fff;
		padding: 3px 13px;
		border-radius: 16px;
}
@media screen and (min-width: 751px) {
		.sec_main_wrap .fukidashi span {
				padding: 4px 16px 3px 16px;
		}
}
.sec_main_wrap .fukidashi span::before {
		content: "";
		position: absolute;
		bottom: -10px;
		left: 47%;
		border: 5px solid transparent;
		border-top: 5px solid #fff;
}
.sec_main_wrap .jobs {
		letter-spacing: 0.04em;
		margin: 14px 25px 0 0;
}
@media screen and (min-width: 751px) {
		.sec_main_wrap .jobs {
				margin: 16px 0 0 0;
		}
}
.sec_view {
		padding: 60px 0 40px 0;
}
@media screen and (min-width: 751px) {
		.sec_view {
				padding: 121px 0 100px 0;
		}
}
.sec_view .sec_lead {
		margin: 40px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_view .sec_lead {
				margin: 77px 0 0 0;
		}
}
.sec_view .text {
		letter-spacing: 0.04em;
		color: #202123;
		margin: 37px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_view .text {
				margin: 42px 0 0 0;
		}
}
.sec_for {
		position: relative;
		padding: 40px 0;
		z-index: 1;
}
@media screen and (min-width: 751px) {
		.sec_for {
				padding: 80px 0;
		}
}
.sec_for::before {
		content: "";
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: url(../images/course/for_bg_obj.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		mix-blend-mode: screen;
		z-index: -1;
}
.sec_for_title {
		text-align: center;
		font-size: 22px;
		font-weight: 500;
		letter-spacing: 0.04em;
		line-height: 1.5;
		color: #fff;
}
@media screen and (min-width: 751px) {
		.sec_for_title {
				font-size: 32px;
				line-height: 1.3;
		}
}
.sec_for_title span {
		position: relative;
		display: inline-block;
}
.sec_for_title span::before, .sec_for_title span::after {
		content: "";
		position: absolute;
		margin: 0 auto;
}
.sec_for_title span::before {
		display: block;
		bottom: -13px;
		left: 0;
		width: 100%;
		height: 5px;
		background-color: #fff;
}
@media screen and (min-width: 751px) {
		.sec_for_title span::before {
				bottom: -10px;
		}
}
.sec_for_title span::after {
		bottom: -38px;
		left: 48.5%;
		border: 8px solid transparent;
		border-top: 10px solid #fff;
}
@media screen and (min-width: 751px) {
		.sec_for_title span::after {
				bottom: -37px;
		}
}
.sec_for ul {
		background-color: #fff;
		margin: 49px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_for ul {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
		}
}
.sec_for li {
		padding: 25px;
}
@media screen and (max-width: 750px) {
		.sec_for li {
				border-bottom: 1px solid #E5E5E5;
		}
}
@media screen and (min-width: 751px) {
		.sec_for li {
				width: 33.33%;
				padding: 30px 10px 39px 10px;
				border-right: 1px solid #E5E5E5;
		}
}
.sec_for li:last-child {
		border: none;
}
.sec_for li .icon {
		width: 32px;
		height: 32px;
		margin: 0 auto;
}
@media screen and (min-width: 751px) {
		.sec_for li .icon {
				width: 44px;
				height: 44px;
		}
}
.sec_for li p {
		text-align: center;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 0.1em;
		margin: 15px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_for li p {
				font-size: 18px;
				margin: 29px 0 0 0;
		}
}
.sec_view + .sec_major {
		padding-top: 20px;
}
@media screen and (min-width: 751px) {
		.sec_view + .sec_major {
				padding-top: 20px;
		}
}
.sec_major {
		background-color: #F2F2F2;
		padding: 60px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_major {
				padding: 120px 0 20px 0;
		}
}
.sec_major_list {
		margin: 46px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_major_list {
				margin: 60px 0 0 0;
		}
}
.sec_major_item {
		position: relative;
		padding: 0 0 40px 0;
}
@media screen and (min-width: 751px) {
		.sec_major_item {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
				width: 92.537313432%;
				padding: 0 0 100px 0;
		}
}
@media screen and (min-width: 1001px) {
		.sec_major_item {
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
		}
}
@media screen and (max-width: 750px) {
		.sec_major_item:nth-child(2n+1) .contents {
				padding: 24px 25px 0 25px;
		}
}
@media screen and (min-width: 751px) {
		.sec_major_item:nth-child(2n) {
				-webkit-box-orient: horizontal;
				-webkit-box-direction: reverse;
				    -ms-flex-direction: row-reverse;
				        flex-direction: row-reverse;
				margin: 0 0 0 auto;
		}
}
@media screen and (min-width: 751px) {
		.sec_major_item:nth-child(2n) .img {
				margin: 0 0 0 auto;
		}
}
@media screen and (max-width: 750px) {
		.sec_major_item:nth-child(2n) .contents {
				padding: 24px 25px 0 25px;
		}
}
@media screen and (min-width: 751px) {
		.sec_major_item .img {
				width: 59.7%;
		}
}
@media screen and (min-width: 751px) {
		.sec_major_item .contents {
				width: 35.5%;
		}
}
.sec_major_item .contents > .lead {
		font-size: 22px;
		font-weight: 500;
		letter-spacing: 0.04em;
		margin: 5px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_major_item .contents > .lead {
				margin: 14px 0 0 0;
		}
}
.sec_major_item .contents > .text {
		letter-spacing: 0.04em;
		color: #202123;
		margin: 19px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_major_item .contents > .text {
				margin: 29px 0 0 0;
		}
}
.sec_class {
		padding: 60px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_class {
				padding: 120px 0 0 0;
		}
}
.sec_class_inner {
		max-width: 1190px;
		margin: 0 auto;
}
@media screen and (min-width: 751px) {
		.sec_class_inner {
				padding: 0 25px;
		}
}
.sec_class .sec_title {
		margin: 0 25px;
}
@media screen and (min-width: 751px) {
		.sec_class .sec_title {
				margin: 0;
		}
}
.sec_class_message {
		margin: 40px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_class_message {
				margin: 85px 0 0 0;
		}
}
.sec_class_message .message_title {
		font-size: 22px;
		font-weight: 500;
		letter-spacing: 0.04em;
		margin: 0 25px;
}
@media screen and (min-width: 751px) {
		.sec_class_message .message_title {
				font-size: 32px;
				margin: 0;
		}
}
.sec_class_message .flex {
		margin: 19px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_class_message .flex {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
				margin: 29px 0 0 0;
		}
}
.sec_class_message .img {
		position: relative;
		margin: 0 25px;
}
@media screen and (min-width: 751px) {
		.sec_class_message .img {
				width: 38.6%;
				margin: 0;
		}
}
.sec_class_message .teacher {
		position: absolute;
		top: 0;
		right: -11px;
		text-orientation: mixed;
		-webkit-writing-mode: vertical-rl;
		    -ms-writing-mode: tb-rl;
		        writing-mode: vertical-rl;
		font-size: 32px;
		letter-spacing: 0.05em;
		line-height: 1;
		z-index: 1;
}
@media screen and (min-width: 751px) {
		.sec_class_message .teacher {
				right: -22px;
				font-size: 52px;
		}
}
.sec_class_message .contents {
		margin: 15px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_class_message .contents {
				width: 56.2%;
				margin: 0;
		}
}
.sec_class_message .class_name {
		font-size: 11px;
		letter-spacing: 0.04em;
		color: #fff;
		margin: 0 25px;
}
@media screen and (min-width: 751px) {
		.sec_class_message .class_name {
				font-size: 12px;
				margin: 0;
		}
}
.sec_class_message .class_name span {
		background-color: #111111;
		padding: 5px 4px 4px 5px;
}
@media screen and (min-width: 751px) {
		.sec_class_message .class_name span {
				padding: 5px 7px 5px 10px;
		}
}
.sec_class_message .name {
		font-size: 22px;
		font-weight: 500;
		letter-spacing: 0.04em;
		padding: 0 0 13px 0;
		border-bottom: 1px solid #E5E5E5;
		margin: 15px 0 0 25px;
}
@media screen and (min-width: 751px) {
		.sec_class_message .name {
				font-size: 30px;
				margin: 8px 0 0 0;
		}
}
.sec_class_message .name span {
		font-size: 14px;
}
@media screen and (min-width: 751px) {
		.sec_class_message .name span {
				font-size: 20px;
		}
}
.sec_class_message .lead {
		font-size: 18px;
		font-weight: 500;
		letter-spacing: 0.04em;
		margin: 20px 25px 0 25px;
}
@media screen and (min-width: 751px) {
		.sec_class_message .lead {
				font-size: 24px;
				margin: 24px 0 0 0;
		}
}
.sec_class_message .text {
		letter-spacing: 0.04em;
		color: #202123;
		margin: 19px 25px 0 25px;
}
@media screen and (min-width: 751px) {
		.sec_class_message .text {
				margin: 23px 0 0 0;
		}
}
.sec_class_pu_inner {
		max-width: 1140px;
		margin: 0 auto;
}
.sec_class_pu_inner .pu_title {
		position: relative;
		font-size: 22px;
		font-weight: 500;
		letter-spacing: 0.04em;
		margin: 80px 25px 0 25px;
}
@media screen and (min-width: 751px) {
		.sec_class_pu_inner .pu_title {
				font-size: 32px;
				margin: 160px 0 0 0;
		}
}
.sec_class_pu_inner .pu_title span {
		position: absolute;
		top: -35px;
		left: 0;
		font-size: 14px;
		font-weight: 500;
		letter-spacing: 0.04em;
		color: #fff;
		background-color: #32A254;
		padding: 2px 6px 2px 10px;
		border-radius: 18px;
}
@media screen and (min-width: 751px) {
		.sec_class_pu_inner .pu_title span {
				top: -55px;
				font-size: 20px;
				padding: 3px 6px 3px 18px;
		}
}
.sec_class_pu_inner .pu_title span::after {
		content: "";
		display: inline-block;
		position: absolute;
		bottom: -8px;
		left: 25px;
		border: 4px solid transparent;
		border-left: 15px solid #32A254;
		-webkit-transform: rotate(60deg);
		        transform: rotate(60deg);
}
@media screen and (min-width: 751px) {
		.sec_class_pu_inner .pu_title span::after {
				left: 40px;
		}
}
.sec_class_pu {
		margin: 40px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_class_pu {
				margin: 60px 0 0 0;
		}
}
.sec_class_pu.esports {
		margin: 20px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_class_pu.esports {
				margin: 30px 0 0 0;
		}
}
@media screen and (min-width: 751px) {
		.sec_class_pu li {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				margin: 40px 0 0 0;
		}
}
.sec_class_pu li:first-child {
		margin: 0;
}
@media screen and (min-width: 751px) {
		.sec_class_pu li:nth-child(2n) {
				-webkit-box-orient: horizontal;
				-webkit-box-direction: reverse;
				    -ms-flex-direction: row-reverse;
				        flex-direction: row-reverse;
		}
}
.sec_class_pu li:nth-child(2n) .number {
		left: 0;
		right: inherit;
}
@media screen and (min-width: 751px) {
		.sec_class_pu li:nth-child(2n) .number {
				left: -25px;
		}
}
@media screen and (min-width: 751px) {
		.sec_class_pu .img {
				width: 50%;
		}
}
@media screen and (min-width: 751px) {
		.sec_class_pu .img img {
				height: 100%;
				-o-object-fit: cover;
				   object-fit: cover;
				-o-object-position: center;
				   object-position: center;
		}
}
.sec_class_pu .contents {
		position: relative;
		color: #fff;
		padding: 30px 25px 54px 25px;
}
@media screen and (min-width: 751px) {
		.sec_class_pu .contents {
				width: 50%;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				padding: 10px 0;
		}
}
@media screen and (min-width: 751px) {
		.sec_class_pu .contents > div {
				width: 80%;
				margin: 0 auto;
		}
}
.sec_class_pu .contents > div .lead {
		display: inline-block;
		font-size: 12px;
		background-color: #fff;
		padding: 3px 12px;
		border-radius: 18px;
}
@media screen and (min-width: 751px) {
		.sec_class_pu .contents > div .lead {
				font-size: 14px;
				padding: 5px 12px;
				margin: 0 0 5px 0;
		}
}
.sec_class_pu .title {
		font-size: 22px;
		font-weight: 500;
		letter-spacing: 0.04em;
}
@media screen and (min-width: 751px) {
		.sec_class_pu .title {
				font-size: 32px;
		}
}
.sec_class_pu .text {
		letter-spacing: 0.04em;
		margin: 22px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_class_pu .text {
				margin: 19px 0 0 0;
		}
}
.sec_class_pu .number {
		position: absolute;
		display: block;
		bottom: 0;
		right: 0;
		font-size: 150px;
		line-height: 0.6;
		opacity: 0.15;
}
@media screen and (min-width: 751px) {
		.sec_class_pu .number {
				right: -25px;
				font-size: 300px;
		}
}
.sec_curriculum {
		border-top: 1px solid rgba(0, 0, 0, 0.08);
		padding: 60px 0 0 0;
		margin: 60px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_curriculum {
				padding: 120px 0 40px 0;
				margin: 127px 0 0 0;
		}
}
.sec_curriculum .sec_lead {
		margin: 40px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_curriculum .sec_lead {
				margin: 77px 0 0 0;
		}
}
.sec_curriculum ul {
		margin: 37px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_curriculum ul {
				margin: 62px 0 0 0;
		}
}
.sec_curriculum li {
		margin: 0 0 30px 0;
}
@media screen and (min-width: 751px) {
		.sec_curriculum li {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				margin: 0 0 29px 0;
		}
}
@media screen and (min-width: 751px) {
		.sec_curriculum li .img {
				width: 26.4%;
		}
}
.sec_curriculum li .contents {
		margin: 20px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_curriculum li .contents {
				width: 63.4%;
				margin: 0 0 0 38px;
		}
}
.sec_curriculum li .lead {
		font-size: 18px;
		font-weight: 500;
		letter-spacing: 0.04em;
}
@media screen and (min-width: 751px) {
		.sec_curriculum li .lead {
				font-size: 24px;
		}
}
.sec_curriculum li .text {
		letter-spacing: 0.04em;
		color: #202123;
		margin: 19px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_curriculum li .text {
				margin: 9px 0 0 0;
		}
}
.sec_curriculum_table {
		margin: 60px 0 0 0;
		word-break: break-all;
}
@media screen and (min-width: 751px) {
		.sec_curriculum_table {
				margin: 80px 0 0 0;
		}
}
.sec_curriculum_table_title {
		font-size: 22px;
		font-weight: 500;
		letter-spacing: 0.04em;
		margin: 0 0 19px 0;
}
@media screen and (min-width: 751px) {
		.sec_curriculum_table_title {
				font-size: 32px;
				margin: 0 0 39px 0;
		}
}
.sec_curriculum_table .table_title {
		width: 100%;
		font-size: 18px;
		font-weight: 500;
		letter-spacing: 0.04em;
		color: #fff;
		background-color: #111111;
		padding: 9px 10px;
}
@media screen and (min-width: 751px) {
		.sec_curriculum_table .table_title {
				font-size: 24px;
				padding: 9px 10px 10px 32px;
		}
}
.sec_curriculum_table .table_title span {
		font-size: 11px;
		font-weight: 400;
}
@media screen and (max-width: 750px) {
		.sec_curriculum_table .table_title span {
				display: block;
		}
}
@media screen and (min-width: 751px) {
		.sec_curriculum_table .table_title span {
				font-size: 16px;
				padding: 0 0 0 28px;
		}
}
.sec_curriculum_table table {
		width: 100%;
		margin: 0 0 40px 0;
}
@media screen and (min-width: 751px) {
		.sec_curriculum_table table {
				margin: 0 0 80px 0;
		}
}
.sec_curriculum_table tr {
		border-bottom: 1px solid #E5E5E5;
}
.sec_curriculum_table td {
		letter-spacing: 0.04em;
		color: #202123;
}
@media screen and (max-width: 750px) {
		.sec_curriculum_table td {
				display: block;
		}
}
.sec_curriculum_table td:nth-child(1) {
		font-weight: 500;
		padding: 20px 10px 0 10px;
}
@media screen and (min-width: 751px) {
		.sec_curriculum_table td:nth-child(1) {
				width: 30%;
				min-width: 310px;
				padding: 25px 30px;
		}
}
.sec_curriculum_table td:nth-child(2) {
		font-weight: 400;
		padding: 10px 10px 20px 10px;
}
@media screen and (min-width: 751px) {
		.sec_curriculum_table td:nth-child(2) {
				padding: 25px 30px;
		}
}
.sec_project {
		background-color: #F2F2F2;
		padding: 60px 0;
		margin: 0;
}
@media screen and (min-width: 751px) {
		.sec_project {
				margin: 193px 0 0 0;
				padding: 120px 0;
				margin: 120px 0 0 0;
		}
}
.sec_project .sec_lead {
		margin: 40px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_project .sec_lead {
				margin: 80px 0 0 0;
		}
}
@media screen and (min-width: 751px) {
		.sec_project_contents {
				margin: 90px 0 0 0;
		}
}
.sec_project .project_img {
		position: relative;
		width: 100%;
}
.sec_project .project_img .midashi {
		font-size: 49px;
		letter-spacing: 0.05em;
		line-height: 0.9;
		margin: 40px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_project .project_img .midashi {
				position: absolute;
				top: 0;
				left: -16px;
				text-orientation: mixed;
				-webkit-writing-mode: vertical-rl;
				    -ms-writing-mode: tb-rl;
				        writing-mode: vertical-rl;
				font-size: 84px;
				line-height: 1;
				margin: 0;
		}
}
@media screen and (min-width: 751px) {
		.sec_project .project_img img {
				width: 82%;
				margin: 0 auto;
		}
}
.sec_project_contents .text_wrap {
		position: relative;
		background-color: #fff;
		padding: 20px;
		z-index: 1;
}
@media screen and (min-width: 751px) {
		.sec_project_contents .text_wrap {
				width: 75%;
				padding: 49px 40px 40px 40px;
				margin: -40px auto 0 auto;
		}
}
.sec_project_contents .text_wrap .title {
		font-size: 18px;
		font-weight: 500;
		letter-spacing: 0.04em;
}
@media screen and (min-width: 751px) {
		.sec_project_contents .text_wrap .title {
				font-size: 24px;
		}
}
.sec_project_contents .text_wrap .text {
		letter-spacing: 0.04em;
		color: #202123;
		margin: 19px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_project_contents .text_wrap .text {
				margin: 29px 0 0 0;
		}
}
.sec_project_challenge {
		margin: 29px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_project_challenge {
				margin: 67px 0 0 0;
		}
}
.sec_project_challenge .title {
		text-align: center;
		font-size: 22px;
		font-weight: 500;
		letter-spacing: 0.04em;
}
@media screen and (min-width: 751px) {
		.sec_project_challenge .title {
				font-size: 32px;
		}
}
.sec_project_challenge .title span {
		position: relative;
		display: inline-block;
}
.sec_project_challenge .title span::before, .sec_project_challenge .title span::after {
		content: "";
		position: absolute;
		margin: 0 auto;
}
.sec_project_challenge .title span::before {
		display: block;
		bottom: -13px;
		left: 0;
		width: 100%;
		height: 5px;
}
@media screen and (min-width: 751px) {
		.sec_project_challenge .title span::before {
				bottom: -10px;
		}
}
.sec_project_challenge .title span::after {
		bottom: -38px;
		left: 48.5%;
		border: 8px solid transparent;
}
@media screen and (min-width: 751px) {
		.sec_project_challenge .title span::after {
				bottom: -37px;
		}
}
.sec_project_challenge .flex {
		margin: 45px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_project_challenge .flex {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
				-webkit-box-align: center;
				    -ms-flex-align: center;
				        align-items: center;
				margin: 68px 0 0 0;
		}
}
@media screen and (min-width: 751px) {
		.sec_project_challenge .flex .img {
				width: 47%;
		}
}
.sec_project_challenge .flex .text_wrap {
		margin: 23px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_project_challenge .flex .text_wrap {
				width: 47%;
				margin: 0;
		}
}
.sec_project_challenge .flex .lead {
		font-size: 18px;
		font-weight: 500;
		letter-spacing: 0.04em;
}
@media screen and (min-width: 751px) {
		.sec_project_challenge .flex .lead {
				font-size: 24px;
		}
}
.sec_project_challenge .flex .text {
		letter-spacing: 0.04em;
		color: #202123;
		margin: 19px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_project_challenge .flex .text {
				margin: 29px 0 0 0;
		}
}
.sec_wm {
		padding: 60px 0 69px 0;
		border-top: 1px solid rgba(0, 0, 0, 0.08);
}
@media screen and (min-width: 751px) {
		.sec_wm {
				padding: 120px 0 150px 0;
		}
}
.sec_wm .sec_lead {
		margin: 40px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_wm .sec_lead {
				margin: 77px 0 0 0;
		}
}
.sec_wm .text {
		letter-spacing: 0.04em;
		margin: 39px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_wm .text {
				margin: 42px 0 0 0;
		}
}
.sec_wm_figure {
		margin: 19px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_wm_figure {
				margin: 59px 0 0 0;
		}
}
.sec_wm_jobs {
		margin: 40px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_wm_jobs {
				margin: 59px 0 0 0;
		}
}
.sec_wm_jobs .title {
		position: relative;
		text-align: center;
		font-size: 14px;
		letter-spacing: 0.04em;
		color: #fff;
		z-index: 1;
}
@media screen and (min-width: 751px) {
		.sec_wm_jobs .title {
				font-size: 24px;
		}
}
.sec_wm_jobs .title span {
		position: relative;
		display: inline-block;
		background-color: #111111;
		padding: 5px 63px 5px 63px;
		border-radius: 25px;
}
@media screen and (min-width: 751px) {
		.sec_wm_jobs .title span {
				padding: 6px 97px 8px 98px;
		}
}
.sec_wm_jobs .title span::after {
		content: "";
		position: absolute;
		bottom: -17px;
		left: 48.5%;
		border: 8px solid transparent;
		border-top: 10px solid #111111;
}
.sec_wm_jobs_wrap {
		position: relative;
		padding: 39px 0 77px 0;
		border-top: 3px solid #333333;
		border-bottom: 3px solid #333333;
		margin: -20px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_wm_jobs_wrap {
				padding: 65px 0 28px 0;
				margin: -30px 0 0 0;
		}
}
@media screen and (min-width: 751px) {
		.sec_wm_jobs ul {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				width: 59.8%;
				margin: 0 auto;
		}
}
.sec_wm_jobs li {
		position: relative;
		letter-spacing: 0.04em;
		padding: 0 0 0 15px;
		margin: 0 0 10px 0;
}
@media screen and (min-width: 751px) {
		.sec_wm_jobs li {
				width: 50%;
				margin: 0 0 12px 0;
		}
}
.sec_wm_jobs li::before {
		content: "";
		position: absolute;
		display: block;
		top: 11px;
		left: 0;
		width: 5px;
		height: 5px;
		border-radius: 50%;
}
@media screen and (min-width: 751px) {
		.sec_wm_jobs li::before {
				top: 12px;
		}
}
.sec_wm_jobs_obj01 {
		position: absolute;
		bottom: -6%;
		left: 16px;
		width: 46px;
}
@media screen and (min-width: 751px) {
		.sec_wm_jobs_obj01 {
				bottom: -60px;
				left: 0;
				width: 140px;
		}
}
.sec_wm_jobs_obj02 {
		position: absolute;
		bottom: -6%;
		right: 20px;
		width: 39px;
}
@media screen and (min-width: 751px) {
		.sec_wm_jobs_obj02 {
				bottom: -70px;
				right: 30px;
				width: 130px;
		}
}
.sec_oc {
		position: relative;
		background-color: #111111;
		padding: 60px 0 59px 0;
		z-index: 1;
}
@media screen and (min-width: 751px) {
		.sec_oc {
				padding: 120px 0 156px 0;
		}
}
.sec_oc::before {
		content: "";
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image: url(../images/course/game/oc_bg.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		z-index: -1;
}
.sec_oc.esports::before {
		background-image: url(../images/course/esports/oc_bg.png);
}
.sec_oc.aiit::before {
		background-image: url(../images/course/aiit/oc_bg.png);
}
.sec_oc.media::before {
		background-image: url(../images/course/media/oc_bg.png);
}
.sec_oc .sec_title {
		color: #fff;
}
@media screen and (max-width: 750px) {
		.sec_oc .sec_title {
				-ms-flex-wrap: wrap;
				    flex-wrap: wrap;
				line-height: 1;
		}
}
.sec_oc .sec_title .line {
		background-color: #fff;
}
@media screen and (max-width: 750px) {
		.sec_oc .sec_title .line {
				margin: -3px 5px 0 5px;
		}
}
.sec_oc_list {
		margin: 39px 0 0 0;
}
@media screen and (min-width: 751px) {
		.sec_oc_list {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
				margin: 40px 0 0 0;
		}
}
.sec_oc_list li {
		background-color: #fff;
		margin: 0 0 30px 0;
}
@media screen and (min-width: 751px) {
		.sec_oc_list li {
				width: 47.4%;
				margin: 0;
		}
}
.sec_oc_list li:last-child {
		margin: 0;
}
.sec_oc_list a {
		display: block;
		width: 100%;
		height: 100%;
}
@media screen and (min-width: 751px) {
		.sec_oc_list a {
				-webkit-transition: 0.3s;
				transition: 0.3s;
		}
		.sec_oc_list a:hover {
				opacity: 0.8;
		}
}
.sec_oc_list img {
		height: 100%;
}
.sec_result {
		padding: 60px 0;
}
@media screen and (min-width: 751px) {
		.sec_result {
				padding: 100px 0;
		}
}
.sec_result_content {
		position: relative;
		margin-top: 30px;
		z-index: 1;
}
@media screen and (min-width: 751px) {
		.sec_result_content {
				margin-top: 60px;
		}
}
.sec_result_img {
		border-radius: 2px;
		-webkit-box-shadow: rgba(100, 100, 100, 0.3) 0px 0px 20px;
		        box-shadow: rgba(100, 100, 100, 0.3) 0px 0px 20px;
		overflow: hidden;
		-webkit-transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
		transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
		transition: transform 0.3s, box-shadow 0.3s;
		transition: transform 0.3s, box-shadow 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
}
.sec_result_img:hover {
		-webkit-transform: scale(0.995);
		        transform: scale(0.995);
}
@media screen and (min-width: 751px) {
		.sec_result_img {
				border-radius: 3px;
				-webkit-box-shadow: rgba(100, 100, 100, 0.5) 0px 0px 20px;
				        box-shadow: rgba(100, 100, 100, 0.5) 0px 0px 20px;
		}
}
.sec_result_link {
		display: block;
		width: 100%;
		height: 100%;
}
.sec_result_btn {
		margin-top: 40px;
}
@media screen and (min-width: 751px) {
		.sec_result_btn {
				margin-top: 80px;
		}
}

.section_doc_request + .sec_curriculum {
		border-top: none;
}
/*# sourceMappingURL=list.css.map */