@charset "UTF-8";
/*=============================================
*
* ポップアップ
*
=============================================*/
.popup-area {
  height: 100%;
  left: 0;
  padding: 30px 15px;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 4000;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s; }
  .popup-area.on {
    visibility: visible; }
  .popup-area .overlay {
    background: #fff;
    opacity: 1; }
  .popup-area.on .overlay {
    visibility: visible;
    opacity: 1; }
  .popup-area .popup-box {
    height: 100%;
    left: 50%;
    padding: 30px;
    top: 50%;
    width: 100%; }
    .popup-area .popup-box .heading {
      font-size: 2.0rem;
      font-weight: 900;
      margin-bottom: 15px;
      padding: 0;
      text-align: center; }
    .popup-area .popup-box .txt {
      font-size: 1.5rem;
      margin-bottom: 20px; }
    .popup-area .popup-box .thumb-area {
      width: 270px; }
      @media screen and (max-width: 768px) {
        .popup-area .popup-box .thumb-area {
          margin-bottom: 30px;
          width: 100%; } }
      .popup-area .popup-box .thumb-area .thumb {
        border-radius: 50%; }
    .popup-area .popup-box .profile-area {
      width: calc(100% - 270px); }
      @media screen and (max-width: 768px) {
        .popup-area .popup-box .profile-area {
          width: 100%; } }
      .popup-area .popup-box .profile-area .teacher-name {
        font-size: 3.2rem;
        font-weight: 700;
        margin-bottom: 20px; }
      .popup-area .popup-box .profile-area .position {
        background: #F2EFE7;
        border-radius: 3px;
        color: #707070;
        margin-bottom: 20px;
        padding: 15px; }
      .popup-area .popup-box .profile-area .career {
        font-size: 1.4rem;
        margin-bottom: 50px; }
      .popup-area .popup-box .profile-area h3.heading {
        font-size: 2.0rem;
        font-weight: 700;
        text-align: left;
        margin-bottom: 20px; }
    .popup-area .popup-box .sns-area {
      display: none; }
    .popup-area .popup-box .print-btn-area {
      display: none; }
    .popup-area .popup-box .close-btn {
      display: none; }
  .popup-area.on .popup-box {
    opacity: 1;
    visibility: visible; }