@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
/*メインイメージ*/
#under_mainimg {
  background: url("/img/voice/mainimg.png") center/cover no-repeat;
  margin-bottom: 21.4564369311%; }
  @media screen and (max-width: 769px) {
    #under_mainimg {
      margin-bottom: 82.5px; } }
  @media screen and (min-width: 769px) {
    #under_mainimg {
      margin-bottom: 165px; } }

/*お客様の声*/
#voice .voice_wrap .voice_box {
  margin-bottom: 20.8062418726%; }
  @media screen and (max-width: 769px) {
    #voice .voice_wrap .voice_box {
      margin-bottom: 80px; } }
  @media screen and (min-width: 769px) {
    #voice .voice_wrap .voice_box {
      margin-bottom: 160px; } }
  #voice .voice_wrap .voice_box a {
    background: #fff;
    padding: 40px 5% 5%;
    display: block;
    position: relative;
    border-radius: 10px; }
    #voice .voice_wrap .voice_box a .img_box {
      position: absolute;
      width: 30vw;
      height: 30vw;
      max-width: 120px;
      max-height: 120px;
      border-radius: 50%;
      top: -60px;
      left: 50%;
      transform: translate(-50%, 0); }
    #voice .voice_wrap .voice_box a .tag {
      font-size: 1.2rem;
      margin-bottom: 5%; }
      #voice .voice_wrap .voice_box a .tag span {
        display: inline-block;
        border: solid 1px #EBEBEB;
        border-radius: 50px;
        padding: 5px 10px;
        margin-right: 5px; }
        #voice .voice_wrap .voice_box a .tag span:last-child {
          margin-right: 0; }
    #voice .voice_wrap .voice_box a .person {
      font-size: 1.3rem;
      color: #FFA200;
      margin-bottom: 1.25%; }
      @media (min-width: 769px) {
        #voice .voice_wrap .voice_box a .person {
          font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.2320185615 ); } }
      @media (min-width: 1200px) {
        #voice .voice_wrap .voice_box a .person {
          font-size: 1.4rem; } }
      @media screen and (max-width: 769px) {
        #voice .voice_wrap .voice_box a .person {
          margin-bottom: 7.5px; } }
      @media screen and (min-width: 1200px) {
        #voice .voice_wrap .voice_box a .person {
          margin-bottom: 15px; } }
    #voice .voice_wrap .voice_box a .txt_wrap {
      margin-bottom: 3.3333333333%; }
      @media screen and (max-width: 769px) {
        #voice .voice_wrap .voice_box a .txt_wrap {
          margin-bottom: 20px; } }
      @media screen and (min-width: 1200px) {
        #voice .voice_wrap .voice_box a .txt_wrap {
          margin-bottom: 40px; } }
      #voice .voice_wrap .voice_box a .txt_wrap .voice_title {
        font-size: 1.6rem;
        text-align: justify;
        font-weight: normal;
        margin-bottom: 0.3333333333%; }
        @media (min-width: 769px) {
          #voice .voice_wrap .voice_box a .txt_wrap .voice_title {
            font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 0.9280742459 ); } }
        @media (min-width: 1200px) {
          #voice .voice_wrap .voice_box a .txt_wrap .voice_title {
            font-size: 2rem; } }
        @media screen and (max-width: 769px) {
          #voice .voice_wrap .voice_box a .txt_wrap .voice_title {
            margin-bottom: 2px; } }
        @media screen and (min-width: 1200px) {
          #voice .voice_wrap .voice_box a .txt_wrap .voice_title {
            margin-bottom: 4px; } }
      #voice .voice_wrap .voice_box a .txt_wrap .voice_txt {
        font-size: 1.3rem;
        position: relative;
        text-align: justify;
        overflow: hidden;
        height: 45px;
        /*&:before{
        	position: absolute;
        	content: "…";
        	bottom: 0;
        	right: 0;
        	background: #fff;
        }*/ }
        @media (min-width: 769px) {
          #voice .voice_wrap .voice_box a .txt_wrap .voice_txt {
            font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.2320185615 ); } }
        @media (min-width: 1200px) {
          #voice .voice_wrap .voice_box a .txt_wrap .voice_txt {
            font-size: 1.4rem; } }
    #voice .voice_wrap .voice_box a .more_btn {
      text-decoration: underline;
      font-size: 1.3rem;
      color: #FFA200;
      display: block;
      text-align: right;
      padding-right: 10px;
      position: relative;
      max-width: 77px;
      margin: 0 0 0 auto; }
      @media (min-width: 769px) {
        #voice .voice_wrap .voice_box a .more_btn {
          font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.2320185615 ); } }
      @media (min-width: 1200px) {
        #voice .voice_wrap .voice_box a .more_btn {
          font-size: 1.4rem; } }
      #voice .voice_wrap .voice_box a .more_btn:before {
        position: absolute;
        content: "";
        border-top: solid 1px #FFA200;
        border-right: solid 1px #FFA200;
        width: 5px;
        height: 5px;
        transform: rotate(45deg);
        top: 25%;
        right: 0; }
  #voice .voice_wrap .voice_box:last-child {
    margin-bottom: 0; }
  #voice .voice_wrap .voice_box:nth-child(1) a .img_box {
    background: url("/img/voice/icon_01.png") center/cover no-repeat #fff; }
  #voice .voice_wrap .voice_box:nth-child(2) a .img_box {
    background: url("/img/voice/icon_02.png") center/cover no-repeat #fff; }
  #voice .voice_wrap .voice_box:nth-child(3) a .img_box {
    background: url("/img/voice/icon_03.png") center/cover no-repeat #fff; }
  #voice .voice_wrap .voice_box:nth-child(4) a .img_box {
    background: url("/img/voice/icon_04.png") center/cover no-repeat #fff; }
  #voice .voice_wrap .voice_box:nth-child(5) a .img_box {
    background: url("/img/voice/icon_05.png") center/cover no-repeat #fff; }
  #voice .voice_wrap .voice_box:nth-child(6) a .img_box {
    background: url("/img/voice/icon_06.png") center/cover no-repeat #fff; }
#voice .move_btn {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  #voice .move_btn li {
    font-size: 1.4rem;
    flex: 0 1 auto;
    width: auto;
    max-width: auto;
    margin: 0 15px;
    position: relative;
    text-align: center; }
    @media (min-width: 769px) {
      #voice .move_btn li {
        font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0 ); } }
    @media (min-width: 1200px) {
      #voice .move_btn li {
        font-size: 1.4rem; } }
    #voice .move_btn li .move {
      position: absolute;
      top: 30%; }
      #voice .move_btn li .move span {
        position: absolute;
        content: "";
        border-top: solid 1px #604C3F;
        border-right: solid 1px #604C3F;
        width: 5px;
        height: 5px;
        left: -5px;
        transform: rotate(45deg); }
    #voice .move_btn li.active:before {
      position: absolute;
      content: "";
      display: block;
      background: #604C3F;
      width: 7px;
      height: 1px;
      bottom: -5px;
      left: 50%;
      transform: translate(-50%, 0); }
    #voice .move_btn li:hover {
      opacity: 1; }
      #voice .move_btn li:hover:before {
        position: absolute;
        content: "";
        display: block;
        background: #604C3F;
        width: 7px;
        height: 1px;
        bottom: -5px;
        left: 50%;
        transform: translate(-50%, 0); }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  /*メインイメージ*/
  #under_mainimg {
    margin-bottom: 10%;
    background: url("/img/voice/mainimg.png") center/cover no-repeat; } }
  @media screen and (min-width: 769px) and (max-width: 769px) {
    #under_mainimg {
      margin-bottom: 60px; } }
  @media screen and (min-width: 769px) and (min-width: 1200px) {
    #under_mainimg {
      margin-bottom: 120px; } }

@media screen and (min-width: 769px) {
  /*お客様の声*/
  #voice .voice_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    #voice .voice_wrap .voice_box {
      flex: 0 1 48%;
      width: 48%;
      max-width: 48%; }
      #voice .voice_wrap .voice_box a .img_box {
        right: 0;
        margin: 0;
        left: auto;
        transform: none;
        max-width: 150px;
        max-height: 150px; }
      #voice .voice_wrap .voice_box a .tag span {
        padding: 7px 15px; }
      #voice .voice_wrap .voice_box a .txt_wrap .voice_txt {
        height: 50px; }
      #voice .voice_wrap .voice_box:nth-last-child(2) {
        margin-bottom: 0; } }
/*------------------------------
		800px以上
------------------------------*/
/*------------------------------
		1280px以上
------------------------------*/
@media screen and (min-width: 1300px) {
  /*お客様の声*/
  #voice .voice_wrap .voice_box a .img_box {
    right: -5%; } }

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