@charset "UTF-8";

#box1 {
  line-height: 1.65;
}

#box1 img {
  width: 100%;
  height: auto;
}

.flexbox {
  display: flex;
  gap: 20px;

  @media (width < 768px) {
    flex-direction: column;
  }

  @media (width >=769px) {
    flex-direction: row-reverse;
  }
}

.flexImg {
  width: 280px;

  @media (width < 768px) {
    width: 100%;
  }
}

.boxlink .flexbox {
  flex-direction: row;
  margin: 25px 0;
}

.boxlinkImg {
  width: 50px;
}

.boxlinkBox {
  width: calc(100% - 70px);
  max-width: 630px;
}

.boxlinkHead {
  padding-bottom: 5px;
  border-bottom: 1px dotted #d8d8d8;
  margin-bottom: 5px;
  font-weight: bold;
}

.flexTxt {
  width: 400px;
  margin-bottom: 15px;

  @media (width < 768px) {
    width: 100%;
  }
}

.divider {
  max-width: 500px;
  margin: 0 auto 15px;
}

.recTxt {
  margin-bottom: 25px;
}

#main div:before,
#main div:after,
section:before,
section:after,
figure:before,
figure:after,
article:before,
article:after,
ul:before,
ul:after,
ol:before,
ol:after,
dl:before,
dl:after {
  display: none;
}