/* CSS Document */
.pre-inc #contents {
  margin: 0 auto;
  width: 100%;
  background: #FFF;
  position: relative;
  color: #000;
}
.pre-inc #contents .sec-btn {
  margin: 0 auto;
  padding: 2.5em 0;
  width: 100%;
  border-top: 4px #938051 solid;
  border-bottom: 4px #938051 solid;
  -o-border-image: linear-gradient(90deg, #B2863A, #FFF6D0, #B2863A);
     border-image: linear-gradient(90deg, #B2863A, #FFF6D0, #B2863A);
  border-image-slice: 1;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .sec-btn {
    padding: 4em 0;
  }
}
.pre-inc #contents .sec-btn .btn-block {
  margin: 0 auto;
  width: 90%;
  max-width: 1000px;
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.5em;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .sec-btn .btn-block {
    gap: 1em;
  }
}
.pre-inc #contents .sec-btn .btn-block .btn-link {
  margin: 0;
  width: calc((100% - 0.5em) / 2);
  height: 3em;
  background: #FFF;
  border: 1px #938051 solid;
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.25em;
  text-align: center;
  color: #938051;
  font-size: min(3.8vw, 20px);
  line-height: 1;
  transition: 0.5s;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .sec-btn .btn-block .btn-link {
    width: calc((100% - 3em) / 4);
  }
}
.pre-inc #contents .sec-btn .btn-block .btn-link::after {
  content: "";
  background: rgba(147, 128, 81, 0.2509803922);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translate(3px, 3px);
  z-index: -1;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .sec-btn .btn-block .btn-link::after {
    transform: translate(5px, 5px);
  }
}
.pre-inc #contents .sec-btn .btn-block .btn-link.pre {
  border: 1px #833D21 solid;
  box-sizing: border-box;
  color: #833D21;
}
.pre-inc #contents .sec-btn .btn-block .btn-link.pre::after {
  background: rgba(131, 61, 33, 0.2509803922);
}
.pre-inc #contents .sec-btn .btn-block .btn-link.pre.nav-on {
  background: linear-gradient(135deg, #833D21, #C88F33, #833D21);
  color: #FFF;
}
.pre-inc #contents .sec-btn .btn-block .btn-link.pre:hover {
  background: linear-gradient(135deg, #833D21, #C88F33, #833D21);
  color: #FFF;
}
.pre-inc #contents .sec-btn .btn-block .btn-link.nav-on {
  background: linear-gradient(135deg, #645122, #938051, #645122);
  color: #FFF;
}
.pre-inc #contents .sec-btn .btn-block .btn-link:hover {
  opacity: 1;
  background: linear-gradient(135deg, #645122, #938051, #645122);
  color: #FFF;
}
.pre-inc #contents .sec-btn .btn-block .btn-link .en {
  font-family: "EB Garamond", serif;
  letter-spacing: 0.1em;
}
.pre-inc #contents .sec-btn .btn-block .btn-link .ja {
  font-size: min(2vw, 10px);
  letter-spacing: 0.2em;
}
.pre-inc #contents .sec-title {
  margin: 0 auto 2em;
  width: 100%;
  color: #938051;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .sec-title {
    margin: 0 auto 3em;
  }
}
.pre-inc #contents .sec-title .h4-ttl {
  margin: 0;
  width: 100%;
  text-align: center;
  font-family: "EB Garamond", serif;
  font-size: min(6vw, 42px);
  letter-spacing: 0.1em;
  line-height: 1;
}
.pre-inc #contents .sec-title .h4-sub {
  margin: 1em 0 0;
  width: 100%;
  text-align: center;
  font-size: min(2.4vw, 12px);
  letter-spacing: 0.2em;
  line-height: 1;
}
.pre-inc #contents .lead {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  font-size: min(4.6vw, 28px);
  letter-spacing: 0.1em;
  line-height: 1.6;
}
.pre-inc #contents .lead.mdl {
  margin: 3em auto 0;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .lead.mdl {
    margin: 4em auto 0;
  }
}
.pre-inc #contents .head {
  margin: 4em auto 1em;
  width: 90%;
  max-width: 1000px;
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .head {
    margin: 6em auto 2em;
  }
}
.pre-inc #contents .head.first {
  margin: 2em auto 1em;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .head.first {
    margin: 4em auto 2em;
  }
}
.pre-inc #contents .head .head-ttl {
  margin: 0 0.5em 0 0;
  color: #938051;
  font-family: "EB Garamond", serif;
  font-size: min(5vw, 32px);
  letter-spacing: 0.2em;
  line-height: 1;
}
.pre-inc #contents .head .head-sub {
  margin: 0;
  color: #938051;
  font-size: min(3.2vw, 16px);
  line-height: 1;
}
.pre-inc #contents .head .head-lead {
  margin: 0.25em 0 0;
  padding: 0.5em 0 0;
  width: 100%;
  border-top: 1px #938051 solid;
  font-size: min(3.8vw, 20px);
  letter-spacing: 0.1em;
  line-height: 1.6;
}
.pre-inc #contents .ttl {
  margin: 0.5em 0;
  width: 100%;
  color: #938051;
  font-size: min(3.6vw, 18px);
  line-height: 1.4;
}
.pre-inc #contents .txt {
  margin: 0;
  width: 100%;
  text-align: justify;
  font-size: min(2.8vw, 14px);
  line-height: 1.6;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .txt {
    line-height: 1.8;
  }
}
.pre-inc #contents .txt .txt-sup {
  font-size: 0.6em;
}
.pre-inc #contents .cap {
  margin: 0.5em 0 0;
  font-size: min(2vw, 10px);
  line-height: 1.2;
}
.pre-inc #contents .cap.right {
  text-align: right;
}
.pre-inc #contents .fl-r {
  margin: 0 0 0.5em 0.5em;
  float: right;
}
.pre-inc #contents .clear {
  clear: both;
}
.pre-inc #contents .sec-eva1,
.pre-inc #contents .sec-eva2 {
  margin: 0 auto;
  padding: 2.5em 0 4em;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .sec-eva1,
  .pre-inc #contents .sec-eva2 {
    padding: 5em 0 8em;
  }
}
.pre-inc #contents .sec-eva1::before,
.pre-inc #contents .sec-eva2::before {
  content: "";
  width: 100%;
  height: 35.2881698686vw;
  background: url(../images/top/bg01.webp) no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .sec-eva1::before,
  .pre-inc #contents .sec-eva2::before {
    width: 70%;
    height: 24.701718908vw;
  }
}
.pre-inc #contents .block1,
.pre-inc #contents .block2,
.pre-inc #contents .block3,
.pre-inc #contents .block4,
.pre-inc #contents .block5 {
  margin: 0 auto;
  width: 90%;
  max-width: 1000px;
}
.pre-inc #contents .block1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.25em 0;
}
.pre-inc #contents .block1 .box1 {
  margin: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 1.25em;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block1 .box1 {
    width: 40%;
    gap: 1.5em;
  }
}
.pre-inc #contents .block1 .box1 .in-box1 {
  margin: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.pre-inc #contents .block1 .box1 .in-box1 .txt-box {
  margin: 0;
  width: calc(50% - 0.5em);
}
.pre-inc #contents .block1 .box1 .in-box1 .photo {
  margin-left: 0.75em;
  width: 50%;
}
.pre-inc #contents .block1 .box1 .in-box2,
.pre-inc #contents .block1 .box1 .in-box3 {
  margin: 0;
  width: 100%;
}
.pre-inc #contents .block1 .box2 {
  margin: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 1.25em;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block1 .box2 {
    width: 57%;
    gap: 1.5em;
  }
}
.pre-inc #contents .block1 .box2 .in-box1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 1em 0;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block1 .box2 .in-box1 {
    justify-content: space-between;
    gap: 0;
  }
}
.pre-inc #contents .block1 .box2 .in-box1 .txt-box {
  margin: 0;
  width: 100%;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block1 .box2 .in-box1 .txt-box {
    width: 56%;
  }
}
.pre-inc #contents .block1 .box2 .in-box1 .img-box {
  margin: 0;
  width: 70%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block1 .box2 .in-box1 .img-box {
    width: 40%;
  }
}
.pre-inc #contents .block1 .box2 .in-box1 .img-box .img1 {
  width: 62%;
  align-self: stretch;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pre-inc #contents .block1 .box2 .in-box1 .img-box .img2 {
  width: 32%;
}
.pre-inc #contents .block1 .box2 .in-box2 {
  margin: 0;
  padding: 1em;
  width: 100%;
  background: rgba(225, 240, 234, 0.5019607843);
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.pre-inc #contents .block1 .box2 .in-box2 .ttl {
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block1 .box2 .in-box2 .ttl {
    width: 15em;
    text-align: left;
  }
}
.pre-inc #contents .block1 .box2 .in-box2 .txt-box {
  margin: 0;
  width: 100%;
}
.pre-inc #contents .block1 .box2 .in-box2 .img1 {
  margin: 0 auto 0.5em;
  padding: 0.5em 1em;
  width: 75%;
  border-top: 1px #000 solid;
  border-bottom: 1px #000 solid;
  box-sizing: border-box;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block1 .box2 .in-box2 .img1 {
    padding: 0.5em 0;
    width: calc(100% - 270px);
  }
}
.pre-inc #contents .block1 .box2 .in-box2 .img2 {
  width: 22%;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block1 .box2 .in-box2 .img2 {
    width: 16%;
  }
}
.pre-inc #contents .block1 .box2 .in-box3 {
  margin: 0;
  width: 100%;
}
.pre-inc #contents .block1 .box2 .in-box3 .img1 {
  width: 25%;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block1 .box2 .in-box3 .img1 {
    width: 22%;
  }
}
.pre-inc #contents .block1 .box2 .in-box3 .service {
  margin: 0.5em 0 0;
  width: 100%;
}
.pre-inc #contents .block1 .box2 .in-box3 .service .s-team {
  margin: 0;
  padding: 0.25em 0 0.25em 1em;
  width: 100%;
  background: #719f97;
  color: #FFF;
  font-size: min(2.8vw, 14px);
  line-height: 1;
}
.pre-inc #contents .block1 .box2 .in-box3 .service .s-desc {
  margin: 0;
  padding: 0.5em;
  background: #e1f0ea;
  font-size: min(2.4vw, 12px);
  line-height: 1.2;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 0.5em;
}
.pre-inc #contents .block1 .box2 .in-box3 .service .s-desc .s-txt {
  white-space: nowrap;
}
.pre-inc #contents .block1 .box2 .in-box4 {
  margin: 0;
  width: 100%;
}
.pre-inc #contents .block1 .box2 .in-box4 .ttl2 {
  margin: 0;
  padding: 0.5em 0 0.5em 1em;
  width: 100%;
  background: #719f97;
  color: #FFF;
  font-size: min(3.6vw, 18px);
  line-height: 1;
}
.pre-inc #contents .block2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.25em 0;
}
.pre-inc #contents .block2 .box1 {
  margin: 0;
  width: 100%;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block2 .box1 {
    width: 40%;
  }
}
.pre-inc #contents .block2 .box1 .ttl2 {
  margin: 1em 0 0.5em;
  width: 100%;
  font-size: min(2.8vw, 14px);
  line-height: 1;
}
.pre-inc #contents .block2 .box2 {
  margin: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.25em;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block2 .box2 {
    width: 57%;
    gap: 1.5em;
  }
}
.pre-inc #contents .block2 .box2 .in-box1 {
  margin: 0;
  width: 100%;
}
.pre-inc #contents .block2 .box2 .in-box1 .photo {
  margin-left: 0.75em;
  width: 34%;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block2 .box2 .in-box1 .photo {
    width: 28%;
  }
}
.pre-inc #contents .block2 .box2 .in-box2 {
  margin: 0;
  padding: 1em;
  width: 100%;
  border: 1px #231815 solid;
  box-sizing: border-box;
}
.pre-inc #contents .block2 .box2 .in-box2 .photo {
  margin: 1em auto 0;
  width: 80%;
  max-width: 300px;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block2 .box2 .in-box2 .photo {
    margin: 0 0 0 0.75em;
    width: 44%;
  }
}
.pre-inc #contents .block3 {
  background: rgba(235, 246, 245, 0.5019607843);
  border: 1px #003d20 solid;
  box-sizing: border-box;
}
.pre-inc #contents .block3 .box1 {
  margin: 0;
  width: 100%;
  padding: 0.5em 0;
  background: #00633d;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #FFF;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block3 .box1 {
    justify-content: flex-end;
  }
}
.pre-inc #contents .block3 .box1 .bg01 {
  margin: 0;
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block3 .box1 .bg01 {
    display: block;
  }
}
.pre-inc #contents .block3 .box1 .bg01 .image {
  width: auto;
  height: 100%;
}
.pre-inc #contents .block3 .box1 .box1-in {
  margin: 0 0 0 0.5em;
  width: 70%;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block3 .box1 .box1-in {
    margin: 0;
  }
}
.pre-inc #contents .block3 .box1 .box1-in .box1-team {
  margin: 0 0 0.5em;
  padding-bottom: 0.5em;
  width: 100%;
  border-bottom: 1px #FFF solid;
  text-align: center;
  font-size: min(3.8vw, 20px);
  letter-spacing: 0.1em;
  line-height: 1;
}
.pre-inc #contents .block3 .box1 .box1-in .box1-team .caption {
  font-size: 0.8em;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block3 .box1 .box1-in .box1-team .caption {
    font-size: 1em;
  }
}
.pre-inc #contents .block3 .box1 .box1-in .box1-desc {
  margin: 0;
  width: 100%;
  text-align: center;
  font-size: min(2.4vw, 12px);
  line-height: 1.2;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block3 .box1 .box1-in .box1-desc {
    text-align: right;
    line-height: 1;
  }
}
.pre-inc #contents .block3 .box1 .img1 {
  margin: 0 0.5em;
  width: calc(30% - 1em);
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block3 .box1 .img1 {
    margin-right: 0.5em;
    margin-left: calc((6% - 2em) / 2);
    width: 13%;
  }
}
.pre-inc #contents .block3 .in-block {
  margin: 0;
  padding: 1em;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1em 0;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block3 .in-block {
    padding: 1.5em;
  }
}
.pre-inc #contents .block3 .in-block .ttl2 {
  margin: 0 0 0.5em;
  padding: 0.5em 0 0.5em 0.5em;
  width: 100%;
  background: linear-gradient(90deg, #6cb147, #128248);
  color: #FFF;
  font-size: min(3.2vw, 16px);
  line-height: 1;
}
.pre-inc #contents .block3 .in-block .box2 {
  margin: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  gap: 1em 0;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block3 .in-block .box2 {
    justify-content: space-between;
  }
}
.pre-inc #contents .block3 .in-block .box2 .fl-box {
  margin: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1em 0;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block3 .in-block .box2 .fl-box {
    width: 66%;
  }
}
.pre-inc #contents .block3 .in-block .box2 .fl-box .box-title {
  margin: 0;
  width: 100%;
  text-align: justify;
  color: #026636;
  font-size: min(3.6vw, 18px);
  line-height: 1.4;
}
.pre-inc #contents .block3 .in-block .box2 .fl-box .in-box1 {
  margin: 0;
  width: 100%;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block3 .in-block .box2 .fl-box .in-box1 {
    width: 48.5%;
  }
}
.pre-inc #contents .block3 .in-block .box2 .photo {
  width: 80%;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block3 .in-block .box2 .photo {
    width: 32%;
  }
}
.pre-inc #contents .block3 .in-block .box3 {
  margin: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.5em 0;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block3 .in-block .box3 {
    gap: 0;
  }
}
.pre-inc #contents .block3 .in-block .box3 .ttl2 {
  margin: 0;
  line-height: 1.2;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block3 .in-block .box3 .ttl2 {
    margin-bottom: 0.5em;
    line-height: 1;
  }
}
.pre-inc #contents .block3 .in-block .box3 .txt {
  width: 100%;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block3 .in-block .box3 .txt {
    width: 32%;
  }
}
.pre-inc #contents .block3 .in-block .box3 .photo {
  width: 100%;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block3 .in-block .box3 .photo {
    width: 36%;
  }
}
.pre-inc #contents .block3 .in-block .box3 .box3-in {
  margin: 0.5em 0 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block3 .in-block .box3 .box3-in {
    margin: 0;
    width: 30%;
  }
}
.pre-inc #contents .block3 .in-block .box3 .box3-in .box3-desc {
  margin: 0;
  padding: 0.5em;
  background: #FFF;
  border: 1px #040000 solid;
  text-align: center;
  font-size: min(3.2vw, 16px);
  line-height: 1.2;
}
.pre-inc #contents .block4 {
  margin-top: 1em;
  padding: 1em;
  border: 1px #231815 solid;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block4 {
    padding: 1.5em;
  }
}
.pre-inc #contents .block4 .ttl {
  color: #000;
  font-weight: 600;
}
.pre-inc #contents .block4 .box1 {
  margin: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block4 .box1 {
    width: 56%;
  }
}
.pre-inc #contents .block4 .box1 .txt-box {
  margin: 0;
  width: 100%;
}
.pre-inc #contents .block4 .box1 .txt-box .photo {
  margin: 0 0 0 0.75em;
  width: 52%;
}
.pre-inc #contents .block4 .box2 {
  margin: 1em 0 0;
  padding: 1em;
  width: 100%;
  background: #ebeceb;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block4 .box2 {
    margin: 0;
    width: 42%;
  }
}
.pre-inc #contents .block5 .box1 {
  padding: 1.5em 1em 1em;
  border: 1px #231815 solid;
  box-sizing: border-box;
  position: relative;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block5 .box1 {
    padding: 1.75em 1.5em 1.5em;
  }
}
.pre-inc #contents .block5 .box1 .point {
  margin: 0;
  padding: 0.35em 0.75em;
  background: #231815;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  color: #FFF;
  font-size: min(2.8vw, 14px);
  line-height: 1;
}
.pre-inc #contents .block5 .box1 .in-box1 {
  margin: 0;
  padding-bottom: 1em;
  width: 100%;
  border-bottom: 1px #231815 solid;
}
.pre-inc #contents .block5 .box1 .in-box1 .fl-r2 {
  margin: -1em 0 0 0.75em;
  width: 32%;
  float: right;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block5 .box1 .in-box1 .fl-r2 {
    margin: 0;
    width: 16%;
    float: none;
    position: absolute;
    top: 1em;
    right: 1em;
  }
}
.pre-inc #contents .block5 .box1 .in-box1 .fl-box {
  margin: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1em 0;
}
.pre-inc #contents .block5 .box1 .in-box1 .fl-box .txt-box {
  margin: 0;
  width: 100%;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block5 .box1 .in-box1 .fl-box .txt-box {
    width: 50%;
  }
}
.pre-inc #contents .block5 .box1 .in-box1 .fl-box .txt-box .fl-in {
  margin: 0.5em 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.pre-inc #contents .block5 .box1 .in-box1 .fl-box .txt-box .fl-in .fl-team {
  margin: 0;
  padding: 0.5em 0;
  width: calc((100% - 0.5em) / 2);
  background: #6a3906;
  text-align: center;
  color: #FFF;
  line-height: 1.2;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block5 .box1 .in-box1 .fl-box .txt-box .fl-in .fl-team {
    width: calc((100% - 0.75em) / 2);
  }
}
.pre-inc #contents .block5 .box1 .in-box1 .fl-box .img-box {
  margin: 0;
  width: 100%;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block5 .box1 .in-box1 .fl-box .img-box {
    width: 48%;
  }
}
.pre-inc #contents .block5 .box1 .in-box2 {
  margin: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 0.75em 0;
}
.pre-inc #contents .block5 .box1 .in-box2 .txt-box {
  margin: 0;
  width: 100%;
}
@media screen and (min-width: 856px), print {
  .pre-inc #contents .block5 .box1 .in-box2 .txt-box {
    width: 30%;
  }
}
.pre-inc #contents .block5 .box1 .in-box2 .txt-box .ttl {
  text-align: center;
}
.pre-inc #contents .block5 .box1 .in-box2 .txt-box .ttl .br856 {
  display: none;
}
@media screen and (min-width: 856px), print {
  .pre-inc #contents .block5 .box1 .in-box2 .txt-box .ttl .br856 {
    display: inline-block;
  }
}
.pre-inc #contents .block5 .box1 .in-box2 .img-box {
  margin: 0;
  width: 100%;
}
@media screen and (min-width: 856px), print {
  .pre-inc #contents .block5 .box1 .in-box2 .img-box {
    width: 68%;
  }
}
.pre-inc #contents .block5 .box2 {
  margin-top: 1em;
  padding: 1em;
  border: 1px #231815 solid;
  box-sizing: border-box;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block5 .box2 {
    padding: 1.5em;
  }
}
.pre-inc #contents .block5 .box2 .photo {
  margin: -0.5em 1em 0 0;
  width: 38%;
}
@media screen and (min-width: 769px), print {
  .pre-inc #contents .block5 .box2 .photo {
    margin: 0 0 0 1em;
    width: 25%;
  }
}/*# sourceMappingURL=evaluation.css.map */