@charset "UTF-8";

/* color */
.story_detail--studysapuri {
  background: #E5EBF3;
}
.story_about_heading {
  color: #E5EBF3;
}
.txt_color,
.story_row_num,
.story_lineup_heading {
  color: #1941A0;
}
.story_detail .lineup_section {
  background: #C3CFE1;
}

/* style */
.story_detail .story_row01 {
  padding-bottom: 50px;
}

.story_studysapuri01_img01 {
  padding-top: 40px;
}

.story_detail .story_layout_box .layout_chapter02_01 {
  margin: 80px 7% 0 6%;
  width: 37%;
}
.story_detail .story_layout_box .layout_chapter02_03 {
  margin: 0 8% 0 0;
  width: 19%;
}
.story_detail .story_layout_box .layout_chapter02_04 {
  margin: 0 8% 0 3%;
  width: 45%;
}

.story_detail .story_layout_box .layout_chapter02_04b {
  margin: 0 6% 0 0;
  width: 20%;
}

.story_detail .story_layout_box .layout_chapter02_05 {
  margin: -20px 12% 0 0%;
  width: 39%;
}
.story_detail .story_layout_box .layout_chapter04_02 {
  margin-top: 0px;
  width: 34%;
}


/* style responsive */
@media (max-width: 767px) {
  .story_detail .story_layout_box .layout_chapter02_02 {
    margin-bottom: 30px;
  }
  .story_detail .story_row01 {
    padding-bottom: 20px;
  }
  .story_detail .layout_chapter02_01 {
    margin: 40px 0 0 0;
    width: 100%;
  }
  .story_detail .story_layout_box .layout_chapter02_03 {
    margin: 15% 25% 50px;
    width: 50%;
  }
  .story_detail .story_layout_box .layout_chapter02_04 {
    margin: 0 0 0 0%;
    width: 100%;
  }
  .story_detail .story_layout_box .layout_chapter02_04b {
    margin: 15% 25% 30px;
    width: 50%;
  }
  .story_detail .story_layout_box .layout_chapter02_05 {
    margin: 0 0 0 0%;
    width: 100%;
  }
  .story_detail .layout_chapter03_04 {
    margin-bottom: 20px;
  }
.story_detail .layout_chapter04_01 {
    margin-bottom: 10px;
  }
  .story_detail .story_layout_box .layout_chapter04_02 {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
  }

  .story_detail .layout_chapter04_04 {
    margin-bottom: 20px;
  }
}