@charset "UTF-8";

/* Scss Document */

.abroad_head {

  width: 100%;

  background-color: #20325f; }

  .abroad_head div {

    background: url("../images/abroad/mv.jpg") center center no-repeat #20325f;

    background-size: 1200px 300px;

    height: 300px;

    max-width: 1200px;

    margin: 0 auto;

    position: relative; }

    .abroad_head div:before {

      position: absolute;

      content: "";

      width: 10%;

      height: 100%;

      background: linear-gradient(to right, #20325f, rgba(32, 50, 95, 0.8), rgba(32, 50, 95, 0));

      top: 0;

      left: 0%; }

    .abroad_head div:after {

      position: absolute;

      content: "";

      width: 10%;

      height: 100%;

      background: linear-gradient(to right, rgba(32, 50, 95, 0), #20325f);

      top: 0;

      right: 0%; }



/*max-width:1280px*/

/*max-width:1024px*/

@media (max-width: 768px) {

  .abroad_head {

    width: 100%;

    background-color: #20325f;

    margin: -80px auto 0; }

    .abroad_head div {

      background: url("../images/abroad/mv.jpg") center right no-repeat #20325f;

      background-size: auto 240px;

      height: 240px;

      max-width: 1200px;

      position: relative; }

      .abroad_head div:before, .abroad_head div:after {

        display: none; } }

/*max-width:768px*/

@media (max-width: 480px) {

  .abroad_head {

    height: 200px; } }

/*max-width:480px*/

/***************************************************/

.abroad {

  padding: 80px 0 0;

  max-width: 1080px;

  width: calc(100% - 150px);

  margin: 0 auto 35px; }

  .abroad h2 {

    font: 22px/1.5em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 700;

    text-align: center;

    color: #20325f;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-justify-content: center;

    justify-content: center;

    align-items: center;

    width: 130px;

    height: 130px;

    border: 1px solid #848aaa;

    border-radius: 50%;

    margin: 0 auto 40px; }

  .abroad p {

    text-align: justify;

    text-justify: inter-ideograph;

    font: 16px/2.2em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 400;

    margin: 0 0 50px; }

    .abroad p.namae {

      text-align: right;

      font: 24px/1.0em 'Noto Serif Japanese',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";

      font-weight: 400; }

      .abroad p.namae small {

        font: 12px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

        font-weight: 400;

        margin: 0 20px 0 0; }

  .abroad img {

    width: 100%;

    max-width: 1080px;

    display: block;

    margin: 0 auto 30px;

    height: auto; }



/*max-width:1280px*/

/*max-width:1024px*/

@media (max-width: 768px) {

  .abroad {

    max-width: 1080px;

    width: calc(100% - 50px);

    margin: 0 auto 35px; }

    .abroad h2 {

      font: 18px/1.5em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 700;

      text-align: center;

      color: #20325f;

      display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      flex-direction: row;

      flex-wrap: wrap;

      -webkit-box-pack: justify;

      -ms-flex-pack: justify;

      -webkit-justify-content: center;

      justify-content: center;

      align-items: center;

      width: 110px;

      height: 110px;

      border: 1px solid #848aaa;

      border-radius: 50%;

      margin: 0 auto 40px; }

    .abroad p {

      text-align: justify;

      text-justify: inter-ideograph;

      font: 16px/2.2em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 400;

      margin: 0 0 50px; }

      .abroad p.namae {

        text-align: right;

        font: 24px/1.0em 'Noto Serif Japanese',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";

        font-weight: 400; }

        .abroad p.namae small {

          font: 12px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

          font-weight: 400;

          margin: 0 20px 0 0; } }

/*max-width:768px*/

@media (max-width: 480px) {

  .abroad {

    max-width: 1080px;

    width: calc(100% - 40px);

    margin: 0 auto 35px; }

    .abroad p {

      text-align: justify;

      text-justify: inter-ideograph;

      font: 16px/2.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 400;

      margin: 0 0 50px; }

      .abroad p.namae {

        text-align: right;

        font: 24px/1.0em 'Noto Serif Japanese',"ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";

        font-weight: 400; }

        .abroad p.namae small {

          font: 12px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

          font-weight: 400;

          margin: 0 20px 0 0; } }

/*max-width:480px*/

/***************************************************/

.abroad_voice {

  position: relative;

  padding: 15px 0 0 0;

  margin: 0 auto 150px;

  max-width: 1080px;

  width: calc(100% - 150px); }

  .abroad_voice .voice_item {

    margin: 0 auto 80px auto;

    max-width: 1080px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-justify-content: space-between;

    justify-content: space-between;

    align-items: flex-start; }

  .abroad_voice .txt {

    width: calc(100% - 380px); }

  .abroad_voice .pic {

    position: relative;

    right: 0;

    top: 0;

    margin: 20px 0 0;

    display: block;

    width: 360px;

    height: 360px;

    border-radius: 50%;

    overflow: hidden;

    border: 1px solid #efefef; }

    .abroad_voice .pic img {

      position: absolute;

      top: 50%;

      left: 50%;

      -webkit-transform: translate(-50%, -50%);

      /* Safari用 */

      transform: translate(-50%, -50%);

      height: 100%;

      width: auto; }

  .abroad_voice div.pink,

  .abroad_voice div.blue {

    position: relative;

    min-height: 200px;

    color: #20325f;

    padding: 60px 0 0;

    margin: 0 0 50px;

    font-size: 36px;

    font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 700;

    line-height: 1.4em; }

    .abroad_voice div.pink:before,

    .abroad_voice div.blue:before {

      position: absolute;

      content: "";

      display: block;

      border-radius: 50%;

      width: 230px;

      height: 230px;

      z-index: -1;

      top: 0;

      left: -60px; }

  .abroad_voice div.pink:before {

    background-color: #fadce2; }

  .abroad_voice div.blue:before {

    background-color: #dee2f2; }

  .abroad_voice .namae {

    color: #20325f;

    font: 20px/1.7em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 500;

    margin: 0 0 20px; }

    .abroad_voice .namae span {

      display: block;

      font: 14px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 400; }

  .abroad_voice li {

    font: 15px/1.7em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 500;

    margin: 0 0 8px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    -webkit-justify-content: flex-start;

    justify-content: flex-start;

    align-items: flex-start; }

    .abroad_voice li .block {

      display: block;

      width: 100px;

      text-align: center;

      border: 1px solid #ccc; }

    .abroad_voice li span:nth-of-type(2) {

      width: calc(100% - 100px);

      padding: 0 0 0 10px; }

  .abroad_voice .message {

    border-radius: 15px;

    background-color: #f1f8fc;

    padding: 35px;

    max-width: 1080px;

    margin: 0 auto; }

    .abroad_voice .message > h3 {

      margin: 0 0 15px; }

    .abroad_voice .message h3 {

      font: 18px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 700;

      color: #20325f; }

    .abroad_voice .message p + h3 {

      margin: 60px 0 15px; }

    .abroad_voice .message p {

      font: 16px/2.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 300;

      margin: 0 0 15px;

      text-align: justify;

      text-justify: inter-ideograph; }

    .abroad_voice .message ul {

      display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      flex-direction: row;

      flex-wrap: wrap;

      -webkit-box-pack: justify;

      -ms-flex-pack: justify;

      -webkit-justify-content: space-between;

      justify-content: space-between;

      max-width: 735px;

      margin: 50px auto 0; }

    .abroad_voice .message li {

      width: calc((100% - 50px)/2);

      max-width: 330px;

      margin: 0 0 20px; }

      .abroad_voice .message li img {

        width: 100%;

        height: auto; }

      .abroad_voice .message li p {

        font: 14px/1.7em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

        font-weight: 400; }



@media (max-width: 1280px) {

  .abroad_voice .pic {

    position: relative;

    right: 0;

    top: 0;

    margin: 50px 0 0;

    display: block; }

  .abroad_voice div.pink,

  .abroad_voice div.blue {

    line-height: 1.4em;

    position: relative;

    min-height: 200px;

    color: #20325f;

    padding: 60px 0 0;

    margin: 0 0 50px; }

    .abroad_voice div.pink:before,

    .abroad_voice div.blue:before {

      border-radius: 50%;

      width: 230px;

      height: 230px;

      z-index: -1;

      top: 0; }

  .abroad_voice .namae {

    color: #20325f;

    font: 20px/1.7em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 500;

    margin: 0 0 20px; }

    .abroad_voice .namae span {

      display: block;

      font: 14px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 400; }

  .abroad_voice li {

    font: 15px/1.7em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

    font-weight: 500;

    margin: 0 0 5px; } }

/*max-width:1024px*/

@media (max-width: 1024px) {

  .abroad_voice {

    position: relative;

    padding: 15px 0 0 0;

    margin: 0 auto 150px;

    max-width: 1080px;

    width: calc(100% - 150px); }

    .abroad_voice .voice_item {

      margin: 0 auto 80px auto;

      max-width: 1080px;

      display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      flex-direction: column;

      flex-wrap: wrap;

      -webkit-box-pack: justify;

      -ms-flex-pack: justify;

      -webkit-justify-content: space-between;

      justify-content: space-between;

      align-items: flex-start; }

    .abroad_voice .txt {

      order: 2;

      width: 100%; }

    .abroad_voice .pic {

      order: 1;

      position: relative;

      right: 0;

      top: 0;

      margin: 0 0 0 auto;

      display: block;

      width: 360px;

      height: 360px;

      border-radius: 50%;

      overflow: hidden;

      border: 1px solid #efefef; }

      .abroad_voice .pic img {

        position: absolute;

        top: 50%;

        left: 50%;

        -webkit-transform: translate(-50%, -50%);

        /* Safari用 */

        transform: translate(-50%, -50%);

        height: 100%;

        width: auto; }

    .abroad_voice div.pink,

    .abroad_voice div.blue {

      position: relative;

      min-height: 200px;

      color: #20325f;

      padding: 60px 0 0;

      margin: 0 0 50px;

      font-size: 36px;

      font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 700;

      line-height: 1.4em; }

      .abroad_voice div.pink:before,

      .abroad_voice div.blue:before {

        position: absolute;

        content: "";

        display: block;

        border-radius: 50%;

        width: 230px;

        height: 230px;

        z-index: -1;

        top: 0;

        left: -60px; }

    .abroad_voice div.pink:before {

      background-color: #fadce2; }

    .abroad_voice div.blue:before {

      background-color: #dee2f2; }

    .abroad_voice .namae {

      color: #20325f;

      font: 20px/1.7em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 500;

      margin: 0 0 20px; }

      .abroad_voice .namae span {

        display: block;

        font: 14px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

        font-weight: 400; }

    .abroad_voice li {

      font: 15px/1.7em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 500;

      margin: 0 0 8px;

      display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      flex-direction: row;

      flex-wrap: wrap;

      -webkit-box-pack: justify;

      -ms-flex-pack: justify;

      -webkit-justify-content: flex-start;

      justify-content: flex-start;

      align-items: flex-start; }

      .abroad_voice li .block {

        display: block;

        width: 100px;

        text-align: center;

        border: 1px solid #ccc; }

      .abroad_voice li span:nth-of-type(2) {

        width: calc(100% - 100px);

        padding: 0 0 0 10px; }

    .abroad_voice .message {

      border-radius: 15px;

      background-color: #f1f8fc;

      padding: 35px;

      max-width: 1080px;

      margin: 0 auto; }

      .abroad_voice .message > h3 {

        margin: 0 0 15px; }

      .abroad_voice .message h3 {

        font: 18px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

        font-weight: 700;

        color: #20325f; }

      .abroad_voice .message p + h3 {

        margin: 60px 0 15px; }

      .abroad_voice .message p {

        font: 16px/2.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

        font-weight: 400;

        margin: 0 0 15px;

        text-align: justify;

        text-justify: inter-ideograph; }

      .abroad_voice .message ul {

        display: -webkit-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        display: flex;

        flex-direction: row;

        flex-wrap: wrap;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        -webkit-justify-content: space-between;

        justify-content: space-between;

        max-width: 735px;

        margin: 50px auto 0; }

      .abroad_voice .message li {

        width: calc((100% - 50px)/2);

        max-width: 330px;

        margin: 0 0 20px; }

        .abroad_voice .message li img {

          width: 100%;

          height: auto; }

        .abroad_voice .message li p {

          font: 14px/1.7em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

          font-weight: 400; } }

/*max-width:1024px*/

@media (max-width: 768px) {

  .abroad_voice {

    position: relative;

    padding: 15px 0 0 0;

    margin: 0 auto 150px;

    max-width: 1080px;

    width: calc(100% - 60px); }

    .abroad_voice .voice_item {

      margin: 0 auto 30px auto;

      max-width: 1080px;

      display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      flex-direction: column;

      flex-wrap: wrap;

      -webkit-box-pack: justify;

      -ms-flex-pack: justify;

      -webkit-justify-content: flex-start;

      justify-content: flex-start;

      align-items: flex-start; }

    .abroad_voice .txt {

      order: 2;

      width: calc(100% - 60px);

      margin: 0 auto; }

    .abroad_voice .pic {

      order: 1;

      position: relative;

      right: 0;

      top: 0;

      margin: 0 auto;

      display: block;

      width: 300px;

      height: 300px;

      border-radius: 50%;

      overflow: hidden;

      border: 1px solid #efefef; }

      .abroad_voice .pic img {

        position: absolute;

        top: 50%;

        left: 50%;

        -webkit-transform: translate(-50%, -50%);

        /* Safari用 */

        transform: translate(-50%, -50%);

        height: 100%;

        width: auto; }

    .abroad_voice div.pink,

    .abroad_voice div.blue {

      position: relative;

      min-height: 150px;

      color: #20325f;

      padding: 30px 0 0;

      margin: 0 0 20px;

      font-size: 30px;

      font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 700;

      line-height: 1.4em; }

      .abroad_voice div.pink:before,

      .abroad_voice div.blue:before {

        position: absolute;

        content: "";

        display: block;

        border-radius: 50%;

        width: 150px;

        height: 150px;

        z-index: -1;

        top: 0;

        left: -50px; }

    .abroad_voice div.pink:before {

      background-color: #fadce2; }

    .abroad_voice div.blue:before {

      background-color: #dee2f2; }

    .abroad_voice .namae {

      color: #20325f;

      font: 20px/1.7em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 500;

      margin: 0 0 20px; }

      .abroad_voice .namae span {

        display: block;

        font: 14px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

        font-weight: 400; }

    .abroad_voice li {

      font: 15px/1.7em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 500;

      margin: 0 0 8px;

      display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      flex-direction: row;

      flex-wrap: wrap;

      -webkit-box-pack: justify;

      -ms-flex-pack: justify;

      -webkit-justify-content: flex-start;

      justify-content: flex-start;

      align-items: flex-start; }

      .abroad_voice li .block {

        display: block;

        width: 100px;

        text-align: center;

        border: 1px solid #ccc; }

      .abroad_voice li span:nth-of-type(2) {

        width: calc(100% - 100px);

        padding: 0 0 0 10px; }

    .abroad_voice .message {

      border-radius: 15px;

      background-color: #f1f8fc;

      padding: 35px;

      max-width: 1080px;

      margin: 0 auto; }

      .abroad_voice .message > h3 {

        margin: 0 0 15px; }

      .abroad_voice .message h3 {

        font: 18px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

        font-weight: 700;

        color: #20325f; }

      .abroad_voice .message p + h3 {

        margin: 60px 0 15px; }

      .abroad_voice .message p {

        font: 16px/2.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

        font-weight: 400;

        margin: 0 0 15px;

        text-align: justify;

        text-justify: inter-ideograph; }

      .abroad_voice .message ul {

        display: -webkit-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        display: flex;

        flex-direction: row;

        flex-wrap: wrap;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        -webkit-justify-content: space-between;

        justify-content: space-between;

        max-width: 735px;

        margin: 50px auto 0; }

      .abroad_voice .message li {

        width: calc((100% - 20px)/2);

        max-width: 330px;

        margin: 0 0 20px; }

        .abroad_voice .message li img {

          width: 100%;

          height: auto; }

        .abroad_voice .message li p {

          font: 14px/1.7em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

          font-weight: 400; } }

/*max-width:768px*/

@media (max-width: 480px) {

  .abroad_voice {

    position: relative;

    padding: 15px 0 0 0;

    margin: 0 auto 150px;

    max-width: 1080px;

    width: calc(100% - 30px); }

    .abroad_voice .voice_item {

      margin: 0 auto 30px auto;

      max-width: 1080px;

      display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      flex-direction: column;

      flex-wrap: wrap;

      -webkit-box-pack: justify;

      -ms-flex-pack: justify;

      -webkit-justify-content: flex-start;

      justify-content: flex-start;

      align-items: flex-start; }

    .abroad_voice .txt {

      order: 2;

      width: calc(100% - 40px);

      margin: 0 auto; }

    .abroad_voice .pic {

      order: 1;

      position: relative;

      right: 0;

      top: 0;

      margin: 0 auto 20px;

      display: block;

      width: 200px;

      height: 200px;

      border-radius: 50%;

      overflow: hidden;

      border: 1px solid #efefef; }

      .abroad_voice .pic img {

        position: absolute;

        top: 50%;

        left: 50%;

        -webkit-transform: translate(-50%, -50%);

        /* Safari用 */

        transform: translate(-50%, -50%);

        height: 100%;

        width: auto; }

    .abroad_voice div.pink,

    .abroad_voice div.blue {

      position: relative;

      min-height: 130px;

      color: #20325f;

      padding: 20px 0 0;

      margin: 0 0 10px;

      font-size: 20px;

      font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 700;

      line-height: 1.4em; }

      .abroad_voice div.pink:before,

      .abroad_voice div.blue:before {

        position: absolute;

        content: "";

        display: block;

        border-radius: 50%;

        width: 120px;

        height: 120px;

        z-index: -1;

        top: 0;

        left: -30px; }

    .abroad_voice div.pink:before {

      background-color: #fadce2; }

    .abroad_voice div.blue:before {

      background-color: #dee2f2; }

    .abroad_voice .namae {

      color: #20325f;

      font: 20px/1.7em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 500;

      margin: 0 0 20px; }

      .abroad_voice .namae span {

        display: block;

        font: 14px/1.0em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

        font-weight: 400; }

    .abroad_voice li {

      font: 15px/1.7em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

      font-weight: 500;

      margin: 0 0 8px;

      display: -webkit-box;

      display: -ms-flexbox;

      display: -webkit-flex;

      display: flex;

      flex-direction: column;

      flex-wrap: wrap;

      -webkit-box-pack: justify;

      -ms-flex-pack: justify;

      -webkit-justify-content: flex-start;

      justify-content: flex-start;

      align-items: flex-start; }

      .abroad_voice li .block {

        display: block;

        width: 100px;

        text-align: center;

        border: 1px solid #ccc; }

      .abroad_voice li span:nth-of-type(2) {

        width: 100%;

        display: block;

        margin: 5px 0 10px;

        padding: 0; }

    .abroad_voice .message {

      border-radius: 15px;

      background-color: #f1f8fc;

      padding: 25px;

      max-width: 1080px;

      margin: 0 auto; }

      .abroad_voice .message > h3 {

        margin: 0 0 15px; }

      .abroad_voice .message h3 {

        font: 18px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

        font-weight: 700;

        color: #20325f; }

      .abroad_voice .message p + h3 {

        margin: 60px 0 15px; }

      .abroad_voice .message p {

        font: 15px/1.8em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

        font-weight: 400;

        margin: 0 0 15px;

        text-align: justify;

        text-justify: inter-ideograph; }

      .abroad_voice .message ul {

        display: -webkit-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        display: flex;

        flex-direction: row;

        flex-wrap: wrap;

        -webkit-box-pack: justify;

        -ms-flex-pack: justify;

        -webkit-justify-content: space-between;

        justify-content: space-between;

        max-width: 735px;

        margin: 50px auto 0; }

      .abroad_voice .message li {

        width: 100%;

        max-width: 330px;

        margin: 0 auto 20px; }

        .abroad_voice .message li img {

          width: 100%;

          height: auto; }

        .abroad_voice .message li p {

          margin: 5px 0 0;

          font: 14px/1.5em 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";

          font-weight: 400; } }

/*max-width:480px*/