@charset "UTF-8";

/****************************************
  ./nakahara_css/profile.css
  created 2026.4.4   updated 2026.4.9
****************************************/
h3{
  margin:60px 0 0 0 !important;
  padding:30px 0 20px 0 !important;
}
h3.h3_top {
  margin-top:0px !important;
}
h3 .txt-red {
  color:rgba(217, 39, 30, 1);
}
h3 .txt-small {
  font-size:0.8em !important;
}
.h3-gray.values-h3 {
  margin-left: auto;
  margin-right: auto;
  text-align: center !important;
  padding: 0 0 0 1.85rem !important;
  margin: 119px 0 !important;
}
h4{
  margin-top:0 !important;
  padding:0 0 20px 0 !important;
}
.accordion {
  background-color:rgba(39, 154, 200, 0.1);
  color: rgba(39, 154, 200, 1);
  cursor: pointer;
  padding: 12px;
  width: 100%;
  border: none;
  border-left: 3px solid rgba(39, 154, 200, 1);
  border-radius: 20px 20px 0 0;
  text-align: left;
  outline: none;
  font-size: 1.22rem;
  transition: 0.3s;
  margin-top: 40px;
  margin-bottom: 0px;
}
.accordion:hover {
  background-color:rgba(39, 154, 200, 0.1);
}
.panel {
  padding: 15px 15px 15px 15px;
  margin: 10px 0;
  display: none;
  background-color:rgba(39, 154, 200, 0.1);
  overflow: hidden;
  border-left: 3px solid rgba(39, 154, 200, 1);
  border-radius: 0 0 20px 20px;
}
.bio-item, .bio-item-g{
  margin: 2px 0;
  font-size: 1rem;
  line-height:1.5;
  color:#000;
}
.bio-item-g{
  font-size: 1.22rem !important;
  line-height:1.6 !important;
}
.bio-item-g .txt-small{
  font-size:0.8em !important;
}
.bio-item-g.break {
  margin-top: 22px;   /* 読みやすさを考慮して変更する */
}
.bio-item::before,
.bio-item-g::before {
  content: "■ ";
  color: #bbb; /* グレー */
}
.bio-item.upd-date {
  font-size: 0.95rem !important;
}

.section-title,
.section-title-s {
  margin:0 !important;
  padding:20px 0 15px 0;
  font-size: 1.4rem !important;
  font-weight: bold;
  line-height:1.4rem !important;
  color: rgba(39, 154, 200, 1);
}
.section-title-s {
  margin-top: 15px;
  margin-bottom: 15px;
}
.section-title-s.mbs{
  margin: 0 !important;
  padding:0 !important;
  font-size: 0.9em !important;
  color: #000;
}
.section-title-s.mbs .st-mbs-s {
  font-size:0.85em !important;
  font-weight:normal !important;
}

/* --- ★ スマホ最適化 ★ */
@media screen and (max-width: 767px) {
  h3{
    text-align: left !important;
    margin:60px 0 0 0 !important;
    padding:30px 0 20px 0 !important;
  }
  h3.h3_top {
    margin-top:0px !important;
  }
  .h3-gray.values-h3 {
    padding:20px 0 0 16px !important;
    margin-top: 64px !important;
    margin-bottom: 80px !important;
  }
  .accordion {
    font-size: 0.95rem !important;
  }
  .bio-item, .bio-item-g{
    font-size: 0.9rem;
    line-height:1.4 !important;
  }
  .bio-item-g{
    font-size: 1rem !important;
    line-height:1.5 !important;
  }
  .bio-item-g.break {
    margin-top: 22px;   /* 読みやすさを考慮して変更する */
  }
  .bio-item.upd-date {
    font-size: 0.95rem !important;
  }
  .section-title,
  .section-title-s {
    padding: 16px 0 8px 0 !important;
    font-size: 1rem !important;
  }
  .section-title-s {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 1rem !important;
  }
  .section-title-s.mbs{
    margin: 0 !important;
    padding:0 !important;
    font-size: 0.9rem !important;
    color: #000;
  }
  .section-title-s.mbs .st-mbs-s {
    font-size:0.85em !important;
    font-weight:normal !important;
  }