/* arguments inittial */
/* font style */
/* site style */
/* [ opacity ]
-------------------------------------------------*/
/* [ display style ]
-------------------------------------------------*/
/* [ background-image ]
-------------------------------------------------*/
/* [ writing-mode ]
-------------------------------------------------*/
/* [ illustrator & photoshop letter spacing ]
-------------------------------------------------*/
/* [ easy breakpoint ]
-------------------------------------------------*/
/* [ easy transform ]
-------------------------------------------------*/
.imagetb-270x360 {
  position: relative; }
  .imagetb-270x360:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 133.33333%; }
  .imagetb-270x360 > .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.header .menubox .box2 .list .voice_active:after {
  width: 100%; }

.voice__box1 {
  position: relative; }
  .voice__box1:after {
    content: "";
    display: block;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 60px;
    position: absolute;
    background: #F5F5F5;
    z-index: 0; }
  .voice__box1 .innerbox {
    background-image: linear-gradient(to right, #efefec, #e5e5e2); }
  .voice__box1 .txtbox {
    top: 152px;
    left: 95px; }
    @media (min-width: 1024px) {
      .voice__box1 .txtbox .txt {
        margin-top: 35px; } }

.voice__box2 {
  position: relative;
  padding: 90px 0 0;
  margin-bottom: 20px; }
  .voice__box2:after {
    content: "";
    display: block;
    width: 100%;
    left: 0;
    top: 0;
    height: 238px;
    position: absolute;
    background: #F5F5F5;
    z-index: 0; }
  .voice__box2 .innerbox {
    max-width: 1118px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1; }
    @media (min-width: 1024px) {
      .voice__box2 .innerbox {
        padding-right: 10px; } }
  .voice__box2 .list_voice {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .voice__box2 .list_voice li {
      width: 33.33333%;
      padding: 0 24px;
      margin-bottom: 80px; }
      @media only screen and (max-width: 1200px) {
        .voice__box2 .list_voice li {
          padding: 0 20px; } }
    .voice__box2 .list_voice .item {
      display: block;
      position: relative;
      padding-left: 30px; }
      .voice__box2 .list_voice .item .txten {
        position: absolute;
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 24px;
        letter-spacing: 0;
        font-weight: 500;
        top: 0;
        left: 3px;
        font-family: "Nothing You Could Do", serif;
        transform-origin: left top;
        transform: rotate(-90deg) translateX(-100%); }
      .voice__box2 .list_voice .item .img {
        padding-right: 20px; }
        .voice__box2 .list_voice .item .img .imagetb {
          max-width: 270px;
          width: 100%;
          box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25);
          transition: 0.3s all ease; }
      @media only screen and (min-width: 1025px) {
        .voice__box2 .list_voice .item:hover {
          opacity: 1; }
          .voice__box2 .list_voice .item:hover .img .imagetb {
            box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
            transform: translateY(-0.1875em); } }
      .voice__box2 .list_voice .item .txtbox {
        position: relative;
        padding-left: 30px;
        margin-top: -85px;
        z-index: 1; }
        .voice__box2 .list_voice .item .txtbox .inner {
          background: #fff;
          padding: 20px 0 0 20px; }
        .voice__box2 .list_voice .item .txtbox .txt1 {
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 24px;
          letter-spacing: 0; }
        .voice__box2 .list_voice .item .txtbox .ttlname {
          font-size: 24px;
          font-size: 2.4rem;
          line-height: 34px;
          letter-spacing: 0; }
          .voice__box2 .list_voice .item .txtbox .ttlname small {
            display: inline-block;
            padding-left: 5px;
            vertical-align: middle;
            font-size: 16px; }
        .voice__box2 .list_voice .item .txtbox .txt2 {
          font-size: 15px;
          font-size: 1.5rem;
          line-height: 26px;
          letter-spacing: 0;
          margin-top: 5px; }
  @media (max-width: 1023px) {
    .voice__box2 {
      padding: 60px 20px 0;
      margin-bottom: 130px; }
      .voice__box2:after {
        height: 120px; }
      .voice__box2 .list_voice {
        display: block; }
        .voice__box2 .list_voice li {
          width: 100%;
          padding: 0;
          margin-bottom: 70px; }
          .voice__box2 .list_voice li:last-child {
            margin-bottom: 0; }
        .voice__box2 .list_voice .item {
          padding-left: 35px; }
          .voice__box2 .list_voice .item .img {
            padding-right: 30px; }
            .voice__box2 .list_voice .item .img .imagetb {
              max-width: 100%; }
          .voice__box2 .list_voice .item .txtbox .inner {
            background: #fff;
            padding: 20px 0 0 20px; } }