@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
/*お客様の声*/
#voice_detail {
  padding: 30% 0 0; }
  #voice_detail .back_btn a {
    font-size: 1.3rem;
    display: block;
    position: relative;
    padding-left: 20px;
    margin: 0 0 30%; }
    @media (min-width: 769px) {
      #voice_detail .back_btn a {
        font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.2320185615 ); } }
    @media (min-width: 1200px) {
      #voice_detail .back_btn a {
        font-size: 1.4rem; } }
    #voice_detail .back_btn a:before {
      position: absolute;
      content: "";
      border-top: solid 1px #604C3F;
      border-left: solid 1px #604C3F;
      width: 5px;
      height: 5px;
      top: 30%;
      left: 0;
      transform: rotate(315deg); }
  #voice_detail .voice_detail_box {
    margin-bottom: 30%;
    background: #fff;
    padding: 90px 5% 5%;
    position: relative;
    border-radius: 10px;
    /*&:nth-child(1){
    	&.img_box{
    		background: url("/img/voice/icon_01.png") center / cover no-repeat #fff;
    	}
    }
    &:nth-child(2){
    	.img_box{
    		background: url("/img/voice/icon_02.png") center / cover no-repeat #fff;
    	}
    }
    &:nth-child(3){
    	.img_box{
    		background: url("/img/voice/icon_03.png") center / cover no-repeat #fff;
    	}
    }
    &:nth-child(4){
    	.img_box{
    		background: url("/img/voice/icon_04.png") center / cover no-repeat #fff;
    	}
    }
    &:nth-child(5){
    	.img_box{
    		background: url("/img/voice/icon_05.png") center / cover no-repeat #fff;
    	}
    }
    &:nth-child(6){
    	.img_box{
    		background: url("/img/voice/icon_06.png") center / cover no-repeat #fff;
    	}
    }*/ }
    @media screen and (max-width: 769px) {
      #voice_detail .voice_detail_box {
        margin-bottom: 180px; } }
    @media screen and (min-width: 1200px) {
      #voice_detail .voice_detail_box {
        margin-bottom: 360px; } }
    #voice_detail .voice_detail_box .img_box {
      position: absolute;
      width: 40vw;
      height: 40vw;
      max-width: 155px;
      max-height: 155px;
      border-radius: 50%;
      top: -20%;
      left: 50%;
      transform: translate(-50%, 0); }
      #voice_detail .voice_detail_box .img_box.img_1 {
        background: url("/img/voice/icon_01.png") center/cover no-repeat #fff; }
      #voice_detail .voice_detail_box .img_box.img_2 {
        background: url("/img/voice/icon_02.png") center/cover no-repeat #fff; }
    #voice_detail .voice_detail_box .tag {
      font-size: 1.2rem;
      margin-bottom: 5%; }
      @media (min-width: 769px) {
        #voice_detail .voice_detail_box .tag {
          font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0 ); } }
      @media (min-width: 1200px) {
        #voice_detail .voice_detail_box .tag {
          font-size: 1.2rem; } }
      #voice_detail .voice_detail_box .tag span {
        border: solid 1px #EBEBEB;
        border-radius: 50px;
        padding: 5px 10px;
        margin-right: 5px; }
        #voice_detail .voice_detail_box .tag span:last-child {
          margin-right: 0; }
    #voice_detail .voice_detail_box .person {
      font-size: 1.3rem;
      color: #FFA200;
      margin-bottom: 1.6666666667%; }
      @media (min-width: 769px) {
        #voice_detail .voice_detail_box .person {
          font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.2320185615 ); } }
      @media (min-width: 1200px) {
        #voice_detail .voice_detail_box .person {
          font-size: 1.4rem; } }
      @media screen and (max-width: 769px) {
        #voice_detail .voice_detail_box .person {
          margin-bottom: 10px; } }
      @media screen and (min-width: 1200px) {
        #voice_detail .voice_detail_box .person {
          margin-bottom: 20px; } }
    #voice_detail .voice_detail_box .txt_wrap {
      margin-bottom: 5%; }
      @media screen and (max-width: 769px) {
        #voice_detail .voice_detail_box .txt_wrap {
          margin-bottom: 30px; } }
      @media screen and (min-width: 1200px) {
        #voice_detail .voice_detail_box .txt_wrap {
          margin-bottom: 60px; } }
      #voice_detail .voice_detail_box .txt_wrap .voice_title {
        font-size: 1.6rem;
        text-align: justify;
        font-weight: normal; }
        @media (min-width: 769px) {
          #voice_detail .voice_detail_box .txt_wrap .voice_title {
            font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 2.0881670534 ); } }
        @media (min-width: 1200px) {
          #voice_detail .voice_detail_box .txt_wrap .voice_title {
            font-size: 2.5rem; } }
      #voice_detail .voice_detail_box .txt_wrap .voice_txt {
        font-size: 1.3rem;
        position: relative;
        text-align: justify;
        line-height: 1.8; }
        @media (min-width: 769px) {
          #voice_detail .voice_detail_box .txt_wrap .voice_txt {
            font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.2320185615 ); } }
        @media (min-width: 1200px) {
          #voice_detail .voice_detail_box .txt_wrap .voice_txt {
            font-size: 1.4rem; } }
    #voice_detail .voice_detail_box .btn a {
      max-width: 320px; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  /*お客様の声*/
  #voice_detail {
    padding: 15% 0 0; }
    #voice_detail .back_btn a {
      margin: 0 0 10%; }
    #voice_detail .voice_detail_box {
      margin-bottom: 0;
      padding: 5%;
      /*&:nth-child(1){
      	&.img_box{
      		background: url("/img/voice/icon_01.png") center / cover no-repeat rgba(255,255,255,0);
      	}
      }
      &:nth-child(2){
      	.img_box{
      		background: url("/img/voice/icon_02.png") center / cover no-repeat rgba(255,255,255,0);
      	}
      }
      &:nth-child(3){
      	.img_box{
      		background: url("/img/voice/icon_03.png") center / cover no-repeat rgba(255,255,255,0);
      	}
      }
      &:nth-child(4){
      	.img_box{
      		background: url("/img/voice/icon_04.png") center / cover no-repeat rgba(255,255,255,0);
      	}
      }
      &:nth-child(5){
      	.img_box{
      		background: url("/img/voice/icon_05.png") center / cover no-repeat rgba(255,255,255,0);
      	}
      }
      &:nth-child(6){
      	.img_box{
      		background: url("/img/voice/icon_06.png") center / cover no-repeat rgba(255,255,255,0);
      	}
      }*/ }
      #voice_detail .voice_detail_box .img_box {
        position: absolute;
        top: 2%;
        right: 2%;
        width: 15vw;
        height: 15vw;
        margin: 0;
        left: auto;
        transform: translate(0, 0); }
        #voice_detail .voice_detail_box .img_box.img_1 {
          background: url("/img/voice/icon_01.png") center/cover no-repeat rgba(255, 255, 255, 0); }
        #voice_detail .voice_detail_box .img_box.img_2 {
          background: url("/img/voice/icon_02.png") center/cover no-repeat rgba(255, 255, 255, 0); }
      #voice_detail .voice_detail_box .tag {
        margin-bottom: 4%; }
        #voice_detail .voice_detail_box .tag span {
          padding: 15px 20px; }
      #voice_detail .voice_detail_box .person {
        margin-bottom: 2.9166666667%; } }
      @media screen and (min-width: 769px) and (max-width: 769px) {
        #voice_detail .voice_detail_box .person {
          margin-bottom: 17.5px; } }
      @media screen and (min-width: 769px) and (min-width: 1200px) {
        #voice_detail .voice_detail_box .person {
          margin-bottom: 35px; } }
@media screen and (min-width: 769px) {
      #voice_detail .voice_detail_box .txt_wrap .voice_title {
        margin-bottom: 2%; } }
/*------------------------------
		980px以上
------------------------------*/
@media screen and (min-width: 801px) {
  /*お客様の声*/
  #voice_detail {
    padding: 10% 0 0; }
    #voice_detail .back_btn a {
      margin: 0 0 6%; } }
/*------------------------------
		1280px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */