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

	style.css

============================================================================= */
/*===============================================================
	
	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%); 
}
/* ボーダー色 */
.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
	
===============================================================*/
.mainvisual {
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	justify-content: flex-start;
  /*
  overflow: hidden;
  height: 41.96vw;
  background: #000;
  */
}
.mainvisual .txt {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 37%;
  background: url("/course/common/images/svg/texture_top.svg") top right;
  background-size: cover;
}
.mainvisual .txt .title {
  color: #000;
  font-size: 56px;
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
}
.mainvisual .txt .copy_logo {
	max-width: 200px;
	height: auto;
	margin: 0 auto;
	position: absolute;
	z-index: 2;
	top: 30px;
	right: 20px;
}
.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: 200vw;
  padding: 6vw 3vw;
}
.mainvisual .txt .title {
  font-size: 8vw;
}
.mainvisual .txt .title .small {
  font-size: 4vw;
}
.mainvisual .txt .copy_logo {
	max-width: 30vw;
	top: 100%;
	right: 3vw;
	transform: translateY(-50%);
}

}/* for SP max-width: 800px */

/*===============================================================
	
	slick_slider
	
===============================================================*/
.slick_slider .slide {}
.slick_slider .slide .fitimg {
	position: relative;
}
.slick_slider .slide .slide_caption {
	position: absolute;
	bottom: 0;
	right: 0;
	color: #fff;
	font-size: 12px;
	line-height: 1.6;
	text-align: right;
	/*text-shadow: 0 0 5px rgba(0, 0, 0, 1.0);*/
	background: rgba(0, 0, 0, .7);
	padding: .25em 1em;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.slick_slider .slide .slide_caption {
	font-size: 3.0vw;
}
}/* 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;
  font-size: 30px;
  line-height: 1.6;
  font-weight: bold;
  background: linear-gradient(transparent 65%, #ff0 65%);
}/*
.section_top .headline .title:after {
  content: '';
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: -1%;
  width: 102%;
  height: 10px;
  background: #FFFE00;
}*/
.section_top .headline .title .small {
	display: block;
	font-size: .8em;
}
.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_three_skills
	
===============================================================*/
.section_three_skills {}
/* 見出しはsection_four_pointsと共通*/
.section_three_skills .headline,
.section_four_points .headline {
	text-align: center;
}
.section_three_skills .headline .icon,
.section_four_points .headline .icon {
	width: 80px;
	margin: 0 auto;
}
.section_three_skills .headline .eng,
.section_four_points .headline .eng {
	position: relative;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0;
	margin-top: 10px;
}
.section_three_skills .headline .eng:before,
.section_three_skills .headline .eng:after,
.section_four_points .headline .eng:before,
.section_four_points .headline .eng:after {
	content: "";
	position: absolute;
	top: 50%;
	height: 1px;
	width: 60px;
	background: #000;
}
.section_three_skills .headline .eng:before,
.section_four_points .headline .eng:before {
	right: 110%;
}
.section_three_skills .headline .eng:after,
.section_four_points .headline .eng:after {
	left: 110%;
}
.section_three_skills .headline .title,
.section_four_points .headline .title {
	font-size: 30px;
	line-height: 1.0;
	margin-top: .25em;
}
.section_four_points .headline .title {
	margin-top: .75em;
}
.section_three_skills .headline .title .num,
.section_four_points .headline .title .num {
	font-size: 45px;
	background: linear-gradient(transparent 65%, #ff0 65%);/*, #ff0 90%, transparent 90%);*/
}
.section_three_skills .content {
	margin-top: 40px;
}
.section_three_skills .skils {
	display: flex;
}
.section_three_skills .skils .item {
	position: relative;
	width: 28.97196261682243%;
	background: #fff;
	margin-right: 6.542056074766355%;
	box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}
.section_three_skills .skils .item:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 103.225806451612903%;
	width: 16.129032258064516%;
	padding-top: 16.129032258064516%;
	background: url("../images/skils_x.svg") no-repeat center;
	background-size: 100% auto;
	transform: translateY(-50%);
}
.section_three_skills .skils .item:last-child {
	margin-right: 0;
}
.section_three_skills .skils .item:last-child:after {
	content: none;
}
.section_three_skills .skil_headline {
	text-align: center;
	background: #F6AB00;
	padding: 15px 0;
}
.section_three_skills .skil_headline .eng {
	display: inline-block;
	font-size: 18px;
	line-height: 1.2;
	letter-spacing: 0;
	position: relative;
	background: #fff;
	padding: 0 .5em;
}
.section_three_skills .skil_headline .eng:before,
.section_three_skills .skil_headline .eng:after {
	content: "";
	position: absolute;
	top: 0;
	box-sizing: border-box;
	height: 100%;
	width: 3px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.section_three_skills .skil_headline .eng:before {
	left: 0;
	border-left: 1px solid #000;
}
.section_three_skills .skil_headline .eng:after {
	right: 0;
	border-right: 1px solid #000;
}
.section_three_skills .skil_headline .title {
	font-size: 24px;
	line-height: 1.2;
	margin-top: 5px;
}
.section_three_skills .skil_headline p {
	line-height: 1.2;
	margin-top: 5px;
}
.section_three_skills .skil_content {
	padding: 15px;
}
.section_three_skills .skil_content p {
	line-height: 1.6;
}
.section_three_skills .skil_content .fig {
	margin-top: 15px;
}

/* タブレット以下 */
@media screen and (max-width: 1070px) {

}	/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
.section_three_skills .skil_headline,
.section_four_points .skil_headline {
	padding: 10px 0;
}
.section_three_skills .headline .icon,
.section_four_points .headline .icon {
	width: 18vw;
}
.section_three_skills .headline .eng,
.section_four_points .headline .eng {
	font-size: 3.8vw;
	margin-top: 10px;
}
.section_three_skills .headline .eng:before,
.section_three_skills .headline .eng:after,
.section_four_points .headline .eng:before,
.section_four_points .headline .eng:after {
	width: 8vw;
}
.section_three_skills .headline .title,
.section_four_points .headline .title {
	font-size: 5.5vw;
}
.section_three_skills .headline .title .num,
.section_four_points .headline .title .num {
	font-size: 10vw;
}
.section_three_skills .content {
	margin-top: 30px;
}
.section_three_skills .skils {
	display: block;
}
.section_three_skills .skils .item {
	width: 100%;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	margin-right: 0;
	margin-bottom: 60px;
}
.section_three_skills .skils .item:after {
	content: "";
	position: absolute;
	top: auto;
	bottom: -45px;
	left: 50%;
	width: 30px;
	padding-top: 30px;
	background: url("../images/skils_x.svg") no-repeat center;
	background-size: 100% auto;
	transform: translate(-50%, 0);
}
.section_three_skills .skils .item:last-child {
	margin-bottom: 0;
}
.section_three_skills .skil_headline .eng {
	font-size: 3.8vw;
}
.section_three_skills .skil_headline .title {
	font-size: 5.2vw;
}
}/* for SP max-width: 800px */

/*===============================================================
	
	.section_four_points
	
===============================================================*/
.section_four_points .content {
	margin-top: 80px;
}
.section_four_points .points {
	display: flex;
}
.section_four_points .points .item {
	position: relative;
	width: 22.897196261682243%;
	background: #fff;
	margin-right: 2.803738317757009%;
	box-shadow: 0 10px 10px rgba(0, 0, 0, .1);
}
.section_four_points .points .item:last-child {
	margin-right: 0;
}
.section_four_points .points_headline {
	position: relative;
	text-align: center;
	background: #fff100;
	padding: 65px 0 15px;
}
.section_four_points .points_headline .cat {
	position: absolute;
	top: 0;
	left: 50%;
	width: 110px;
	height: 110px;
	border: 2px solid #000;
	border-radius: 55px;
	background: #fff;
	transform: translate(-50%, -50%);
}
.section_four_points .points_headline .cat .icon {
	position: absolute;
	bottom: 50%;
	left: 50%;
	width: 40px;
	transform: translateX(-50%);
}
.section_four_points .graduation .points_headline .cat .icon {
	width: 30px;
}
.section_four_points .points_headline .cat .name {
	position: absolute;
	top: 50%;
	left: 0;
	display: inline-block;
	font-size: 12px;
	line-height: 1.5;
	font-weight: bold;
	letter-spacing: 0;
	position: relative;
	background: #fff100;
	padding: 0 .5em;
	margin-top: 10px;
}
.section_four_points .points_headline .cat .name:before,
.section_four_points .points_headline .cat .name:after {
	content: "";
	position: absolute;
	top: 0;
	box-sizing: border-box;
	height: 100%;
	width: 3px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.section_four_points .points_headline .cat .name:before {
	left: 0;
	border-left: 1px solid #000;
}
.section_four_points .points_headline .cat .name:after {
	right: 0;
	border-right: 1px solid #000;
}
.section_four_points .points_headline .title {
	font-size: 20px;
	line-height: 1.4;
}
.section_four_points .points_content {
	padding: 15px;
}
.section_four_points .points_content p {
	line-height: 1.6;
}
.section_four_points .guraduate {
  text-align: center;
}
.section_four_points .guraduate .arw {
	width: 85px;
	margin: 40px auto;
}
.section_four_points .guraduate .lead .title {
  position: relative;
  display: inline;
  font-size: 30px;
  line-height: 1.6;
  font-weight: bold;
  background: linear-gradient(transparent 65%, #ff0 65%);
}
.section_four_points .guraduate .lead .small {
	display: block;
	font-size: .8em;
}
.section_four_points .guraduate .text {
	margin-top: 30px;
}
.section_four_points .guraduate .text p {
	font-size: 18px;
	font-weight: bold;
}

/* タブレット以下 */
@media screen and (max-width: 1070px) {

}	/* for tablet max-width: 1070px */

/* SP向けレイアウトの指定：～800px */
@media only screen and (max-width: 800px) {
.section_four_points .content {
	margin-top: 16vw;
}
.section_four_points .points {
	display: block;
}
.section_four_points .points .item {
	width: 100%;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	margin-right: 0;
	margin-bottom: 60px;
}
.section_four_points .points .item:last-child {
	margin-bottom: 0;
}
.section_four_points .points_headline {
	padding-top: 14vw;
}
.section_four_points .points_headline .cat {
	width: 24vw;
	height: 24vw;
	border-radius: 12vw;
}
.section_four_points .points_headline .cat .icon {
	width: 7.5vw;
}
.section_four_points .graduation .points_headline .cat .icon {
	width: 5vw;
}
.section_four_points .points_headline .cat .name {
	font-size: 3.0vw;
	margin-top: 5px;
}
.section_four_points .points_headline .title {
	font-size: 4.6vw;
}
.section_four_points .guraduate .arw {
	width: 16vw;
	margin: 8vw auto;
}
.section_four_points .guraduate .lead .title {
  font-size: 5.5vw;
}
.section_four_points .guraduate .text {
	margin-top: 15px;
}
.section_four_points .guraduate .text p {
	font-size: 3.8vw;
	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: #1CD1B6;
  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;
}
.section_support .content > p {
	font-size: 18px;
}

/* タブレット以下 */
@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;
}
.section_support .content > p {
	font-size: 3.8vw;
}

}	/* for SP max-width: 800px */

/*-------------------------------------------------------------
	box
-------------------------------------------------------------*/
.section_support .box {
  box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
  margin-top: 40px;
}
.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;
  color: #fff;
  font-size: 33px;
  line-height: 65px;
  text-align: center;
  background: #1CD1B6;
  border-radius: 50%;
  z-index: 1;
}
.section_support .box .item .head {
  color: #1CD1B6;
  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_4year_course {
	text-align: center;
	position: relative;
}
.section_4year_course::after,
.section_4year_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{
	left: 0;
	background-image: url("/course/common/images/svg/dot_yellow_l.svg");
}
.section_4year_course::before{
	right: 0;
	background-image: url("/course/common/images/svg/dot_yellow_txt2022.svg");
}

.section_4year_course .txt_creative_hearts img {
	width: 50%;
	max-width: 500px;
	height: auto;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
.section_4year_course img {
	width:100%; height: auto;
}
.section_4year_course .course_wrp {
	margin-top: 80px;
}
/* タブレット以下 */
@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 {
	padding-left: 10px;
	padding-right: 10px;
}
.section_4year_course::after,
.section_4year_course::before{
	width:40vw;
	height:50vw;
}
.section_4year_course::after{
	left: -5vw;
}
.section_4year_course::before{
	right: -5vw;
}
.section_4year_course .course_wrp {
	margin-top: 14vw;
}

}/* 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 */