/* =====================================
PROFILEページ専用CSS
※画像回り込みレイアウトあり
※SPではfloat解除
===================================== */

.profile {
   /* max-width: 760px; */
   max-width: 98%;
}

.profile h2 {
   font-size: 1.2rem;
   margin-bottom: 20px;
}

.profile p {
   margin-bottom: 1.2em;
   line-height: 1.9;
}

.page-header {
   position: relative;
   z-index: 1;
}

/* =============================
プロフィール 回り込みレイアウト
============================= */

.profile-img {
   float: left;
   width: 260px;
   margin: 0 25px 15px 0; /* 右と下に余白 */
}

/* 回り込み解除（最後） */
.profile::after {
   content: '';
   display: block;
   clear: both;
}

.profile p:first-of-type {
   margin-top: 0;
}

/* SP */
@media (max-width: 768px) {
   .profile {
      padding: 1rem;
   }
   .profile img {
      float: none;
      width: 100%;
      margin: 0 0 20px 0;
   }

   .profile {
      max-width: 100%;
   }
}

/* 960以下で改行 */
@media (max-width: 1000px) {
   .wbr {
      display: block;
   }
}