@charset "UTF-8";
/*------------------------------------------------
共通＆チリ
------------------------------------------------*/
/*背景*/
.quality_bk_01 {
  padding: 70px 0 40px;
  background-color: #F6F7FC;
}

.quality_bk_02 {
  padding: 20px 0;
  background-color: #1C3177;
}

.quality_bk_04 {
  padding: 50px 0;
  background-color: #F6F7FC;
}

/*画像部分*/
.head_txt_box {
  margin: 50px 0 11px;
}
.txt_box {
  margin: 0 0 47px 0;
}
.txt_box p:first-of-type{
 margin: 0 0 20px 0;
}
.quality_img {
  text-align: center;
}

@media screen and (min-width: 641px) {
  .head_txt_box {
    margin: 30px 0 55px;
  }
  .quality_bk_01 {
    padding: 102px 0 67px;
  }
}
@media screen and (min-width: 758px) {

  .txt_box {
    margin: 0 0 55px 0;
  }
  .quality_bk_02 {
    padding: 26px 0 33px;
  }
  .quality_bk_04 {
    padding: 100px 0;
    background-color: #F6F7FC;
  }
}
/* ------青背景 ------*/
.program_list li p {
  color: #fff;
}

/*大きいボタン部分*/
.tab_list_box {
  transition: all 1s ease-out;
}
.tab_btn {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  background: #E6E7E8;
	cursor: pointer;
	transition: all 1s ease-out;
  padding: 11px 25px;
  margin: 0 20px 20px 0;
}
.tab_btn::after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 25px;
	margin: auto;
	width: 10px;
	height: 10px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.tab_btn:nth-child(4) {
  margin: 0 20px 0 0;;
}
.tab_btn.active {
  background: #7F96C2;
}
.nav_list_box_wrap {
  display: none;
}
.repo_result_show {
  display: block;
}

/*文字サイズ関係*/
.blue_ttl {
  display: none;
}
.blue_ttl_bold {
  font-weight: bolder;
  padding: 0 20px 0 0;
  font-size: 15px;
}
.blue_ttl_en, .blue_bold_ja {
  font-size: 16px;
}
.ttl_wrap {
  margin: 0 0 27px 0;
}


@media screen and (min-width: 641px) {

}

@media screen and (min-width: 758px) {
  .blue_ttl {
    display: block;
  }
  .tab_list_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .tab_btn {
    width: 47.23%;
    margin: 0 20px 20px 0;
  }
  .tab_btn:nth-child(3), .tab_btn:nth-child(4) {
    margin: 0 20px 0 0;
  }
  .ttl_wrap {
    margin: 0 0 50px 0;
  }
  
}



/*year_ボタン部分*/
.list_wrap {
  margin: 25px 0;
}
.tab_list_box_year {
  display: flex;
  flex-wrap: wrap;
  justify-content:flex-start;
  transition: all 1s ease-out;
  margin: -10px;
}
.selbtn_year, .selbtn_year2, .selbtn_year3, .selbtn_year4 {
  width: 50%;
  padding: 10px;
}
.selbtn_year p, .selbtn_year2 p, .selbtn_year3 p, .selbtn_year4 p {
  background: #E6E7E8;
  color: #141B20;
  border-bottom: none;
  line-height: 50px;
  font-weight: bold;
  text-align: center;
	cursor: pointer;
	transition: all 1s ease-out;
}
.active_year p, .active_year2 p, .active_year3 p, .active_year4 p{
  background: #7F96C2;
}
.nav_list_box_wrap_year, .nav_list_box_wrap_year2, .nav_list_box_wrap_year3, .nav_list_box_wrap_year4 {
  display: none;
}
.repo_result_show {
  display: block;
}
.repo_result_show_year, .repo_result_show_year2, .repo_result_show_year3, .repo_result_show_year4 {
  display: block;
}

@media screen and (min-width: 641px) {

  .selbtn_year, .selbtn_year2, .selbtn_year3, .selbtn_year4 {
    width: 33.33%;
  }
  .selbtn_year p, .selbtn_year2 p, .selbtn_year3 p, .selbtn_year4 p {
    width: 100%;
    display: block;
  }
}

@media screen and (min-width: 758px) {
  .tab_list_box_year {
    width: 684px;
  }
  .selbtn_year, .selbtn_year2, .selbtn_year3, .selbtn_year4 {
    width: 16.6%;
  }

  .selbtn_year p, .selbtn_year2 p, .selbtn_year3 p, .selbtn_year4 p {
    width: 94px;
    display: inline-block;
  }
}


/*下の表示部分部分*/
.syllabus_first_list li {
  width: 100%;
  padding: 29px 0 28px;
  border-bottom: 1px solid #000;
}
.syllabus_first_list li a, .fd_figcap a {
  text-decoration: underline;
  font-size: 12px;
	transition: all 0.4s ease-in-out;
}
@media only screen and (min-width: 1025px) {
.syllabus_first_list li a:hover, .fd_figcap a:hover {
		text-decoration: none;
		color: #7F96C2;
	}
}
@media only screen and (min-width: 641px) {
  .syllabus_first_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .syllabus_first_list li {
    width: 48.26%;
    padding: 32px 0 27px;
  }

}
@media only screen and (min-width: 1025px) {
  .syllabus_first_list li a, .fd_figcap a {
    font-size: 14px;
  }
}


/*FD部分*/
.fd_box {
  margin: 80px 0 0 0;
}
.fd_box:first-of-type {
  margin: 0;
}
.fd_thumb_box {
  display: flex;
  margin: 50px 0 0;
}
.fd_figcap {
  margin: 0 0 0 30px;
}