@charset "UTF-8";
/* color */
/* voice_post */
/* -------------------------- */
/* voice_post  */
/* -------------------------- */
#voice {
  padding: 3rem 0; }
  @media screen and (min-width: 896px) {
  #voice {
    padding: 5rem 0 15rem; } }
  #voice .voice {
    margin: 0 auto; }
    @media screen and (min-width: 896px) {
  #voice .voice {
    width: 70%; } }
    #voice .voice-head {
      font-size: 1.6rem; }
      @media screen and (min-width: 896px) {
  #voice .voice-head {
    font-size: 1.8rem; } }
      #voice .voice-head .ymd {
        padding: 1rem; }

      #voice .voice-head .cat {
        color: #fff;
        background-color: #222;
        padding: 3px 3rem;
        border-radius: 0.5rem; }
    #voice .voice h1 {
      padding: 1rem 0;
      font-size: 2rem;
      font-weight: bold; }
      @media screen and (min-width: 896px) {
  #voice .voice h1 {
    font-size: 2.5rem;
    padding: 1.5rem 0; } }
    #voice .voice figure {
      padding: 1rem 0; }
      @media screen and (min-width: 896px) {
  #voice .voice figure {
    padding: 3rem 0; } }
      #voice .voice figure img {
        object-fit: contain;
        max-height: 30vh; }
        @media screen and (min-width: 896px) {
  #voice .voice figure img {
    max-height: 400px; } }
    #voice .voice .row {
      padding: 0 1rem; }
      @media screen and (min-width: 896px) {
  #voice .voice .row {
    padding: 3rem 0; } }
    #voice .voice .voice-box {
      background-color: #fff;
      border: 1rem solid #fff; }

      #voice .voice .voice-box h2 {
        padding: 2rem 0;
        font-size: 2rem; }
        @media screen and (min-width: 896px) {
  #voice .voice .voice-box h2 {
    font-size: 2.5rem;
    padding: 1rem; } }
      #voice .voice .voice-box-item {
        display: flex;
        flex-direction: column;
        padding-bottom: 2rem; }
        @media screen and (min-width: 896px) {
  #voice .voice .voice-box-item {
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    padding-bottom: 4rem; } }
        @media screen and (min-width: 896px) {
    #voice .voice .voice-box-item-txt {
      order: 1;
      width: 60%;
      flex-direction: row; }
      #voice .voice .voice-box-item-txt p {
        font-size: 1.6rem;
        line-height: 1.7;
        padding-bottom: 1rem; } }

        @media screen and (min-width: 896px) {
    #voice .voice .voice-box-item-img {
      order: 2;
      width: 35%; } }
          #voice .voice .voice-box-item-img img {
            object-fit: contain;
            max-height: 30vh; }
          @media screen and (min-width: 896px) {
    #voice .voice .voice-box-item-img img {
      max-height: 300px; } }
      @media screen and (min-width: 896px) {
      #voice .voice .voice-box .d1 .voice-box-item-txt {
        order: 2; } }
        @media screen and (min-width: 896px) {
    #voice .voice .voice-box .d1 .voice-box-item-img {
      order: 1; } }
  #voice .voice-btn {
    margin: 3rem auto 0;
    text-align: center; }

    #voice .voice-btn button {
      font-size: 1.5rem;
      font-weight: bold;
      background-color: #eee;
      color: #222;
      padding: 1rem 2rem;
      font-size: 1.8rem; }
      @media screen and (min-width: 896px) {
  #voice .voice-btn button {
    padding: 1rem 5rem;
    font-size: 2rem; } }
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%5C%2F%22%2C%22sources%22%3A%5B%22wp-content%5C%2Fthemes%5C%2Fhomepage_tmp_20200830%5C%2Fscss%5C%2Fvoice.scss%22%2C%22wp-content%5C%2Fthemes%5C%2Fhomepage_tmp_20200830%5C%2Fscss%5C%2F_variables.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAD%2CiBAAA%3BAAAA%2CWAAA%3BAAAA%2CgBAAA%3BAAAA%2CgCAAA%3BAAAA%2CiBAAA%3BAAAA%2CgCAAA%3BAAUC%3BAAAA%2CkBAAA%2CEAAA%3BACIC%3BAAAA%3BAAAA%2C0BAAA%2CEAAA%2CEAAA%3BADGA%3BAAAA%2CmBAAA%2CEAAA%3BACHA%3BAAAA%3BAAAA%2CeAAA%2CEAAA%2CEAAA%3BADQC%3BAAAA%2CwBAAA%2CEAAA%3BACRD%3BAAAA%3BAAAA%2CsBAAA%2CEAAA%2CEAAA%3BADaE%3BAAAA%2CsBAAA%2CEAAA%3BAAAA%3BAAMA%3BAAAA%3B%3B%3B8BAAA%2CEAAA%3BAAOD%3BAAAA%3B%3BwBAAA%2CEAAA%3BAC1BD%3BAAAA%3BAAAA%3BsBAAA%2CEAAA%2CEAAA%3BADmCC%3BAAAA%2CsBAAA%2CEAAA%3BACnCD%3BAAAA%3BAAAA%2CoBAAA%2CEAAA%2CEAAA%3BADwCE%3BAAAA%3ByBAAA%2CEAAA%3BACxCF%3BAAAA%3BAAAA%2CsBAAA%2CEAAA%2CEAAA%3BADgDC%3BAAAA%2CsBAAA%2CEAAA%3BAChDD%3BAAAA%3BAAAA%2CoBAAA%2CEAAA%2CEAAA%3BADsDC%3BAAAA%3B8BAAA%2CEAAA%3BAAAA%3BAAQC%3BAAAA%3BwBAAA%2CEAAA%3BAC9DF%3BAAAA%3BAAAA%3BkBAAA%2CEAAA%2CEAAA%3BADsEE%3BAAAA%3B%3B6BAAA%2CEAAA%3BACtEF%3BAAAA%3BAAAA%3B%3B%3ByBAAA%2CEAAA%2CEAAA%3BAAAA%3BAAAA%3BAAAA%3B%3B0BAAA%2CEAAA%3BADsFK%3BAAAA%3B%3B6BAAA%2CEAAA%2CEAAA%3BAAAA%3BACtFL%3BAAAA%3BAAAA%3BiBAAA%2CEAAA%2CEAAA%3BADuGI%3BAAAA%3B6BAAA%2CEAAA%3BACvGJ%3BAAAA%3BAAAA%2CwBAAA%2CEAAA%2CEAAA%3BAAAA%3BAAAA%3BAAAA%2CiBAAA%2CEAAA%2CEAAA%3BAAAA%3BAAAA%3BAAAA%2CeAAA%2CEAAA%2CEAAA%3BADiIA%3BAAAA%3BuBAAA%2CEAAA%3BAAAA%3BAAOC%3BAAAA%3B%3B%3B%3B%3BwBAAA%2CEAAA%3BACxID%3BAAAA%3BAAAA%3BoBAAA%2CEAAA%2CEAAA%22%7D */