@charset "UTF-8";

#box1 img,
#box3 img {
  width: 100%;
  vertical-align: bottom;
}

#main .flexBox:before,
#main .flexBox:after,
#main .innerTxt:before,
#main .innerTxt:after {
  display: none;
}

@media screen and (min-width: 787px) {

  #box1 .flexBox,
  #box3 .flexBox {
    display: flex;
    gap: 15px;
    flex-direction: row-reverse;
  }

  #box1 .flexBox figure,
  #box3 .flexBox figure {
    flex: 0 0 250px;
  }

  #box1 .flexBox .innerTxt,
  #box3 .flexBox .innerTxt {
    flex: 1 1 auto;
  }
}

@media screen and (max-width: 786px) {

  #box1 .flexBox figure,
  #box3 .flexBox figure {
    width: 100%;
    margin-bottom: 15px;
  }

  #box1 .flexBox p,
  #box3 .flexBox p {
    width: 100%;
  }
}

/* ==========================================================
	PC閲覧用 481px以上
========================================================== */
@media screen and (min-width: 787px) {
  .title h2 {
    font-size: 0.9em;
  }
}

.listbox {
  padding: 10px 10px 5px;
  background-color: #e4f6ff;
}

.listbox:before,
.listbox:after {
  display: none;
}

.listitem {
  margin-bottom: 5px;
  color: #006;
}