@charset "UTF-8";
/* =============================================================================

	style.css

============================================================================= */
@font-face {
	font-family: "Interstate-Bold-Condensed";
	src:
		url("../../../../common/font/Interstate_BoldCondensed.eot") format("eot"),
		url("../../../../common/font/Interstate_BoldCondensed.woff2") format("woff2"),
		url("../../../../common/font/Interstate_BoldCondensed.woff") format("woff"),
		url("../../../../common/font/Interstate_BoldCondensed.ttf") format("truetype");
}
/*===============================================================
	
	adjust
	
===============================================================*/
.section_wrp {
	background-color: #fff;
}
a {
	transition: all 0.3s;
}
a:hover {
	text-decoration: none;
}
.section_inner {
	padding: 50px 0 80px;
}
.headline + .content {
	margin-top: 20px;
}
.content p {
	font-size: 16px;
	line-height: 1.875;
}
/* タブレット以下 */
@media screen and (max-width: 1070px) {
	.section_inner {
		padding: 50px 20px 80px;
	}
} /* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
	.section_inner {
		padding: 20px;
	}
	.headline + .content {
		margin-top: 15px;
	}
	.content p {
		font-size: 3.5vw;
		line-height: 1.6;
	}
} /* for SP max-width: 800px */
/*-------------------------------------------------------------
	背景色	
-------------------------------------------------------------*/
.bg_color_super_product_design_world {
	background-color: #e60012;
}
.bg_color_super_e_entertainment_world {
	background-color: #93176f;
}
.bg_color_car_world {
	background-color: #59bded;
}
.bg_color_design_world {
	background-color: #fcc800;
}
.bg_color_manga_world {
	background-color: #eb6ea5;
}
.bg_color_manga_illustration_novel_world {
	background-color: #eb6ea5;
}
.bg_color_game_world {
	background-color: #8fc31f;
}
.bg_color_cg_video_animation_world {
	background-color: #74c6be;
}
.bg_color_cg_movie_animation_world {
	background-color: #74c6be;
}
.bg_color_super_product_design_world {
	background: #e60012;
	background: -moz-linear-gradient(left, #e60012 0%, #880000 100%);
	background: -webkit-linear-gradient(left, #e60012 0%, #880000 100%);
	background: linear-gradient(to right, #e60012 0%, #880000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e60012', endColorstr='#880000', GradientType=1);
}
.bg_color_super_e_entertainment_world {
	background: #93176f;
	background: -moz-linear-gradient(left, #93176f 0%, #730356 100%);
	background: -webkit-linear-gradient(left, #93176f 0%, #730356 100%);
	background: linear-gradient(to right, #93176f 0%, #730356 100%);
}
.bg_color_super_comic_world {
	background: #d65e6c;
	background: -moz-linear-gradient(left,  #d65e6c 0%, #b54d59 100%); 
	background: -webkit-linear-gradient(left,  #d65e6c 0%,#b54d59 100%); 
	background: linear-gradient(to right,  #d65e6c 0%,#b54d59 100%); 
}
.bg_color_car_world {
	background: #59bded;
	background: -moz-linear-gradient(left, #59bded 0%, #367099 100%);
	background: -webkit-linear-gradient(left, #59bded 0%, #367099 100%);
	background: linear-gradient(to right, #59bded 0%, #367099 100%);
}
.bg_color_design_world {
	background: #f3c547;
	background: -moz-linear-gradient(left, #f3c547 0%, #efb830 100%);
	background: -webkit-linear-gradient(left, #f3c547 0%, #efb830 100%);
	background: linear-gradient(to right, #f3c547 0%, #efb830 100%);
}
.bg_color_manga_illustration_novel_world {
	background: #EB6EA0;
	background: -moz-linear-gradient(left, #EB6EA0 0%, #EB3F84 100%);
	background: -webkit-linear-gradient(left, #EB6EA0 0%, #EB3F84 100%);
	background: linear-gradient(to right, #EB6EA0 0%, #EB3F84 100%);
}
.bg_color_game_world {
	background: #C3D94E;
	background: -moz-linear-gradient(left, #C3D94E 0%, #8fc31f 100%);
	background: -webkit-linear-gradient(left, #C3D94E 0%, #8fc31f 100%);
	background: linear-gradient(to right, #C3D94E 0%, #8fc31f 100%);
}
.bg_color_cg_movie_animation_world {
	background: #4DBBAA;
	background: -moz-linear-gradient(left, #4DBBAA 0%, #00b197 100%);
	background: -webkit-linear-gradient(left, #4DBBAA 0%, #00b197 100%);
	background: linear-gradient(to right, #4DBBAA 0%, #00b197 100%);
}
/* ボーダー色 */
.border_color_product_design {
	border-color: #e60012;
}
.border_color_technology_design {
	border-color: #008d3f;
}
.border_color_hobby_toy_design {
	border-color: #00a4b8;
}
.border_color_game_graphic_illustration {
	border-color: #93176f;
}
.border_color_game_programmer_planner {
	border-color: #182987;
}
.border_color_vfx_cgimages {
	border-color: #f18904;
}
.border_color_car_design {
	border-color: #59bded;
}
.border_color_car_model {
	border-color: #59bded;
}
.border_color_motorcycle {
	border-color: #59bded;
}
.border_color_graphic_design {
	border-color: #fcc800;
}
.border_color_illustrator {
	border-color: #fcc800;
}
.border_color_interior_design {
	border-color: #fcc800;
}
.border_color_manga {
	border-color: #eb6ea5;
}
.border_color_comic_illustration {
	border-color: #eb6ea5;
}
.border_color_digital_illustration_manga {
	border-color: #eb6ea5;
}
.border_color_novel_scenario {
	border-color: #eb6ea5;
}
.border_color_game_graphic_character {
	border-color: #8fc31f;
}
.border_color_game_planner {
	border-color: #8fc31f;
}
.border_color_game_programmer {
	border-color: #8fc31f;
}
.border_color_3dcg_creator {
	border-color: #74c6be;
}
.border_color_animation {
	border-color: #74c6be;
}
.border_color_movie_video_creator {
	border-color: #74c6be;
}
/* 文字色 */
.color_product_design {
	color: #e60012;
}
.color_technology_design {
	color: #008d3f;
}
.color_hobby_toy_design {
	color: #00a4b8;
}
.color_game_graphic_illustration {
	color: #93176f;
}
.color_game_programmer_planner {
	color: #182987;
}
.color_vfx_cgimages {
	color: #f18904;
}
.color_animation_master {
	color:  #e95568;
}
.color_novel_scenario_master {
	color:  #f6ab00;
}
.color_comic_illustration_master {
	color:  #e4007f;
}
.color_car_design {
	color: #59bded;
}
.color_car_model {
	color: #59bded;
}
.color_motorcycle {
	color: #59bded;
}
.color_graphic_design {
	color: #fcc800;
}
.color_illustrator {
	color: #fcc800;
}
.color_interior_design {
	color: #fcc800;
}
.color_manga {
	color: #eb6ea5;
}
.color_comic_illustration {
	color: #eb6ea5;
}
.color_digital_illustration_manga {
	color: #eb6ea5;
}
.color_novel_scenario {
	color: #eb6ea5;
}
.color_game_graphic_character {
	color: #8fc31f;
}
.color_game_planner {
	color: #8fc31f;
}
.color_game_programmer {
	color: #8fc31f;
}
.color_3dcg_creator {
	color: #74c6be;
}
.color_animation {
	color: #74c6be;
}
.color_movie_video_creator {
	color: #74c6be;
}
/*===============================================================
	
	.mainvisual
	
===============================================================*/
.high_school_1st_2nd #page_mainvisual .container {
	background-image: url("../images/mainvisual.jpg");
}
.high_school_1st_2nd #page_mainvisual .container .catch {
	top: 36%;
	left: 0;
	font-size: 2.6vw;
	text-align: left;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.high_school_1st_2nd #page_mainvisual .container .catch span {
	display: block;
	font-size: .65em;
}
/* タブレット以下 */
@media screen and (max-width: 1070px) {} /* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
	.high_school_1st_2nd #page_mainvisual .container {
		background-image: url("../images/mainvisual_sp.jpg");
	}
	.high_school_1st_2nd #page_mainvisual .container .catch {
		top: 27%;
		left: 20px;
		font-size: 5.4vw;
		/*top: 6.5vw;*/
	}
} /* for SP max-width: 800px */
/*===============================================================
	
	Slider
	
===============================================================*/
.course_potfolio_slider {
	position: relative;
	width: 100%;
	height: 360px;
	overflow: hidden;
}
.course_potfolio_slider ul {
	position: absolute;
	overflow: hidden;
	width: 200%;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
}
.course_potfolio_slider ul li {
	float: left;
	display: none;
}
.course_potfolio_slider ul li img {
	pointer-events: none;
	width: 360px;
}
.course_potfolio .preview_btn {
	display: none;
	position: absolute;
	top: 50%;
	left: 15px;
	width: 20px;
	height: 42px;
	font-size: 0;
	background: url(/course/common/images/top/preview_arrow.svg) no-repeat center;
	background-size: 20px auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-left: 40px;
	cursor: pointer;
	z-index: 10;
}
.course_potfolio .preview_btn.wh {
	background: url(/course/common/images/top/preview_arrow_wh.svg) no-repeat center;
}
.course_potfolio .forward_btn {
	display: none;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 20px;
	height: 42px;
	font-size: 0;
	background: url(/course/common/images/top/forward_arrow.svg) no-repeat center;
	background-size: 20px auto;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-right: 40px;
	cursor: pointer;
	z-index: 10;
}
.course_potfolio .forward_btn.wh {
	background: url("/course/common/images/top/forward_arrow_wh.svg") no-repeat center;
}
@media screen and (max-width: 800px) {
	.course_potfolio .preview_btn {
		margin-left: 5px;
	}
	.course_potfolio .forward_btn {
		margin-right: 5px;
	}
}
@media screen and (max-width: 480px) {
	.course_potfolio_slider {
		height: 160px;
	}
	.course_potfolio_slider ul li {
		float: left;
	}
	.course_potfolio_slider ul li img {
		width: 160px;
	}
	.course_potfolio .preview_btn, .course_potfolio .forward_btn, .course_potfolio .preview_btn.wh, .course_potfolio .forward_btn.wh {
		width: 20px;
		height: 42px;
		background-size: 10px auto;
	}
	.course_potfolio .preview_btn {
		left: 0;
		margin-left: 0;
	}
	.course_potfolio .forward_btn {
		right: 0;
		margin-right: 0;
	}
}
.mainvisual {
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	justify-content: flex-start;
	/*
  overflow: hidden;
  height: 41.96vw;
  background: #000;
  */
}
.mainvisual .txt {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 37%;
	background: #1CD1B6 url("/course/common/images/svg/dot_cg_movie_animation_world_r.svg") no-repeat top right;
	background-size: 300px auto;
}
.mainvisual .txt .title {
	color: #fff;
	font-size: 56px;
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
}
.mainvisual .txt .title .small {
	display: block;
	font-size: 30px;
}
.mainvisual .img {
	width: 63%;
}
/* タブレット以下 */
@media screen and (max-width: 1200px) {
	.mainvisual .txt .title {
		font-size: 4.5vw;
	}
	.mainvisual .txt .title .small {
		font-size: 2.25vw;
	}
} /* for tablet max-width: 1200px */
/* タブレット以下 */
@media screen and (max-width: 1070px) {
	.mainvisual {
		/*
  height: 46.7vw;
  */
	}
	.mainvisual .txt {
		width: 100%;
		padding: 3vw;
	}
	.mainvisual .img {
		width: 100%;
	}
} /* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
	.mainvisual {
		/*
  height: 87.1vw;
  */
	}
	.mainvisual .txt {
		background-size: 35% auto;
		padding: 3vw;
	}
	.mainvisual .txt .title {
		font-size: 8vw;
	}
	.mainvisual .txt .title .small {
		font-size: 4vw;
	}
} /* for SP max-width: 800px */
/*===============================================================
	
	slick_slider
	
===============================================================*/
/* タブレット以下 */
@media screen and (max-width: 1030px) {} /* for tablet max-width: 1030px */
/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {} /* for SP max-width: 736px */
/*===============================================================
	
	.section_top
	
===============================================================*/
.section_top {
	text-align: center;
	background: #F7F5F5;
}
.section_top .section_inner {
	padding-bottom: 50px;
}
.section_top .headline .title {
	position: relative;
	display: inline-block;
	font-size: 30px;
	line-height: 1.4;
	font-weight: bold;
}
.section_top .headline .title:after {
	content: '';
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: -1%;
	width: 102%;
	height: 10px;
	background: #FFFE00;
}
.section_top p {
	font-size: 18px;
	line-height: 2.2;
}
/* タブレット以下 */
@media screen and (max-width: 1070px) {} /* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
	.section_top .section_inner {
		padding-bottom: 20px;
	}
	.section_top .headline .title {
		font-size: 5.5vw;
	}
	.section_top .headline .title:after {
		content: '';
		position: absolute;
		z-index: -1;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 10px;
		background: #FFFE00;
	}
	.section_top .headline .title:before {
		content: '';
		position: absolute;
		z-index: -1;
		bottom: 8vw;
		left: -3%;
		width: 106%;
		height: 10px;
		background: #FFFE00;
	}
	.section_top p {
		font-size: 3.5vw;
		line-height: 1.6;
		text-align: left;
	}
} /* for SP max-width: 800px */
/*===============================================================
	
	section_merit
	
===============================================================*/
.section_merit {
	text-align: center;
}
.section_merit .headline {
	padding-top: 105px;
	background: url("../images/icon_merit.svg") no-repeat top center;
	background-size: 85px 85px;
}
.section_merit .headline .tag {
	display: inline-block;
	font-size: 22px;
	line-height: 1.4;
	font-weight: bold;
	background: #FFFE00;
	padding: 5px 10px;
}
.section_merit .headline .title {
	position: relative;
	font-size: 30px;
	line-height: 1.4;
	font-weight: bold;
	margin-top: 20px;
}
.section_merit .headline .title:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: -2;
	width: 100%;
	height: 1px;
	background: #707070;
}
.section_merit .headline .title:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: -1;
	width: 420px;
	height: 100%;
	background: #fff;
}
.section_merit .item .head {
	font-size: 24px;
	line-height: 1.4;
	font-weight: bold;
	margin-top: 20px;
}
.section_merit .item p {
	font-size: 14px;
	margin-top: 5px;
}
/* タブレット以下 */
@media screen and (max-width: 1070px) {} /* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
	.section_merit .headline {
		padding-top: 22vw;
		background: url("../images/icon_merit.svg") no-repeat top center;
		background-size: 18vw 18vw;
	}
	.section_merit .headline .tag {
		font-size: 4vw;
		padding: 1vw 2vw;
	}
	.section_merit .headline .title {
		font-size: 5.5vw;
		margin-top: 2vw;
	}
	.section_merit .headline .title:after {
		width: 75vw;
	}
	.section_merit p {
		text-align: left;
	}
	.section_merit .item {
		margin-top: 5vw;
	}
	.section_merit .item .head {
		font-size: 4vw;
		margin-top: 3vw;
	}
	.section_merit .item p {
		font-size: 3.5vw;
		text-align: center;
		margin-top: 1vw;
	}
} /* for SP max-width: 800px */
/*===============================================================
	
	headline_wrp
	
===============================================================*/
.headline_wrp {
	text-align: center;
	background: #ff4e4e;
	padding: 25px;
}
.headline_wrp .title {
	color: #fff;
	font-size: 30px;
	line-height: 1.5;
	font-weight: bold;
}
/* タブレット以下 */
@media screen and (max-width: 1070px) {} /* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
	.headline_wrp {
		padding: 2vw;
	}
	.headline_wrp .title {
		font-size: 5vw;
	}
} /* for SP max-width: 800px */
/*===============================================================
	
	section_support
	
===============================================================*/
.section_support {
	text-align: center;
	background: #FAFAFA;
}
.section_support .headline {
	padding-top: 90px;
	background: url("../images/icon_support.svg") no-repeat top center;
	background-size: 70px 70px;
}
.section_support .headline .title {
	position: relative;
	display: inline-block;
	font-size: 49px;
	line-height: 1.4;
	font-weight: bold;
}
.section_support .headline .title .small {
	display: block;
	font-size: 24px;
}
.section_support .headline .title:after {
	content: '';
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: -1%;
	width: 102%;
	height: 15px;
	background: #FFFE00;
}
/* タブレット以下 */
@media screen and (max-width: 1070px) {} /* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
	.section_support .headline {
		padding-top: 20vw;
		background: url("../images/icon_support.svg") no-repeat top center;
		background-size: 16vw 16vw;
	}
	.section_support .headline .title {
		font-size: 8vw;
	}
	.section_support .headline .title .small {
		font-size: 3.5vw;
	}
	.section_support .headline .title:after {
		height: 10px;
	}
	.section_support p {
		text-align: left;
	}
} /* for SP max-width: 800px */
/*-------------------------------------------------------------
	box
-------------------------------------------------------------*/
.section_support .box {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	margin-top: 30px;
}
.section_support .box .subhead {
	font-size: 30px;
	line-height: 1.5;
	background: #FFFE00;
	padding: 15px;
}
.section_support .box .items {
	padding: 35px 35px 45px;
	background: #fff;
}
.section_support .box .items .flex_container {
	margin-top: -30px;
}
.section_support .box .item {
	position: relative;
	margin-top: 50px;
}
.section_support .box .item .tag {
	position: absolute;
	top: -32.5px;
	left: 10px;
	width: 65px;
	height: 65px;
	font-family: "Interstate-Bold-Condensed", sans-serif;
	color: #fff;
	font-size: 33px;
	line-height: 65px;
	text-align: center;
	background: #ff4e4e;
	border-radius: 50%;
  z-index: 1;
}
.section_support .box .item .head {
	color: #ff4e4e;
	font-size: 24px;
	line-height: 1.4;
	font-weight: bold;
	margin-top: 20px;
}
.section_support .box .item p {
	text-align: left;
	margin-top: 10px;
}
/* タブレット以下 */
@media screen and (max-width: 1070px) {
	.section_support .box .items {
		padding: 30px;
	}
} /* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
	.section_support .box {
		margin-top: 4vw;
	}
	.section_support .box .subhead {
		font-size: 5vw;
		padding: 2vw;
	}
	.section_support .box .items {
		padding: 4vw;
	}
	.section_support .box .items .flex_container {
		margin-top: -5vw;
	}
	.section_support .box .item {
		margin-top: 5vw;
	}
	.section_support .box .item .tag {
		top: -2vw;
		left: 5px;
		width: 10vw;
		height: 10vw;
		font-size: 5vw;
		line-height: 10vw;
	}
	.section_support .box .item .head {
		font-size: 5vw;
		margin-top: 3vw;
	}
	.section_support .box .item p {
		margin-top: 1vw;
	}
} /* for SP max-width: 800px */
/*===============================================================
	
	section_event_offer
	
===============================================================*/
.section_event_offer {
	background: #F33C3E;
	text-align: center;
}
.section_event_offer .title {
	font-size: 24px;
	line-height: 1.5;
	color: #fff;
}
.section_event_offer .title strong {
	font-size: 50px;
	display: block;
}
.section_event_offer .bnr {
	margin-top: 20px;
}
.section_event_offer .bnr img {
	width: 100%;
	height: auto;
}
.section_event_offer .bnr a:hover {
	opacity: 0.7;
}
.section_event_offer .bnr a img {
	border: solid 5px #fff;
}
/* タブレット以下 */
@media screen and (max-width: 1070px) {
	.section_event_offer .title {
		font-size: 2.24vw;
	}
	.section_event_offer .title strong {
		font-size: 4.67vw;
	}
	.section_event_offer .bnr {
		margin-top: 1.87vw;
	}
} /* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
	.section_event_offer .title {
		font-size: 3vw;
	}
	.section_event_offer .title strong {
		font-size: 5vw;
	}
	.section_event_offer .bnr {
		margin-top: 3vw;
	}
	.section_event_offer .bnr a img {
		border: solid 2px #fff;
	}
} /* for SP max-width: 800px */
/*===============================================================
	
	section_4year_course/section_3year_course
	
===============================================================*/
.section_4year_course,
.section_3year_course {
	text-align: center;
	position: relative;
	background: #FAFAFA;
	background: -moz-linear-gradient(#fff 0%, #FAFAFA 100%);
	background: -webkit-linear-gradient(#fff 0%, #FAFAFA 100%);
	background: linear-gradient(#fff 0%, #FAFAFA 100%);
}
.section_4year_course::after, .section_4year_course::before,
.section_3year_course::after, .section_3year_course::before {
	content: '';
	position: absolute;
	top: 0;
	width: 300px;
	height: 300px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
	z-index: -1;
}
/*
.section_4year_course::after,
.section_3year_course::after {
	left: 0;
	background-image: url("/course/common/images/svg/dot_yellow_l.svg");
}
.section_4year_course::before,
.section_3year_course::before {
	right: 0;
	background-image: url("/course/common/images/svg/dot_yellow_txt2022.svg");
}
.section_3year_course::before {
	right: 0;
	background-image: url("/course/common/images/svg/dot_yellow_creative_hearts.svg");
}
/*
.section_4year_course .section_inner {
	padding-bottom: 40px;
}
*/
.section_4year_course .txt_creative_hearts img,
.section_3year_course .txt_creative_hearts img {
	width: 50%;
	max-width: 500px;
	height: auto;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
.section_4year_course img,
.section_3year_course img {
	width: 100%;
	height: auto;
}
/* タブレット以下 */
@media screen and (max-width: 1070px) {} /* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
	.section_4year_course .section_inner,
	.section_3year_course .section_inner {
		padding-left: 10px;
		padding-right: 10px;
	}
	.section_4year_course::after, .section_4year_course::before,
	.section_3year_course::after, .section_3year_course::before {
		width: 40vw;
		height: 50vw;
	}
	.section_4year_course::after,
	.section_3year_course::after {
		left: -5vw;
	}
	.section_4year_course::before,
	.section_3year_course::before {
		right: -5vw;
	}
	/*
	.section_4year_course .section_inner {
		padding-bottom: 20px;
	}
	*/
} /* for SP max-width: 800px */
/*===============================================================
	
	course_headline
	
===============================================================*/
.course_headline {
	text-align: center;
}
.course_headline .en {
	font-size: 24px;
	line-height: 1;
}
.course_headline .title {
	display: inline-block;
	font-size: 50px;
	line-height: 1.3;
	font-weight: bold;
	padding: 0 10px 0;
	margin: 0;
	position: relative;
	z-index: 2;
	margin-top: 10px;
}
.course_headline p {
	font-size: 18px;
	line-height: 1.6;
	margin: 20px 0 0;
}
.course_headline .past_course a {
	display: inline-block;
	padding: 8px 18px;
	color: #000;
	border: solid 1px #000;
	font-size: 14px;
	line-height: 1;
	position: relative;
}
.course_headline .past_course a::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 8px;
	margin: auto;
	border: solid 1px #000;
	width: 6px;
	height: 6px;
	border-top: none;
	border-left: none;
	transform: rotate(-45deg);
	transition: all 0.3s;
}
.course_headline .past_course a:hover {
	opacity: 0.5;
}
/* タブレット以下 */
@media screen and (max-width: 1070px) {
	.course_headline .en {
		font-size: 2.5vw;
	}
	.course_headline .title {
		font-size: 3.3vw;
		padding: 0 1vw 0.2vw;
		margin-top: 1vw;
	}
	.course_headline p {
		font-size: 1.6vw;
		line-height: 1.6;
		margin: 1.8vw 0 0;
	}
} /* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
	.course_headline .en {
		font-size: 4vw;
		line-height: 1;
		letter-spacing: 0.3em;
		padding-top: 2vw;
	}
	.course_headline .title {
		font-size: 7vw;
		letter-spacing: 0;
		margin-top: 1vw;
	}
	.course_headline p {
		font-size: 3.8vw;
		line-height: 1.6;
		letter-spacing: 0;
		margin-top: 2vw;
	}
	.course_headline .past_course {
		margin-top: 4vw;
	}
} /* for SP max-width: 800px */

/*===============================================================
	
	section_interview
	
===============================================================*/
.section_interview {
	background: #FAFAFA;
}
/* タブレット以下 */
@media screen and (max-width: 1070px) {} /* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {} /* for SP max-width: 800px */
/*===============================================================
	
	headline_clap
	
===============================================================*/
.headline_clap {
	padding-top: 90px;
	background: url("../images/icon_handclap.svg") no-repeat top center;
	background-size: 70px 70px;
}
.headline_clap .title {
	position: relative;
	display: inline-block;
	font-size: 49px;
	line-height: 1.4;
	font-weight: bold;
}
.headline_clap .title .small {
	display: block;
	font-size: 24px;
}
/* タブレット以下 */
@media screen and (max-width: 1070px) {} /* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
	.headline_clap {
		padding-top: 20vw;
		background-size: 16vw 16vw;
	}
	.headline_clap .title {
		font-size: 8vw;
		line-height: 1.3;
	}
	.headline_clap .title .small {
		font-size: 4vw;
		padding-bottom: 2vw;
	}
} /* for SP max-width: 800px */
/*===============================================================
	
	content_ob_interview
	
===============================================================*/
.headline + .content_ob_interview, .content_ob_interview + .content_ob_interview, .content_ob_interview {
	background: #fff;
	padding: 40px;
	margin-top: 50px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.content_ob_interview .interview_block, .content_ob_interview .title_block, .content_ob_interview .status_block {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.content_ob_interview .title_block {
	color: #fff;
	background: #1E1C3F;
	padding: 10px 15px;
	align-items: center;
	margin-top: 15px;
}
.content_ob_interview .status_block {
	align-items: center;
	flex-direction: row-reverse;
}
.content_ob_interview .interview_block .item {
	width: calc((100% - 30px)/2);
	margin-top: 30px;
}
/* タブレット以下 */
@media screen and (max-width: 1070px) {
	.headline + .content_ob_interview, .content_ob_interview + .content_ob_interview, .content_ob_interview {
		padding: 3.74vw;
		margin-top: 4.67vw;
	}
} /* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
	.headline + .content_ob_interview, .content_ob_interview + .content_ob_interview, .content_ob_interview {
		padding: 5.00vw;
		margin-top: 6.25vw;
	}
	.content_ob_interview .title_block {
		padding: 2vw 5vw;
		margin-top: 4vw;
		width: calc(100% + 10vw);
		margin-left: -5vw;
		box-sizing: border-box;
	}
	.content_ob_interview .interview_block .item {
		width: 100%;
		margin-top: 5vw;
	}
	.content_ob_interview .status_block {
		flex-direction: column;
	}
} /* for SP max-width: 800px */
/*-------------------------------------------------------------
	content_ob_interview txt	
-------------------------------------------------------------*/
.content_ob_interview {
	width: calc(100% + 30px);
	margin-left: -15px;
}
.content_ob_interview .company {
	font-size: 30px;
	line-height: 1.4;
	color: #1E1C3F;
}
.content_ob_interview .job {
	font-size: 20px;
	line-height: 1.4;
	color: #4D47A3;
	padding: 2px 10px;
	background: rgba(77, 71, 163, 0.1);
	font-weight: bold;
}
.content_ob_interview .ob_name {
	font-size: 30px;
	line-height: 1.4;
}
.content_ob_interview .ob_name span {
	font-size: 20px;
	line-height: 1.4;
}
.content_ob_interview .course_name {
	font-size: 20px;
	line-height: 1.4;
}
.content_ob_interview .profile .txt {
	font-size: 12px;
	line-height: 1.6;
	padding: 15px;
	background: #f1f1f1;
	letter-spacing: 0;
}
.content_ob_interview .comment .title {
	font-size: 20px;
	line-height: 1.4;
	color: #4D47A3;
}
.content_ob_interview .comment p + .title {
	margin-top: 30px;
}
.content_ob_interview .comment p {
	font-size: 14px;
	line-height: 1.6;
	margin-top: 10px;
}
/* タブレット以下 */
@media screen and (max-width: 1070px) {
	.content_ob_interview .company {
		font-size: 2.80vw;
	}
	.content_ob_interview .job {
		font-size: 2.06vw;
	}
	.content_ob_interview .ob_name {
		font-size: 2.80vw;
	}
	.content_ob_interview .ob_name span {
		font-size: 1.87vw;
	}
	.content_ob_interview .course_name {
		font-size: 1.87vw;
		letter-spacing: 0;
	}
	.content_ob_interview .profile .txt {
		font-size: 1.12vw;
		margin-top: 1.40vw;
	}
	.content_ob_interview .comment .title {
		font-size: 1.87vw;
	}
	.content_ob_interview .comment p + .title {
		margin-top: 2.80vw;
	}
	.content_ob_interview .comment p {
		font-size: 1.31vw;
		margin-top: 0.93vw;
	}
} /* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
	.content_ob_interview .company {
		font-size: 5.5vw;
		margin-top: 2vw;
		letter-spacing: 0;
	}
	.content_ob_interview .job {
		font-size: 4vw;
	}
	.content_ob_interview .ob_name {
		font-size: 6vw;
	}
	.content_ob_interview .ob_name span {
		font-size: 3vw;
	}
	.content_ob_interview .course_name {
		font-size: 3vw;
		text-align: right;
	}
	.content_ob_interview .profile .txt {
		font-size: 3.2vw;
		line-height: 1.4;
		margin-top: 0vw;
		padding: 3vw;
		background: #f1f1f1;
	}
	.content_ob_interview .comment .title {
		font-size: 4vw;
	}
	.content_ob_interview .comment p + .title {
		margin-top: 4vw;
	}
	.content_ob_interview .comment p {
		font-size: 3.5vw;
		margin-top: 2vw;
	}
} /* for SP max-width: 800px */
/*===============================================================
	
	flip_box_wrp
	
===============================================================*/
.flip_box_wrp {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	color: #fff;
	padding-top: 30px;
}
.flip_box_wrp img {
	width: 100%;
	height: auto;
}
.flip_box_wrp .flip_box {
	width: 50%;
	box-sizing: border-box;
	padding: 50px;
	border-top: solid 1px #fff;
}
.flip_box_wrp .flip_box:nth-child(even) {
	border-left: solid 1px #fff;
}
/* タブレット以下 */
@media screen and (max-width: 1070px) {
	.flip_box_wrp .flip_box {
		padding: 30px;
	}
} /* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
	.flip_box_wrp {
		padding-top: 2vw;
	}
	.flip_box_wrp .flip_box {
		width: 100%;
		padding: 8vw;
	}
	.flip_box_wrp .flip_box:nth-child(even) {
		border-left: solid 0px #fff;
	}
} /* for SP max-width: 800px */
/*-------------------------------------------------------------
	flip_box_wrp .flip_box	
-------------------------------------------------------------*/
.flip_box_wrp .flip_box {
	position: relative;
}
.flip_box_wrp .flip_box .front_side, .flip_box_wrp .flip_box .back_side {
	padding: 0;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	transition: all 0.3s;
	/*	transform-style: preserve-3d;*/
}
.flip_box_wrp .flip_box .front_side {
	max-width: 500px;
}
.flip_box_wrp .flip_box .back_side {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	padding: 50px;
	box-sizing: border-box;
	background: rgba(0, 0, 0, 0.5);
	/*	transform: rotateY(180deg);*/
}
.flip_box_wrp .flip_box .back_side .txt_block {
	max-width: 500px;
	margin: 0 auto;
}
.flip_box_wrp .flip_box.flip .front_side {
	opacity: 0.1;
	/*	transform: rotateY(180deg);*/
}
.flip_box_wrp .flip_box.flip .back_side {
	display: block;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	/*	transform: rotateY(0deg);*/
}
.flip_box_wrp .flip_box .title_block {
	width: 100%;
}
.flip_box_wrp .flip_box .profile_block {
	margin-top: 20px;
}
.flip_box_wrp .flip_box .flip_btn {
	max-width: 250px;
	width: 100%;
	margin: 0 auto;
	margin-top: 20px;
}
.flip_box_wrp .flip_box .flip_btn a {
	text-align: center;
	color: #fff;
	border: solid 1px #fff;
	font-size: 18px;
	display: block;
	padding: 10px;
}
.flip_box_wrp .flip_box .flip_btn a:hover {
	background: rgba(255, 255, 255, 0.2);
}
/* タブレット以下 */
@media screen and (max-width: 1070px) {
	.flip_box_wrp {
		width: calc(100% + 40px);
		margin-left: -20px;
	}
	.flip_box_wrp .flip_box .profile_block {
		margin-top: 1.87vw;
	}
	.flip_box_wrp .flip_box .flip_btn {
		max-width: 23.36vw;
		margin-top: 1.87vw;
	}
	.flip_box_wrp .flip_box .flip_btn a {
		font-size: 1.68vw;
		padding: 0.93vw;
	}
} /* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
	.flip_box_wrp .flip_box {}
	.flip_box_wrp .flip_box .back_side {
		display: block;
		position: static;
		height: 0;
		padding: 0;
		overflow: hidden;
		margin-top: 0vw;
		background: none;
	}
	.flip_box_wrp .flip_box .profile_block {
		margin-top: 3vw;
	}
	.flip_box_wrp .flip_box .flip_btn {
		max-width: 50vw;
		margin-top: 5vw;
	}
	.flip_box_wrp .flip_box .flip_btn a {
		font-size: 4vw;
		padding: 2vw;
	}
	.flip_box_wrp .flip_box.flip .front_side {
		opacity: 1;
	}
	.flip_box_wrp .flip_box.flip .front_side .flip_btn {
		display: none;
	}
	.flip_box_wrp .flip_box.flip .back_side {
		height: auto;
		margin-top: 5vw;
	}
} /* for SP max-width: 800px */
/*-------------------------------------------------------------
	flip_box txt	
-------------------------------------------------------------*/
.flip_box .job {
	font-size: 16px;
	line-height: 1.4;
}
.flip_box .company_name {
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: 1px;
	margin-top: 10px;
}
.flip_box .company_name span {
	font-size: 16px;
	line-height: 1.4;
	background: #fff;
	padding: 2px 5px;
	margin-right: 10px;
	color: #000;
}
.flip_box .course_name {
	font-size: 16px;
	line-height: 1.4;
	margin-top: 20px;
	letter-spacing: 0.1px;
}
.flip_box .name {
	font-size: 25px;
	line-height: 1.4;
	font-weight: bold;
}
.flip_box .name span {
	font-size: 14px;
	line-height: 1.4;
	font-weight: bold;
}
.flip_box .txt_block p {
	font-size: 16px;
	line-height: 1.6;
}
/* タブレット以下 */
@media screen and (max-width: 1200px) {
	.flip_box .job {
		font-size: 1.33vw;
	}
	.flip_box .company_name {
		font-size: 1.50vw;
		margin-top: 0.83vw;
	}
	.flip_box .company_name span {
		font-size: 1.33vw;
		padding: 0.42vw;
		margin-right: 0.83vw;
	}
	.flip_box .course_name {
		font-size: 1.33vw;
		margin-top: 1.67vw;
	}
	.flip_box .name {
		font-size: 2.08vw;
	}
	.flip_box .name span {
		font-size: 1.17vw;
	}
	.flip_box .txt_block p {
		font-size: 1.33vw;
	}
} /* for tablet max-width: 1070px */
/* タブレット以下 */
@media screen and (max-width: 1070px) {
	.flip_box .job {
		font-size: 1.50vw;
	}
	.flip_box .company_name {
		font-size: 1.5vw;
		margin-top: 0.93vw;
	}
	.flip_box .company_name span {
		font-size: 1.50vw;
		padding: 0.47vw;
		margin-right: 0.93vw;
	}
	.flip_box .course_name {
		font-size: 1.50vw;
		margin-top: 1.87vw;
	}
	.flip_box .name {
		font-size: 2.34vw;
	}
	.flip_box .name span {
		font-size: 1.31vw;
	}
	.flip_box .txt_block p {
		font-size: 1.3vw;
	}
} /* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
	.flip_box .job {
		font-size: 3.2vw;
	}
	.flip_box .company_name {
		font-size: 5.8vw;
		margin-top: 0vw;
		line-height: 1.5;
	}
	.flip_box .company_name span {
		font-size: 4vw;
		padding: 0 1vw;
		margin-right: 2vw;
	}
	.flip_box .course_name {
		font-size: 4vw;
		margin-top: 3vw;
	}
	.flip_box .name {
		font-size: 6vw;
	}
	.flip_box .name span {
		font-size: 3.5vw;
	}
	.flip_box .txt_block p {
		font-size: 3.5vw;
	}
} /* for SP max-width: 800px */
/*-------------------------------------------------------------
	バリエーション	
-------------------------------------------------------------*/
.bg_color_super_product_design_world .company_name span {
	color: #e60012;
}
.bg_color_super_e_entertainment_world .company_name span {
	color: #93176f;
}
.bg_color_car_world .company_name span {
	color: #59bded;
}
.bg_color_design_world .company_name span {
	color: #fcc800;
}
.bg_color_manga_illustration_novel_world .company_name span {
	color: #eb6ea5;
}
.bg_color_game_world .company_name span {
	color: #8fc31f;
}
.bg_color_cg_movie_animation_world .company_name span {
	color: #74c6be;
}
/*===============================================================
	
	section_results
	
===============================================================*/
.section_results {}
/* タブレット以下 */
@media screen and (max-width: 1070px) {} /* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
	.section_results .content {
		width: calc(100% + 40px);
		margin-left: -20px;
		margin-top: 1vw !important;
	}
} /* for SP max-width: 800px */