/*-------------------------------
---.section
-------------------------------*/

.section .page_title {
  width: 160%;
  margin-top: -78.5%;
  margin-left: -54%;
}

.section .page_title img {
  top: 53%;
  left: 40.2%;
  width: 50%;
}


/*-------------------------------
---.standards
-------------------------------*/

.standards {
  margin-top: -12.5%;
  margin-bottom: 0;
}

.standards .middle_contents {
  grid-template-columns: 1fr;
  grid-gap: 5rem;
}

.standards .middle_contents .standard .contents_wrap {
  grid-template-columns: 1fr;
  grid-gap: 3rem;
}

.standards .standard .standard_title img {
  margin-left: 1rem;
}

.standards .standard.wide .standard_txt {
  padding-left: 0;
  padding-right: 0;
}


/*--- hirasta01  ---*/

.standards .standard.hirasta01 .standard_title,
.standards .standard.hirasta01 .standard_txt {
  max-width: unset;
  margin-left: 0;
}

.standards .standard.hirasta01 .image {
  grid-template-columns: repeat(2, 1fr);
  margin-left: 0;
  margin-right: 0;
}

.standards .standard.hirasta01 .image .large {
  grid-column: 1/3;
  grid-row: 1/2;
  padding-bottom: 5%;
}


/*--- hirasta02  ---*/

.standards .standard.hirasta02 .decoration .image {
  width: 80%;
  margin-left: auto;
}

.standards .standard.hirasta02 .decoration .character {
  width: 53.5%;
  margin-top: -18.5%;
  margin-left: 0;
}

.standards .standard.hirasta02 .decoration .character .illustration {
  margin-top: -28.5%;
}


/*--- hirasta03  ---*/

.standards .standard.hirasta03 .decoration {
  width: 73.5%;
  margin-left: auto;
  margin-right: auto;
}


/*--- hirasta04  ---*/

.standards .standard.hirasta04 .decoration {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}


/*--- hirasta05  ---*/

.standards .standard.hirasta05 .decoration {
  order: 2;
  width: 73.5%;
  margin-left: auto;
  margin-right: auto;
}


/*--- hirasta06  ---*/

.standards .standard.hirasta06 .image {
  padding-bottom: 4.25%;
  padding-left: 0;
  padding-right: 0;
}

.standards .standard.hirasta06 .decoration .character.pipe {
  width: 15.5%;
  left: -3.25%;
}

.standards .standard.hirasta06 .decoration .character.pipe .illustration {
  width: 100%;
}

.standards .standard.hirasta06 .decoration .character .speech-balloon {
  display: none;
}


/*--- hirasta07  ---*/

.standards .standard.hirasta07 .contents_wrap {
  grid-template-columns: 1fr;
  grid-gap: 1.5rem;
  padding-left: 0;
  padding-right: 0;
}

.standards .standard.hirasta07 .contents_wrap .decoration {
  width: 73.5%;
  margin-left: auto;
  margin-right: auto;
}

.standards .standard.hirasta07 .contents_wrap .decoration .character .illustration {
  width: 75%;
  margin-top: -30%;
}

.standards .standard.hirasta07 .flowchart {
  display: block;
}

.standards .standard.hirasta07 .flowchart .decoration {
  display: none;
}