body {
  word-break: break-word;
  line-break: strict;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-text-size-adjust: 100%;
}


.moreBox {
  width: 40%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.more {
  width: 12%;
  margin: 0 auto;
  margin-top: 50px;
  text-align: center;
  color: #806239;
  font-size: 20px;
  font-family: Akashi, serif;
}

.center-border {
  display: flex;
  align-items: center;
}

.center-border:before,
.center-border:after {
  content: "";
  border-top: 1px solid #806239;
  flex-grow: 1;
  opacity: 0.5;
}

.center-border:before {
  margin-right: 1rem;
}

.center-border:after {
  margin-left: 1rem;
}



.iWrap {
  width: 100%;
  max-width: 900px;
  margin: 100px auto 200px;
  text-align: left;
}

.iWrapB {
  width: 900px;
  margin: 150px auto;
  text-align: left;
}

.iWrapC {
  width: 900px;
  margin: 100px auto 200px;
  text-align: left;
}

.ls {
  letter-spacing: -2px;
  margin: 0 4px 0 0;
}

.lsB {
  letter-spacing: -2px;
  margin: 0 4px;
}

.u-boxT {
  width: 100%;
  margin: 100px auto;
  text-align: center;
}

.u-boxT2 {
  width: 100%;
  margin: 100px auto;
  text-align: center;
}

.lead {
  margin-bottom: 80px;
}

.lead p.int_l {
  font-size: 19px;
  line-height: 1.8;
  letter-spacing: 0.08em;
  font-family: Reimin Regular, serif;
  font-weight: 600;
}

.u-boxD {
  width: 760px;
  text-align: left;
  color: #534741;
  margin: 0 auto;
}

.u-boxD .int {
  color: #554943ba;
}

.u-boxD p.int {
  margin-bottom: 20px;
  font-size: 17px;
  line-height: 1.8;
  letter-spacing: 0.08em;
  font-family: Reimin Regular, serif;
  /* text-align: justify;
  text-justify: inter-ideograph;
  text-justify: inter-character; */
  font-weight: 600;
}

.u-boxD p {
  margin-bottom: 30px;
  font-size: 17px;
  color: #534741c4;
  line-height: 1.8;
  letter-spacing: 0.08em;
  font-family: fot-tsukumin-pr6n, sans-serif;
  /* text-align: justify;
  text-justify: inter-ideograph;
  text-justify: inter-character; */
}


.txtBox {
  width: 100%;
}

.imageBoxY {
  width: 100%;
  /* display: inline-block; */
  text-align: center;
  margin: 120px auto;
}

.imageBoxYT {
  width: 100%;
  /* display: inline-block; */
  text-align: center;
  margin: 0px auto 120px;
}

p.cap {
  text-align: right;
  font-size: 11px;
}


.image-left {
  position: relative;
  clear: both;
  float: left;
  text-align: right;
}

.image-left-sq {
  position: relative;
  clear: both;
  float: left;
  text-align: right;
}

.image-right {
  position: relative;
  clear: both;
  float: right;
}


.tate {
  margin: 10px 80px 30px -100px;
}

.tate2 {
  margin: 53px 80px 30px -100px;
}

.tateR {
  margin: 53px -100px 30px 80px;
}


.image-left .image-right .image-left-sq img {
  display: block;
}

.u-boxD img.center {
  display: flex;
  margin: 70px auto 100px;
}


.page {
  width: 300px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.page ul {
  display: flex;
  flex-direction: row;
  margin-bottom: 50px;
  padding: 0;
  justify-content: space-between;
}

.home {
  text-align: center;
  margin-bottom: 50px;
}


.page a img:hover {
  opacity: 0.4;
}


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

  .moreBox {
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
  }

  .more {
    width: 30%;
    font-size: 15px;
  }


  .iWrap {
    width: 100%;
    margin: 0 auto 100px;
    text-align: left;
  }

  .iWrapB {
    width: 100%;
    margin: 50px auto;
    text-align: left;
  }

  .lead {
    margin-top: 30px;
    margin-bottom: 60px;
  }

  .lead p.int_l {
    font-size: 16px;
    line-height: 1.6;
  }

  .u-boxD p.int {
    font-family: Reimin Regular, serif;
  }

  .u-boxD p {
    letter-spacing: 0;
    font-family: Reimin Light, serif;
  }

  .page {
    width: 150px;
  }


  .u-boxT {
    width: 100%;
    margin: 50px auto;
    text-align: center;
  }

  .u-boxT2 {
    margin: 0 auto;
  }


  .u-boxD {
    /* width: 83%; */
    width: 90%;
    text-align: left;
    color: #534741;
    margin: 0 auto;
  }

  .u-boxD p.int {
    font-size: 15px;
    /* text-align: justify;
    text-justify: inter-ideograph;
    text-justify: inter-character; */

  }

  .u-boxD p {
    font-size: 15px;
    /* text-align: justify;
    text-justify: inter-ideograph;
    text-justify: inter-character; */

  }

  .imageBoxYT {
    margin: 0px auto 50px;
  }


  .image-left {
    position: relative;
    clear: both;
    float: none;
    text-align: center;
    width: 65%;
  }

  .tate {
    margin: 60px auto;
  }

  .image-right {
    position: relative;
    clear: both;
    float: none;
    text-align: center;
    width: 65%;
  }

  .tateR {
    margin: 60px auto;
  }

  .image-left {
    position: relative;
    clear: both;
    float: none;
    text-align: center;
    width: 65%;
  }

  .image-left-sq {
    position: relative;
    clear: both;
    float: none;
    text-align: center;
    width: 75%;
  }

  .tate2 {
    margin: 50px auto;
  }

  p.cap {
    font-size: 11px;
    line-height: 1.5;
  }

  .imageBoxY {
    margin: 60px auto;
  }

}