/*
talk.css
*/
/* common
--------------------------------------------------------------------------- */
@media all and (max-width: 749px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}
@media all and (max-width: 749px) {
  .sp {
    display: block;
  }
}

/* hero
--------------------------------------------------------------------------- */
#hero {
  margin-bottom: 40px;
  text-align: center;
}

/* intro
--------------------------------------------------------------------------- */
.main__catch {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #003D86;
  margin-bottom: 20px;
}
@media all and (min-width: 750px) {
  .main__catch {
    font-size: 40px;
    margin-bottom: 40px;
  }
}

.intro {
  margin-bottom: 40px;
}
@media all and (min-width: 750px) {
  .intro {
    margin-bottom: 85px;
  }
}
.intro .lead {
  margin-bottom: 10px;
}
.intro .date {
  text-align: right;
  font-size: 12px;
}

/* member
--------------------------------------------------------------------------- */
.member {
  max-width: 850px;
  margin: 0 auto 40px;
}
@media all and (min-width: 750px) {
  .member {
    margin: 0 auto 80px;
  }
}
.member .member__con {
  border-bottom: 1px solid #868181;
  padding: 20px 0;
}
@media all and (min-width: 750px) {
  .member .member__con {
    padding: 40px 0;
  }
}
.member .member__con:first-of-type {
  border-top: 1px solid #868181;
}
.member .member__con h3 {
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 16px;
}
@media all and (min-width: 750px) {
  .member .member__con h3 {
    margin-bottom: 30px;
  }
}
.member .member__con .block {
  display: flex;
  margin-bottom: 30px;
}
.member .member__con .block:last-of-type {
  margin-bottom: 0;
}
.member .member__con .block .member_ph {
  flex: none;
  margin-right: 20px;
}
.member .member__con .block dl dt {
  font-weight: bold;
}
@media all and (min-width: 750px) {
  .member .member__con .group {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 0;
         column-gap: 0;
  }
}
@media all and (min-width: 750px) {
  .member .member__con .group .block {
    width: 88%;
    margin-bottom: 40px;
  }
}
.member .member__con.facilitator dl dt {
  color: #F68D11;
}
.member .member__con.answers dl dt {
  color: #003D86;
}
.member .member__con .note {
  margin-top: 20px;
  font-size: 12px;
}
.member .topic {
  margin-top: 40px;
  background-color: #ECF3FB;
  border-radius: 20px;
  padding: 20px;
}
@media all and (min-width: 750px) {
  .member .topic {
    padding: 20px 50px;
  }
}

.member .topic dl:not(:last-of-type) {
  margin-bottom: 30px;
}

.member .topic dl dt {
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
  font-size: 18px;
}
@media all and (min-width: 750px) {
  .member .topic dl dt {
    text-align: left;
    margin-bottom: 10px;
    font-size: 20px;
  }
}
@media all and (min-width: 750px) {
  .member .topic dl dd {
    font-size: 14px;
  }
}

/* talk__con
--------------------------------------------------------------------------- */
.talk__con {
  margin-bottom: 60px;
}
@media all and (min-width: 750px) {
  .talk__con {
    margin-bottom: 80px;
  }
}
.talk__con p:last-child {
  margin-bottom: 1.6rem;
}
.talk__con .txt__facilitator {
  color: #F68D11;
  margin-right: 20px;
}
.talk__con .txt__answers {
  color: #003D86;
  margin-right: 20px;
}

.talk__con p.note {
  font-size: 14px;
}

@media all and (min-width: 750px) {
  .talk__con .ph__block {
    display: flex;
  }
}
.talk__con .ph__block .ph__box {
  flex: none;
}
.talk__con .ph__block .ph__box .caption {
  display: block;
}
.talk__con .ph__block.__right .ph__box {
  margin-bottom: 20px;
}
@media all and (min-width: 750px) {
  .talk__con .ph__block.__right .ph__box {
    margin-left: 50px;
    margin-bottom: 50px;
  }
}
.talk__con .ph__block.__left {
  flex-direction: row-reverse;
}
.talk__con .ph__block.__left .ph__box {
  margin-bottom: 20px;
}
@media all and (min-width: 750px) {
  .talk__con .ph__block.__left .ph__box {
    margin-right: 50px;
    margin-bottom: 50px;
  }
}

.talk__con .ph__box_large img {
	width: 100%;
	max-width: none;
}

.con_area {
  margin-top: 40px;
}

/*# sourceMappingURL=talk.css.map */
