/*坂東さん*/
.balloon5 {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.balloon5 .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}

.balloon5 .faceicon img{
  width: 100%;
  height: auto;
  border: solid 3px #d7ebfe;
  border-radius: 50%;
}

.balloon5 .chatting {
  width: 100%;
}

.says {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #d7ebfe;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #d7ebfe;
}

.says p {
  margin: 0;
  padding: 0;
}
/*後藤さん*/
.balloon6{
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.balloon6 .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}

.balloon6 .faceicon img{
  width: 100%;
  height: auto;
  border: solid 3px #ffffe0;
  border-radius: 50%;
}

.balloon6 .chatting {
  width: 100%;
}

.says2 {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #ffffe0;
}

.says2:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #ffffe0;
}

.says2 p {
  margin: 0;
  padding: 0;
}

.scene{
    margin: 0 5%;
    width: 80%;
}
/*画像調整関連*/
.titleboss{
    text-align: center;
}
/*対話部分の横幅調整*/
.kaiwa-kontainer{
    margin: 0 2% 0 0 ;
}

/* 画像を中央揃えにするための共通スタイル */
.pc, .sp {
  margin: auto;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
  .pc { display: none !important; }
  .sp { display: block !important; }
  .balloon5 .faceicon {width: 50px;}
  .says2 {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 60px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #ffffe0;
}
.balloon6 .faceicon {width: 50px;}
  .says {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 60px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #d7ebfe;
}
}

/* 画像を中央揃えにするための共通スタイル */
.Gpc, .Gsp {
  margin: auto;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.Gpc { display: block !important; }
.Gsp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
  .Gpc { display: none !important; }
  .Gsp { display: block !important; }
}

.fukei{
  text-align: center;
}

.fukei p{
  margin: 0;
  text-align: center;
}

.gym{
  text-align: center;
}

.gym p{
  margin: 0;
  text-align: center;
}