@charset "UTF-8";
/* basic layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* medium: 500, bold: 700, black: 900 */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400 */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* 余白 */
/* 縦書き */
/* 内径 */
/* voice
---------------------------------------------------------------------------*/
.voice {
  /* 1080 */
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 200; }
  @media screen and (max-width: 1300px) {
    .voice {
      width: 83.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .voice {
      width: 86.6666666667vw; } }
  .voice article {
    padding-top: 34px;
    margin-bottom: 46px; }
    @media screen and (max-width: 1300px) {
      .voice article {
        padding-top: 2.6153846154vw; } }
    @media screen and (max-width: 480px) {
      .voice article {
        padding-top: 4.5333333333vw; } }
    @media screen and (max-width: 1300px) {
      .voice article {
        margin-bottom: 3.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .voice article {
        margin-bottom: 6.1333333333vw; } }
    .voice article:last-of-type {
      margin-bottom: 0; }
  .voice .article-wrap {
    background-color: #ffffff;
    padding: 64px;
    border-radius: 12px; }
    @media screen and (max-width: 1300px) {
      .voice .article-wrap {
        border-radius: 0.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .voice .article-wrap {
        border-radius: 3.2vw; } }
    @media screen and (max-width: 1300px) {
      .voice .article-wrap {
        padding: 4.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .voice .article-wrap {
        padding: 8.5333333333vw 5.3333333333vw; } }
  .voice-hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    @media screen and (max-width: 480px) {
      .voice-hd {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .voice-hd-img {
      width: 308px;
      margin-right: 40px; }
      @media screen and (max-width: 1300px) {
        .voice-hd-img {
          width: 23.6923076923vw;
          margin-right: 3.0769230769vw; } }
      @media screen and (max-width: 480px) {
        .voice-hd-img {
          width: 61.6vw;
          margin-right: 0; } }
      .voice-hd-img > div {
        margin-top: -96px;
        margin-left: -40px; }
        @media screen and (max-width: 1300px) {
          .voice-hd-img > div {
            margin-top: -7.3846153846vw; } }
        @media screen and (max-width: 480px) {
          .voice-hd-img > div {
            margin-top: -12.8vw; } }
        @media screen and (max-width: 1300px) {
          .voice-hd-img > div {
            margin-left: -3.0769230769vw; } }
    .voice-hd-name {
      flex: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; }
      @media screen and (max-width: 480px) {
        .voice-hd-name {
          margin-top: 5.3333333333vw; } }
      .voice-hd-name-name01 {
        color: #0F478B;
        font-size: 22px;
        line-height: 1.5; }
        @media screen and (max-width: 1300px) {
          .voice-hd-name-name01 {
            font-size: 1.6923076923vw; } }
        @media screen and (max-width: 480px) {
          .voice-hd-name-name01 {
            font-size: 5.2148125333vw; } }
      .voice-hd-name-name02 {
        margin-top: 16px;
        font-size: 18px; }
        @media screen and (max-width: 1300px) {
          .voice-hd-name-name02 {
            margin-top: 1.2307692308vw; } }
        @media screen and (max-width: 480px) {
          .voice-hd-name-name02 {
            margin-top: 2.1333333333vw; } }
        @media screen and (max-width: 1300px) {
          .voice-hd-name-name02 {
            font-size: 1.3846153846vw; } }
        @media screen and (max-width: 480px) {
          .voice-hd-name-name02 {
            font-size: 4.2666648vw; } }
  .voice-desc {
    margin-top: 24px; }
    @media screen and (max-width: 1300px) {
      .voice-desc {
        margin-top: 1.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .voice-desc {
        margin-top: 3.2vw; } }
    @media screen and (max-width: 480px) {
      .voice-desc {
        margin-top: 5.3333333333vw; } }