@charset "utf-8";

/* 

 * CVCメンバー紹介のモーダルページ.html

 */



figure{ margin: 0; }

html {

  box-sizing: border-box;

  overflow-y: scroll;

  font-size: 10px;

  height: -webkit-fill-available;

  min-height: 100vh;

}

@media screen and (min-width: 768px){

  body {

    /* color: #555; */

    line-height: 1;

    -webkit-text-size-adjust: 100%;

    text-size-adjust: 100%;

    font-size: 1.4rem;

    padding-top: 0 !important;

  }

  ._sp {

    display: none !important;

  }

}

@media screen and (max-width:767px) {

  body {

    font-size: 1.4rem;

    padding-top: 0 !important;

  }

  ._pc {

    display: none !important;

  }

}



.c-img picture {

    display: block;

    width: 100%;

    height: 100%;

    overflow: hidden;

}

.c-img img {

    height: auto;

    vertical-align: top;

}

@media screen and (min-width: 768px){

  .c-img picture {

      border-radius: 16px;

  }

}





.t-main {

    padding: 0;

    overflow: hidden;

}

.t-main {

  padding: 0;

  overflow: hidden;

}

.p-unit .c-img {

  margin-top: 0;

}

.p-unit .c-img img {

  width: 100%;

  height: 100%;

  font-family: "object-fit:cover";

  object-fit: cover;

  border-radius: 0;

}

.p-unit .contents .row + .row {

  border-top: 1px solid #ddd;

}

.p-unit .contents .title {

  font-weight: 700;

  letter-spacing: 0.12em;

}

.p-unit .contents .title .sub {

  display: block;

  font-weight: 500;

  line-height: 2.142;

  letter-spacing: 0;

}

.p-unit .contents .c-text {

  margin-top: 0;

  line-height: 1.5;

}

.p-unit .contents .subtitle {

  margin: 0;

  font-weight: 700;

  letter-spacing: 0;

  line-height: 1.5;

}

.p-unit .contents .history {

  display: flex;

  flex-wrap: wrap;

  align-items: flex-start;

  justify-content: flex-start;

  line-height: 1.5;

}

._mt25{

  margin-top: 25px !important;

} 



@media screen and (min-width: 768px) {

  .p-unit {

    display: flex;

    flex-wrap: wrap;

    justify-content: flex-start;

    align-items: flex-start;

  }

  .p-unit .c-img {

    box-sizing: border-box;

    width: 31.54%;

    padding: 9.6rem 0 9.2rem;

  }

  

  .p-unit >.c-img{ /* モーダルコンテンツ最上部の場合。直下の場合は0 */

    padding-top: 0;

  }

  

  .p-unit .contents {

    box-sizing: border-box;

    width: 68.46%;

    padding: 9.6rem 10.2rem 9.2rem 7.2rem;

  }

  .p-unit >.contents{ /* モーダルコンテンツ最上部の場合。直下の場合は0 */

    padding-top: 0;

  }



  

  .p-unit .contents .row + .row {

    margin-top: 3.2rem;

    padding-top: 3.2rem;

  }

  .p-unit .contents .title {

    font-size: 4rem;

    margin: 0;

  }

  .p-unit .contents .title .sub {

    margin-bottom: 0.8rem;

    font-size: 1.4rem;

  }

  .p-unit .contents .c-text {

    font-size: 1.4rem;

  }

  .p-unit .contents .subtitle {

    font-size: 1.8rem;

  }

  .p-unit .contents .history {

    margin-top: 2.4rem;

  }

  .p-unit .contents .history .date {

    width: 90px;

    font-size: 1.4rem;

  }

  .p-unit .contents .history .text {

    width: calc(100% - 90px - 3.5rem);

    margin-left: 3.5rem;

    font-size: 1.4rem;

  }

  .p-unit .contents .history .text + .date {

    margin-top: 1.2rem;

  }

  .p-unit .contents .history .text + .date + .text {

    margin-top: 1.2rem;

  }

}

@media screen and (max-width:767px) {

  .p-unit .c-img {

    display: none;

  }

  .p-unit .contents {

    padding: 3.2rem 0 6.4rem;

  }

  .p-unit >.contents{ /* モーダルコンテンツ最上部の場合。直下の場合は0 */

    padding-top: 0;

  }

  

  .p-unit .contents .row {

    padding: 0 1.6rem;

  }

  .p-unit .contents .row + .row {

    margin-top: 2.4rem;

    padding-top: 2.4rem;

  }

  .p-unit .contents .title {

    font-size: 2.8rem;

  }

  .p-unit .contents .title .sub {

    margin-bottom: 0.8rem;

    font-size: 1.2rem;

  }

  .p-unit .contents .c-text {

    font-size: 1.4rem;

  }

  .p-unit .contents .subtitle {

    font-size: 1.6rem;

  }

  .p-unit .contents .history {

    margin-top: 2rem;

  }

  .p-unit .contents .history .date {

    width: 80px;

    font-size: 1.2rem;

  }

  .p-unit .contents .history .text {

    width: calc(100% - 80px - 2rem);

    margin-left: 2rem;

    font-size: 1.2rem;

  }

  .p-unit .contents .history .text + .date {

    margin-top: 1.2rem;

  }

  .p-unit .contents .history .text + .date + .text {

    margin-top: 1.2rem;

  }

  

  ._mt10Sp{

    margin-top: 10px !important;

  }

}