@charset "utf-8";
/* CSS Document */

/*年号リンク*/
ul.pg__link,
ul.pg__link a,
ul.pg__link li {
  align-items: flex-start;
}
.pg__linkLabel {
  min-width: 13rem;
  white-space: nowrap;
}

/*年表*/
.ul_history {
  width: 100%;
}
.ul_history a{
 display: inline-block;
}
.ul_history li {
  width: 100%;
  padding-right: 0 !important;
}
.ul_history_ttl {
  background-color: #f2f2f2;
  border-left: solid 0.1rem #ddd;
  border-right: solid 0.1rem #ddd;
}
.fl_history {
  display: flex;
  width: 100%;
}
.fl_history a {
  display: inline;
}
.area_history,
.area_year,
.area_award {
  border-top: solid 0.1rem #ddd;
  position: relative;
}
.area_history>div, .area_history>p,
.area_year>div, .area_year>p,
.area_award>div, .area_award>p {
  padding: 0.8em 1em;
}
.area_history {
  border-left: none;
  width: calc((100% - 8rem) /3 *2);
}
.area_year {
  width: 8rem;
  text-align: center;
  color: #707d96;
  font-weight: bold;
}
.area_award {
  width: calc((100% - 8rem) /3 *1);
}

/*まる*/
p.point {
  position: relative;
  padding-left: 2.4em;
  color: #293382;
  margin-top: 0;
}
.point.point_sm ,.point.no_mark{
  color: #000;
}
.point::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  border-radius: 2rem;
  position: absolute;
  left: 0.7em;
}
.area_history .point::before {
  background-color: #293382;
  top: 0.5rem;
}
.area_history > .point::before {
  top: 1.8rem;
}
.area_history .point.point_sm::before {
  content: "";
  width: 1rem;
  height: 1rem;
  background-color: #707d96;
  top: 0.8rem;
}
.area_award .point.point_sm::before{
  content: "";
  width: 1rem;
  height: 1rem;
  background-color: #8FBC8F;
  top: 0.8rem;
}
.area_award .point.no_mark::before{
  background-color: transparent;  
}
.area_history > .point.point_sm::before,
.area_award > .point.point_sm::before {
  top: 2rem;
}

/*解説*/
div.area_comment {
  background-color: #f2f2f2;
  padding: 0.8em 1em 0.8em 2.4em;
  margin-bottom: 0.8em;
  position: relative;
}
.area_comment::before {
  content: "解説";
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 1.2rem;
  color: #293382;
  position: absolute;
  left: 0.5em;
  top: 50%;
  transform: translateY(-50%);
}
.area_blank {
  height: 5rem;
}

/*写真だけの段落（働きがいの写真系）*/
div.area_indivi_img,
p.area_indivi_img {
  padding-top: 0;
  padding-left: 2.4em;
  margin-top: 0;
}

/*余白等*/
div.set_pdleft,
p.set_pdleft {
  padding-left: 2.4em;
}
div.set_mgtop,
p.set_mgtop {
  margin-top: 1.5rem;
}
div.reset_mgtop,
p.reset_mgtop,
img.reset_mgtop {
  margin-top: 0;
}
div.reset_pdleft,
p.reset_pdleft{
  padding-left: 0;
}
.bg_white {
  background-color: #fff;
  padding: 0.8rem;
}
.bg_ltblue {
  background-color: #f0f8ff;
}
.bg_gray.note {
  padding: 0.8rem;
  margin-top: 4em !important;
}
p.item_fix,
div.item_fix {
  position: absolute;
  width: 100%;
  margin-top: 0;
}


@media screen and (max-width: 1024px) {
  
  /*年号リンク*/
  .ul_history_ttl {
    display: none;
  }

  /*年表*/
  .fl_history {
    flex-wrap: wrap;
  }
  .area_history,
  .area_year,
  .area_award {
    width: 100%;
    flex: none;
  }
  .area_year {
    order: 1;
  }
  .area_history {
    order: 2;
  }
  .area_award {
    order: 3;
  }
  .no_text {
    border-top: none;
    padding: 0;
  }
  .area_blank {
    display: none;
  }
  
  /*余白等*/
  .bg_gray.note {
    margin-top: 0 !important;
  }
  .area_year > .bg_ltblue {
    background-color: inherit;
  }
  
  
}