img {
  vertical-align: top;
}

p {
  line-height: 1.5em;
}

.anime1 {
  opacity: 0;
  -webkit-transform: translate(0, 100px);
          transform: translate(0, 100px);
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
}
.anime1.tra1s {
  -webkit-transition: all 1s;
  transition: all 1s;
}

.anime1.scrollin {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

._pc {
  display: block;
}

._sp {
  display: none;
}

.ib {
  display: inline-block;
}

.imgbox {
  position: relative;
}

.imgnote {
  position: absolute;
  bottom: 5px;
  right: 5px;
  font-size: 10px;
}

.texR {
  text-align: right;
}

.w1200 {
  width: 95%;
  max-width: 1200px;
  margin: auto;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 40px 0;
}
.flex .flex-img {
  width: 50%;
}
.flex .flex-text {
  width: 46%;
}

.lead {
  font-size: clamp(1.375rem, 0.264rem + 2.31vw, 2rem);
  padding-bottom: clamp(0.313rem, -0.243rem + 1.16vw, 0.625rem);
}

.text {
  line-height: 2em;
  padding-top: clamp(0.313rem, -0.243rem + 1.16vw, 0.625rem);
  font-size: clamp(0.75rem, 0.306rem + 0.93vw, 1rem);
}

.text-note {
  font-size: 10px;
}
.text-note>span {
  color: #ff0000;
}

.border {
  border-bottom: #231815 1px solid;
}

.text-space {
  letter-spacing: 0;
}

.shippori {
  font-family: "Shippori Mincho B1", serif;
  font-weight: 400;
  font-style: normal;
}

@media screen and (max-width: 768px) {
  ._pc {
    display: none;
  }
  ._sp {
    display: block;
  }
  .flex {
    padding: clamp(1.25rem, 0.357rem + 4.46vw, 2.5rem) 0;
  }
  .flex .flex-img {
    width: 100%;
  }
  .flex .flex-text {
    width: 100%;
  }
  .lead {
    font-size: clamp(1.25rem, 0.773rem + 2.04vw, 1.75rem);
    padding-bottom: 10px;
  }
  .text {
    font-size: clamp(0.75rem, 0.571rem + 0.89vw, 1rem);
  }
  /*@media screen end*/
}
.top .top-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  background: #000;
  font-size: clamp(1.25rem, 0.806rem + 0.93vw, 1.5rem);
  color: #fff;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 25px 40px;
  line-height: 45px;
  line-height: clamp(2.375rem, 1.597rem + 1.62vw, 2.813rem);
  letter-spacing: 0.08em;
}
.top .top-text > span {
  font-size: clamp(2.188rem, 1.41rem + 1.62vw, 2.625rem);
  letter-spacing: 0.2em;
}
.top .imgnote {
  color: #fff;
  text-shadow: #000 0 0 5px, #000 0 0 5px;
}

@media screen and (max-width: 768px) {
  .top .top-text {
    font-size: clamp(0.813rem, 0.321rem + 2.46vw, 1.5rem);
    padding: clamp(0.938rem, 0.625rem + 1.56vw, 1.375rem) clamp(1.25rem, 0.982rem + 1.34vw, 1.625rem) clamp(1.125rem, 0.857rem + 1.34vw, 1.5rem);
    line-height: 28px;
    line-height: clamp(1.375rem, 0.571rem + 4.02vw, 2.5rem);
    letter-spacing: 0.08em;
  }
  .top .top-text > span {
    font-size: clamp(1.25rem, 0.357rem + 4.46vw, 2.5rem);
    letter-spacing: 0.2em;
  }
  /*@media screen end*/
}
.sec1 {
  padding-top: 80px;
}
.sec1 .flex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sec1 .flex-text {
  text-align: center;
}
.sec1 .flex-text .ttl-img {
  width: 60%;
  margin: auto;
}
.sec1 .flex-text .lead {
  padding-top: 20px;
}
.sec1 .flex-text .text-note {
  padding-top: 15px;
}
.sec1 .meilt-point {
  background: #D4EAE0;
  padding-top: 10px;
}
.sec1 .meilt-point .point-item {
  width: 32%;
}
.sec1 .meilt-point .point-item-text {
  padding-top: 15px;
  text-align: center;
  font-size: clamp(0.75rem, 0.306rem + 0.93vw, 1rem);
}

@media screen and (max-width: 768px) {
  .sec1 {
    padding-top: 40px;
  }
  .sec1 .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .sec1 .flex-text .ttl-img {
    max-width: 300px;
  }
  .sec1 .flex-text .lead {
    padding-top: 20px;
  }
  .sec1 .flex-text .text {
    padding-bottom: 30px;
  }
  .sec1 .flex-text .text-note {
    padding: 10px 0 20px;
  }
  .sec1 .meilt-point {
    padding-top: 0;
  }
  .sec1 .meilt-point .flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .sec1 .meilt-point .point-item {
    width: 100%;
    padding-top: 30px;
  }
  .sec1 .meilt-point .point-item-text {
    padding: 10px 0 0;
    font-size: clamp(0.875rem, 0.607rem + 1.34vw, 1.25rem);
  }
  /*@media screen end*/
}
.sec2 {
  padding: 80px 0 40px;
}
.sec2 .text-item {
  text-align: center;
  padding-bottom: 20px;
}
.sec2 .ttl-img {
  position: absolute;
  top: -10px;
  right: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 10%;
}
.sec2 .text-note {
  padding-top: 5px;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .sec2 {
    padding: 40px 0;
  }
  .sec2 .text-item {
    width: 60%;
    text-align: left;
  }
  .sec2 .text-item .text {
    width: 100%;
  }
  .sec2 .ttl-img {
    position: absolute;
    top: -10px;
    right: -25px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 25%;
    max-width: 120px;
  }
  .sec2 .text-note {
    padding-top: 5px;
    text-align: left;
  }
  /*@media screen end*/
}
.sec3 {
  padding-top: 10px;
}
.sec3 .flex {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sec3 .flex .flex-text {
  padding: 0;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.sec3 .flex .flex-text .ttl-img {
  width: 22%;
}
.sec3 .flex .flex-text .text-item {
  width: 74%;
}
.sec3 .flex .flex-text .text-item .lead {
  line-height: 1.2em;
}

@media screen and (max-width: 768px) {
  .sec3 {
    padding-top: 10px;
  }
  .sec3 .flex {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .sec3 .flex .flex-img {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .sec3 .flex .flex-text {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding-bottom: 20px;
  }
  .sec3 .flex .flex-text .ttl-img {
    width: 30%;
    max-width: 150px;
  }
  .sec3 .flex .flex-text .text-item {
    width: 66%;
  }
  .sec3 .flex .flex-text .text-item .lead {
    line-height: 1.2em;
  }
  .sec3 .flex .flex-text .text-item .text {
    letter-spacing: -0.07em;
  }
  /*@media screen end*/
}
.sec4 {
  padding: 10px 0 40px;
}

.sec5 {
  padding: 10px 0 120px;
}
.sec5 .melit-img {
  background: #DBEAE3;
  padding: 20px 0;
}
.sec5 .melit-img > img {
  width: 80%;
  max-width: 1000px;
  margin: auto;
}
.sec5 .melit-img .text-note {
  width: 80%;
  max-width: 1000px;
  margin: auto;
}

.span-ann {
  position: absolute;
  top: -20%;
  right: clamp(0.625rem, -0.486rem + 2.31vw, 1.25rem);
}

.melit-text .ttl-img {
  width: 25%;
}
.melit-text .text-item {
  width: 71%;
}
.melit-text .text-item .text {
  padding-bottom: clamp(0.625rem, 0.069rem + 1.16vw, 0.938rem);
}
.melit-text .text-item .text-note {
  letter-spacing: -1px;
}

@media screen and (max-width: 768px) {
  .sec5 .span-note {
    font-size: clamp(0.688rem, 0.554rem + 0.67vw, 0.875rem);
    position: absolute;
    top: 0;
  }
  .sec5 .melit-img > img {
    width: 90%;
  }
  .sec5 .melit-img .text-note {
    width: 90%;
    padding-top: 30px;
  }
  .span-ann {
    right: clamp(0.5rem, 0.083rem + 1.78vw, 0.938rem);
  }
  .melit-text .ttl-img {
    width: 60%;
    max-width: 300px;
    margin: auto;
  }
  .melit-text .text-item {
    width: 100%;
    padding: 20px 0;
    text-align: center;
  }
  /*@media screen end*/
}