/* ----------------------------------------------
		共通CSS
------------------------------------------------- */
#main h2 {
  background-color: #2B79C1;
}
#main p.mb1 {
  text-indent: 1em;
}
#main .bgColor {
  padding: 0;
  margin: 0;
  background-color: #F4F8FC;
}
#main .row.bgColor {
  margin-top: 0em;
}
#main .main-title {
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.3;
  margin: 1.0em 0;
}
#main .main-people {
  line-height: 1.3;
  margin-bottom: 2.0em;
}
#main .main-people span {
  font-size: 1.3rem;
}
#main .main-photo {
  margin: 2.0em 1.0em 2.0em 1.0em;
  position: relative;
}
#main .architects-main {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}
#main .architects-main p.ti {
  color: #2B79C1;
  font-weight: 500;
  margin: 1.0em 0 1.5em 0 !important;
}
#main .architects-main p.ti.top {
  margin: 1.5em 0 1.5em 0 !important;
}
#main .architects-main .detail {
  margin: 0em auto;
  padding: 2.0em;
  width: 100%;
}
#main .architects-main .detail p.name {
  color: #2B79C1;
  font-weight: 500;
}
#main .architects-main .detail-sub {
  margin: 0em 1.0em;
  padding: 0 1.5em;
  width: 100%;
  border-left: 2px solid #CCC;
}
#main .architects-main .detail-sub p {
  font-size: 1.4rem;
}
.fs {
  font-size: 90%;
}
.positionAbs {
  position: absolute;
  bottom: 0;
}
#main .architects-main dl.colabo {
  display: flex;
  justify-content: flex-start;
}
#main .architects-main dt {
  width: 6%;
  white-space: nowrap;
  line-height: 1.7;
  font-weight: 500;
}
#main .architects-main dt.first {
  /*color: #3071b9;*/
}
#main .architects-main dt.second {
  color: #22ac38;
}
#main .architects-main dt.third {
  color: #B167B3;
}
#main .architects-main dd {
  width: 94%;
}
#main div.text ruby {
  position: relative;
  padding: 0;
  line-height: 0;
  border: 0px solid red;
  margin-left: -6px;
  margin-right: -6px;
}
#main div.text ruby rt {
  left: 1px;
  top: -7px;
  position: absolute;
  font-size: 0.8rem;
}
/* ----------------------------------------------
		ルビ　文字の上に点
------------------------------------------------- */
#main .architects-main .dots {
  background-image: radial-gradient(circle at center, #858585 20%, transparent 20%); /* 点の色とサイズ調整 */
  background-position: top left; /* 点の位置 */
  background-repeat: repeat-x; /* 横方向に繰り返し */
  background-size: 1.05em 0.3em; /* 点の間隔とサイズ調整 */
  padding-top: .05em; /* 縦方向の位置調整 */
}
#main .architects-main dd p:last-child {
  margin-bottom: 0 !important;
}
#main .architects-main dd p.mb-1 {
  margin-bottom: 1.0em !important;
}