/*interview
---------------------------------------*/

html {
  scroll-behavior: smooth;
	}




@media screen and (max-width: 767px){
  /* スマートフォン 767px以下 */
  :target {
    scroll-margin-top: 70px;
  }
}
@media screen and (min-width:768px){
  :target {
    scroll-margin-top: 130px;
  }
}


.contentsWrap{
  background: #b3bab7;
}

.br{
  display: inline-block;
}

.reaPageH {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  text-align: center;
}
.reaPageH h1 {
  margin: 70px 0 0 0;
  padding-left: 0.1em;
  color: #fff;
  font-size: clamp(calc(25px * 0.7), calc(25vw / 9.76), 25px);/*35 / 28*/
  line-height: 1.8;
  letter-spacing: 0.1em;
}

.reaPageH p{
  margin: 30px 0 0 0;
  padding-left: 0.1em;
  color: #fff;
  font-size: clamp(calc(16px * 0.7), calc(16vw / 9.76), 16px);/*16 / 15*/
  line-height: 1.0;
  text-align: center;
  letter-spacing: 0.1em;
}

.cap{
  font-size: 10px;
}


/* point */
.pointList{
  padding: 0 0 130px 0;
}
.pointList .unit{
  width: 90%;
  max-width: 750px;
  margin: 80px auto 0 auto;
}
.pointList .unit .num{
  position: relative;
  display: inline-flex;
  justify-content: center;
  width: 100px;
  margin: 0 auto;
  padding: 0 0 45px 0;
  border-bottom: 8px solid #fff;
  color: #fff;
  font-size: clamp(calc(100px * 0.7), calc(100vw / 9.76), 100px);/*100 / 50*/
  line-height: 1.0;
}
.pointList .unit .num::before{
  content: "POINT";
  position: absolute;
  left: 50%;
  top: 45%;
  font-family: 'Marcellus', serif;
  font-weight: 400;
  line-height: 1.0;
  font-size: clamp(calc(23px * 0.7), calc(23vw / 9.76), 23px);/*23 / 18*/
  transform: translate(calc(-50% - 100px),-50%);
}
.pointList .unit h2{
  margin: 50px 0 0 0;
  padding-left: 0.1em;
  font-size: clamp(calc(35px * 0.7), calc(35vw / 9.76), 35px);/*35 / 26*/
  line-height: 1.0;
  letter-spacing: 0.1em;
}

.pointList .unitBody{
  margin: 70px 0 0 0;
  padding: 0 0 70px 0;
  background: #fff;
}
.pointList .unit .unitBody .mv{
  position: relative;
}
.pointList .unit .unitBody .mv .cap{
  position: absolute;
  top: 2px;
  right: 2px;
  color: #fff;
}
.pointList .unitBody .mv + div{
  position: relative;
  width: 90%;
  max-width: 640px;
  margin: -25px auto 0 auto;
}
.pointList .unit .unitBody .merit{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 0 50px 0;
}
.pointList .unit .unitBody .merit li{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc((310 / 640) * 100%);
  height: 100px;
  margin: 25px 0 0 0;
  background: #fff;
  border: 1px solid #202124;
  border-radius: 5px;
  font-size: clamp(calc(18px * 0.7), calc(18vw / 9.76), 18px);/*18 / 16*/
  line-height: 1.0;
}
.pointList .unit .unitBody .merit li:nth-of-type(-n+2){
  margin-top: 0;
}
.pointList .unit .unitBody .merit li strong{
  color: #da690b;
  font-size: calc((23 / 18) * 100%);
  font-weight: 400;
  letter-spacing: 0.025em;
}


/*写真 - 01*/
.pointList .pList.-type01{
  width: 90%;
  max-width: 450px;
  margin: 0 auto;
}
.pointList .pList.-type01 li + li{
  margin: 30px 0 0 0;
}
.pointList .pList.-type01 li figure{
  position: relative;
}
.pointList .pList.-type01 li p{
  margin: 15px 0 0 0;
  font-size: clamp(calc(18px * 0.7), calc(18vw / 9.76), 18px);/*18 / 16*/
  line-height: 1.0;
  letter-spacing: 0.025em;
}

/*写真 - 02*/
.pointList .pList.-type02{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px 0 0 0;
}
.pointList .pList.-type02 li{
  width: calc((190 / 640) * 100%);
  margin: 30px 0 0 0;
}
.pointList .pList.-type02 li figure{
  position: relative;
  padding: 20px 0 0 0;
}
.pointList .pList.-type02 li figure > span{
  position: absolute;
  right: 10px;
  top: -20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  background: #da690b;
  border-radius: 50%;
  color: #fff;
  line-height: 1.0;
}
.pointList .pList.-type02 li figure > span > span{
  font-size: clamp(calc(13px * 0.7), calc(13vw / 9.76), 13px);/*13 / 12*/
  line-height: 1.0;
}
.pointList .pList.-type02 li figure > span > span .t01{
  font-size: calc((25 / 13) * 100%);
}
.pointList .pList.-type02 li figure > span > span .t02{
  font-size: calc((18 / 13) * 100%);
}
.pointList .pList.-type02 li figure > span > span .t03{
  font-size: calc((16 / 13) * 100%);
}

.pointList .pList.-type02 li p{
  letter-spacing: 0.025em;
  text-align: center;
}
.pointList .pList.-type02 li p:nth-of-type(1){
  margin: 10px 0 0 0;
  font-size: clamp(calc(16px * 0.7), calc(16vw / 9.76), 16px);/*16 / 15*/
  line-height: 1.0;
}
.pointList .pList.-type02 li p:nth-of-type(2){
  margin: 5px 0 0 0;
  font-size: clamp(calc(14px * 0.7), calc(14vw / 9.76), 14px);/*15 / 14*/
  line-height: 1.4;
}


/*point01*/
.point01{}
.point01 .pList.-type01 li .cap{
  position: absolute;
  left: 5px;
  bottom: 5px;
  color: #fff;
  line-height: 1.0;
}
.point01 .btn{
  width: 90%;
  max-width: 500px;
  margin: 50px auto 0 auto;
}
.point01 .btn p{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  font-size: clamp(calc(16px * 0.7), calc(16vw / 9.76), 16px);/*16 / 15*/
}
.point01 .btn p::before,
.point01 .btn p::after{
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #202124;
}
.point01 .btn p::before{
  margin: 0 30px 0 0;
  transform: rotate(-15deg);
}
.point01 .btn p::after{
  margin: 0 0 0 30px;
  transform: rotate(15deg);
}
.point01 .btn a{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  margin: 20px 0 0 0;
  background: #202124;
  border-radius: 200px;
  color: #fff;
  font-size: clamp(calc(16px * 0.7), calc(16vw / 9.76), 16px);/*16 / 15*/
  filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.2));
  text-decoration: none;
  transition: .3s;
}
.point01 .btn a:hover{
  opacity: 0.7;
}


/*point02*/
.point02{}
.point02 .merit + figure{
  position: relative;
}
.point02 .merit + figure .cap{
  position: absolute;
  right: 5px;
  bottom: 5px;
  color: #fff;
  line-height: 1.0;
}
.point02 .copy02{
  margin: 40px 0 0 0;
}

.point02 .airs{}
.point02 .airs .copy02{
  position: relative;
}
.point02 .airs .copy02::after{
  content: "";
  position: absolute;
  right: -15px;
  top: 0;
  display: block;
  width: 146px;
  height: 64px;
  background: url("../images/reason/point02_p03.png") no-repeat center center;
  background-size: cover;
}
.point02 .airs ul{
  display: flex;
  justify-content: space-between;
  margin: 30px 0 0 0;
}
.point02 .airs ul li{
  width: calc((190 / 640) * 100%);
}
.point02 .airs ul li h4{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  background: #b3bab7;
  border-radius: 50%;
  color: #fff;
  font-size: clamp(calc(23px * 0.7), calc(23vw / 9.76), 23px);/*23 / 18*/
  line-height: 1.0;
}
.point02 .airs ul li p{
  margin: 15px 0 0 0;
  font-size: clamp(calc(15px * 0.7), calc(15vw / 9.76), 15px);/*15 / 14*/
  line-height: 1.8;
  text-align: left;
  letter-spacing: 0.1em;
}

.point02 .lp{}
.point02 .lp .copy02 + figure{
  position: relative;
  width: 680px;
  margin: 40px 0 0 -20px;
}
.point02 .lp .copy02 + figure .cap{
  position: absolute;
  right: 0;
  bottom: 0;
}

/*point03*/
.point03{}

.point03 .merit{}
.pointList .unit.point03 .unitBody .merit li{
  height: auto;
  margin-bottom: 25px;
  padding: 15px 0 0 0;
}
.point03 .merit figure{
  position: relative;
  margin: 15px auto -30px auto;
  max-width: 200px;
}
.point03 .merit figure figcaption{
  position: absolute;
  right: 2px;
  bottom: 2px;
  font-size: 10px;
  color: #fff;
}
.point03 .ranking{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 400px;
  height: 90px;
  margin: 0 auto;
}
.point03 .ranking::before,
.point03 .ranking::after{
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: 46px;
  height: 100%;
  background: url("../images/reason/point03_frame.svg") no-repeat center center;
  background-size: cover;
}
.point03 .ranking::before{
  left: 0;
}
.point03 .ranking::after{
  right: 0;
  transform: scale(-1, 1);
}
.point03 .ranking p{
  padding-left: 0.1em;
  letter-spacing: 0.1em;
  line-height: 1.0;
}
.point03 .ranking p:nth-of-type(1){
  font-size: clamp(calc(15px * 0.7), calc(15vw / 9.76), 15px);/*15 / 14*/
}
.point03 .ranking p:nth-of-type(2){
  margin: 15px 0 0 0;
  font-size: clamp(calc(25px * 0.7), calc(25vw / 9.76), 25px);/*25 / 22*/
}
.point03 .ranking p:nth-of-type(3){
  margin: 15px 0 0 0;
  font-size: 10px;
  letter-spacing: 0.025em;
}

.point03 .copy02{
  margin: 50px 0 0 0;
}
.point03 .copy02 + figure{
  position: relative;
  margin: 20px 0 0 0;
}
.point03 .copy02 + figure figcaption{
  position: absolute;
  right: 0;
  bottom: 30px;
  display: flex;
  align-items: center;
  width: 230px;
  height: 85px;
  padding: 0 0 0 25px;
  background: #fff;
  font-size: clamp(calc(18px * 0.7), calc(18vw / 9.76), 18px);/*18 / 16*/
  letter-spacing: 0.1em;
  text-align: left;
  line-height: 1.4;
}


/*point04*/
.point04{}
.point04 .map{
  position: relative;
  padding: 0 0 40px 0;
}
.point04 .map ul{
  position: absolute;
  left: 0;
  top: 0;
}
.point04 .map ul li{
  display: flex;
  align-items: center;
  margin: 10px 0 0 0;
  font-size: clamp(calc(13px * 0.7), calc(13vw / 9.76), 13px);/*13 / 11*/
  line-height: 1.0;
  text-align: left;
}
.point04 .map ul li::before{
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin: 0 0.3em 0 0;
  border-radius: 50%;
}
.point04 .map ul li:nth-of-type(1)::before{
  background: #ee7600;
}
.point04 .map ul li:nth-of-type(2)::before{
  background: #e1b624;
}
.point04 .map ul li:nth-of-type(3)::before{
  background: #59c3e0;
}
.point04 .map ul li:nth-of-type(4)::before{
  background: #8d93c8;
}
.point04 .map ul li:nth-of-type(5)::before{
  background: #13ae66;
}
  
  
/*point05*/
.point05{}
.point05 .copy02 + figure{
  width: 490px;
  margin: 0 auto;
}

/*point06*/
.point06{}
.point06 .quaList{}
.point06 .quaList li{
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #333;
  color: #fff;
}
.point06 .quaList li + li{
  margin: 50px 0 0 0;
}
.point06 .quaList li:nth-of-type(2n){
  flex-direction: row-reverse;
}
.point06 .quaList li div{
  width: calc((390 / 640) * 100%);
  padding: 0 40px;
  text-align: left;
}
.point06 .quaList li figure{
  position: relative;
  width: calc((250 / 640) * 100%);
}
.point06 .quaList li figure .cap{
  position: absolute;
  right: 5px;
  bottom: 5px;
}
.point06 .quaList li:nth-of-type(2n) figure .cap{
  right: auto;
  left: 5px;
}
.point06 .quaList li:nth-of-type(3) figure .cap{
  color: #5a5a5a;
}
.point06 .quaList li:nth-of-type(3) figure img{
  border: 1px solid #333;
}
.point06 .quaList li h3{
  font-size: clamp(calc(25px * 0.7), calc(25vw / 9.76), 25px);/*25 / 20*/
  line-height: 1.4;
  text-align: left;
}
.point06 .quaList li h3 span{
  text-align: left;
}
.point06 .quaList li p{
  margin: 30px 0 0 0;
  font-size: clamp(calc(16px * 0.7), calc(16vw / 9.76), 16px);/*16 / 15*/
  line-height: 2.0;
  text-align: left;
}
.point06 .anshin{
  margin: 70px 0 0 0;
  padding: 45px;
  border: 1px solid #bbb;
}
.point06 .anshin .copy02{
  margin-bottom: 20px;
}
.point06 .anshin .copy01{
  margin-bottom: 30px;
}
.point06 .anshin figure{
  width: 324px;
  margin: 30px auto 0 auto;
}




@media screen and (max-width: 767px) {
  .reaPageH {}
  .reaPageH h1 {
    margin: 50px 0 0 0;
    font-size: clamp(calc(26px * 0.7), calc(26vw / 3.75), 26px);/*35 / 26*/
  }

  .reaPageH p{
    margin: 20px 0 0 0;
    padding-left: 0.05em;
    font-size: clamp(calc(15px * 0.7), calc(15vw / 3.75), 15px);/*16 / 15*/
    letter-spacing: 0.05em;
    line-height: 1.8;
  }
  
  
  /* point */
  .pointList{
    padding: 0 0 60px 0;
  }
  .pointList .unit{
    width: 100%;
    margin: 40px auto 0 auto;
  }
  .pointList .unit .num{
    width: auto;
    padding: 0 0 30px 0;
    border-bottom-width: 4px;
    font-size: clamp(calc(50px * 0.7), calc(50vw / 3.75), 50px);/*100 / 50*/
  }
  .pointList .unit .num::before{
    top: 40%;
    font-size: clamp(calc(18px * 0.7), calc(18vw / 3.75), 18px);/*23 / 18*/
    transform: translate(calc(-50% - 65px),-50%);
  }
  .pointList .unit h2{
    margin: 30px 0 0 0;
    padding-left: 0;
    font-size: clamp(calc(26px * 0.7), calc(26vw / 3.75), 26px);/*35 / 26*/
    letter-spacing: normal;
    line-height: 1.8;
  }

  .pointList .unitBody{
    margin: 30px 0 0 0;
    padding: 0 0 30px 0;
  }
  .pointList .unit .unitBody .mv{ }
  .pointList .unit .unitBody .mv .cap{}
  .pointList .unitBody .mv + div{
    width: 90%;
  }
  .pointList .unit .unitBody .merit{
    display: block;
    margin: 0 0 30px 0;
  }
  .pointList .unit .unitBody .merit li{
    display: block;
    width: 100%;
    height: auto;
    margin: 15px 0 0 0;
    padding: 10px 0;
    font-size: clamp(calc(16px * 0.7), calc(16vw / 3.75), 16px);/*18 / 16*/
  }
  .pointList .unit .unitBody .merit li:nth-of-type(-n+2){
    margin-top: 15px;
  }
  .pointList .unit .unitBody .merit li:nth-of-type(-n+1){
    margin-top: 0;
  }
  .pointList .unit .unitBody .merit li strong{}


  /*写真 - 01*/
  .pointList .pList.-type01{
    width: 100%;
  }
  .pointList .pList.-type01 li + li{
    margin: 20px 0 0 0;
  }
  .pointList .pList.-type01 li figure{}
  .pointList .pList.-type01 li p{
    margin: 10px 0 0 0;
    font-size: clamp(calc(16px * 0.7), calc(16vw / 3.75), 16px);/*18 / 16*/
  }

  /*写真 - 02*/
  .pointList .pList.-type02{
    display: block;
  }
  .pointList .pList.-type02 li{
    width: 85%;
    margin-left: auto;
    margin-right: auto;
  }
  .pointList .pList.-type02 li figure{
    padding: 20px 0 0 0;
  }
  .pointList .pList.-type02 li figure > span{
    top: -10px;
    right: 10px;
  }
  .pointList .pList.-type02 li figure > span > span{
    font-size: clamp(calc(12px * 0.7), calc(12vw / 3.75), 12px);/*13 / 12*/
  }
  .pointList .pList.-type02 li figure > span > span .t01{}
  .pointList .pList.-type02 li figure > span > span .t02{}
  .pointList .pList.-type02 li figure > span > span .t03{}

  .pointList .pList.-type02 li p{}
  .pointList .pList.-type02 li p:nth-of-type(1){
    margin: 10px 0 0 0;
    font-size: clamp(calc(15px * 0.7), calc(15vw / 3.75), 15px);/*16 / 15*/
    line-height: 1.0;
  }
  .pointList .pList.-type02 li p:nth-of-type(2){
    font-size: clamp(calc(14px * 0.7), calc(14vw / 3.75), 14px);/*15 / 14*/
  }


  /*point01*/
  .point01{}
  .point01 .pList.-type01 li .cap{}
  .point01 .btn{
    width: 100%;
    margin: 50px auto 0 auto;
  }
  .point01 .btn p{
    font-size: clamp(calc(15px * 0.7), calc(15vw / 3.75), 15px);/*16 / 15*/
  }
  .point01 .btn p::before,
  .point01 .btn p::after{}
  .point01 .btn p::before{
    margin: 0 20px 0 0;
  }
  .point01 .btn p::after{
    margin: 0 0 0 20px;
  }
  .point01 .btn a{
    height: 60px;
    margin: 10px 0 0 0;
    font-size: clamp(calc(15px * 0.7), calc(15vw / 3.75), 15px);/*16 / 15*/
  }


  /*point02*/
  .point02{}
  .point02 .merit{}
  .point02 .merit + figure{}
  .point02 .merit + figure .cap{}
  .point02 .copy02{
    margin: 30px 0 0 0;
  }
  
  .point02 .airs{}
  .point02 .airs .copy02{}
  .point02 .airs .copy02::after{
    position: static;
    margin: 10px auto 0 auto;
  }
  .point02 .airs .copy02 span{
    letter-spacing: -0.05em;
  }
  .point02 .airs ul{
    display: block;
  }
  .point02 .airs ul li{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px dotted #ccc;
  }
  .point02 .airs ul li:first-of-type{
    border-top: 1px dotted #ccc;
  }
  .point02 .airs ul li h4{
    width: 80px;
    height: 80px;
    font-size: clamp(calc(18px * 0.7), calc(18vw / 3.75), 18px);/*23 / 18*/
  }
  .point02 .airs ul li p{
    width: calc(100% - 110px);
    margin-top: 0;
    font-size: clamp(calc(14px * 0.7), calc(14vw / 3.75), 14px);/*15 / 14*/
  }

  .point02 .lp .copy02 + figure{
    width: auto;
    margin: 30px 0 0 0;
  }
  .point02 .lp .copy02 + figure .cap{
    position: static;
    text-align: right;
  }

  /*point03*/
  .point03{}
  .pointList .unit.point03 .unitBody .merit{
    margin-bottom: 0;
    padding-bottom: 30px;
  }
  .pointList .unit.point03 .unitBody .merit li{
    margin-bottom: 45px;
  }
  
  .point03 .ranking{
    width: 100%;
  }
  .point03 .ranking::before,
  .point03 .ranking::after{}
  .point03 .ranking::before{}
  .point03 .ranking::after{}
  .point03 .ranking p{
    padding-left: 0em;
    letter-spacing: normal;
  }
  .point03 .ranking p:nth-of-type(1){
    font-size: clamp(calc(14px * 0.7), calc(14vw / 3.75), 14px);/*15 / 14*/
  }
  .point03 .ranking p:nth-of-type(2){
    margin: 10px 0 0 0;
    font-size: clamp(calc(22px * 0.7), calc(22vw / 3.75), 22px);/*25 / 22*/
  }
  .point03 .ranking p:nth-of-type(3){
    margin: 10px 0 0 0;
    letter-spacing: -0.05em;
  }

  .point03 .copy02{
    margin: 30px 0 0 0;
  }
  .point03 .copy02 + figure{}
  .point03 .copy02 + figure figcaption{
    bottom: 10px;
    display: flex;
    width: auto;
    height: auto;
    padding: 10px;
    font-size: clamp(calc(16px * 0.7), calc(16vw /3.75), 16px);/*18 / 16*/
    letter-spacing: normal;
  }


  /*point04*/
  .point04{}
  .point04 .map{
    padding-bottom: 30px;
  }
  .point04 .map ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    left: auto;
    top: auto;
    right: 0;
    bottom: 0;
    width: 70%;
  }
  .point04 .map ul li{
    margin: 10px 0 0 5px;
    font-size: clamp(calc(11px * 0.7), calc(11vw / 3.75), 11px);/*13 / 11*/
    text-align: right;
  }


  /*point05*/
  .point05{}
  .point05 .copy02 + figure{
    width: 100%;
  }

  /*point06*/
  .point06{}
  .point06 .quaList{}
  .point06 .quaList li{
    display: block;
    padding: 20px;
  }
  .point06 .quaList li + li{
    margin: 30px 0 0 0;
  }
  .point06 .quaList li:nth-of-type(2n){}
  .point06 .quaList li div{
    width: 100%;
    padding: 0;
  }
  .point06 .quaList li figure{
    width: 80%;
    margin: 20px auto 0 auto
  }
  .point06 .quaList li figure .cap{}
  .point06 .quaList li:nth-of-type(2n) figure .cap{}
  .point06 .quaList li:nth-of-type(2) figure .cap{
    color: #5a5a5a;
  }
  .point06 .quaList li:nth-of-type(3) figure .cap{}
  .point06 .quaList li:nth-of-type(3) figure img{}
  .point06 .quaList li h3{
    font-size: clamp(calc(20px * 0.7), calc(20vw / 3.75), 20px);/*25 / 20*/
    text-align: center;
  }
  .point06 .quaList li h3 span{
    text-align: center;
  }
  .point06 .quaList li p{
    margin: 20px 0 0 0;
    font-size: clamp(calc(15px * 0.7), calc(15vw / 3.75), 15px);/*16 / 15*/
    line-height: 1.8;
  }
  .point06 .anshin{
    margin: 40px 0 0 0;
    padding: 20px;
  }
  .point06 .anshin .copy02{
    margin-bottom: 5px;
  }
  .point06 .anshin .copy01{
    margin-bottom: 20px;
  }
  .point06 .anshin figure{
    width: 100%;
    margin: 20px auto 0 auto;
  }

}


/* ========================================
voiceWrap
===========================================*/
.voiceWrap {
  padding: 80px 0 100px 0;
  background: #96a09c;
  color: #fff;
  text-align: center;
}
.voiceWrap h2 {}
.voiceWrap .t01 {
  margin: 40px 0 0 0;
  padding-left: 0.2em;
  font-size: clamp(calc(23px * 0.7), calc(23vw / 9.76), 23px);/*23 / 18*/
  letter-spacing: 0.2em;
  line-height: 1.0;
  text-align: center;
}
.voiceWrap .t02 {
  margin: 40px 0;
  padding-left: 0.05em;
  font-size: clamp(calc(16px * 0.7), calc(16vw / 9.76), 16px);/*16 / 14*/
  letter-spacing: 0.05em;
  text-align: center;
  line-height: 1.8;
}



.voiceSlider .swiper {
  padding: 0 0 50px 0;
}

.voiceSlider .swiper-slide {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px 30px 20px 30px;
  width: 280px;
  height: 150px;
  background: #fff;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  color: #202124;
}
.voiceSlider .swiper-slide p:nth-of-type(1) {
  padding-left: 0.05em;
  font-size: clamp(calc(18px * 0.7), calc(18vw / 9.76), 18px);/*18 / 16*/
  text-align: left;
}
.voiceSlider .swiper-slide p:nth-of-type(2) {
  font-size: clamp(calc(14px * 0.7), calc(14vw / 9.76), 14px);/*14 / 13*/
  line-height: 1.0;
  text-align: right;
}

.voiceSlider .swiper-pagination {
  bottom: 0;
}
.voiceSlider .swiper-pagination span {
  width: 10px;
  height: 10px;
  background: #fff;
  opacity: 1.0;
}
.voiceSlider .swiper-pagination span.swiper-pagination-bullet-active {
  background: #333;
}
.voiceSlider .cntrl {
  display: block;
  width: 60px;
  height: 60px;
  background: rgba(0,0,0,0.7);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
}
.voiceSlider .cntrl::after {
  content: none;
}
.voiceSlider .cntrl.swiper-button-prev {
  left: calc(50% - 420px - 60px);
  top: calc(50% - 30px);
  background-image: url("../images/reason/btn_prev.svg");
}
.voiceSlider .cntrl.swiper-button-next {
  left: calc(50% + 420px);
  right: auto;
  top: calc(50% - 30px);
  background-image: url("../images/reason/btn_next.svg");
}


@media only screen and (max-width:768px) {
  .voiceWrap {
    padding: 40px 0 50px 0;
  }
  .voiceWrap h2 {}
  .voiceWrap .t01 {
    margin: 30px 0 0 0;
    padding-left: 0.05em;
    font-size: clamp(calc(18px * 0.7), calc(18vw / 3.75), 18px);/*23 / 18*/
    letter-spacing: 0.05em;
  }
  .voiceWrap .t02 {
    margin: 30px 0;
    font-size: clamp(calc(14px * 0.7), calc(14vw / 3.75), 14px);/*16 / 14*/
  }



  .voiceSlider .swiper {
    padding: 0 0 40px 0;
  }

  .voiceSlider .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 15px 15px 15px;
    width: auto;
    height: 110px;
  }
  .voiceSlider .swiper-slide p:nth-of-type(1) {
    font-size: clamp(calc(16px * 0.7), calc(16vw / 3.75), 16px);/*18 / 16*/
  }
  .voiceWrap .swiper-slide p:nth-of-type(2) {
    font-size: clamp(calc(13px * 0.7), calc(13vw / 3.75), 13px);/*14 / 13*/
  }

  .voiceSlider .cntrl {
    width: 30px;
    height: 30px;
  }
  .voiceSlider .cntrl.swiper-button-prev {
    left: 10px;
    top: calc(50% - 10px);
  }
  .voiceSlider .cntrl.swiper-button-next {
    left: auto;
    right: 10px;
    top: calc(50% - 10px);
  }
  
}