.main-text {
  font-size: 1.3em;
  line-height: 1.6;
}

.main-text h2 {
  background-color: rgb(237, 237, 237);
  font-size: 1.2em;
  font-weight: bold;
  margin: 40px 0px 10px;
  padding: 0.4em 0.5em 0.2em;
  border-left: 5px solid rgb(65, 105, 225);
  border-bottom: 2px solid rgb(65, 105, 225);
}

.contents-wrap_contents01 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3rem;
}

.contents-wrap_contents01:nth-child(odd) {
  flex-direction: row;
}

.contents-text_contents01 {
  width: 67%;
  /*flex: 2;*/
}

.contents-img_contents01 {
  width: 30%;
  /*flex: 1;*/
}

.contents-img_contents01 img {
  display: block;
  width: 100%;
  height: auto;
}

.contents-text_contents01 p.heading_fast {
  font-size: 1.4em !important;
  background: #ffeaea;
  padding: 10px;
  border-radius: 15px;
}

.contents-text_contents01 p.heading_second {
  font-size: 1.4em !important;
  background: #ffe0e0;
  padding: 10px;
  border-radius: 15px;
}

.contents-text_contents01 p.heading_third {
  font-size: 1.4em !important;
  background: #ffd6d6;
  padding: 10px;
  border-radius: 15px;
}

@media screen and (max-width: 768px) {
  .contents-wrap_contents01,
  .contents-wrap_contents01:nth-child(odd) {
    flex-direction: column;
  }

  .contents-text_contents01,
  .contents-img_contents01 {
    width: 100%;
    /*flex: 1;*/
  }

  .contents-text_contents01 {
    padding: 0;
  }

  .contents-img_contents01 img {
    display: block;
    width: 70%;
    height: auto;
    margin: 1em auto 0;
  }
}

.contents-wrap_frame1rows {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 10px;
  gap: 10px;
}

.contents-box_frame1rows {
  /* margin-bottom: 1rem; */
  /* padding: 0.5rem; */
  width: 100%;
  background-color: #fff;
}

.contents-box_frame1rows img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 5px;
}

.contents-box_frame1rows p.heading {
  font-size: 1.5rem !important;
  background: beige;
  margin-bottom: 0.5em;
  padding: 10px;
  border-radius: 15px;
}

.contents-box_frame1rows p.heading_second {
  font-size: 1.2rem !important;
  background: #ffffa3;
  margin-bottom: 0.5em;
  padding: 10px;
  border-radius: 15px;
  width: 32%;
}

.contents-box_frame1rows p.heading_third {
  font-size: 1.2rem !important;
  background: #99ff99;
  margin-bottom: 0.5em;
  padding: 10px;
  border-radius: 15px;
  width: 32%;
}

@media screen and (max-width: 768px) {
  .contents-wrap_frame1rows {
    flex-direction: column;
  }

  .contents-box_frame1rows {
    width: 100%;
    margin-bottom: 0.5rem;
  }

  .contents-box_frame1rows p.heading_second {
    font-size: 1.2rem !important;
    background: #ffffa3;
    margin-bottom: 0.5em;
    padding: 10px;
    border-radius: 15px;
    width: 46%;
  }

  .contents-box_frame1rows p.heading_third {
    font-size: 1.2rem !important;
    background: #99ff99;
    margin-bottom: 0.5em;
    padding: 10px;
    border-radius: 15px;
    width: 61%;
  }
}

.contents-wrap_frame3rows {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 10px;
  gap: 10px;
}

.contents-box_frame3rows {
  /* margin-bottom: 1rem; */
  /* padding: 0.5rem; */
  width: 32%;
  background-color: #fff;
}

.contents-box_frame3rows img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 5px;
}

.contents-box_frame3rows2 {
  /* margin-bottom: 1rem; */
  /* padding: 0.5rem; */
  width: 32%;
  background-color: #fff;
}

.contents-box_frame3rows2 img {
  display: block;
  width: 60%;
  height: auto;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .contents-wrap_frame3rows {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .contents-box_frame3rows,
  .contents-box_frame3rows2 {
    margin-bottom: 0.5rem;
    /* padding: 0.5rem; */
    width: 48%;
    background-color: #fff;
  }
}

ul.list4 {
  padding: 0 0.5em;
  margin: 1em auto;
  list-style-type: none;
  font-size: 1.1em;
}

ul.list4 li {
  position: relative;
  padding: 0.1em 0.3em 1em 1.3em;
}

ul.list4 li::before {
  position: absolute;
  top: 0.5em;
  left: 0;
  display: block;
  width: 6px;
  height: 6px;
  content: "";
  border-right: 3px solid #00b5ad;
  border-bottom: 3px solid #00b5ad;
  transform: rotate(-45deg);
}

.box-bg_01 {
  padding: 0.5em;
  margin: 1em 0;

  /*文字色*/
  border: solid 3px #ebdda0; /*線*/
  border-radius: 10px; /*角の丸み*/
  background: url(../../images/what_is_a_medal/bg_01.jpg); /* 背景画像指定 */
  background-repeat: repeat; /* 背景の繰り返し設定 */
  background-position: center; /* 背景の位置指定 */
}
.box-bg_01 p {
  margin: 0;
  padding: 0;
}