@charset "UTF-8";
/*===============================================================
	変数
===============================================================*/
/*　画面左右のマージン　*/
/*　幅　*/
/*	グリッド幅  */
/*	セクション、コンテンツ間のマージン　*/
/*===============================================================
	色
===============================================================*/
/*===============================================================
	変数
===============================================================*/
/*　画面左右のマージン　*/
/*　幅　*/
/*	グリッド幅  */
/*	セクション、コンテンツ間のマージン　*/
/*===============================================================
	色
===============================================================*/
/* =============================================================================

	style.css

============================================================================= */
a {
  transition: all 0.3s;
}

a:hover {
  text-decoration: none;
}

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

	section_educationsystem

===============================================================*/
/* PCのみ */
@media screen and (min-width: 1071px) {
  .section_educationsystem .section_inner {
    padding: 60px 0 100px 0;
  }
}
/* for tablet min-width: 1071px */
/*-------------------------------------------------------------
	.section_educationsystem .content_column
-------------------------------------------------------------*/
.section_educationsystem .content_column {
  position: relative;
}

.section_educationsystem .content_column .title {
  font-size: 25px;
  line-height: 1.4;
}

.section_educationsystem .content_column p {
  font-size: 16px;
  line-height: 2;
  margin-top: 1em;
}

.product_design .content_column .title {
  color: #e60012;
}

.technology_design .content_column .title {
  color: #008d3f;
}

.hobby_toy_design .content_column .title {
  color: #00a4b8;
}

.game_graphic_illustration .content_column .title {
  color: #93176f;
}

.game_programmer_planner .content_column .title {
  color: #182987;
}

.vfx_cgimages .content_column .title {
  color: #f18904;
}

/* タブレット以下 */
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media screen and (max-width: 800px) {
  .section_educationsystem .content_column .title {
    font-size: 5vw;
    line-height: 1.4;
  }
  .section_educationsystem .content_column p {
    font-size: 4vw;
    line-height: 1.6;
    margin-top: 1em;
  }
  .sp_mt0 {
    margin-top: 0 !important;
  }
}
/* for SP max-width: 800px */
/*-------------------------------------------------------------
	content_photos	
-------------------------------------------------------------*/
.content_photos {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.content_photos .photo {
  width: 48%;
  margin-top: 30px;
}

.content_photos .photo:nth-child(1),
.content_photos .photo:nth-child(2) {
  margin-top: 0;
}

.content_photos .photo img {
  width: 100%;
  height: auto;
}

.content_photos .photo p {
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.4;
  text-align: left;
}

/*
.section_educationsystem .content + .content_photos {
	margin-top: 40px;
}*/
/* タブレット以下 */
/* for tablet max-width: 1030px */
/* SP向けレイアウトの指定：～800px */
@media screen and (max-width: 800px) {
  .content_photos .photo p {
    margin-top: 1vw;
    font-size: 3vw;
  }
  .content_photos .photo {
    width: 48%;
    margin-top: 3vw;
  }
}
/* for SP max-width: 800px */
/*===============================================================

	section_mainvisual_pagetitle

===============================================================*/
.section_mainvisual_pagetitle .main_fig {
  position: relative;
  height: 100%;
  min-height: 100%;
  height: calc(100vh - 250px);
  min-height: inherit;
  height: calc(100vh - 150px);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-color: #000;
  z-index: 100;
}

.section_mainvisual_pagetitle .main_fig img {
  display: none;
}

.section_mainvisual_pagetitle .main_fig .copyright {
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: #fff;
  font-size: 10px;
  line-height: 1.2;
  text-align: left;
  mix-blend-mode: difference;
  opacity: 0.5;
}

/* タブレット以下 */
@media screen and (max-width: 1450px) {
  .section_mainvisual_pagetitle .wide_width {
    padding: 0 0;
  }
}
/* for tablet max-width: 1070px */
/* タブレット以下 */
@media screen and (max-width: 1180px) {
  .section_mainvisual_pagetitle .main_fig {
    /*	height: calc(100vh - 21.19vw);*/
  }
}
/* for tablet max-width: 1070px */
/* タブレット以下 */
@media screen and (max-width: 1000px) {
  .section_mainvisual_pagetitle .main_fig {
    height: calc(100vh - 100px);
  }
  .section_mainvisual_pagetitle .main_fig img {
    width: 100%;
    height: auto;
  }
}
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media screen and (max-width: 800px) {
  .section_mainvisual_pagetitle .main_fig {
    height: auto;
  }
  .section_mainvisual_pagetitle .main_fig img {
    display: block;
    width: 100%;
    height: auto;
  }
}
/* for SP max-width: 800px */
/*-------------------------------------------------------------
	.section_mainvisual_pagetitle .pagetitle_block
-------------------------------------------------------------*/
.section_mainvisual_pagetitle .pagetitle_block {
  width: 100%;
  height: auto;
  min-height: 250px;
  color: #fff;
  background: #000;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 20px 0;
  /* タブレット以下 */
  /* for tablet max-width: 1070px */
  /* タブレット以下 */
  /* for tablet max-width: 1070px */
  /* タブレット */
  /* for TABLET */
  /* SP */
  /* for SP */
}
.section_mainvisual_pagetitle .pagetitle_block .title_block {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 150px;
  padding-top: 30px;
  position: relative;
}
.section_mainvisual_pagetitle .pagetitle_block .title_block .logo {
  margin-left: auto;
}
.section_mainvisual_pagetitle .pagetitle_block .title_block .logo img {
  height: 90px;
  width: auto;
}
.section_mainvisual_pagetitle .pagetitle_block .txt_block {
  border-top: solid 1px rgba(255, 255, 255, 0.2);
  padding: 30px 0;
}
.section_mainvisual_pagetitle .pagetitle_block .wide_width {
  position: relative;
}
.section_mainvisual_pagetitle .pagetitle_block .wide_width::after,
.section_mainvisual_pagetitle .pagetitle_block .wide_width::before {
  content: "";
  position: absolute;
  top: 40px;
  right: -50px;
  width: 100px;
  height: 1px;
  background: #fff;
  opacity: 0.5;
}
.section_mainvisual_pagetitle .pagetitle_block .wide_width::before {
  top: 30px;
  right: -20px;
  width: 1px;
  height: 90px;
}
.section_mainvisual_pagetitle .pagetitle_block .wide_width::after {
  top: 115px;
  right: -23px;
  width: 1px;
  height: 6px;
  transform: rotate(45deg);
}
.section_mainvisual_pagetitle .pagetitle_block .title_block::after {
  opacity: 0.5;
  position: absolute;
  top: 50px;
  right: -55px;
  content: "SCROLL";
  color: #fff;
  font-size: 10px;
  line-height: 1;
  transform: rotate(90deg);
}
@media screen and (max-width: 1450px) {
  .section_mainvisual_pagetitle .pagetitle_block {
    padding: 0 50px;
  }
}
@media screen and (max-width: 1180px) {
  .section_mainvisual_pagetitle .pagetitle_block {
    padding: 30px;
    padding-top: 0;
    min-height: 21.19vw;
  }
  .section_mainvisual_pagetitle .pagetitle_block .title_block .logo img {
    height: 7.63vw;
  }
  .section_mainvisual_pagetitle .pagetitle_block .wide_width::after,
  .section_mainvisual_pagetitle .pagetitle_block .wide_width::before,
  .section_mainvisual_pagetitle .pagetitle_block .title_block::after {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  .section_mainvisual_pagetitle .pagetitle_block {
    position: relative;
  }
  .section_mainvisual_pagetitle .pagetitle_block .title_block {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 130px;
    padding-top: 20px;
  }
}
@media screen and (max-width: 800px) {
  .section_mainvisual_pagetitle .pagetitle_block {
    padding: 20px;
    height: auto;
    position: relative;
  }
  .section_mainvisual_pagetitle .pagetitle_block .title_block .logo {
    position: absolute;
    top: -13px;
    right: 15px;
    width: 20vw;
    z-index: 999;
  }
  .section_mainvisual_pagetitle .pagetitle_block .title_block .logo img {
    width: 100%;
    height: auto;
  }
  .section_mainvisual_pagetitle .pagetitle_block .title_block .txt {
    width: 100%;
  }
  .section_mainvisual_pagetitle .pagetitle_block .title_block:has(img) .txt {
    width: 70%;
  }
  .section_mainvisual_pagetitle .pagetitle_block .title_block {
    height: auto;
    padding-top: 0;
  }
  .section_mainvisual_pagetitle .pagetitle_block .txt_block {
    margin-top: 5vw;
    padding: 3vw 0;
  }
}

/*-------------------------------------------------------------
	foo	
-------------------------------------------------------------*/
.section_mainvisual_pagetitle .title_block .subtitle {
  font-size: 18px;
  line-height: 1.4;
  padding-top: 8px;
}

.section_mainvisual_pagetitle .title_block .title {
  font-size: 40px;
  line-height: 1.4;
}

.section_mainvisual_pagetitle .txt_block .title {
  font-size: 16px;
  line-height: 1.4;
}

.section_mainvisual_pagetitle .txt_block p {
  font-size: 16px;
  line-height: 1.6;
  margin-top: 20px;
}
.section_mainvisual_pagetitle .txt_block p strong {
  display: inline-block;
  padding-bottom: 5px;
}

.section_mainvisual_pagetitle .txt_block p + p {
  margin-top: 30px;
}

/* タブレット以下 */
@media screen and (max-width: 1180px) {
  .section_mainvisual_pagetitle .title_block .subtitle {
    font-size: 1.9vw;
    padding-top: 0px;
  }
  .section_mainvisual_pagetitle .title_block .title {
    font-size: 3.5vw;
  }
  .section_mainvisual_pagetitle .txt_block .title {
    font-size: 1.69vw;
  }
  .section_mainvisual_pagetitle .txt_block p {
    font-size: 1.19vw;
    margin-top: 0.42vw;
  }
}
/* for tablet max-width: 1070px */
/* タブレット以下 */
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media screen and (max-width: 800px) {
  .section_mainvisual_pagetitle .title_block .subtitle {
    font-size: 3vw;
    line-height: 1.4;
  }
  .section_mainvisual_pagetitle .title_block .title {
    font-size: 5.5vw;
    line-height: 1.3;
    margin-top: 1vw;
  }
  .section_mainvisual_pagetitle .txt_block .title {
    font-size: 3.8vw;
    line-height: 1.4;
  }
  .section_mainvisual_pagetitle .txt_block p {
    font-size: 3.5vw;
    line-height: 1.6;
    margin-top: 3vw;
  }
  .section_mainvisual_pagetitle .txt_block p strong {
    padding-bottom: 2vw;
  }
  .section_mainvisual_pagetitle .txt_block p + p {
    margin-top: 5vw;
  }
}
/* for SP max-width: 800px */
/*-------------------------------------------------------------
	sub_fig	
-------------------------------------------------------------*/
.sub_fig {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sub_fig .fitimg {
  width: 50%;
  height: auto;
}

.sub_fig_3column .fitimg {
  width: 33.3333333333%;
}

/* タブレット以下 */
@media screen and (max-width: 1000px) {
  .sub_fig {
    width: calc(100% + 40px);
    margin-left: -20px;
  }
}
/* for tablet max-width: 1030px */
/* SP向けレイアウトの指定：～800px */
/* for SP max-width: 800px */
/*===============================================================

	content_box_wrp

===============================================================*/
.content_box_wrp {
  position: relative;
  box-sizing: border-box;
  padding: 50px 0 100px 0;
  /*
  .flex_container_reverse {
  	flex-direction:row-reverse;
  }
  */
  /* タブレット以下 */
  /* for tablet max-width: 1070px */
  /* for tablet max-width: 1070px */
  /* タブレット以下 */
  /* for tablet max-width: 1070px */
  /* SP向けレイアウトの指定：～800px */
  /* for SP max-width: 800px */
}
.content_box_wrp .flex_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.content_box_wrp + .content_box_wrp {
  margin-top: 60px;
}
.content_box_wrp .content_box_wrp img {
  width: 100%;
  height: auto;
}
.content_box_wrp .content + .title_block,
.content_box_wrp .content + .content {
  margin-top: 80px;
}
.content_box_wrp .content + .content_bt {
  padding-top: 60px;
  border-top: 2px dotted #ccc;
}
.content_box_wrp .title_block + .content,
.content_box_wrp .title_block + .title_block {
  margin-top: 30px;
}
.content_box_wrp .flex_align_center {
  align-items: center;
}
.content_box_wrp .flex_align_end {
  align-items: flex-end;
}
.content_box_wrp .flex_row_reverse {
  flex-direction: row-reverse;
}
.content_box_wrp .flex_row_reverse .col_2_1:nth-child(1) {
  margin-right: 0;
}
.content_box_wrp .flex_row_reverse .col_2_1:nth-child(2n) {
  margin-right: 2.8037383178%;
}
@media screen and (max-width: 1450px) {
  .content_box_wrp {
    padding: 50px;
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 1220px) {
  .content_box_wrp {
    padding: 50px;
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 1000px) {
  .content_box_wrp {
    padding: 30px 0;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 800px) {
  .content_box_wrp {
    padding: 5vw 0;
    padding-bottom: 10vw;
  }
  .content_box_wrp + .content_box_wrp {
    margin-top: 7vw;
  }
  .content_box_wrp .sp_flex_column_reverse {
    flex-direction: column-reverse !important;
  }
  .content_box_wrp .sp_flex_row_reverse {
    flex-direction: row-reverse !important;
  }
  .content_box_wrp .content + .title_block,
  .content_box_wrp .content + .content {
    margin-top: 8vw;
  }
  .content_box_wrp .content + .content_bt {
    padding-top: 8vw;
    border-top: 2px dotted #ccc;
  }
  .content_box_wrp .content + .content_sp_div {
    padding-top: 8vw;
    border-top: dashed 1px #ddd;
  }
  .content_box_wrp .title_block + .content,
  .content_box_wrp .title_block + .title_block {
    margin-top: 3vw;
  }
  .content_box_wrp .flex_container * + .col_2_1,
  .content_box_wrp .flex_container * + .col_3_1,
  .content_box_wrp .flex_container * + .col_3_2,
  .content_box_wrp .flex_container .col_5_1 {
    margin-top: 6vw;
  }
  .content_box_wrp .flex_container .col_4_1 {
    margin-top: 3vw;
  }
  .content_box_wrp .flex_container .col_4_1:nth-child(1),
  .content_box_wrp .flex_container .col_4_1:nth-child(2),
  .content_box_wrp .flex_container .col_3_1 * + .col_2_1,
  .content_box_wrp .flex_container .col_2_1 * + .col_2_1 {
    margin-top: 0;
  }
  .content_box_wrp .flex_container .sp_narrow_width {
    margin: 0 auto;
    width: 75%;
  }
  .content_box_wrp .flex_row_reverse .col_2_1:nth-child(1),
  .content_box_wrp .flex_row_reverse .col_2_1:nth-child(2n) {
    margin-right: 0;
  }
  .content_box_wrp .flex_column_reverse_sp {
    flex-direction: column-reverse;
  }
}

/*-------------------------------------------------------------
	float_container
-------------------------------------------------------------*/
.float_container .float_item_30 {
  width: 30%;
}

.float_container .float_item_48 {
  width: 48%;
}

.float_container .float_item_r {
  float: right;
  margin-left: 40px;
  margin-bottom: 20px;
}

.float_container .float_item_l {
  float: left;
  margin-right: 40px;
  margin-bottom: 20px;
}

.content_box_wrp .float_container .float_item + * {
  margin: 0;
}

/* タブレット以下 */
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media screen and (max-width: 800px) {
  .content_box_wrp .float_container .float_item + * {
    margin-top: 6vw;
  }
  .float_container .float_item_30,
  .float_container .float_item_48 {
    width: 100%;
  }
  .float_container .float_item_r {
    float: none;
    margin-left: 0;
    margin-bottom: 0;
  }
  .float_container .float_item_l {
    float: none;
    margin-right: 0;
    margin-bottom: 0;
  }
  .content_box_wrp .float_item .sp_narrow_width {
    margin: 0 auto;
    width: 75%;
  }
}
/* for SP max-width: 800px */
/*-------------------------------------------------------------
	qa_wrp
-------------------------------------------------------------*/
.txt_block * + .qa_wrp {
  margin-top: 30px;
}

.txt_block .qa_wrp .q {
  font-size: 18px;
  line-height: 1.8;
  font-weight: bold;
}

.txt_block .qa_wrp * + .q {
  margin-top: 2em;
}

.txt_block .qa_wrp .a {
  margin-top: 1em;
}

.txt_block .qa_wrp .a.bold {
  font-weight: bold;
}

.txt_block .qa_wrp .a .name {
  font-weight: bold;
  margin-right: 1em;
}

.txt_block .interview_name {
  font-weight: bold;
  margin-right: 1em;
}

/* タブレット以下 */
@media screen and (max-width: 1000px) {
  .txt_block .qa_wrp .q {
    font-size: 1.5vw;
    line-height: 1.7;
  }
}
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media screen and (max-width: 800px) {
  .txt_block .qa_wrp {
    margin-top: 4vw;
  }
  .txt_block .qa_wrp .q {
    font-size: 3.5vw;
  }
  .txt_block .qa_wrp * + .q {
    margin-top: 1em;
  }
}
/* for SP max-width: 800px */
/*-------------------------------------------------------------
	content_aside
-------------------------------------------------------------*/
.content_aside {
  padding: 30px;
  background: #eee;
  box-sizing: border-box;
  border: 1px solid #000;
}

/* タブレット以下 */
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media screen and (max-width: 800px) {
  .content_aside {
    padding: 5vw;
    border: 1px solid #000;
  }
}
/* for SP max-width: 800px */
/*-------------------------------------------------------------
	content_box_wrp_title	
-------------------------------------------------------------*/
.content_box_wrp_title {
  position: absolute;
  padding: 10px 20px;
  border-width: 5px;
  border-style: solid;
  border-color: #000;
  background: #fff;
  top: -30px;
}

.content_box_wrp_title .title {
  font-size: 20px;
  line-height: 1;
}

/* タブレット以下 */
@media screen and (max-width: 1000px) {
  .content_box_wrp_title {
    padding: 1vw 2vw;
    top: -3vw;
  }
  .content_box_wrp_title .title {
    font-size: 2vw;
  }
}
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media screen and (max-width: 800px) {
  .content_box_wrp_title {
    padding: 2vw 5vw;
    top: -6vw;
    border-width: 3px;
  }
  .content_box_wrp_title .title {
    font-size: 4vw;
  }
}
/* for SP max-width: 800px */
/*-------------------------------------------------------------
	photo_left	
-------------------------------------------------------------*/
.photo_left {
  float: left;
  padding-right: 20px;
  padding-bottom: 20px;
  width: 25%;
}

.photo_right {
  float: right;
  padding-left: 20px;
  padding-bottom: 20px;
  width: 25%;
}

/* タブレット以下 */
@media screen and (max-width: 1000px) {
  .photo_left {
    padding-right: 2vw;
    padding-bottom: 2vw;
    width: 25%;
  }
  .photo_right {
    padding-left: 2vw;
    padding-bottom: 2vw;
    width: 25%;
  }
}
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media screen and (max-width: 800px) {
  .photo_left {
    padding-right: 3vw;
    padding-bottom: 3vw;
    width: 25%;
  }
  .photo_right {
    padding-left: 3vw;
    padding-bottom: 3vw;
    width: 25%;
  }
}
/* for SP max-width: 800px */
/*-------------------------------------------------------------
	.content_box_wrp .title_number_block
-------------------------------------------------------------*/
.content_box_wrp .title_number_block {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
  /* タブレット */
  /* for TABLET */
  /* SP */
  /* for SP */
}
.content_box_wrp .title_number_block .en {
  font-size: 25px;
  font-size: 85px;
  font-size: 60px;
  line-height: 1;
}
.content_box_wrp .title_number_block .title {
  font-size: 20px;
  line-height: 1.4;
  font-weight: bold;
  transform: translateY(-3px);
}
.content_box_wrp .title_number_block .sub {
  font-size: 14px;
  line-height: 1.3;
  font-weight: bold;
  transform: translateY(-5px);
}
.content_box_wrp .title_number_block .en + .title,
.content_box_wrp .title_number_block .sub + .title,
.content_box_wrp .title_number_block .title + .sub,
.content_box_wrp .title_number_block .en + .sub {
  padding-left: 10px;
}
.content_box_wrp .title_number_block .num {
  font-size: 50px;
  line-height: 1;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  .content_box_wrp .title_number_block .en {
    font-size: 7.9vw;
  }
  .content_box_wrp .title_number_block .title {
    font-size: 1.5vw;
    transform: translateY(-0.5vw);
  }
  .content_box_wrp .title_number_block .sub {
    font-size: 1.3vw;
    transform: translateY(-0.7vw);
  }
  .content_box_wrp .title_number_block .en + .title,
  .content_box_wrp .title_number_block .sub + .title,
  .content_box_wrp .title_number_block .title + .sub,
  .content_box_wrp .title_number_block .en + .sub {
    padding-left: 1vw;
  }
}
@media screen and (max-width: 800px) {
  .content_box_wrp .title_number_block .en {
    font-size: 4vw;
    font-size: 12vw;
    line-height: 1;
  }
  .content_box_wrp .title_number_block .title {
    font-size: 4vw;
    transform: translateY(-1.2vw);
  }
  .content_box_wrp .title_number_block .sub {
    font-size: 3.5vw;
    transform: translateY(-1vw);
  }
  .content_box_wrp .title_number_block .en + .title,
  .content_box_wrp .title_number_block .sub + .title,
  .content_box_wrp .title_number_block .title + .sub,
  .content_box_wrp .title_number_block .en + .sub {
    padding-left: 2vw;
    line-height: 4vw;
  }
}

/*-------------------------------------------------------------
	.content_box_wrp	txt_block
-------------------------------------------------------------*/
.content_box_wrp {
  /* タブレット */
  /* for TABLET */
  /* SP */
  /* for SP */
}
.content_box_wrp * + .txt_block {
  margin-top: 20px;
}
.content_box_wrp .title_number_block + .txt_block {
  margin-top: 10px;
}
.content_box_wrp .txt_block + .title_number_block {
  margin-top: 30px;
}
.content_box_wrp .txt_block .head_title {
  font-size: 35px;
  line-height: 1.4;
  border-bottom: solid 5px #000;
  padding-bottom: 20px;
}
.content_box_wrp .txt_block .title {
  font-size: 25px;
  line-height: 1.4;
}
.content_box_wrp .txt_block .subtitle {
  font-size: 20px;
  line-height: 1.4;
}
.content_box_wrp .txt_block * + .subtitle {
  margin-top: 1em;
}
.content_box_wrp .txt_block p + .subtitle {
  margin-top: 2em;
}
.content_box_wrp .txt_block .title span.subtitle {
  font-size: 16px;
  padding-left: 5px;
  font-weight: normal;
}
.content_box_wrp .txt_block p {
  font-size: 16px;
  line-height: 1.8;
}
.content_box_wrp .txt_block * + p {
  margin-top: 1em;
}
.content_box_wrp .txt_block .title + p {
  margin-top: 1em;
}
.content_box_wrp .txt_block .subtitle + p {
  margin-top: 0.7em;
}
.content_box_wrp .txt_block .num {
  display: inline-block;
  color: #fff;
  background: #d7000f;
  width: 28px;
  font-size: 14px;
  line-height: 28px;
  border-radius: 50%;
  margin-right: 10px;
  text-align: center;
  transform: translateY(-2px);
}
.content_box_wrp .txt_block .l {
  font-size: 1.5em;
}
.content_box_wrp .txt_block .s {
  font-size: 0.9em;
}
.content_box_wrp .txt_block .ss {
  font-size: 0.6em;
}
.content_box_wrp .txt_block .title span.subtitle {
  font-size: 14px;
}
.content_box_wrp .txt_block .label {
  color: #fff;
  background: #333;
  display: inline-block;
  padding: 0 5px;
}
.content_box_wrp .txt_block .label + * {
  margin-top: 10px;
}
.content_box_wrp .photo_block * + p {
  margin-top: 0.35em;
}
.content_box_wrp .photo_block .txt_block {
  margin-top: 10px;
}
.content_box_wrp .photo_block .txt_block .title {
  font-size: 18px;
  line-height: 1.4;
}
.content_box_wrp .photo_block .txt_block p {
  font-size: 14px;
  line-height: 1.4;
}
.content_box_wrp .photo_block + .photo_block {
  margin-top: 20px;
}
.content_box_wrp .col_2_1.photo_block + .col_2_1.photo_block {
  margin-top: 0;
}
.content_box_wrp .txt_block + .photo_block {
  margin-top: 30px;
}
@media screen and (max-width: 1000px) {
  .content_box_wrp * + .txt_block {
    margin-top: 20px;
  }
  .content_box_wrp .txt_block + .title_number_block {
    margin-top: 30px;
  }
  .content_box_wrp .txt_block .head_title {
    font-size: 3vw;
    line-height: 1.4;
  }
  .content_box_wrp .txt_block .title {
    font-size: 2.5vw;
    line-height: 1.4;
  }
  .content_box_wrp .txt_block .subtitle {
    font-size: 2.2vw;
  }
  .content_box_wrp .txt_block .title span.subtitle {
    font-size: 1.5vw;
    padding-left: 0.5vw;
  }
  .content_box_wrp .txt_block p {
    font-size: 1.5vw;
    line-height: 1.7;
  }
  .content_box_wrp .txt_block .title span.subtitle {
    font-size: 1.3vw;
  }
  .content_box_wrp .photo_block .txt_block .title {
    font-size: 1.7vw;
  }
  .content_box_wrp .photo_block .txt_block .title span.subtitle {
    font-size: 1.3vw;
  }
  .content_box_wrp .photo_block .txt_block p {
    font-size: 1.3vw;
  }
  .content_box_wrp .photo_block .txt_block {
    margin-top: 1vw;
  }
  .content_box_wrp .col_2_1.photo_block + .col_2_1.photo_block {
    margin-top: 0;
  }
}
@media screen and (max-width: 800px) {
  .content_box_wrp * + .txt_block {
    margin-top: 4vw;
  }
  .content_box_wrp .title_number_block + .txt_block {
    margin-top: 2vw;
  }
  .content_box_wrp .txt_block + .title_number_block {
    margin-top: 6vw;
  }
  .content_box_wrp .txt_block .head_title {
    font-size: 6vw;
    padding-bottom: 2vw;
  }
  .content_box_wrp .txt_block .title {
    font-size: 5vw;
  }
  .content_box_wrp .txt_block .subtitle {
    font-size: 4.5vw;
  }
  .content_box_wrp .txt_block .title span.subtitle {
    font-size: 3.5vw;
    padding-left: 1vw;
  }
  .content_box_wrp .txt_block p {
    font-size: 3.5vw;
    line-height: 1.6;
  }
  .content_box_wrp .photo_block .txt_block {
    margin-top: 2vw;
  }
  .content_box_wrp .photo_block .txt_block .title {
    font-size: 4vw;
  }
  .content_box_wrp .photo_block .txt_block .title span.subtitle {
    font-size: 3.5vw;
  }
  .content_box_wrp .photo_block .txt_block p {
    font-size: 3.5vw;
  }
  .content_box_wrp .photo_block .txt_block {
    margin-top: 3vw;
  }
  .content_box_wrp .col_2_1.photo_block + .col_2_1.photo_block {
    margin-top: 0;
  }
}

/*-------------------------------------------------------------
	lively_line
-------------------------------------------------------------*/
.content_box_wrp .txt_block .title.lively_line_h2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.content_box_wrp .txt_block .title.lively_line_h2:before,
.content_box_wrp .txt_block .title.lively_line_h2:after {
  content: "";
  display: block;
  width: 80px;
  height: 2px;
  background: #ddd;
}

.content_box_wrp .txt_block .title.lively_line_h2:before {
  transform: rotate(60deg);
}

.content_box_wrp .txt_block .title.lively_line_h2:after {
  transform: rotate(-60deg);
}

/* タブレット以下 */
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
/* for SP max-width: 800px */
/*-------------------------------------------------------------
	sub_txt_block	
-------------------------------------------------------------*/
.content_box_wrp * + .sub_txt_block {
  margin-top: 20px;
}
@media screen and (max-width: 1000px) {
  .content_box_wrp * + .sub_txt_block {
    margin-top: 2vw;
  }
}
@media screen and (max-width: 800px) {
  .content_box_wrp * + .sub_txt_block {
    margin-top: 4vw;
  }
}

.content_box_wrp .sub_txt_block {
  padding-top: 20px;
  border-top: solid 1px #eee;
}

.content_box_wrp .sub_txt_block {
  /* タブレット以下 */
  /* for tablet max-width: 1070px */
  /* SP向けレイアウトの指定：～800px */
  /* for SP max-width: 800px */
}
.content_box_wrp .sub_txt_block .title {
  font-size: 18px;
  line-height: 1.6;
}
.content_box_wrp .sub_txt_block p {
  font-size: 14px;
  line-height: 1.8;
}
.content_box_wrp .sub_txt_block * + p {
  margin-top: 1em;
}
.content_box_wrp .sub_txt_block .sub_title + p {
  margin-top: 0.2em;
}
.content_box_wrp .sub_txt_block .caption {
  margin-top: 5px;
}
.content_box_wrp .sub_txt_block .caption p {
  font-size: 0.7em;
  line-height: 1.3;
}
.content_box_wrp .sub_txt_block .caption .name {
  font-size: 1em;
  font-weight: 500;
}
.content_box_wrp .sub_txt_block .caption .name span {
  font-size: 0.7em;
  font-weight: normal;
}
@media screen and (max-width: 1000px) {
  .content_box_wrp .sub_txt_block {
    padding-top: 2vw;
  }
  .content_box_wrp .sub_txt_block .title {
    font-size: 2vw;
  }
  .content_box_wrp .sub_txt_block p {
    font-size: 1.3vw;
  }
}
@media screen and (max-width: 800px) {
  .content_box_wrp .sub_txt_block {
    padding-top: 4vw;
  }
  .content_box_wrp .sub_txt_block .title {
    font-size: 4.5vw;
  }
  .content_box_wrp .sub_txt_block p {
    font-size: 3.5vw;
    line-height: 1.6;
  }
}

/*-------------------------------------------------------------
	coment_box	
-------------------------------------------------------------*/
.content_box_wrp {
  /* タブレット */
  /* for TABLET */
  /* SP */
  /* for SP */
}
.content_box_wrp .coment_box {
  border: solid 2px #ccc;
  border-radius: 5px;
  padding: 25px;
}
.content_box_wrp .coment_box .title {
  font-size: 20px;
}
.content_box_wrp .coment_box .subtitle {
  font-size: 16px;
}
.content_box_wrp .coment_box * + p {
  margin-top: 0.5em;
}
.content_box_wrp .coment_box p {
  font-size: 14px;
}
.content_box_wrp .txt_block + .coment_box {
  margin-top: 30px;
}
@media screen and (max-width: 800px) {
  .content_box_wrp .coment_box {
    border-radius: 20px;
    padding: 5vw;
  }
  .content_box_wrp .coment_box .title {
    font-size: 4vw;
  }
  .content_box_wrp .coment_box .subtitle {
    font-size: 3.5vw;
  }
  .content_box_wrp .coment_box * + p {
    margin-top: 0.5em;
  }
  .content_box_wrp .coment_box p {
    font-size: 3.5vw;
  }
  .content_box_wrp .txt_block + .coment_box {
    margin-top: 4vw;
  }
}

/*-------------------------------------------------------------
	photo_block	
-------------------------------------------------------------*/
.content_box_wrp .photo_block {
  /* タブレット */
  /* for TABLET */
  /* SP */
  /* for SP */
}
.content_box_wrp .photo_block .caption {
  margin-top: 10px;
}
.content_box_wrp .photo_block .caption p {
  font-size: 12px;
  line-height: 1.4;
}
.content_box_wrp .photo_block .caption * + * {
  margin-top: 3px;
}
.content_box_wrp .photo_block .caption * + .read {
  margin-top: 10px;
}
.content_box_wrp .photo_block .caption .name {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
}
.content_box_wrp .photo_block .caption .name span {
  font-size: 12px;
  line-height: 1.2;
}
.content_box_wrp .photo_block .photo_title {
  color: #fff;
  background: #000;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.2;
  font-weight: normal;
}
.content_box_wrp .photo_block .head {
  color: #fff;
  font-size: 14px;
  line-height: 1;
  font-weight: bold;
  text-align: right;
  padding: 8px;
  margin-left: -40px;
}
.content_box_wrp .photo_block .head + .photo {
  margin-top: 20px;
}
.content_box_wrp .photo_block .copyright {
  font-size: 12px;
  line-height: 1.4;
  margin-top: 1em;
}
@media screen and (max-width: 1000px) {
  .content_box_wrp .photo_block .caption {
    margin-top: 1vw;
  }
  .content_box_wrp .photo_block .caption p {
    font-size: 1.3vw;
  }
  .content_box_wrp .photo_block .caption * + * {
    margin-top: 0.5vw;
  }
  .content_box_wrp .photo_block .caption .name {
    font-size: 1.7vw;
  }
  .content_box_wrp .photo_block .caption .name span {
    font-size: 1.1vw;
  }
  .content_box_wrp .photo_block .photo_title {
    padding: 0.5vw 1vw;
    font-size: 1.3vw;
  }
  .content_box_wrp .photo_block .copyright {
    font-size: 1.2vw;
  }
}
@media screen and (max-width: 800px) {
  .content_box_wrp .photo_block .caption {
    margin-top: 2vw;
  }
  .content_box_wrp .photo_block .caption p {
    font-size: 3.5vw;
  }
  .content_box_wrp .photo_block .caption * + * {
    margin-top: 1vw;
  }
  .content_box_wrp .photo_block .caption .name {
    font-size: 3.8vw;
  }
  .content_box_wrp .photo_block .caption .name span {
    font-size: 3vw;
  }
  .content_box_wrp .photo_block .photo_title {
    padding: 1vw 2vw;
    font-size: 3.5vw;
  }
  .content_box_wrp .photo_block .head {
    font-size: 4vw;
    text-align: center;
    padding: 2vw;
    margin-left: 0;
  }
  .content_box_wrp .photo_block .head + .photo {
    margin-top: 2vw;
  }
  .content_box_wrp .photo_block .copyright {
    font-size: 10px;
  }
  .content_box_wrp .photo_block .sp_narrow_width + .copyright {
    text-align: center;
  }
}

/*-------------------------------------------------------------
	.content_box_wrp .photo_block	生徒
-------------------------------------------------------------*/
.content_box_wrp .photo_block {
  /* タブレット */
  /* for TABLET */
  /* SP */
  /* for SP */
}
.content_box_wrp .photo_block .student_photo {
  border-radius: 500px;
  overflow: hidden;
  background: #eee;
  z-index: 1;
  will-change: transform;
}
.content_box_wrp .photo_block .student_photo img {
  width: 100%;
  height: auto;
}
/*-------------------------------------------------------------
	.content_box_wrp	
-------------------------------------------------------------*/
.content_box_wrp {
  /* タブレット */
  /* for TABLET */
  /* SP */
  /* for SP */
}
.content_box_wrp .col_2_1 .col_2_1 .name {
  margin-top: 3px;
}
.content_box_wrp .col_2_1 .col_2_1 .caption p {
  font-size: 0.6em;
  line-height: 1.5;
}
.content_box_wrp .col_2_1 .col_2_1 .name p {
  font-size: 0.7em;
  line-height: 1.4;
}
@media screen and (max-width: 800px) {
  .content_box_wrp .col_2_1.photo_block + .col_2_1.photo_block {
    margin-top: 4vw;
  }
  .content_box_wrp .col_2_1.photo_block + .sp_2_1.photo_block {
    margin-top: 0vw;
  }
}

/*-------------------------------------------------------------
	.content_box_wrp .faq_block	
-------------------------------------------------------------*/
.content_box_wrp .faq_block {
  /* タブレット */
  /* for TABLET */
  /* SP */
  /* for SP */
}
.content_box_wrp .faq_block .faq_q {
  font-size: 18px;
  line-height: 1.4;
  padding-left: 60px;
  position: relative;
}
.content_box_wrp .faq_block .faq_q::after {
  content: "Q";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  font-size: 55px;
  line-height: 1;
  color: #fc0;
}
.content_box_wrp .faq_block .faq_a {
  margin-top: 20px;
  padding-top: 20px;
  border-top: dashed 1px #ccc;
}
.content_box_wrp .faq_block .faq_a .title {
  font-size: 16px;
  line-height: 1.4;
}
.content_box_wrp .faq_block .faq_a * + p {
  margin-top: 10px;
}
.content_box_wrp .faq_block .faq_a p {
  font-size: 14px;
  line-height: 1.4;
}
@media screen and (max-width: 1000px) {
  .content_box_wrp .faq_block .faq_q {
    font-size: 1.7vw;
    padding-left: 6vw;
  }
  .content_box_wrp .faq_block .faq_q::after {
    font-size: 5vw;
  }
  .content_box_wrp .faq_block .faq_a {
    margin-top: 2vw;
    padding-top: 2vw;
  }
  .content_box_wrp .faq_block .faq_a .title {
    font-size: 1.5vw;
  }
  .content_box_wrp .faq_block .faq_a * + p {
    margin-top: 1vw;
  }
  .content_box_wrp .faq_block .faq_a p {
    font-size: 1.3vw;
  }
}
@media screen and (max-width: 800px) {
  .content_box_wrp .faq_block .faq_q {
    font-size: 4vw;
    padding-left: 10vw;
    padding-top: 4vw;
    border-top: solid 1px #fc0;
  }
  .content_box_wrp .faq_block .faq_q::after {
    font-size: 9vw;
    transform: translateY(3vw);
  }
  .content_box_wrp .faq_block .faq_a {
    margin-top: 4vw;
    padding-top: 4vw;
  }
  .content_box_wrp .faq_block .faq_a .title {
    font-size: 4vw;
  }
  .content_box_wrp .faq_block .faq_a * + p {
    margin-top: 2vw;
  }
  .content_box_wrp .faq_block .faq_a p {
    font-size: 3.5vw;
  }
}

/*-------------------------------------------------------------
	advice_block	
-------------------------------------------------------------*/
.advice_block {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.advice_block .item {
  width: 48.5%;
  border: 1px solid #000;
  padding: 20px;
  margin-top: 30px;
}

.advice_block .item .head {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
  padding: 10px 20px;
  margin: -20px -20px 0;
}

.advice_block .item .head .name {
  font-size: 14px;
  line-height: 1;
  font-weight: bold;
}

.advice_block .item .read {
  font-size: 14px;
  line-height: 1.8;
  margin-top: 20px;
}

.advice_block .item .read + .img {
  margin-top: 10px;
}

.advice_block .item .comment {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
}

.advice_block .item .comment .img {
  width: 15%;
}

.advice_block .item .comment .txt {
  width: 82%;
  margin-top: 0;
}

.advice_block .item .comment .txt .tag {
  font-size: 13px;
  line-height: 1.8;
  font-weight: bold;
}

.advice_block .item .comment .txt p {
  font-size: 13px;
  line-height: 1.8;
}

/* タブレット以下 */
@media screen and (max-width: 1000px) {
  .advice_block .item .head {
    display: block;
    font-size: 1.8vw;
  }
  .advice_block .item .head .name {
    display: block;
    font-size: 1.4vw;
    margin-top: 10px;
  }
  .advice_block .item .read {
    font-size: 1.4vw;
  }
  .advice_block .item .comment .txt .tag {
    font-size: 1.3vw;
  }
  .advice_block .item .comment .txt p {
    font-size: 1.3vw;
  }
}
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media screen and (max-width: 800px) {
  .advice_block .item {
    width: 100%;
    padding: 4vw;
    margin-top: 4vw;
  }
  .advice_block .item .head {
    font-size: 4vw;
    padding: 3vw;
    margin: -4vw -4vw 0;
  }
  .advice_block .item .head .name {
    font-size: 3.5vw;
    margin-top: 2vw;
  }
  .advice_block .item .read {
    font-size: 3.5vw;
    line-height: 1.6;
    margin-top: 4vw;
  }
  .advice_block .item .read + .img {
    margin: 4vw -4vw 0;
  }
  .advice_block .item .comment {
    position: relative;
    margin-top: 6vw;
  }
  .advice_block .item .comment .img {
    position: absolute;
    top: -1vw;
    left: 0;
    width: 10%;
  }
  .advice_block .item .comment .txt {
    width: 100%;
  }
  .advice_block .item .comment .txt .tag {
    font-size: 4vw;
    line-height: 1.6;
    margin-left: 12%;
  }
  .advice_block .item .comment .txt p {
    font-size: 3.5vw;
    line-height: 1.6;
    margin-top: 1vw;
  }
}
/* for SP max-width: 800px */
/*-------------------------------------------------------------
	timeline
-------------------------------------------------------------*/
.timeline .head {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
}

.timeline .head:before,
.timeline .head:after {
  content: "";
  width: 40px;
  height: 2px;
  background: #000;
}

.timeline .head:before {
  transform: rotate(60deg);
}

.timeline .head:after {
  transform: rotate(-60deg);
}

.timeline .read {
  font-size: 16px;
  line-height: 1.6;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
}

/* タブレット以下 */
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media screen and (max-width: 800px) {
  .timeline .head {
    font-size: 5vw;
  }
  .timeline .head:before,
  .timeline .head:after {
    content: "";
    width: 15vw;
    height: 2px;
    background: #000;
  }
  .timeline .head:before {
    transform: rotate(60deg);
  }
  .timeline .head:after {
    transform: rotate(-60deg);
  }
  .timeline .read {
    font-size: 4vw;
    margin-top: 2vw;
  }
}
/* for SP max-width: 800px */
/*-------------------------------------------------------------
	timeline detail
-------------------------------------------------------------*/
.timeline .detail {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 80px;
}

.timeline .detail .item {
  flex: 1;
  position: relative;
  z-index: 1;
  text-align: center;
}

.timeline .detail .item .line {
  position: absolute;
  z-index: -1;
  top: 5px;
  right: -50%;
  margin: auto;
  width: 100%;
  height: 10px;
}

.timeline .detail .item:last-child .line {
  display: none;
}

.timeline .detail .item_off .line:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ddd;
}

.timeline .detail .item .start {
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  text-align: center;
}

.timeline .detail .item .chance {
  position: absolute;
  top: -45px;
  left: calc(50% - 50px);
  margin: auto;
  width: 100px;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  text-align: center;
  padding: 5px 0;
  border-radius: 5px;
  background: #000;
}

.timeline .detail .item .chance:after {
  content: "";
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  margin: auto;
  width: 8px;
  height: 8px;
  border-top: 8px solid #000;
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid transparent;
  box-sizing: border-box;
}

.timeline .detail .item .dot {
  width: 20px;
  height: 20px;
  margin: 0 auto;
  border-radius: 50%;
  border: 3px solid #000;
}

.timeline .detail .item .month {
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
  margin-top: 5px;
}

.timeline .detail .item p {
  font-size: 14px;
  line-height: 1.3;
  font-weight: bold;
  margin-top: 10px;
}

/* タブレット以下 */
@media screen and (max-width: 1000px) {
  .timeline .detail {
    width: 105%;
    margin-left: -2.5%;
  }
}
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media screen and (max-width: 800px) {
  .timeline .detail {
    width: 100%;
    margin-left: 0;
    margin-top: 2vw;
  }
  .timeline .detail .item {
    flex: auto;
    width: 25%;
    position: relative;
    z-index: 1;
    margin-top: 10vw;
  }
  .timeline .detail .item .line {
    position: absolute;
    z-index: -1;
    top: 1vw;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 2vw;
  }
  .timeline .detail .item:first-child .line {
    left: 50%;
    right: auto;
  }
  .timeline .detail .item:last-child .line {
    display: block;
    left: auto;
    right: auto;
    width: 50%;
  }
  .timeline .detail .item_off .line:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 50%;
    height: 100%;
    background: #ddd;
  }
  .timeline .detail .item_off + .item .line:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: #ddd;
  }
  .timeline .detail .item .start {
    top: -5vw;
    font-size: 3.5vw;
    line-height: 1;
  }
  .timeline .detail .item .chance {
    top: -8vw;
    left: calc(50% - 11vw);
    width: 22vw;
    font-size: 3.5vw;
    line-height: 1;
    padding: 1vw 0;
  }
  .timeline .detail .item .chance:after {
    top: 5vw;
    width: 2vw;
    height: 2vw;
    border-top: 2vw solid #000;
    border-right: 2vw solid transparent;
    border-bottom: 2vw solid transparent;
    border-left: 2vw solid transparent;
  }
  .timeline .detail .item .dot {
    width: 4vw;
    height: 4vw;
    margin: 0 auto;
    border-radius: 50%;
    border: 0.5vw solid #000;
  }
  .timeline .detail .item .month {
    font-size: 4vw;
    margin-top: 1vw;
  }
  .timeline .detail .item p {
    font-size: 3.5vw;
    margin-top: 1vw;
  }
}
/* for SP max-width: 800px */
/*-------------------------------------------------------------
	bg_on_txt	
-------------------------------------------------------------*/
.bg_on_txt {
  background: #eee;
  padding: 25px;
  position: relative;
  border-radius: 20px;
  /* タブレット */
  /* for TABLET */
  /* SP */
  /* for SP */
}
.bg_on_txt::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -40px;
  margin: auto;
  width: 10px;
  height: 10px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid #eee;
  border-width: 20px;
  transform: translate(3px, 0);
  box-sizing: border-box;
  transition: all 0.3s;
}
.bg_on_txt .comment_txt {
  line-height: 1.6;
  font-size: 0.8em !important;
}
@media screen and (max-width: 800px) {
  .bg_on_txt {
    padding: 3vw;
  }
  .bg_on_txt::after {
    top: 0;
    bottom: 0;
    left: -10vw;
    margin: auto;
    width: 10px;
    height: 10px;
    border-width: 5vw;
    transform: translate(3px, 0);
    box-sizing: border-box;
    transition: all 0.3s;
  }
  .flex_align_end .bg_on_txt::after {
    top: auto;
    bottom: 5vw;
  }
  .sp_flex_row_reverse .bg_on_txt::after {
    left: auto;
    right: -8vw;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #eee;
    border-right: 5px solid transparent;
    border-width: 5vw;
  }
  .bg_on_txt .comment_txt {
    line-height: 1.5;
    font-size: 3vw !important;
  }
}

/*-------------------------------------------------------------
	popup_title	
-------------------------------------------------------------*/
.content_box_wrp .popup_title {
  background: #eee;
  color: #000;
  padding: 15px;
  border-radius: 2px;
  position: relative;
}

.content_box_wrp .popup_title::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -28px;
  margin: auto;
  width: 20px;
  height: 20px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid #eee;
  box-sizing: border-box;
  border-width: 15px;
}

.content_box_wrp .popup_title_left::after {
  right: -28px;
  left: auto;
  border-left-color: #eee;
  border-right-color: transparent;
}

.content_box_wrp .popup_title .title {
  font-size: 22px;
}

/* タブレット以下 */
@media screen and (max-width: 1000px) {
  .content_box_wrp .popup_title {
    padding: 1.5vw;
  }
  .content_box_wrp .popup_title::after {
    top: 0;
    bottom: 0;
    left: -2.8vw;
    margin: auto;
    width: 2vw;
    height: 2vw;
    border-width: 1.5vw;
  }
  .content_box_wrp .popup_title_left::after {
    right: -2.8vw;
    left: auto;
  }
  .content_box_wrp .popup_title .title {
    font-size: 2vw;
  }
}
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media screen and (max-width: 800px) {
  .content_box_wrp .popup_title {
    padding: 3vw;
  }
  .content_box_wrp .popup_title::after {
    top: -7vw;
    bottom: auto;
    left: 0;
    right: 0;
    margin: auto;
    width: 4vw;
    height: 4vw;
    border-width: 4vw;
    border-top-color: transparent;
    border-bottom-color: #eee;
    border-left-color: transparent;
    border-right-color: transparent;
  }
  .content_box_wrp .popup_title_left::after {
    right: 0;
    left: 0;
    top: auto;
    bottom: -7vw;
    border-top-color: #eee;
    border-bottom-color: transparent;
  }
  .content_box_wrp .popup_title .title {
    font-size: 3.8vw;
  }
}
/* for SP max-width: 800px */
/*-------------------------------------------------------------
	title_bar	
-------------------------------------------------------------*/
.content_box_wrp .title_bar {
  width: 100%;
}

.content_box_wrp .title_bar .title {
  padding: 10px;
  text-align: center;
  font-size: 20px;
  line-height: 1.5;
  color: #fff;
  background: #000;
}

.content_box_wrp .title_bar_arw .title {
  position: relative;
  display: inline-block;
  padding-right: 0;
}

.content_box_wrp .title_bar_arw .title::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -50px;
  margin: auto;
  width: 30px;
  height: 30px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000;
  border-right: 5px solid transparent;
  border-width: 25px;
  box-sizing: border-box;
  transition: all 0.3s;
}

/* タブレット以下 */
@media screen and (max-width: 1000px) {
  .content_box_wrp .title_bar .title {
    padding: 1vw;
    font-size: 2vw;
  }
  .content_box_wrp .title_bar_arw .title::after {
    right: -5vw;
    width: 5vw;
    height: 5vw;
    border-width: 2.5vw;
  }
}
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media screen and (max-width: 800px) {
  .content_box_wrp .title_bar .title {
    padding: 2vw;
    font-size: 4vw;
  }
  .content_box_wrp .title_bar_arw .title::after {
    right: -10vw;
    width: 10vw;
    height: 10vw;
    border-width: 5vw;
  }
}
/* for SP max-width: 800px */
/*-------------------------------------------------------------
	title_case	
-------------------------------------------------------------*/
.content_box_wrp .title_case {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.content_box_wrp .title_case .label {
  padding: 5px 0 5px 10px;
  text-align: center;
  font-size: 16px;
  line-height: 1;
  color: #fff;
  background: #000;
  display: inline-block;
  position: relative;
}

.content_box_wrp .title_case .label::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -26px;
  margin: auto;
  width: 10px;
  height: 10px;
  border-top: 5px solid #000;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000;
  border-right: 5px solid transparent;
  box-sizing: border-box;
  transition: all 0.3s;
  border-width: 13px;
}

.content_box_wrp .title_case .title {
  font-size: 20px;
  line-height: 1.4;
  padding-left: 30px;
}

/* タブレット以下 */
@media screen and (max-width: 1000px) {
  .content_box_wrp .title_case .label {
    padding: 0.5vw 0.5vw 0.5vw 1vw;
    font-size: 1.5vw;
  }
  .content_box_wrp .title_case .label::after {
    right: -2.4vw;
    width: 1vw;
    height: 1vw;
    border-width: 1.25vw;
  }
  .content_box_wrp .title_case .title {
    font-size: 1.9vw;
    line-height: 1.4;
    padding-left: 2.9vw;
  }
}
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media screen and (max-width: 800px) {
  .content_box_wrp .title_case {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .content_box_wrp .title_case .label {
    padding: 1.5vw 2vw;
    font-size: 3.5vw;
    line-height: 1;
  }
  .content_box_wrp .title_case .label::after {
    content: "";
    position: absolute;
    top: auto;
    bottom: -6vw;
    right: 0;
    left: 0;
    margin: auto;
    border-top: 5px solid #000;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-width: 4vw;
  }
  .content_box_wrp .title_case .title {
    font-size: 4.5vw;
    line-height: 1.4;
    padding-left: 0;
    margin-top: 1.5vw;
  }
}
/* for SP max-width: 800px */
/*-------------------------------------------------------------
	label_title	
-------------------------------------------------------------*/
.content_box_wrp .label_title .title {
  padding: 10px 0 10px 10px;
  text-align: center;
  font-size: 20px;
  line-height: 1;
  color: #fff;
  background: #000;
  display: inline-block;
  position: relative;
}

.content_box_wrp .label_title .title::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -40px;
  margin: auto;
  width: 10px;
  height: 10px;
  border-top: 5px solid #000;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000;
  border-right: 5px solid transparent;
  box-sizing: border-box;
  transition: all 0.3s;
  border-width: 20px;
}

/* タブレット以下 */
@media screen and (max-width: 1000px) {
  .content_box_wrp .label_title .title {
    padding: 1vw 1vw 1vw 1vw;
    font-size: 2.1vw;
  }
  .content_box_wrp .label_title .title::after {
    right: -4vw;
    width: 1vw;
    height: 1vw;
    border-width: 2.1vw;
  }
}
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media screen and (max-width: 800px) {
  .content_box_wrp .label_title .title {
    padding: 2vw;
    font-size: 4vw;
    line-height: 1.3;
  }
  .content_box_wrp .label_title .title::after {
    content: none;
  }
}
/* for SP max-width: 800px */
/*===============================================================

	content_international_teacher

===============================================================*/
.content_box_wrp .content + .content_international_teacher {
  margin-top: 20px;
}

.content_box_wrp .content_international_teacher .people {
  margin-top: 30px;
}

.content_box_wrp .content_international_teacher .profile {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}

.content_box_wrp .content_international_teacher .photo_block {
  width: 30%;
}

.content_box_wrp .content_international_teacher .photo_block img {
  width: 100%;
  height: auto;
}

.content_box_wrp .content_international_teacher .txt_block {
  width: 70%;
  padding-bottom: 20px;
  padding-left: 10px;
}

.content_box_wrp .content_international_teacher .sub_block {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background: #000;
}

.content_box_wrp .content_international_teacher .sub_block .label {
  width: 120px;
  text-align: center;
}

.content_box_wrp .content_international_teacher .sub_block .txt {
  width: calc(100% - 120px);
  min-height: 120px;
  background: #eee;
  padding: 10px 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

/* タブレット以下 */
@media screen and (max-width: 1000px) {
  .content_box_wrp .content_international_teacher .sub_block .label {
    width: 12vw;
  }
  .content_box_wrp .content_international_teacher .sub_block .txt {
    width: calc(100% - 12vw);
    min-height: 12vw;
    padding: 1vw 2vw;
  }
}
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media screen and (max-width: 800px) {
  .content_box_wrp .content_international_teacher .profile {
    flex-direction: column;
    align-items: center;
  }
  .content_box_wrp .content_international_teacher .photo_block {
    padding-bottom: 0vw;
    width: 50%;
  }
  .content_box_wrp .content_international_teacher .txt_block {
    width: 100%;
    padding: 3vw 0;
    border-top: dashed 1px #000;
  }
  .content_box_wrp .content_international_teacher .sub_block {
    width: 100%;
    margin-left: 0;
    flex-direction: column;
    background: none;
  }
  .content_box_wrp .content_international_teacher .sub_block .label {
    width: 100%;
    min-height: inherit;
    padding: 0;
    display: inline-block;
    background: #000;
  }
  .content_box_wrp .content_international_teacher .sub_block .txt {
    width: 100%;
    min-height: inherit;
    padding: 2vw;
  }
  .content_box_wrp .content_international_teacher .people {
    margin-top: 5vw;
    padding-top: 5vw;
    border-top: solid 2px #000;
  }
}
/* for SP max-width: 800px */
/*-------------------------------------------------------------
	文字	
-------------------------------------------------------------*/
.content_box_wrp .content_international_teacher .name {
  font-size: 25px;
  line-height: 1.2;
}

.content_box_wrp .content_international_teacher .subtitle {
  font-size: 14px;
  line-height: 1.2;
  font-weight: bold;
  margin-top: 5px;
}

.content_box_wrp .content_international_teacher .from {
  font-size: 14px;
  line-height: 1;
  font-weight: bold;
  margin-top: 15px;
}

.content_box_wrp .content_international_teacher p {
  font-size: 14px;
  line-height: 1.4;
  margin-top: 10px;
}

.content_box_wrp .content_international_teacher .name {
  font-size: 20px;
  line-height: 1.2;
}

.content_box_wrp .content_international_teacher .sub_block .label {
  font-size: 12px;
  line-height: 1.2;
  color: #fff;
}

.content_box_wrp .content_international_teacher .sub_block .txt p {
  font-size: 10px;
  line-height: 1.4;
  margin: 0;
}

/* タブレット以下 */
@media screen and (max-width: 1000px) {
  .content_box_wrp .content_international_teacher .name {
    font-size: 2.34vw;
  }
  .content_box_wrp .content_international_teacher .subtitle {
    font-size: 1.31vw;
    margin-top: 0.47vw;
  }
  .content_box_wrp .content_international_teacher .from {
    font-size: 1.31vw;
    margin-top: 1.4vw;
  }
  .content_box_wrp .content_international_teacher p {
    font-size: 1.31vw;
    margin-top: 0.47vw;
  }
  .content_box_wrp .content_international_teacher .sub_block .label {
    font-size: 1.12vw;
    margin-top: 1.4vw;
    padding: 0.2vw 0.8vw;
  }
  .content_box_wrp .content_international_teacher .sub_block .txt p {
    font-size: 1.03vw;
  }
}
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media screen and (max-width: 800px) {
  .content_box_wrp .content_international_teacher .name {
    font-size: 7vw;
  }
  .content_box_wrp .content_international_teacher .subtitle {
    font-size: 4vw;
    margin-top: 1vw;
  }
  .content_box_wrp .content_international_teacher .from {
    font-size: 3.5vw;
    margin-top: 3vw;
  }
  .content_box_wrp .content_international_teacher p {
    font-size: 3.5vw;
    line-height: 1.6;
    margin-top: 1vw;
  }
  .content_box_wrp .content_international_teacher .sub_block .label {
    font-size: 3vw;
    margin-top: 0vw;
    padding: 1vw 2vw;
  }
  .content_box_wrp .content_international_teacher .sub_block .txt p {
    font-size: 3.2vw;
  }
}
/* for SP max-width: 800px */
/*-------------------------------------------------------------
	foo	
-------------------------------------------------------------*/
.content_box_wrp .content_international_teacher .from {
  position: relative;
  display: inline-block;
  padding-right: 30px;
}

.content_box_wrp .content_international_teacher .from::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 24px;
  height: 14px;
  background-image: url("/education_system/common/images/international_program/flag_mexico.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right center;
}

.content_box_wrp .content_international_teacher .from_usa::after {
  background-image: url("/education_system/common/images/international_program/flag_usa.svg");
}

.content_box_wrp .content_international_teacher .from_france::after {
  background-image: url("/education_system/common/images/international_program/flag_france.svg");
}

/* タブレット以下 */
@media screen and (max-width: 1000px) {
  .content_box_wrp .content_international_teacher .from {
    padding-right: 2.8vw;
  }
  .content_box_wrp .content_international_teacher .from::after {
    font-size: 1.31vw;
    width: 2.3vw;
    height: 1.31vw;
  }
}
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media screen and (max-width: 800px) {
  .content_box_wrp .content_international_teacher .from {
    padding-right: 9vw;
  }
  .content_box_wrp .content_international_teacher .from::after {
    width: 6.5vw;
    height: 3.5vw;
  }
}
/* for SP max-width: 800px */
/*===============================================================

	.content_box_wrp

===============================================================*/
.content_box_wrp {
  /* タブレット */
  /* for TABLET */
  /* SP */
  /* for SP */
}
.content_box_wrp .box_content {
  padding: 50px;
  background: #fff;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}
.content_box_wrp .box_content .content + .content {
  margin-top: 50px;
  border-top: dashed #999 1px;
  padding-top: 50px;
}
@media screen and (max-width: 800px) {
  .content_box_wrp .box_content {
    padding: 5vw;
  }
  .content_box_wrp .box_content .content + .content {
    margin-top: 8vw;
    padding-top: 8vw;
  }
}

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

	project_landor

===============================================================*/
/* タブレット以下 */
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
/* for SP max-width: 800px */
/*===============================================================

	corporate_seminar_toei

===============================================================*/
.corporate_seminar_toei .content_aside .photo_block.sp_narrow_width {
  margin-top: -50px;
}

/* タブレット以下 */
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media screen and (max-width: 800px) {
  .corporate_seminar_toei .content_aside .photo_block.sp_narrow_width {
    margin-top: 0;
  }
}
/* for SP max-width: 800px */
/*-------------------------------------------------------------
	logo_block	
-------------------------------------------------------------*/
.corporate_seminar_toei .logo_block {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 30px;
}

.corporate_seminar_toei .logo_block .logo img {
  width: 474px;
  height: 60px;
}

.corporate_seminar_toei .logo_block .kakeru {
  width: 36px;
  height: 36px;
  position: relative;
  display: inline-block;
  margin: 0 10px;
}

.corporate_seminar_toei .logo_block .kakeru::after,
.corporate_seminar_toei .logo_block .kakeru::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 4px;
  border-top: none;
  border-left: none;
  transform: rotate(-45deg);
  background: #e86028;
}

.corporate_seminar_toei .logo_block .kakeru::after {
  transform: rotate(45deg);
}

.corporate_seminar_toei .logo_block p {
  font-size: 36px;
  line-height: 1;
  font-weight: bold;
}

/* SP向けレイアウトの指定：～800px */
@media screen and (max-width: 800px) {
  .corporate_seminar_toei .logo_block {
    padding-top: 2vw;
    padding-bottom: 4vw;
  }
  .corporate_seminar_toei .logo_block .logo {
    width: 100%;
    text-align: center;
    padding-bottom: 2vw;
  }
  .corporate_seminar_toei .logo_block .logo img {
    width: auto;
    height: 8vw;
  }
  .corporate_seminar_toei .logo_block .kakeru {
    width: 5vw;
    height: 5vw;
    margin: 0 2vw 0 0;
  }
  .corporate_seminar_toei .logo_block .kakeru::after,
  .corporate_seminar_toei .logo_block .kakeru::before {
    height: 3px;
  }
  .corporate_seminar_toei .logo_block p {
    font-size: 5vw;
  }
}
/* for SP max-width: 800px */
/*===============================================================

	debut_support_shueisha

===============================================================*/
.debut_support_shueisha .section_mainvisual_pagetitle .pagetitle_block {
  color: #000;
}

.debut_support_shueisha .young_jump {
  position: absolute;
  top: -80px;
  right: 0;
  width: 220px;
}

.debut_support_shueisha .young_jump img {
  width: 100%;
  height: auto;
  box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.1);
  transform: rotate(5deg);
}

.debut_support_shueisha .col_3_1 .faq_q {
  min-height: 7em;
}

/* タブレット以下 */
@media screen and (max-width: 1000px) {
  .debut_support_shueisha .young_jump {
    position: absolute;
    top: -6.54vw;
    right: 0;
    width: 18vw;
  }
}
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media screen and (max-width: 800px) {
  .debut_support_shueisha .young_jump {
    display: none;
  }
  .debut_support_shueisha .col_3_1 .faq_q {
    min-height: inherit;
  }
}
/* for SP max-width: 800px */
/*===============================================================

	overseas_study

===============================================================*/
.overseas_study .content_box_wrp .title_bar .title {
  background: #eb6d8e;
}

.overseas_study .content_box_wrp .title_bar_arw .title::after {
  border-left-color: #eb6d8e;
}

/* タブレット以下 */
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
/* for SP max-width: 800px */
/*===============================================================

	list_contents

===============================================================*/
.list_contents {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: -60px;
  padding-bottom: 30px;
}

.list_contents .item a {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  position: relative;
  margin-top: 30px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  color: #000;
}

.list_contents .item a:hover {
  transform: scale(1.05, 1.05);
}

.list_contents .txt {
  width: 50%;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.list_contents .photo {
  width: 50%;
}

.list_contents .photo img {
  width: 100%;
  height: auto;
}

/* タブレット以下 */
@media screen and (max-width: 1000px) {
  .list_contents .txt {
    padding: 1.9vw;
  }
}
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media screen and (max-width: 800px) {
  .list_contents {
    margin-top: -3vw;
  }
  .list_contents .item {
    flex-direction: column-reverse;
    margin-top: 0vw;
    width: 48%;
  }
  .list_contents .item .txt {
    padding: 3vw;
    margin-top: 0;
  }
  .list_contents .txt,
  .list_contents .photo {
    width: 100%;
  }
}
/* for SP max-width: 800px */
/*-------------------------------------------------------------
	list_contents　文字	
-------------------------------------------------------------*/
.list_contents .number {
  position: absolute;
  top: -15px;
  left: 20px;
  font-size: 30px;
  line-height: 1;
  font-weight: bold;
}

.list_contents .txt .title {
  font-size: 20px;
  line-height: 1.3;
  font-weight: bold;
}

.list_contents .txt p {
  font-size: 14px;
  line-height: 1.5;
  margin-top: 0.5em;
}

.list_contents .item.current a .number {
  color: #fc0;
}

/* タブレット以下 */
@media screen and (max-width: 1000px) {
  .list_contents .number {
    position: absolute;
    top: -1.4vw;
    left: 2vw;
    font-size: 2.8vw;
  }
  .list_contents .txt .title {
    font-size: 1.9vw;
  }
  .list_contents .txt p {
    font-size: 1.35vw;
  }
}
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media screen and (max-width: 800px) {
  .list_contents .number {
    position: absolute;
    top: -4vw;
    left: 3vw;
    font-size: 6vw;
  }
  .list_contents .txt .title {
    font-size: 3.5vw;
    line-height: 1.2;
    min-height: 2.4em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
  .list_contents .txt p {
    font-size: 3.5vw;
    display: none;
  }
}
/* for SP max-width: 800px */
/*===============================================================

	section_localmenu

===============================================================*/
.section_localmenu .section_inner {
  padding-top: 0;
  padding-bottom: 100px;
}

.section_localmenu .section_title {
  text-align: center;
  padding-bottom: 50px;
  font-size: 25px;
  border-top: solid 1px #ccc;
  padding-top: 50px;
}

/* タブレット以下 */
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media screen and (max-width: 800px) {
  .section_localmenu .section_inner {
    padding-top: 3vw;
    padding-bottom: 3vw;
  }
}
/* for SP max-width: 800px */
/*===============================================================

	project_menu

===============================================================*/
.project_menu ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.project_menu ul li {
  width: 50%;
  text-align: center;
}

.project_menu a {
  display: block;
  background: #fff;
  color: #de2726;
  padding: 20px 10px;
  border: solid 1px #de2726;
}

.project_menu a:hover,
.project_menu .current a {
  background: #de2726;
  color: #fff;
}

.project_menu .current a {
  pointer-events: none;
}

/* タブレット以下 */
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media screen and (max-width: 800px) {
  .project_menu {
    border-width: 5px;
    width: calc(100% + 30px);
    margin-left: -15px;
  }
  .project_menu a {
    font-size: 3.5vw;
    padding: 1em;
    min-height: 5em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    text-align: left;
  }
}
/* for SP max-width: 800px */
/*===============================================================

	company_menu

===============================================================*/
.company_menu {
  text-align: center;
  margin-top: 50px;
}

.company_menu .title {
  font-size: 25px;
}

.company_menu ul {
  width: 101%;
  margin-left: -0.5%;
  margin-right: -0.5%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.company_menu ul li {
  flex-grow: 1;
  flex-basis: 24%;
  width: auto;
  margin-left: 0.5%;
  margin-right: 0.5%;
  text-align: center;
  margin-top: 20px;
  max-width: 24%;
}

.company_menu ul li a {
  background: #fff;
  color: #000;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}

.company_menu ul li a:hover {
  transform: scale(1.1);
}

.company_menu ul li a .logo {
  width: 70px;
  border-right: dotted 1px rgba(0, 0, 0, 0.1);
  /*	border: solid 1px #ddd;*/
}

.company_menu ul li a .logo img {
  width: 100%;
  height: auto;
}

.company_menu ul li a .company_name {
  width: calc(100% - 70px);
  font-size: 14px;
  line-height: 1.2;
  text-align: left;
  padding: 10px;
  font-weight: bold;
}

/* タブレット以下 */
@media screen and (max-width: 1220px) {
  .company_menu {
    padding: 30px;
  }
}
/* for tablet max-width: 1070px */
/* タブレット以下 */
@media screen and (max-width: 1000px) {
  .company_menu {
    padding: 30px 0;
  }
}
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media screen and (max-width: 800px) {
  .company_menu {
    margin-top: 8vw;
  }
  .company_menu .title {
    font-size: 4vw;
  }
  .company_menu ul {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    flex-direction: column;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    margin-top: 3vw;
  }
  .company_menu ul li {
    flex-basis: 100%;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0;
  }
  .company_menu ul li + li {
    border-top: solid 1px #eee;
    margin-left: 0;
  }
  .company_menu ul li a {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
  }
  .company_menu ul li a .logo {
    width: 18vw;
  }
  .company_menu ul li a .company_name {
    width: calc(100% - 18vw);
    font-size: 3.5vw;
    padding: 2vw;
  }
  .company_menu ul li a:hover {
    transform: scale(1);
  }
}
/* for SP max-width: 800px */
/*===============================================================

	other_project_menu

===============================================================*/
.other_project_menu {
  padding: 30px;
  color: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  z-index: 10;
}

.other_project_menu .title_block {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  border-right: solid 1px rgba(255, 255, 255, 0.5);
  padding-right: 30px;
}

.other_project_menu .link_block {
  padding-left: 30px;
}

.other_project_menu .title_block .logo {
  width: 60px;
  margin-right: 15px;
}

.other_project_menu .title_block .title {
  font-size: 20px;
}

.other_project_menu .title_block .title .label {
  font-size: 12px;
}

.other_project_menu .link_block li + li {
  margin-top: 5px;
}

.other_project_menu .link_block a {
  display: block;
  color: #fff;
  position: relative;
  padding-left: 15px;
}

.other_project_menu .link_block a:hover {
  opacity: 0.7;
}

.other_project_menu .link_block a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 10px;
  height: 10px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #fff;
  border-right: 5px solid transparent;
  border-width: 5px;
  transform: translate(3px, 0);
  box-sizing: border-box;
  transition: all 0.3s;
}

.debut_support_shueisha .other_project_menu {
  color: #000;
}

.debut_support_shueisha .other_project_menu .title_block {
  border-right: solid 1px rgba(0, 0, 0, 0.5);
}

.debut_support_shueisha .other_project_menu .link_block a {
  color: #000;
}

.debut_support_shueisha .other_project_menu .link_block a::after {
  border-left: 5px solid #000;
}

/* タブレット以下 */
@media screen and (max-width: 1000px) {
  .other_project_menu {
    padding: 20px;
  }
  .other_project_menu .title_block {
    width: 100%;
    border-right: solid 0px rgba(255, 255, 255, 0.5);
  }
  .other_project_menu .link_block {
    padding-left: 0;
    padding-top: 20px;
  }
}
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media screen and (max-width: 800px) {
  .other_project_menu {
    padding: 3vw;
    width: calc(100% + 30px);
    margin-left: -15px;
    flex-direction: column;
    justify-content: flex-start;
  }
  .other_project_menu .title_block {
    padding-right: 0vw;
    border: 0 !important;
    width: 100%;
  }
  .other_project_menu .link_block {
    padding-left: 0vw;
    padding-top: 0;
  }
  .other_project_menu .title_block .logo {
    width: 12vw;
    margin-right: 3vw;
  }
  .other_project_menu .title_block .title {
    font-size: 4vw;
  }
  .other_project_menu .title_block .title .label {
    font-size: 2.5vw;
  }
  .other_project_menu .link_block li {
    margin-top: 3vw;
    border-top: dotted 1px rgba(255, 255, 255, 0.5);
  }
  .other_project_menu .link_block li + li {
    margin-top: 1vw;
  }
  .other_project_menu .link_block a {
    font-size: 3.5vw;
    display: block;
    padding: 3vw 0;
    padding-left: 15px;
  }
  .other_project_menu .link_block a::after {
    top: 4.5vw;
    bottom: auto;
  }
  .debut_support_shueisha .other_project_menu .link_block li {
    border-top: dotted 1px rgba(0, 0, 0, 0.5);
  }
}
/* for SP max-width: 800px */
/*===============================================================

	btnlink_course

===============================================================*/
.btnlink_course {
  margin-top: 40px;
}

.btnlink_course .inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.btnlink_course .btn {
  width: 32%;
  height: 90px;
  margin: 0 1%;
  margin-top: 20px;
}

.btnlink_course .btn:first-child {
  margin-left: 0;
}

.btnlink_course .btn:last-child {
  margin-right: 0;
}

.btnlink_course .btn a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  color: #fff;
  padding: 10px;
  padding-left: 135px;
  box-sizing: border-box;
  background: #000 url("/course/common/images/thumbnail/thumb_technology_design.jpg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 90px;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}

.btnlink_course .btn a:hover {
  transform: scale(1.1);
}

.btnlink_course .btn a p {
  color: #fff;
  font-size: 16px;
  line-height: 1.2;
  font-weight: bold;
}

/* タブレット以下 */
@media screen and (max-width: 1000px) {
  .btnlink_course .btn {
    width: 49%;
    margin: 0;
    margin-right: 2%;
    margin-top: 20px;
  }
  .btnlink_course .btn:nth-child(2n) {
    margin-right: 0;
  }
}
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
@media screen and (max-width: 800px) {
  .btnlink_course {
    margin-top: 4vw;
  }
  .btnlink_course .btn {
    width: 100%;
    height: 20vw;
    margin: 0;
    margin-top: 2vw;
  }
  .btnlink_course .btn a {
    padding: 2vw;
    padding-left: 30vw;
    box-sizing: border-box;
    background-color: #000;
    background-image: url("/course/common/images/thumbnail/thumb_iot_smartcity.jpg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
  }
  .btnlink_course .btn a p {
    font-size: 3.5vw;
  }
}
/* for SP max-width: 800px */
/*-------------------------------------------------------------
	バリエーション
-------------------------------------------------------------*/
.btnlink_course .btn_design_technology_master a {
  background-color: #e60012;
  background-image: url("/course/common/images/thumbnail/thumb_design_technology_master.jpg");
}

.btnlink_course .btn_mechanicaldesigner_cg_master a {
  background-color: #008d3f;
  background-image: url("/course/common/images/thumbnail/thumb_mechanicaldesigner_cg_master.jpg");
}

.btnlink_course .btn_comic_illustration_master a {
  background-color: #8c2ca7;
  background-image: url("/course/common/images/thumbnail/thumb_comic_illustration_master.jpg");
}

.btnlink_course .btn_novel_scenario_master a {
  background-color: #182987;
  background-image: url("/course/common/images/thumbnail/thumb_novel_scenario_master.jpg");
}

.btnlink_course .btn_furniture_design_technology a {
  background-color: #f18904;
  background-image: url("/course/common/images/thumbnail/thumb_furniture_design_technology.jpg");
}

.btnlink_course .btn_game_graphic_illustration a {
  background-color: #e95568;
  background-image: url("/course/common/images/thumbnail/thumb_game_graphic_illustration.jpg");
}

.btnlink_course .btn_game_programmer_planner a {
  background-color: #e4007f;
  background-image: url("/course/common/images/thumbnail/thumb_game_programmer_planner.jpg");
}

.btnlink_course .btn_game_video_datascientist_master a {
  background-color: #93176f;
  background-image: url("/course/common/images/thumbnail/thumb_game_video_datascientist_master.jpg");
}

.btnlink_course .btn_vfx_cgimages a {
  background-color: #00a4b8;
  background-image: url("/course/common/images/thumbnail/thumb_vfx_cgimages.jpg");
}

.btnlink_course .btn_animation_master a {
  background-color: #f6ab00;
  background-image: url("/course/common/images/thumbnail/thumb_animation_master.jpg");
}

.btnlink_course .btn_car_design a {
  background-color: #4edc27;
  background-image: url("/course/common/images/thumbnail/thumb_car_design.jpg");
}

.btnlink_course .btn_graphic_design a {
  background-color: #feaa00;
  background-image: url("/course/common/images/thumbnail/thumb_graphic_design.jpg");
}

.btnlink_course .btn_illustrator a {
  background-color: #feaa00;
  background-image: url("/course/common/images/thumbnail/thumb_illustrator.jpg");
}

.btnlink_course .btn_digital_illustration_manga a {
  background-color: #93176f;
  background-image: url("/course/common/images/thumbnail/thumb_digital_illustration_manga.jpg");
}

.btnlink_course .btn_manga a {
  background-color: #93176f;
  background-image: url("/course/common/images/thumbnail/thumb_manga.jpg");
}

.btnlink_course .btn_comic_illustration a {
  background-color: #93176f;
  background-image: url("/course/common/images/thumbnail/thumb_comic_illustration.jpg");
}

.btnlink_course .btn_game_graphic_character a {
  background-color: #00c7c0;
  background-image: url("/course/common/images/thumbnail/thumb_game_graphic_character.jpg");
}

.btnlink_course .btn_game_programmer a {
  background-color: #00c7c0;
  background-image: url("/course/common/images/thumbnail/thumb_game_programmer.jpg");
}

.btnlink_course .btn_3dcg_creator a {
  background-color: #00c7c0;
  background-image: url("/course/common/images/thumbnail/thumb_3dcg_creator.jpg");
}

.btnlink_course .btn_animation a {
  background-color: #93176f;
  background-image: url("/course/common/images/thumbnail/thumb_animation.jpg");
}

.btnlink_course .btn_video_picture_creator a {
  background-color: #00a4b8;
  background-image: url("/course/common/images/thumbnail/thumb_video_picture_creator.jpg");
}

/* タブレット以下 */
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
/* for SP max-width: 800px */
/*===============================================================

	content_box_wrp content_title

===============================================================*/
.content_box_wrp {
  /* タブレット */
  /* for TABLET */
  /* SP */
  /* for SP */
}
.content_box_wrp .content_title {
  text-align: left;
}
.content_box_wrp .content_title .title {
  font-size: 30px;
}
.content_box_wrp .content_title .subtitle {
  font-size: 20px;
  margin-top: 0.5em;
}
.content_box_wrp .content_title .lead {
  font-size: 16px;
  margin-top: 0.5em;
}
.content_box_wrp .content_title.keycolor_border {
  border-top-width: 5px;
  border-top-style: solid;
  padding-top: 50px;
}
.content_box_wrp .content + .content_title {
  margin-top: 100px;
}
.content_box_wrp .content_title + .content {
  margin-top: 50px;
}
@media screen and (max-width: 800px) {
  .content_box_wrp .content_title {
    text-align: left;
  }
  .content_box_wrp .content_title .title {
    font-size: 5vw;
  }
  .content_box_wrp .content_title .subtitle {
    font-size: 4vw;
  }
  .content_box_wrp .content_title .lead {
    font-size: 3.5vw;
  }
  .content_box_wrp .content_title.keycolor_border {
    border-top-width: 3px;
    border-top-style: solid;
    padding-top: 8vw;
  }
  .content_box_wrp .content + .content_title {
    margin-top: 10vw;
  }
  .content_box_wrp .content_title + .content {
    margin-top: 8vw;
  }
}

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

	content_box_wrp

===============================================================*/
.content_box_wrp {
  /* タブレット */
  /* for TABLET */
  /* SP */
  /* for SP */
}
.content_box_wrp .massage_photo_txt {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.content_box_wrp .massage_photo_txt .photo {
  width: 80px;
  height: 80px;
  overflow: hidden;
  border-radius: 80px;
  will-change: transform;
}
.content_box_wrp .massage_photo_txt .photo img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 80px;
  height: 80px;
}
.content_box_wrp .massage_photo_txt .massage {
  width: calc(100% - 100px);
}
.content_box_wrp .massage_photo_txt .massage .title {
  font-size: 18px;
}
@media screen and (max-width: 800px) {
  .content_box_wrp .massage_photo_txt .photo {
    width: 18vw;
    height: 18vw;
    overflow: hidden;
    border-radius: 18vw;
  }
  .content_box_wrp .massage_photo_txt .photo img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 18vw;
    height: 18vw;
  }
  .content_box_wrp .massage_photo_txt .massage {
    width: calc(100% - 22vw);
  }
  .content_box_wrp .massage_photo_txt .massage .title {
    font-size: 4vw;
  }
}

.fit {
  height: -moz-fit-content;
  height: fit-content;
}

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

	バリエーション

===============================================================*/
/* project_meiji */
.project_meiji .keycolor {
  color: #de2726;
}

.project_meiji .keycolor_bg {
  background-color: #de2726 !important;
}

.project_meiji .keycolor_border {
  border-color: #de2726 !important;
}

.project_meiji .subcolor {
  color: #7f4f21;
}

.project_meiji .subcolor_bg {
  background-color: #7f4f21 !important;
}

/* project_itoen */
.project_itoen .keycolor {
  color: #85BE42;
}

.project_itoen .keycolor_bg {
  background-color: #85BE42 !important;
}

.project_itoen .keycolor_border {
  border-color: #85BE42 !important;
}

.project_itoen .subcolor {
  color: #BE9D42;
}

.project_itoen .subcolor_bg {
  background-color: #BE9D42 !important;
}

/* project_yanmar */
.project_yanmar .keycolor {
  color: #cf0f31;
}

.project_yanmar .keycolor_bg {
  background-color: #cf0f31 !important;
}

.project_yanmar .keycolor_border {
  border-color: #cf0f31 !important;
}

.project_yanmar .subcolor {
  color: #333;
}

.project_yanmar .subcolor_bg {
  background-color: #333 !important;
}

/* project_landor */
.project_landor .keycolor {
  color: #333;
}

.project_landor .keycolor_bg {
  background-color: #333 !important;
}

.project_landor .keycolor_border {
  border-color: #333 !important;
}

.project_landor .subcolor {
  color: #ffbe00;
}

.project_landor .subcolor_bg {
  background-color: #ffbe00 !important;
}

/* corporate_seminar_square_enix */
.corporate_seminar_square_enix .keycolor {
  color: #000;
}

.corporate_seminar_square_enix .keycolor_bg {
  background-color: #000 !important;
}

.corporate_seminar_square_enix .keycolor_border {
  border-color: #000;
}

.corporate_seminar_square_enix .subcolor {
  color: #e60012;
}

.corporate_seminar_square_enix .subcolor_bg {
  background-color: #e60012 !important;
}

/* corporate_seminar_1_10 */
.corporate_seminar_1_10 .keycolor {
  color: #1bb100;
}

.corporate_seminar_1_10 .keycolor_bg {
  background-color: #1bb100 !important;
}

.corporate_seminar_1_10 .keycolor_border {
  border-color: #1bb100;
}

.corporate_seminar_1_10 .subcolor {
  color: #ed1783;
}

.corporate_seminar_1_10 .subcolor_bg {
  background-color: #ed1783 !important;
}

/* corporate_seminar_1_10_2024 */
.corporate_seminar_1_10_2024 .keycolor {
  color: #fc0;
}

.corporate_seminar_1_10_2024 .keycolor_bg {
  background-color: #716EA1 !important;
}

.corporate_seminar_1_10_2024 .keycolor_border {
  border-color: #716EA1;
}

.corporate_seminar_1_10_2024 .subcolor {
  color: #716EA1;
}

.corporate_seminar_1_10_2024 .subcolor_bg {
  background-color: #716EA1 !important;
}

/* corporate_seminar_toei */
.corporate_seminar_toei .keycolor {
  color: #e86028;
}

.corporate_seminar_toei .keycolor_bg {
  background-color: #e86028 !important;
}

.corporate_seminar_toei .keycolor_border {
  border-color: #e86028 !important;
}

.corporate_seminar_toei .subcolor {
  color: #e4c000;
}

.corporate_seminar_toei .subcolor_bg {
  background-color: #e4c000 !important;
}

.corporate_seminar_toei .subcolor_border {
  border-color: #e4c000 !important;
}

/* corporate_seminar_shian */
.corporate_seminar_shian .keycolor {
  color: #F2C74A;
}

.corporate_seminar_shian .keycolor_bg {
  background-color: #52A8D7 !important;
}

.corporate_seminar_shian .keycolor_border {
  border-color: #52A8D7 !important;
}

.corporate_seminar_shian .subcolor {
  color: #2E8DC2;
}

.corporate_seminar_shian .subcolor_bg {
  background-color: #F2C74A !important;
}

.corporate_seminar_shian .subcolor_border {
  border-color: #F2C74A !important;
}

/* debut_support_shueisha */
.debut_support_shueisha .keycolor {
  color: #000;
}

.debut_support_shueisha .keycolor_bg {
  background-color: #ffea00 !important;
}

.debut_support_shueisha .keycolor_border {
  border-color: #ffea00;
}

.debut_support_shueisha .subcolor {
  color: #eb6ea0;
}

.debut_support_shueisha .subcolor_bg {
  background-color: #eb6ea0 !important;
}

/* debut_support_shueisha2024 */
.debut_support_shueisha2024 .keycolor {
  color: #fc0;
}

.debut_support_shueisha2024 .keycolor_bg {
  background-color: #D6411C !important;
}

.debut_support_shueisha2024 .keycolor_border {
  border-color: #D6411C;
}

.debut_support_shueisha2024 .subcolor {
  color: #D6411C;
}

.debut_support_shueisha2024 .subcolor_bg {
  background-color: #D6411C !important;
}

/* debut_support_ga_bunko */
.debut_support_ga_bunko .keycolor {
  color: #3674BB;
}

.debut_support_ga_bunko .keycolor_bg {
  background-color: #3674BB !important;
}

.debut_support_ga_bunko .keycolor_border {
  border-color: #3674BB;
}

.debut_support_ga_bunko .subcolor {
  color: #CB538A;
}

.debut_support_ga_bunko .subcolor_bg {
  background-color: #CB538A !important;
}

/* seminar_meru */
.seminar_meru .keycolor {
  color: #601986;
}

.seminar_meru .keycolor_bg {
  background-color: #601986 !important;
}

.seminar_meru .keycolor_border {
  border-color: #601986;
}

.seminar_meru .subcolor {
  color: #920783;
}

.seminar_meru .subcolor_bg {
  background-color: #920783 !important;
}

/* seminar_meru2024 */
.seminar_meru2024 .keycolor {
  color: #83BFB2;
}

.seminar_meru2024 .keycolor_bg {
  background-color: #83BFB2 !important;
}

.seminar_meru2024 .keycolor_border {
  border-color: #83BFB2;
}

.seminar_meru2024 .subcolor {
  color: #F2C74A;
}

.seminar_meru2024 .subcolor_bg {
  background-color: #F2C74A !important;
}

/* seminar_aobeni */
.seminar_aobeni .keycolor {
  color: #d6518f;
}

.seminar_aobeni .keycolor_bg {
  background-color: #d6518f !important;
}

.seminar_aobeni .keycolor_border {
  border-color: #d6518f;
}

.seminar_aobeni .subcolor {
  color: #e47cad;
}

.seminar_aobeni .subcolor_bg {
  background-color: #e47cad !important;
}

/* seminar_aotobeni */
.seminar_aotobeni .keycolor {
  color: #AD87AD;
}

.seminar_aotobeni .keycolor_bg {
  background-color: #AD87AD !important;
}

.seminar_aotobeni .keycolor_border {
  border-color: #AD87AD;
}

.seminar_aotobeni .subcolor {
  color: #E9BFCE;
}

.seminar_aotobeni .subcolor_bg {
  background-color: #E9BFCE !important;
}

/* seminar_yashiro */
.seminar_yashiro .keycolor {
  color: #b1a37d;
}

.seminar_yashiro .keycolor_bg {
  background-color: #b1a37d !important;
}

.seminar_yashiro .keycolor_border {
  border-color: #b1a37d;
}

.seminar_yashiro .subcolor {
  color: #e78628;
}

.seminar_yashiro .subcolor_bg {
  background-color: #e78628 !important;
}

/* seminar_yottasun */
.seminar_yottasun .keycolor {
  color: #59AACF;
}

.seminar_yottasun .keycolor_bg {
  background-color: #59AACF !important;
}

.seminar_yottasun .keycolor_border {
  border-color: #59AACF;
}

.seminar_yottasun .subcolor {
  color: #DDAF2B;
}

.seminar_yottasun .subcolor_bg {
  background-color: #DDAF2B !important;
}

/* international_program */
.international_program .keycolor {
  color: #000;
}

.international_program .keycolor_bg {
  background-color: #000 !important;
}

.international_program .keycolor_border {
  border-color: #e50012;
}

.international_program .subcolor {
  color: #e50012;
}

.international_program .subcolor_bg {
  background-color: #e50012 !important;
}

/* overseas_study */
.overseas_study .keycolor {
  color: #f6ab00;
}

.overseas_study .keycolor_bg {
  background-color: #f6ab00 !important;
}

.overseas_study .keycolor_border {
  border-color: #f6ab00;
}

.overseas_study .subcolor {
  color: #eb6d8e;
}

.overseas_study .subcolor_bg {
  background-color: #eb6d8e !important;
}

/* project_ph_paris */
.project_ph_paris .keycolor {
  color: #E77285;
}

.project_ph_paris .keycolor_bg {
  background-color: #E77285 !important;
}

.project_ph_paris .keycolor_border {
  border-color: #E77285 !important;
}

.project_ph_paris .subcolor {
  color: #896B70;
}

.project_ph_paris .subcolor_bg {
  background-color: #896B70 !important;
}

/* corporate_seminar_sunrise */
.corporate_seminar_sunrise .keycolor {
  color: #D72027;
}

.corporate_seminar_sunrise .keycolor_bg {
  background-color: #D72027 !important;
}

.corporate_seminar_sunrise .keycolor_border {
  border-color: #D72027 !important;
}

.corporate_seminar_sunrise .subcolor {
  color: #00508F;
}

.corporate_seminar_sunrise .subcolor_bg {
  background-color: #00508F !important;
}

/* corporate_seminar_unity */
.corporate_seminar_unity .keycolor {
  color: #7F807E;
}

.corporate_seminar_unity .keycolor_bg {
  background-color: #7F807E !important;
}

.corporate_seminar_unity .keycolor_border {
  border-color: #7F807E !important;
}

.corporate_seminar_unity .subcolor {
  color: #D17FA7;
}

.corporate_seminar_unity .subcolor_bg {
  background-color: #D17FA7 !important;
}

/* corporate_seminar_unity2024 */
.corporate_seminar_unity2024 .keycolor {
  color: #E5A75F;
}

.corporate_seminar_unity2024 .keycolor_bg {
  background-color: #E5A75F !important;
}

.corporate_seminar_unity2024 .keycolor_border {
  border-color: #E5A75F !important;
}

.corporate_seminar_unity2024 .subcolor {
  color: #8A8B8A;
}

.corporate_seminar_unity2024 .subcolor_bg {
  background-color: #8A8B8A !important;
}

/* project_sega */
.project_sega .keycolor {
  color: #23699C;
}

.project_sega .keycolor_bg {
  background-color: #23699C !important;
}

.project_sega .keycolor_border {
  border-color: #23699C !important;
}

.project_sega .subcolor {
  color: #539FC4;
}

.project_sega .subcolor_bg {
  background-color: #539FC4 !important;
}

/* corporate_seminar_gumi */
.corporate_seminar_gumi .keycolor {
  color: #C32C33;
}

.corporate_seminar_gumi .keycolor_bg {
  background-color: #C32C33 !important;
}

.corporate_seminar_gumi .keycolor_border {
  border-color: #C32C33 !important;
}

.corporate_seminar_gumi .subcolor {
  color: #868786;
}

.corporate_seminar_gumi .subcolor_bg {
  background-color: #868786 !important;
}

/* project_microsoft */
.project_microsoft .keycolor {
  color: #2d9ac9;
}

.project_microsoft .keycolor_bg {
  background-color: #d75134 !important;
}

.project_microsoft .keycolor_border {
  border-color: #d75134 !important;
}

.project_microsoft .subcolor {
  color: #d75134;
}

.project_microsoft .subcolor_bg {
  background-color: #2d9ac9 !important;
}

/* corporate_seminar_nissan */
.corporate_seminar_nissan .keycolor {
  color: #ad282e;
}

.corporate_seminar_nissan .keycolor_bg {
  background-color: #ad282e !important;
}

.corporate_seminar_nissan .keycolor_border {
  border-color: #ad282e !important;
}

.corporate_seminar_nissan .subcolor {
  color: #767776;
}

.corporate_seminar_nissan .subcolor_bg {
  background-color: #767776 !important;
}

/* corporate_seminar_honda */
.corporate_seminar_honda .keycolor {
  color: #ad282e;
}

.corporate_seminar_honda .keycolor_bg {
  background-color: #ad282e !important;
}

.corporate_seminar_honda .keycolor_border {
  border-color: #ad282e !important;
}

.corporate_seminar_honda .subcolor {
  color: #767776;
}

.corporate_seminar_honda .subcolor_bg {
  background-color: #767776 !important;
}

/* project_cover */
.project_cover .keycolor {
  color: #53afce;
}

.project_cover .keycolor_bg {
  background-color: #53afce !important;
}

.project_cover .keycolor_border {
  border-color: #53afce !important;
}

.project_cover .subcolor {
  color: #343433;
}

.project_cover .subcolor_bg {
  background-color: #343433 !important;
}

/* project_cover2024 */
.project_cover2024 .keycolor {
  color: #fc0;
}

.project_cover2024 .keycolor_bg {
  background-color: #00bfc5 !important;
}

.project_cover2024 .keycolor_border {
  border-color: #00bfc5 !important;
}

.project_cover2024 .subcolor {
  color: #00bfc5;
}

.project_cover2024 .subcolor_bg {
  background-color: #64C2C4 !important;
}

/* project_hoko */
.project_hoko .keycolor {
  color: #184e98;
}

.project_hoko .keycolor_bg {
  background-color: #D41419 !important;
}

.project_hoko .keycolor_border {
  border-color: #D41419 !important;
}

.project_hoko .subcolor {
  color: #D41419;
}

.project_hoko .subcolor_bg {
  background-color: #184e98 !important;
}

/* project_suzuki */
.project_suzuki .keycolor {
  color: #fc0;
}

.project_suzuki .keycolor_bg {
  background-color: #39577C !important;
}

.project_suzuki .keycolor_border {
  border-color: #39577C !important;
}

.project_suzuki .subcolor {
  color: #39577C;
}

.project_suzuki .subcolor_bg {
  background-color: #fc0 !important;
}

/* project_bnfw */
.project_bnfw .keycolor {
  color: #fc0;
}

.project_bnfw .keycolor_bg {
  background-color: #3A3B36 !important;
}

.project_bnfw .keycolor_border {
  border-color: #3A3B36 !important;
}

.project_bnfw .subcolor {
  color: #3A3B36;
}

.project_bnfw .subcolor_bg {
  background-color: #fc0 !important;
}

/* project_spike_chunsoft */
.project_spike_chunsoft .keycolor {
  color: #188ad0;
}

.project_spike_chunsoft .keycolor_bg {
  background-color: #188ad0 !important;
}

.project_spike_chunsoft .keycolor_border {
  border-color: #188ad0 !important;
}

.project_spike_chunsoft .subcolor {
  color: #e64a96;
}

.project_spike_chunsoft .subcolor_bg {
  background-color: #e64a96 !important;
}

/* debut_support_futabasya */
.debut_support_futabasya .keycolor {
  color: #21a751;
}

.debut_support_futabasya .keycolor_bg {
  background-color: #21a751 !important;
}

.debut_support_futabasya .keycolor_border {
  border-color: #21a751 !important;
}

.debut_support_futabasya .subcolor {
  color: #6dd78e;
}

.debut_support_futabasya .subcolor_bg {
  background-color: #6dd78e !important;
}

/* corporate_seminar_akatsuki */
.corporate_seminar_akatsuki .keycolor {
  color: #e881a7;
}

.corporate_seminar_akatsuki .keycolor_bg {
  background-color: #e881a7 !important;
}

.corporate_seminar_akatsuki .keycolor_border {
  border-color: #e881a7 !important;
}

.corporate_seminar_akatsuki .subcolor {
  color: #4fc0e0;
}

.corporate_seminar_akatsuki .subcolor_bg {
  background-color: #4fc0e0 !important;
}

/* project_intel */
.project_intel.year2025 .keycolor {
  color: #2059a2;
}

.project_intel.year2025 .keycolor_bg {
  background-color: #2059a2 !important;
}

.project_intel.year2025 .keycolor_border {
  border-color: #2059a2 !important;
}

.project_intel.year2025 .subcolor {
  color: #30394e;
}

.project_intel.year2025 .subcolor_bg {
  background-color: #30394e !important;
}

/* project_sony */
.project_sony .keycolor {
  color: #fbcb00;
}

.project_sony .keycolor_bg {
  background-color: #884798 !important;
}

.project_sony .keycolor_border {
  border-color: #fbcb00 !important;
}

.project_sony .subcolor {
  color: #884798;
}

.project_sony .subcolor_bg {
  background-color: #884798 !important;
}

/* project_bnfw */
.project_bnfw.year2025 .keycolor {
  color: #c9101c;
}

.project_bnfw.year2025 .keycolor_bg {
  background-color: #c9101c !important;
}

.project_bnfw.year2025 .keycolor_border {
  border-color: #f7c000 !important;
}

.project_bnfw.year2025 .subcolor {
  color: #f7c000;
}

.project_bnfw.year2025 .subcolor_bg {
  background-color: #f7c000 !important;
}

/* project_matsuda */
.project_matsuda .keycolor {
  color: #fc0;
}

.project_matsuda .keycolor_bg {
  background-color: #0068b7 !important;
}

.project_matsuda.year2025 .keycolor_border {
  border-color: #fc0 !important;
}

.project_matsuda .subcolor {
  color: #0068b7;
}

.project_matsuda .subcolor_bg {
  background-color: #0068b7 !important;
}

/* project_toei */
.project_toei .keycolor {
  color: #db545f;
}

.project_toei .keycolor_bg {
  background-color: #7cbf4d !important;
}

.project_toei .keycolor_border {
  border-color: #7cbf4d !important;
}

.project_toei .subcolor {
  color: #7cbf4d;
}

.project_toei .subcolor_bg {
  background-color: #7cbf4d !important;
}

/* project_gasas */
.project_gasas .keycolor {
  color: #bf3a54;
}

.project_gasas .keycolor_bg {
  background-color: #bf3a54 !important;
}

.project_gasas .keycolor_border {
  border-color: #bf3a54 !important;
}

.project_gasas .subcolor {
  color: #d4b87c;
}

.project_gasas .subcolor_bg {
  background-color: #d4b87c !important;
}

/* project_lotte */
.project_lotte .keycolor {
  color: #e3608d;
}

.project_lotte .keycolor_bg {
  background-color: #e3608d !important;
}

.project_lotte .keycolor_border {
  border-color: #e3608d !important;
}

.project_lotte .subcolor {
  color: #ebc131;
}

.project_lotte.year2025 .subcolor_bg {
  background-color: #ebc131 !important;
}

/* corporate_seminar_unity2025 */
.corporate_seminar_unity.year2025 .keycolor {
  color: #E5A75F;
}

.corporate_seminar_unity.year2025 .keycolor_bg {
  background-color: #E5A75F !important;
}

.corporate_seminar_unity.year2025 .keycolor_border {
  border-color: #E5A75F !important;
}

.corporate_seminar_unity.year2025 .subcolor {
  color: #8A8B8A;
}

.corporate_seminar_unity.year2025 .subcolor_bg {
  background-color: #8A8B8A !important;
}

/* debut_support_shueisha2025 */
.debut_support_shueisha.year2025 .keycolor {
  color: #185eac;
}

.debut_support_shueisha.year2025 .keycolor_bg {
  background-color: #185eac !important;
}

.debut_support_shueisha.year2025 .keycolor_border {
  border-color: #185eac !important;
}

.debut_support_shueisha.year2025 .subcolor {
  color: #00a7eb;
}

.debut_support_shueisha.year2025 .subcolor_bg {
  background-color: #00a7eb !important;
}

.debut_support_shueisha.year2025 .section_mainvisual_pagetitle .pagetitle_block {
  color: #fff;
}

.debut_support_shueisha.year2025 .other_project_menu {
  color: #fff;
}

.debut_support_shueisha.year2025 .other_project_menu .title_block {
  border-right: solid 1px rgba(255, 255, 255, 0.5);
}

.debut_support_shueisha.year2025 .other_project_menu .link_block a {
  color: #fff;
}

.debut_support_shueisha.year2025 .other_project_menu .link_block a::after {
  border-left: 5px solid #fff;
}

/* seminar_saitonaoki */
.seminar_saitonaoki .keycolor {
  color: #f25d4d;
}

.seminar_saitonaoki .keycolor_bg {
  background-color: #f2934d !important;
}

.seminar_saitonaoki .keycolor_border {
  border-color: #f2934d !important;
}

.seminar_saitonaoki .subcolor {
  color: #f2934d;
}

.seminar_saitonaoki .subcolor_bg {
  background-color: #f2934d !important;
}

/* seminar_saitonaoki */
.seminar_yottasun.year2025 .keycolor {
  color: #14b4a5;
}

.seminar_yottasun.year2025 .keycolor_bg {
  background-color: #14b4a5 !important;
}

.seminar_yottasun.year2025 .keycolor_border {
  border-color: #14b4a5 !important;
}

.seminar_yottasun.year2025 .subcolor {
  color: #f67aa0;
}

.seminar_yottasun.year2025 .subcolor_bg {
  background-color: #f67aa0 !important;
}

/* seminar_saitonaoki */
.seminar_sakusya2 .keycolor {
  color: #7a21bd;
}

.seminar_sakusya2 .keycolor_bg {
  background-color: #8f82bc !important;
}

.seminar_sakusya2 .keycolor_border {
  border-color: #8f82bc !important;
}

.seminar_sakusya2 .subcolor {
  color: #8f82bc;
}

.seminar_sakusya2 .subcolor_bg {
  background-color: #8f82bc !important;
}

/* special_talk_session_01 */
.special_talk_session_01 .keycolor {
  color: #ee771c;
}

.special_talk_session_01 .keycolor_bg {
  background-color: #ee771c !important;
}

.special_talk_session_01 .keycolor_border {
  border-color: #ee771c !important;
}

.special_talk_session_01 .subcolor {
  color: #848686;
}

.special_talk_session_01 .subcolor_bg {
  background-color: #848686 !important;
}

/* special_talk_session_02 */
.special_talk_session_02 .keycolor {
  color: #2a71b9;
}

.special_talk_session_02 .keycolor_bg {
  background-color: #2a71b9 !important;
}

.special_talk_session_02 .keycolor_border {
  border-color: #2a71b9 !important;
}

.special_talk_session_02 .subcolor {
  color: #848686;
}

.special_talk_session_02 .subcolor_bg {
  background-color: #848686 !important;
}

/* 2026 */
/* intel */
.project_intel.year2026 .keycolor {
  color: #2059a2;
}

.project_intel.year2026 .subcolor {
  color: #30394e;
}

.project_intel.year2026 .keycolor_bg {
  background-color: #2059a2 !important;
}

/* sony */
.project_sony.year2026 .keycolor {
  color: #fbcb00;
}

.project_sony.year2026 .keycolor_bg {
  background-color: #884798 !important;
}

.project_sony.year2026 .keycolor_border {
  border-color: #fbcb00 !important;
}

.project_sony.year2026 .subcolor {
  color: #884798;
}

.project_sony.year2026 .subcolor_bg {
  background-color: #884798 !important;
}

/* project_bnfw */
.project_bnfw.year2026 .keycolor {
  color: #e73c0d !important;
}

.project_bnfw.year2026 .keycolor_bg {
  background-color: #e73c0d !important;
}

.project_bnfw.year2026 .keycolor_border {
  border-color: #3A3B36 !important;
}

.project_bnfw.year2026 .subcolor {
  color: #f7c000;
}

.project_bnfw.year2026 .subcolor_bg {
  background-color: #f7c000 !important;
}

/* netease */
.project_netease.year2026 .keycolor {
  color: #d72917;
}

.project_netease.year2026 .keycolor_bg {
  background-color: #d72917;
}

.project_netease.year2026 .subcolor {
  color: #871f14;
}

.project_netease.year2026 .subcolor_bg {
  background-color: #d72917;
}

/* project_lotte */
.project_lotte.year2026 .keycolor {
  color: #da1111;
}

.project_lotte.year2026 .keycolor_bg {
  background-color: #6a2400 !important;
}

.project_lotte.year2026 .subcolor {
  color: #6a2400;
}

.project_lotte.year2026 .subcolor_bg {
  background-color: #6a2400 !important;
}

/* kodansya */
.debut_support_kodansya.year2026 .keycolor {
  color: #d74094;
}

.debut_support_kodansya.year2026 .keycolor_bg {
  background-color: #d74094;
}

.debut_support_kodansya.year2026 .subcolor {
  color: #000;
}

.debut_support_kodansya.year2026 .subcolor_bg {
  background-color: #000;
}

/* poplar */
.project_poplar.year2026 .keycolor {
  color: #329d00;
}

.project_poplar.year2026 .keycolor_bg {
  background-color: #329d00;
}

.project_poplar.year2026 .subcolor {
  color: #117501;
}

.project_poplar.year2026 .subcolor_bg {
  background-color: #117501;
}

/* inaba */
.project_inaba.year2026 .keycolor {
  color: #00ac9f;
}

.project_inaba.year2026 .keycolor_bg {
  background-color: #00ac9f;
}

.project_inaba.year2026 .subcolor {
  color: #e3b800;
}

.project_inaba.year2026 .subcolor_bg {
  background-color: #e3b800;
}

/* nittetsu*/
.project_nittetsu.year2026 .keycolor {
  color: #017100;
}

.project_nittetsu.year2026 .keycolor_bg {
  background-color: #87bc00;
}

.project_nittetsu.year2026 .subcolor {
  color: #4f6e00;
}

.project_nittetsu.year2026 .subcolor_bg {
  background-color: #87bc00;
}

/* seminar_yottasun */
.seminar_yottasun.year2026 .keycolor {
  color: #fe930b;
}

.seminar_yottasun.year2026 .keycolor_bg {
  background-color: #fe930b !important;
}

.seminar_yottasun.year2026 .keycolor_border {
  border-color: #fe930b;
}

.seminar_yottasun.year2026 .subcolor {
  color: #0ad48b;
}

.seminar_yottasun.year2026 .subcolor_bg {
  background-color: #0ad48b !important;
}

/* seminar_saitonaoki */
.seminar_saitonaoki.year2026 .keycolor {
  color: #b054ff;
}

.seminar_saitonaoki.year2026 .keycolor_bg {
  background-color: #5f3cb5 !important;
}

.seminar_saitonaoki.year2026 .keycolor_border {
  border-color: #5f3cb5 !important;
}

.seminar_saitonaoki.year2026 .subcolor {
  color: #000;
}

.seminar_saitonaoki.year2026 .subcolor_bg {
  background-color: #000 !important;
}

/* special_talk_session_03 */
.special_talk_session_03 .keycolor {
  color: #cf2e97;
}

.special_talk_session_03 .keycolor_bg {
  background-color: #cf2e97 !important;
}

.special_talk_session_03 .keycolor_border {
  border-color: #cf2e97 !important;
}

.special_talk_session_03 .subcolor {
  color: #848686;
}

.special_talk_session_03 .subcolor_bg {
  background-color: #848686 !important;
}

/* special_talk_session_04 */
.special_talk_session_04 .keycolor {
  color: #1732ad;
}

.special_talk_session_04 .keycolor_bg {
  background-color: #1732ad !important;
}

.special_talk_session_04 .keycolor_border {
  border-color: #1732ad !important;
}

.special_talk_session_04 .subcolor {
  color: #848686;
}

.special_talk_session_04 .subcolor_bg {
  background-color: #848686 !important;
}

/* special_talk_session_05 */
.special_talk_session_05 .keycolor {
  color: #b41e1e;
}

.special_talk_session_05 .keycolor_bg {
  background-color: #b41e1e !important;
}

.special_talk_session_05 .keycolor_border {
  border-color: #b41e1e !important;
}

.special_talk_session_05 .subcolor {
  color: #848686;
}

.special_talk_session_05 .subcolor_bg {
  background-color: #848686 !important;
}

/*-------------------------------------------------------------
	バリエーション 2025


.btnlink_course .btn_spatial_exerience_design a {
	background-color: #e50111;
	background-image: url("/course/common/images/thumbnail/spatial_exerience_design.jpg");
}

.btnlink_course .btn_communication_design a {
	background-color: #e50111;
	background-image: url("/course/common/images/thumbnail/communication_design.jpg");
}

.btnlink_course .btn_mechanical_designer_cg_advanced_diploma a ,
.btnlink_course .btn_mechanical_designer_cg a 
{
	background-color: #e50111;
	background-image: url("/course/common/images/thumbnail/mechanical_designer_cg.jpg");
}

.btnlink_course .btn_comic_illustration_advanced a {
	background-color: #e50111;
	background-image: url("/course/common/images/thumbnail/comic_illustration_advanced.jpg");
}

.btnlink_course .btn_ai_engineer a {
	background-color: #e50111;
	background-image: url("/course/common/images/thumbnail/ai_engineer.jpg");
}

.btnlink_course .btn_super_game_creator a {
	background-color: #1d50a0;
	background-image: url("/course/common/images/thumbnail/super_game_creator.jpg");
}

.btnlink_course .btn_game_graphic_illustration a {
	background-color: #1d50a0;
	background-image: url("/course/common/images/thumbnail/game_graphic_illustration.jpg");
}

.btnlink_course .btn_vtuber a {
	background-color: #1d50a0;
	background-image: url("/course/common/images/thumbnail/vtuber.jpg");
}

.btnlink_course .btn_vfx_cg_images_advanced_diploma a {
	background-color: #1d50a0;
	background-image: url("/course/common/images/thumbnail/vfx_cg_images.jpg");
}

.btnlink_course .btn_animation_master a ,
.btnlink_course .btn_animation_advanced_diploma a 
{
	background-color: #1d50a0;
	background-image: url("/course/common/images/thumbnail/animation_advanced.jpg");
}

.btnlink_course .btn_automotive_design_department a {
	background-color: #f1b000;
	background-image: url("/course/common/images/thumbnail/automotive_design_department2.jpg");
}

.btnlink_course .btn_graphic_design a {
	background-color: #8f61a2;
	background-image: url("/course/common/images/thumbnail/graphic_design.jpg");
}

.btnlink_course .btn_digital_illustration_manga a {
	background-color: #dc4f93;
	background-image: url("/course/common/images/thumbnail/digital_illustration_manga.jpg");
}

.btnlink_course .btn_manga a {
	background-color: #dc4f93;
	background-image: url("/course/common/images/thumbnail/manga.jpg");
}

.btnlink_course .btn_comic_illustration a {
	background-color: #dc4f93;
	background-image: url("/course/common/images/thumbnail/comic_illustration.jpg");
}

.btnlink_course .btn_light_novel_scenario_novelist a {
	background-color: #dc4f93;
	background-image: url("/course/common/images/thumbnail/light_novel_scenario_novelist.jpg");
}

.btnlink_course .btn_game_graphic_character a,
.btnlink_course .btn_game_game_graphic_character a {
	background-color: #52b489;
	background-image: url("/course/common/images/thumbnail/game_graphic_character.jpg");
}

.btnlink_course .btn_game_programmer a {
	background-color: #52b489;
	background-image: url("/course/common/images/thumbnail/game_programmer.jpg");
}
.btnlink_course .btn_game_programmer_planner_vr_advanced_diploma a{
	background-color: #52b489;
	background-image: url("/course/common/images/thumbnail/game_programmer_planner_vr_advanced_diploma.jpg");
}
.btnlink_course .btn_cg_creators a {
	background-color: #52b489;
	background-image: url("/course/common/images/thumbnail/cg_creators.jpg");
}

.btnlink_course .btn_animation a {
	background-color: #52b489;
	background-image: url("/course/common/images/thumbnail/animation.jpg");
}

.btnlink_course .btn_video_picture_creators a ,
.btnlink_course .btn_video_picture_creator a{
	background-color: #52b489;
	background-image: url("/course/common/images/thumbnail/thumb_video_picture_creator.jpg");
	// background-image: url("/course/common/images/thumbnail/video_picture_creators.jpg");
}

.btnlink_course .btn_three_dcg_creators a {
    background-color: #52b489;
    background-image: url("/course/common/images/thumbnail/thumb_3dcg_creator.jpg");
}

-------------------------------------------------------------*/
/*-------------------------------------------------------------
	バリエーション 2026
-------------------------------------------------------------*/
.btnlink_course .btn_comic_illustration_advanced a {
  background-color: #e50111;
  background-image: url("/course/common/images/thumbnail/comic_illustration_advanced.jpg");
}

.btnlink_course .btn_communication_design a {
  background-color: #e50111;
  background-image: url("/course/common/images/thumbnail/communication_design.jpg");
}

.btnlink_course .btn_advanced_illustration a {
  background-color: #e50111;
  background-image: url("/course/common/images/thumbnail/advanced_illustration.jpg");
}

.btnlink_course .btn_mobility_products a {
  background-color: #e50111;
  background-image: url("/course/common/images/thumbnail/mobility_products.jpg");
}

.btnlink_course .btn_super_game_creator a {
  background-color: #1d50a0;
  background-image: url("/course/common/images/thumbnail/super_game_creator.jpg");
}

.btnlink_course .btn_game_graphic_illustration a {
  background-color: #1d50a0;
  background-image: url("/course/common/images/thumbnail/game_graphic_illustration.jpg");
}

.btnlink_course .btn_vtuber a {
  background-color: #1d50a0;
  background-image: url("/course/common/images/thumbnail/vtuber.jpg");
}

.btnlink_course .btn_vfx_cg_images a {
  background-color: #1d50a0;
  background-image: url("/course/common/images/thumbnail/vfx_cg_images.jpg");
}

.btnlink_course .btn_animation_advanced a {
  background-color: #1d50a0;
  background-image: url("/course/common/images/thumbnail/animation_advanced.jpg");
}

.btnlink_course .btn_automotive_design_department a {
  background-color: #f1b000;
  background-image: url("/course/common/images/thumbnail/automotive_design_department2.jpg");
}

.btnlink_course .btn_graphic_design a {
  background-color: #8f61a2;
  background-image: url("/course/common/images/thumbnail/graphic_design.jpg");
}

.btnlink_course .btn_illustration a {
  background-color: #8f61a2;
  background-image: url("/course/common/images/thumbnail/illustration.jpg");
}

.btnlink_course .btn_manga a {
  background-color: #dc4f93;
  background-image: url("/course/common/images/thumbnail/manga.jpg");
}

.btnlink_course .btn_digital_illustration_manga a {
  background-color: #dc4f93;
  background-image: url("/course/common/images/thumbnail/digital_illustration_manga.jpg");
}

.btnlink_course .btn_comic_illustration a {
  background-color: #dc4f93;
  background-image: url("/course/common/images/thumbnail/comic_illustration.jpg");
}

.btnlink_course .btn_light_novel_scenario_novelist a {
  background-color: #dc4f93;
  background-image: url("/course/common/images/thumbnail/light_novel_scenario_novelist.jpg");
}

.btnlink_course .btn_game_programmer a {
  background-color: #52b489;
  background-image: url("/course/common/images/thumbnail/game_programmer.jpg");
}

.btnlink_course .btn_game_graphic_character a,
.btnlink_course .btn_game_game_graphic_character a {
  background-color: #52b489;
  background-image: url("/course/common/images/thumbnail/game_graphic_character.jpg");
}

.btnlink_course .btn_game_planner a {
  background-color: #52b489;
  background-image: url("/course/common/images/thumbnail/game_planner.jpg");
}

.btnlink_course .btn_cg_creators a {
  background-color: #52b489;
  background-image: url("/course/common/images/thumbnail/cg_creators.jpg");
}

.btnlink_course .btn_animation a {
  background-color: #52b489;
  background-image: url("/course/common/images/thumbnail/animation.jpg");
}

.btnlink_course .btn_video_picture_creators a,
.btnlink_course .btn_video_picture_creator a {
  background-color: #52b489;
  background-image: url("/course/common/images/thumbnail/video_picture_creator.jpg");
}

.btnlink_course .btn_video_picture_creators a {
  background-color: #52b489;
  background-image: url("/course/common/images/thumbnail/video_picture_creators.jpg");
}

/* タブレット以下 */
/* for tablet max-width: 1070px */
/* SP向けレイアウトの指定：～800px */
/* for SP max-width: 800px */
/*-------------------------------------------------------------
	年表 timeline
-------------------------------------------------------------*/
.timeline_wrp {
  position: relative;
  /* タブレット以下 */
  /* for tablet max-width: 1070px */
  /* SP向けレイアウトの指定：～800px */
  /* for SP max-width: 800px */
}
.timeline_wrp::before {
  position: absolute;
  content: "";
  top: 0;
  left: 48px;
  width: 4px;
  height: 100%;
  background-color: #23699C;
}
.timeline_wrp .timeline_block {
  position: relative;
  padding-top: 30px;
}
.timeline_wrp .timeline_item {
  margin-bottom: 30px;
  position: relative;
  padding-left: 140px;
  display: flex;
  align-items: center;
}
.timeline_wrp .timeline_item:not(:last-of-type) {
  margin-bottom: 40px;
}
.timeline_wrp .timeline_item:before {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 3px;
  z-index: 1;
  background-color: #23699C;
}
.timeline_wrp .year_block {
  z-index: 3;
  position: absolute;
  top: 45%;
  left: 0;
  width: 100px;
  height: 100px;
  padding: 36px 0;
  margin-top: -33px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
}
.timeline_wrp .year_block.yellow {
  background-color: #eeed15 !important;
  color: #ec081e !important;
}
.timeline_wrp .year_block .num {
  font-size: 22px;
  font-weight: 700;
  display: block;
}
.timeline_wrp .detail_block {
  z-index: 2;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 30px 30px 30px 50px;
  background-color: #fff;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.1);
}
.timeline_wrp .detail_block .sub {
  padding: 4px 8px;
  color: #fff;
}
@media screen and (max-width: 800px) {
  .timeline_wrp::before {
    top: 0;
    left: 14px;
  }
  .timeline_wrp .timeline_block {
    position: relative;
    padding-top: 5vw;
  }
  .timeline_wrp .timeline_item {
    position: relative;
    padding-left: 62px;
  }
  .timeline_wrp .timeline_item:not(:last-of-type) {
    margin-bottom: 8vw;
  }
  .timeline_wrp .timeline_item:before {
    top: 50px;
  }
  .timeline_wrp .year_block {
    top: 0;
    left: -10px;
    width: 58px;
    height: 58px;
    padding: 18px 5px;
    margin-top: 22px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
  }
  .timeline_wrp .year_block.yellow {
    background-color: #eeed15 !important;
    color: #ec081e !important;
  }
  .timeline_wrp .year_block .num {
    font-size: 15px;
  }
  .timeline_wrp .detail_block {
    padding: 5vw;
  }
  .timeline_wrp .detail_block .sub {
    font-size: 3vw;
    padding: 4px 8px;
    color: #fff;
  }
  .timeline_wrp .detail_block .title {
    margin-top: 3vw;
    font-size: 4.6vw;
  }
}/*# sourceMappingURL=education_system.css.map */