@charset "UTF-8";
/*
メインカラー文化緑：#5CAB4C
ピンク ：#E06180
青　 　：#1391DC
黄色　 ：#EAC83F
オレンジ：#FB8F28
紫　　　：#B590AB
紺　　　：#1551A3



*/
#voice {
  /*各スタッフページ*/ }
  #voice .index {
    background: url(../img/voice/bg_voice.png) center center; }
    @media screen and (max-width: 805px) {
      #voice .index {
        background-size: cover; } }
  #voice .akimatsu {
    background: url(../img/voice/bg_v_aki.png) center center; }
    @media screen and (max-width: 805px) {
      #voice .akimatsu {
        background-size: cover; } }
  #voice .ishi {
    background: url(../img/voice/bg_v_ishi.png) center center; }
    @media screen and (max-width: 805px) {
      #voice .ishi {
        background-size: cover; } }
  #voice .asano {
    background: url(../img/voice/bg_v_asano.png) center center; }
    @media screen and (max-width: 805px) {
      #voice .asano {
        background-size: cover; } }
  #voice .hisama {
    background: url(../img/voice/bg_v_hisama.png) center center; }
    @media screen and (max-width: 805px) {
      #voice .hisama {
        background-size: cover; } }
  #voice .matsu {
    background: url(../img/voice/bg_v_matsu.png) center center; }
    @media screen and (max-width: 805px) {
      #voice .matsu {
        background-size: cover; } }
  #voice .miyagi {
    background: url(../img/voice/bg_v_miyagi.png) center center; }
    @media screen and (max-width: 805px) {
      #voice .miyagi {
        background-size: cover; } }
  #voice .takashi {
    background: url(../img/voice/bg_v_takashi.png) center center; }
    @media screen and (max-width: 805px) {
      #voice .takashi {
        background-size: cover; } }
  #voice .staffList {
    text-align: center;
    margin: 50px 0; }
    @media screen and (max-width: 805px) {
      #voice .staffList {
        margin: 20px 0; } }
    #voice .staffList li {
      display: inline-block;
      width: 240px;
      margin: 10px 0;
      overflow: hidden; }
      @media screen and (max-width: 805px) {
        #voice .staffList li {
          width: 31%;
          margin: 5px 2px; } }
      #voice .staffList li img {
        -moz-transition: -moz-transform 0.3s linear;
        -webkit-transition: -webkit-transform 0.3s linear;
        -o-transition: -o-transform 0.3s linear;
        -ms-transition: -ms-transform 0.3s linear;
        transition: transform 0.3s linear;
        transition: 0.3s; }
      #voice .staffList li img:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0.8; }
  #voice .voiceInner {
    padding: 10px;
    background: #fff;
    border-radius: 10px; }
    #voice .voiceInner .info {
      text-align: left;
      margin: 20px 0;
      font-size: 85%; }
      #voice .voiceInner .info span {
        display: inline-block;
        padding: 5px;
        border-radius: 5px;
        margin: 0 0 5px 0; }
      #voice .voiceInner .info .int {
        background: #FF5255; }
      #voice .voiceInner .info .ep {
        background: #46B3D4; }
    #voice .voiceInner h3 {
      font-size: 180%;
      padding: 15px;
      background: url(../img/voice/bg_name.png) no-repeat left center;
      background-size: contain;
      border-bottom: dashed 2px #eee; }
      #voice .voiceInner h3 img {
        width: 100px; }
    #voice .voiceInner h4 {
      font-size: 150%;
      padding: 10px; }
      #voice .voiceInner h4:after {
        content: "";
        position: relative;
        top: 10px;
        left: 15px;
        display: block;
        height: 0;
        width: 60px;
        border-top: 4px solid #FFF338;
        border-radius: 2px; }
    #voice .voiceInner .parag {
      padding: 15px 15px;
      text-align: left;
      text-indent: 1em;
      letter-spacing: 2px; }
      #voice .voiceInner .parag strong {
        font-weight: 600; }
      #voice .voiceInner .parag.big {
        color: #F26F62;
        font-size: 120%;
        font-weight: 600; }
    #voice .voiceInner .qa {
      padding: 10px 10px 10px 5px; }
      #voice .voiceInner .qa.top:before {
        content: "";
        position: relative;
        top: -15px;
        left: 15px;
        display: block;
        height: 0;
        width: 60px;
        border-top: 4px solid #FFF338;
        border-radius: 2px; }
      #voice .voiceInner .qa.top.b_top:before {
        top: -5px; }
      #voice .voiceInner .qa p {
        text-align: left;
        letter-spacing: 2px;
        position: relative; }
        #voice .voiceInner .qa p.qq {
          padding: 15px 0 15px 55px; }
          #voice .voiceInner .qa p.qq:before {
            content: "Q";
            line-height: 40px;
            width: 40px;
            text-align: center;
            border-radius: 50%;
            background: #81C7EF;
            color: #fff;
            font-size: 130%;
            position: absolute;
            left: 0;
            top: 5px; }
        #voice .voiceInner .qa p.aa {
          padding: 10px 0 10px 55px; }
          #voice .voiceInner .qa p.aa:before {
            content: "A";
            line-height: 40px;
            width: 40px;
            text-align: center;
            border-radius: 50%;
            background: #F9D0DC;
            color: #fff;
            font-size: 130%;
            position: absolute;
            left: 0;
            top: 5px; }