@charset "UTF-8";

/*************************************************
	ヘッダー
**************************************************/
#grade_1 .header {
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/eiken.obunsha.co.jp/2020_3kako/img/hd_grade_1.png);
  color: #fff;
}

#grade_pre1 .header {
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/eiken.obunsha.co.jp/2020_3kako/img/hd_grade_pre1.png);
}

#grade_2 .header {
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/eiken.obunsha.co.jp/2020_3kako/img/hd_grade_2.png);
  color: #fff;
}

#grade_pre2 .header {
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/eiken.obunsha.co.jp/2020_3kako/img/hd_grade_pre2.png);
  color: #fff;
}

#grade_3 .header {
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/eiken.obunsha.co.jp/2020_3kako/img/hd_grade_3.png);
  color: #fff;
}

#grade_4 .header {
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/eiken.obunsha.co.jp/2020_3kako/img/hd_grade_4.png);
  color: #fff;
}

#grade_5 .header {
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/eiken.obunsha.co.jp/2020_3kako/img/hd_grade_5.png);
  color: #fff;
}

/*************************************************
  ボタン
**************************************************/
#grade_1 .special_link,
.grade_item.grade_1 {
  background: #00943d;
}

#grade_pre1 .special_link,
.grade_item.grade_pre1 {
  background: #76b52f;
}

#grade_2 .special_link,
.grade_item.grade_2 {
  background: #487cbb;
}

#grade_pre2 .special_link,
.grade_item.grade_pre2 {
  background: #0094da;
}

#grade_3 .special_link,
.grade_item.grade_3 {
  background: #ec7619;
}

#grade_4 .special_link,
.grade_item.grade_4 {
  background: #df0b1f;
}

#grade_5 .special_link,
.grade_item.grade_5 {
  background: #e24b83;
}

/*************************************************
	文字色
**************************************************/
#grade_1 .page_ttl,
#grade_1 .login_ttl,
#grade_1 .link_txt {
  color: #009342;
}

#grade_pre1 .page_ttl,
#grade_pre1 .login_ttl,
#grade_pre1 .link_txt {
  color: #89a91d;
}

#grade_2 .page_ttl,
#grade_2 .login_ttl,
#grade_2 .link_txt {
  color: #6a8cd8;
}

#grade_pre2 .page_ttl,
#grade_pre2 .login_ttl,
#grade_pre2 .link_txt {
  color: #00a1e9;
}

#grade_3 .page_ttl,
#grade_3 .login_ttl,
#grade_3 .link_txt {
  color: #fda63d;
}

#grade_4 .page_ttl,
#grade_4 .login_ttl,
#grade_4 .link_txt {
  color: #f9584d;
}

#grade_5 .page_ttl,
#grade_5 .login_ttl,
#grade_5 .link_txt {
  color: #f77298;
}

@media screen and (max-width: 768px) {
  #grade_1 .sec_ttl {
    color: #009342;
  }

  #grade_pre1 .sec_ttl {
    color: #89a91d;
  }

  #grade_2 .sec_ttl {
    color: #6a8cd8;
  }

  #grade_pre2 .sec_ttl {
    color: #00a1e9;
  }

  #grade_3 .sec_ttl {
    color: #fda63d;
  }

  #grade_4 .sec_ttl {
    color: #f9584d;
  }

  #grade_5 .sec_ttl {
    color: #f77298;
  }
}

/*************************************************
	ボタン色
**************************************************/
#grade_1 .login_btn {
  background: #009342;
}

#grade_pre1 .login_btn {
  background: #b9d559;
  color: #333;
}

#grade_2 .login_btn {
  background: #6a8cd8;
}

#grade_pre2 .login_btn {
  background: #00a1e9;
}

#grade_3 .login_btn {
  background: #fda63d;
}

#grade_4 .login_btn {
  background: #f9584d;
}

#grade_5 .login_btn {
  background: #f77298;
}

@media screen and (max-width: 768px) {
  .login_box {
    width: 100%;
  }
}

/*************************************************
	自動採点サービスボタン色
**************************************************/
#grade_1 .special_item.attention .special_ttl {
  background: #003216;
}

#grade_pre1 .special_item.attention .special_ttl {
  background: #404f0b;
}

#grade_2 .special_item.attention .special_ttl {
  background: #1a243b;
}

#grade_pre2 .special_item.attention .special_ttl {
  background: #1c313b;
}

#grade_3 .special_item.attention .special_ttl {
  background: #42311c;
}

#grade_4 .special_item.attention .special_ttl {
  background: #49221f;
}

#grade_5 .special_item.attention .special_ttl {
  background: #401b26;
}

/*************************************************
	howtoダウンロードイメージ
**************************************************/
.dl {
  max-width: 900px;
  margin: auto;
}
.dlimg {
  text-align: center;
  margin-bottom: 50px;
}
.dlimg > img {
    max-width: 100%;
}