@charset "UTF-8";
.episode02 .clg_inr {
  width: 1230px;
}



/*--------------------- .ttl02 ---------------------*/
.ttl02.ttlcolor02, .ttl02.ttlcolor02 small {
  color: #4c4948;
}
.ttl02.ttlcolor02 span {
  background-color: #4c4948;
}
.ttl02.ttlcolor03, .ttl02.ttlcolor03 small {
  color: #3ba8e0;
}
.ttl02.ttlcolor03 span {
  background-color: #3ba8e0;
}

.flex_box.anc02 .flex_txt, .flex_box.anc02 .flex_img {
  width: 50%;
}

/*--------------------- .epttl01 ---------------------*/
.epttl01 {
  border-bottom: 1px solid #595757;
  font-size: 22px;
  font-weight: 300;
  margin-bottom: 30px;
  padding-bottom: 5px;
}
.epttl01::before {
  background-color: #595757;
  content: "";
  display: inline-block;
  height: 25px;
  margin: 0 10px -10px 0;
  width: 13px;
}
.epttl01.color01 {
  border-color: #c1e3e7;
}
.epttl01.color01::before {
  background-color: #c1e3e7;
}
.epttl01.color02 {
  border-color: #c6bb9f;
}
.epttl01.color02::before {
  background-color: #c6bb9f;
}
.epttl01.color03 {
  border-color: #e95513;
}
.epttl01.color03::before {
  background-color: #ebac92;
}
.epttl01.color04 {
  border-color: #84aad2;
}
.epttl01.color04::before {
  background-color: #84aad2;
}
.epttl01.color05 {
  border-color: #fef9bc;
}
.epttl01.color05::before {
  background-color: #fef9bc;
}
.epttl01.color06 {
  border-color: #c1dda5;
}
.epttl01.color06::before {
  background-color: #c1dda5;
}
.epttl01.color07 {
  border-color: #ebb2b2;
}
.epttl01.color07::before {
  background-color: #ebb2b2;
}
.epttl01.color08 {
  border-color: #9acfda;
}
.epttl01.color08::before {
  background-color: #9acfda;
}
.epttl01.color09 {
  border-color: #ebc9db;
}
.epttl01.color09::before {
  background-color: #ebc9db;
}

/*--------------------- .epttl02 ---------------------*/
.epttl02 {
  background-color: #6f6e6f;
  color: #fff;
  font-size: 18px;
  margin-bottom: 10px;
  padding: 8px 15px;
}

/*--------------------- .c_inr_box ---------------------*/
.c_inr_box {
  margin-bottom: 50px;
}
.c_inr_box.last {
  margin-bottom: 0;
}
.c_inr_box.last {
  margin-bottom: 0;
}
.c_inr_box .read_txt {
  margin: 0 0 30px 0;
}

/*--------------------- .flex_box ---------------------*/
.fix_width01 .flex_txt, .fix_width01 .flex_img {
  width: 590px;
}
.fix_width02 .flex_txt, .fix_width02 .flex_img {
  width: 560px;
}

.pattern03 .flex_img {
  align-items: center;
}
.pattern03 .flex_img.left {
  width: 38%;
}
.pattern03 .flex_img.right {
  width: 60%;
}
.pattern04 .flex_img.left {
  width: 22.2%;
}
.pattern04 .flex_img.right {
  width: 75%;
}

.under_txt_box {
  width: 100%;
}


.rank_list li {
  color: #23567d;
  font-size: 16px;
  margin-bottom: 5px;
  padding-left: 1em;
  text-indent: -1em;
}
.rank_list li::before {
  background-color: #23567d;
  content: "";
  display: inline-block;
  height: 1em;
  margin-right: 1em;
  vertical-align: middle;
  width: 1em;
}
.rank_list li .goal_txt {
  background-color: #9e9f9f;
  color: #fff;
  font-size: 12px;
  margin-left: 15px;
  padding: 5px 10px;
  vertical-align: middle;
}





/*--------------------- sp ---------------------*/
@media only screen and (max-width: 1230px) {
  .episode02 .clg_inr {
    width: 100%;
  }
  
  /*--------------------- .flex_box ---------------------*/
  .fix_width01 .flex_txt, .fix_width01 .flex_img {
    width: 47.5%;
  }
  .fix_width02 .flex_txt, .fix_width02 .flex_img {
    width: 47.5%;
  }
}

@media only screen and (max-width: 960px) {
  /*--------------------- .epttl01 ---------------------*/
  .epttl01 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .epttl01::before {
    height: 20px;
    margin: 0 10px -8px 0;
  }
  
  /*--------------------- .c_inr_box ---------------------*/
  .c_inr_box, .c_inr_box.last {
    margin-bottom: 40px;
  }
  .c_inr_box .read_txt {
    margin: 0 0 15px 0;
  }
  
  /*--------------------- .flex_box ---------------------*/
  .flex_box.pattern03 {
    flex-wrap: nowrap;
  }
}

@media only screen and (max-width: 800px) {
  /*--------------------- .flex_box ---------------------*/
  .fix_width01 .flex_txt, .fix_width01 .flex_img {
    width: 100%;
  }
  .fix_width02 .flex_txt, .fix_width02 .flex_img {
    width: 100%;
  }
}