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

	_course_detail.scss

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

	course_detail_mv

===============================================================*/
.course_detail_mv {
  /*----------------------------------------------------------
    各専攻
  ----------------------------------------------------------*/
}
.course_detail_mv_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #fff;
  width: 100%;
  height: 300px;
}
.course_detail_mv_title {
  font-size: 40px;
  letter-spacing: 0.1em;
}
.course_detail_mv_lead {
  margin-top: 15px;
  font-size: 16px;
  letter-spacing: 0.1em;
}
.course_detail_mv.game {
  background-color: #F52D56;
}
.course_detail_mv.esports {
  background-color: #32A254;
}
.course_detail_mv.aiit {
  background-color: #226E94;
}
.course_detail_mv.media {
  background-color: #FE6F06;
}
.course_detail_mv.design {
  background-color: #884091;
}
@media screen and (max-width: 1000px) {
  .course_detail_mv_inner {
    height: 250px;
  }
}
@media screen and (max-width: 750px) {
  .course_detail_mv_inner {
    height: 250px;
  }
  .course_detail_mv_title {
    font-size: 40px;
    line-height: 1.2;
  }
  .course_detail_mv_lead {
    margin-top: 10px;
    font-size: 14px;
  }
}

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

	course_detail_result

===============================================================*/
.course_detail_result {
  background: #f2f2f2;
  padding: min(120px, 12vw) 0 min(150px, 15vw);
}
.course_detail_result_content .esports_result:not(:first-child) {
  margin-top: min(50px, 3.6vw);
}
@media screen and (max-width: 1000px) {
  .course_detail_result_content .esports_result:not(:first-child) {
    margin-top: min(50px, 5vw);
  }
}
@media screen and (max-width: 750px) {
  .course_detail_result {
    padding: 60px 0;
  }
  .course_detail_result_content .esports_result:not(:first-child) {
    margin-top: 25px;
  }
}

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

	esports_result（独立したコンテンツ）

===============================================================*/
.esports_result {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: #fff;
  min-height: min(450px, 32vw);
  overflow: hidden;
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 0px 20px;
          box-shadow: rgba(149, 157, 165, 0.2) 0px 0px 20px;
  /*----------------------------------------------------------
    esports_result_rank
  ----------------------------------------------------------*/
  /*----------------------------------------------------------
    esports_result_profile
  ----------------------------------------------------------*/
  /*----------------------------------------------------------
    esports_result_tournament
  ----------------------------------------------------------*/
  /*----------------------------------------------------------
    複数人
  ----------------------------------------------------------*/
}
.esports_result.new::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-left: min(90px, 6.4vw) solid #ff0000;
  border-bottom: min(90px, 6.4vw) solid transparent;
}
.esports_result.new::after {
  content: "NEW";
  position: absolute;
  top: min(15px, 1.1vw);
  left: min(9px, 0.6vw);
  font-size: min(16px, 1.1vw);
  font-weight: bold;
  color: #fff;
}
.esports_result_rank {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 27.5%;
  padding: min(30px, 2.1vw);
  text-align: center;
}
.esports_result_rank_laurel {
  position: relative;
  width: min(200px, 14vw);
}
.esports_result_rank_laurel_title {
  display: block;
  position: absolute;
  top: 48%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  font-size: min(30px, 2.1vw);
  font-weight: bold;
  color: #CC9E13;
}
.esports_result_rank_txt {
  margin-top: min(30px, 2.1vw);
}
.esports_result_rank_date {
  font-size: min(14px, 1vw);
}
.esports_result_rank_title {
  margin-top: min(5px, 0.4vw);
  font-size: min(20px, 1.4vw);
  line-height: 1.4;
}
.esports_result_rank_cat {
  margin-top: min(4px, 0.3vw);
  font-size: min(14px, 1vw);
  font-weight: bold;
}
.esports_result_profile {
  position: relative;
  width: 45%;
  padding: min(30px, 2.1vw);
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
.esports_result_profile_txt {
  position: relative;
  margin-top: min(20px, 1.4vw);
  z-index: 1;
}
.esports_result_profile_name {
  font-size: min(40px, 2.9vw);
  line-height: 1;
  letter-spacing: 0.03em;
}
.esports_result_profile_course {
  margin-top: min(14px, 1vw);
  font-size: min(14px, 1vw);
  font-weight: bold;
  line-height: 1.4;
}
.esports_result_profile_img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: min(300px, 22vw);
}
.esports_result_profile_img img {
  -o-object-fit: contain;
     object-fit: contain;
}
.esports_result_tournament {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 27.5%;
  padding: min(30px, 2.1vw);
}
.esports_result_tournament_img {
  max-height: min(160px, 11vw);
}
.esports_result_tournament_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.esports_result_tournament_txt {
  width: 100%;
}
.esports_result_tournament_title {
  font-size: min(17px,1.5vw);
  line-height: 1.8;
}
.esports_result_tournament_text {
  margin-top: min(10px, 0.7vw);
  font-size: min(14px,1.2vw);
  line-height: 2;
}
.esports_result.multiple .esports_result_profile_member {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.esports_result.multiple .esports_result_profile_txt {
  width: 33.3333333333%;
  text-align: center;
}
.esports_result.multiple .esports_result_profile_name {
  font-size: min(25px, 1.9vw);
}
.esports_result.multiple .esports_result_profile_course {
  margin-top: min(8px, 0.6vw);
  font-size: min(12px, 0.9vw);
}
.esports_result.multiple .esports_result_profile_img {
  left: 0;
  margin: auto;
  width: min(500px, 36vw);
}
@media screen and (max-width: 1000px) {
  .esports_result {
    min-height: 100%;
    /*----------------------------------------------------------
      esports_result_rank
    ----------------------------------------------------------*/
    /*----------------------------------------------------------
      esports_result_profile
    ----------------------------------------------------------*/
    /*----------------------------------------------------------
      esports_result_tournament
    ----------------------------------------------------------*/
    /*----------------------------------------------------------
      複数人
    ----------------------------------------------------------*/
  }
  .esports_result.new::before {
    border-width: min(80px, 8vw);
  }
  .esports_result.new::after {
    top: min(15px, 1.5vw);
    left: min(8px, 0.8vw);
    font-size: min(14px, 1.4vw);
  }
  .esports_result_rank {
    width: 50%;
  }
  .esports_result_rank_laurel {
    width: min(200px, 20vw);
  }
  .esports_result_rank_laurel_title {
    font-size: min(30px, 3vw);
  }
  .esports_result_rank_txt {
    margin-top: min(20px, 2vw);
  }
  .esports_result_rank_date {
    font-size: min(14px, 1.4vw);
  }
  .esports_result_rank_title {
    margin-top: min(5px, 0.5vw);
    font-size: min(20px, 2vw);
  }
  .esports_result_rank_cat {
    margin-top: min(4px, 0.4vw);
    font-size: min(14px, 1.4vw);
  }
  .esports_result_profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 50%;
    border-right: 0;
    padding: min(30px, 3vw) min(30px, 3vw) 0;
  }
  .esports_result_profile_txt {
    margin-top: 0;
    text-align: center;
  }
  .esports_result_profile_name {
    font-size: min(30px, 3vw);
  }
  .esports_result_profile_course {
    margin-top: min(14px, 1.4vw);
    font-size: min(12px, 1.2vw);
  }
  .esports_result_profile_img {
    position: relative;
    width: min(200px, 20vw);
  }
  .esports_result_tournament {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    padding: min(30px, 3vw);
    border-top: 1px solid #e5e5e5;
  }
  .esports_result_tournament_txt {
    width: 100%;
    margin: 0;
  }
  .esports_result_tournament_title {
    font-size: min(16px, 1.8vw);
  }
  .esports_result_tournament_text {
    margin-top: min(10px, 1vw);
    font-size: min(14px, 1.6vw);
  }
  .esports_result.multiple .esports_result_profile {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: min(30px, 3vw) min(30px, 3vw) 0;
  }
  .esports_result.multiple .esports_result_profile_name {
    font-size: min(20px, 2vw);
  }
  .esports_result.multiple .esports_result_profile_course {
    margin-top: min(8px, 0.8vw);
    font-size: min(12px, 1.2vw);
  }
  .esports_result.multiple .esports_result_profile_img {
    margin: min(30px, 3vw) auto 0;
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .esports_result {
    /*----------------------------------------------------------
      esports_result_rank
    ----------------------------------------------------------*/
    /*----------------------------------------------------------
      esports_result_profile
    ----------------------------------------------------------*/
    /*----------------------------------------------------------
      esports_result_tournament
    ----------------------------------------------------------*/
    /*----------------------------------------------------------
      複数人
    ----------------------------------------------------------*/
  }
  .esports_result.new::before {
    border-width: 70px;
  }
  .esports_result.new::after {
    top: 12px;
    left: 7px;
    font-size: 12px;
  }
  .esports_result_rank {
    width: 100%;
    padding: 25px;
  }
  .esports_result_rank_laurel {
    width: 150px;
  }
  .esports_result_rank_laurel_title {
    font-size: 22px;
  }
  .esports_result_rank_txt {
    margin-top: 14px;
  }
  .esports_result_rank_date {
    font-size: 14px;
  }
  .esports_result_rank_title {
    margin-top: 3px;
    font-size: 20px;
  }
  .esports_result_rank_cat {
    margin-top: 2px;
    font-size: 14px;
  }
  .esports_result_profile {
    width: 100%;
    padding: 25px 25px 0;
    border-left: 0;
    border-top: 1px solid #e5e5e5;
  }
  .esports_result_profile_txt {
    margin-top: 0;
    text-align: center;
  }
  .esports_result_profile_name {
    font-size: 25px;
  }
  .esports_result_profile_course {
    margin-top: 10px;
    font-size: 12px;
  }
  .esports_result_profile_img {
    width: 160px;
  }
  .esports_result_tournament {
    display: block;
    padding: 21px 25px 25px;
  }
  .esports_result_tournament_title {
    font-size: 16px;
  }
  .esports_result_tournament_text {
    margin-top: 10px;
    font-size: 13px;
  }
  .esports_result.multiple .esports_result_profile {
    padding: 0;
  }
  .esports_result.multiple .esports_result_profile_member {
    padding: 25px 10px;
    max-width: 400px;
  }
  .esports_result.multiple .esports_result_profile_name {
    font-size: 20px;
  }
  .esports_result.multiple .esports_result_profile_course {
    margin-top: 8px;
    font-size: 11px;
  }
  .esports_result.multiple .esports_result_profile_img {
    margin-top: 0;
    max-width: 400px;
  }
}
/*# sourceMappingURL=course_detail.css.map */