.voice-bg {
  background: url(../img/cmn/bg01.png) no-repeat center top, url(../img/cmn/bg.svg) no-repeat center bottom, hsl(194, 100%, 95%);
  background-size: 100%, contain;
  background-blend-mode: normal;
}
.voice {
  overflow: hidden;
}
.voice__content {
  width: min(1200px, 98%);
  margin: auto;
}
.voice__section{
  margin: min(80px,6vw) auto;
  background:#FFFEED;
  border-top:1px solid #643c1e;
  border-bottom:1px solid #643c1e;
  padding:min(70px,6%);
}
.voice__section .flex{
  display: flex;
}
.voice__section .flex .textarea{
  flex:0 1 70%;
  order:1;
}
.voice__section .flex .imgarea{
  flex:0 0 30%;
  order:2;
  padding-left:min(30px, 5%);
  margin-top:-12%;
  margin-bottom: min(30px,10%);
}

.voice__section .flex .imgs{
  margin-bottom: min(40px,10%);
}
.voice__section .flex img{
  height: auto;
}
.voice__section .ti {
  margin-bottom: min(35px,5%);
}
.voice__section .ti h3{
  font-size:clamp(16px,calc(24 / 1200 * 100vw),24px);
  color:#f49e23;
  line-height: 1.7;
}
.voice__section p{
  font-size:clamp(14px, calc(18 / 1200 * 100vw),18px);
  color:#643c1e;
  line-height: 1.7;
}
.voice__section .text p{
  margin:1.5em auto;
}
.voice__section .info {
  display: flex;
  flex-wrap:wrap;
  width:min(14em,100%);
  margin:auto;
}
.voice__section .info p{
  border-bottom:1px solid #643c1e;
  padding:.7em 0;
  width:100%;
}
.voice__section .info p:first-child{
  border-top:1px solid #643c1e;
}

.voice-letter {
  width:0 -15% 0 0;
  width:115%;
  justify-content: space-between;
}

/*-------------------*/
.spbr768{
  display: none;
}

@media screen and (width < 1200px) {
  .voice-letter {
    width:0 -10% 0 0;
    width:110%;

  }
}
@media screen and (width < 769px) {
  .spbr768{
    display: inline;
  }  
  .hidden768{
    display: none;
  }
  .voice__section .flex{
    display: block;
  }
  .voice__section .flex .imgarea{
    width:max(160px,33%);
    float:right;
    margin-right:-10%;
  }

  .voice__section .info p{
    font-size:max(12px,2vw);
    background:#FFFEED;
  }
  .voice-letter{
    width:100%;
    margin:auto;
    position: relative;
    padding-bottom: 40px;
  }
  .voice-letter .chara_img{
    width:max(150px,30%);
    position: absolute;
    bottom:0;
    right:50%;
    translate:50% 0;
  }
}