@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap");
@import url("https://use.typekit.net/pgn2pxd.css");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

@media screen and (min-width: 769px) {
  html {
    font-size: 62.5%; } }

/*
Font size and line height mixin
*/
/* ヒラギノ角ゴ */
/* ヒラギノ明朝 */
/* From: 游明朝体・游ゴシック体のCSSでの利用 - Qiita [キータ]
 * http://qiita.com/shinnn/items/5be7e8106189311559c1
 */
/* 游ゴシック体 */
/* 游明朝体 */
/*
@font-face {
    font-family: '';
    src: url("../fonts/");
    font-weight: 400;
}
*/
@media screen and (min-width: 769px) {
  .sp {
    display: none; } }

@media screen and (max-width: 768px) {
  .pc {
    display: none; } }

.fade {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  position: absolute;
  z-index: 2;
  animation-name: fadeIn;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 1; }
  30% {
    opacity: 1; }
  70% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes fadeIn {
  0% {
    opacity: 1; }
  30% {
    opacity: 1; }
  70% {
    opacity: 0; }
  100% {
    opacity: 0; } }

#yogaambassador_2020 img, #yogaambassador_2020 video {
  position: relative;
  width: 100%; }

#yogaambassador_2020 .wrap {
  margin-top: calc( 80 * 0.13333vw); }

#yogaambassador_2020 .title {
  font-size: 50;
  /* 50 */
  line-height: 1.4;
  /* 70 */
  font-family: futura-pt, sans-serif;
  font-size: calc( 50 * 0.13333vw);
  letter-spacing: 0.05em;
  text-align: center; }

#yogaambassador_2020 .profile {
  margin-top: calc( 155 * 0.13333vw); }
  #yogaambassador_2020 .profile:first-child {
    margin-top: calc( 65 * 0.13333vw); }
  #yogaambassador_2020 .profile:last-child {
    margin-top: calc( 160 * 0.13333vw);
    margin-bottom: calc( 160 * 0.13333vw); }
  #yogaambassador_2020 .profile__image {
    width: calc( 500 * 0.13333vw);
    margin: 0 auto; }
  #yogaambassador_2020 .profile-link {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin-top: calc( 35 * 0.13333vw);
    font-size: calc( 24 * 0.13333vw);
    letter-spacing: 0.075em;
    color: #333333; }
  #yogaambassador_2020 .profile-modal {
    display: none;
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    z-index: 9999; }
    #yogaambassador_2020 .profile-modal-bg {
      background-color: rgba(255, 255, 255, 0.5);
      height: 100vh;
      width: 100vw;
      position: absolute; }
  #yogaambassador_2020 .profile__caption {
    letter-spacing: 0.025em;
    margin-top: calc( 65 * 0.13333vw);
    text-align: center; }
    #yogaambassador_2020 .profile__caption-name {
      font-size: 36;
      /* 36 */
      line-height: 0.77778;
      /* 28 */
      font-size: calc( 36 * 0.13333vw);
      font-weight: 600;
      color: #333333; }
    #yogaambassador_2020 .profile__caption-list {
      margin-top: calc( 50 * 0.13333vw); }
      #yogaambassador_2020 .profile__caption-list li a {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        font-size: calc( 26 * 0.13333vw);
        color: #333333; }
      #yogaambassador_2020 .profile__caption-list li:nth-child(even) {
        margin-top: calc( 30 * 0.13333vw); }
    #yogaambassador_2020 .profile__caption-icon {
      display: block;
      width: calc( 30 * 0.13333vw);
      margin-right: calc( 15 * 0.13333vw); }
    #yogaambassador_2020 .profile__caption-detail {
      -webkit-box-shadow: 0 0 calc( 10 * 0.13333vw) calc( 5 * 0.13333vw) rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 0 calc( 10 * 0.13333vw) calc( 5 * 0.13333vw) rgba(0, 0, 0, 0.2);
      box-shadow: 0 0 calc( 10 * 0.13333vw) calc( 5 * 0.13333vw) rgba(0, 0, 0, 0.2);
      position: absolute;
      transform: translate(-50%, -50%);
      top: 50%;
      left: 50%;
      background-color: #ffffff;
      width: calc( 700 * 0.13333vw);
      padding: calc( 50 * 0.13333vw) 0;
      margin: auto; }
    #yogaambassador_2020 .profile__caption-text {
      font-size: 24;
      /* 24 */
      line-height: 2.16667;
      /* 52 */
      font-size: calc( 24 * 0.13333vw);
      text-align: center;
      color: #333333;
      letter-spacing: 0.025em; }
    #yogaambassador_2020 .profile__caption-link {
      cursor: pointer;
      border-bottom: 1px solid #333333; }

@media screen and (min-width: 769px) {
  #yogaambassador_2020 .wrap {
    margin-top: 80px; }
  #yogaambassador_2020 .title {
    font-size: 25;
    /* 25 */
    line-height: 2;
    /* 50 */
    font-size: 25px; }
  #yogaambassador_2020 .profile {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    width: 50%;
    margin-top: 0; }
    #yogaambassador_2020 .profile:first-child {
      margin: auto; }
    #yogaambassador_2020 .profile:last-child {
      margin: auto; }

    /* 2/2 追加 */
    #yogaambassador_2020 .profile:nth-of-type(even){
      justify-content: flex-end;
    }

    #yogaambassador_2020 .profile:nth-child(1n) {
      margin-bottom: 80px; }
    #yogaambassador_2020 .profile-list {
      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;
      width: 1000px;
      margin: 0 auto;
      margin-top: 70px; }
    #yogaambassador_2020 .profile-link {
      -webkit-justify-content: flex-start;
      -moz-justify-content: flex-start;
      -ms-justify-content: flex-start;
      justify-content: flex-start;
      -ms-flex-pack: flex-start;
      margin-top: 30px;
      font-size: 14px; }
    #yogaambassador_2020 .profile__image {
      width: 250px;
      margin: 0; }
    #yogaambassador_2020 .profile__caption {
      margin-top: 0;
      margin-left: 40px;
      text-align: left; }
      #yogaambassador_2020 .profile__caption-name {
        font-size: 17;
        /* 17 */
        line-height: 1.64706;
        /* 28 */
        font-size: 17px; }
      #yogaambassador_2020 .profile__caption-list {
        margin-top: 15px; }
        #yogaambassador_2020 .profile__caption-list li a {
          -webkit-justify-content: flex-start;
          -moz-justify-content: flex-start;
          -ms-justify-content: flex-start;
          justify-content: flex-start;
          -ms-flex-pack: flex-start;
          -webkit-align-items: center;
          -moz-align-items: center;
          -ms-align-items: center;
          align-items: center;
          font-size: 14px; }
        #yogaambassador_2020 .profile__caption-list li:nth-child(even) {
          margin-top: 15px; }
      #yogaambassador_2020 .profile__caption-icon {
        width: 20px;
        margin-right: 10px; }
      #yogaambassador_2020 .profile__caption-detail {
        width: 660px;
        padding: 30px; }
      #yogaambassador_2020 .profile__caption-text {
        font-size: 14;
        /* 14 */
        line-height: 2;
        /* 28 */
        font-size: 14px;
        text-align: left; } }