@charset "utf-8";
body{
	font-family: "Helvetica Neue" , Helvetica , "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#172e48;
}
.sns_share{
  padding-top: 40px;
}
.sakai_container{
	padding-top: 170px;
	max-width: 480px;
	margin: auto;
}
.main_title{
	text-align: center;
}
.catch_com{
	margin-top: 20px;
	text-align: center;
	font-size: 16px;
}
.link_area{
	margin-top: 20px;
	text-align: center;
}
.link_area a{
	text-decoration: underline;
	font-size: 14px;
}
.line{
	text-align: center;
}

.voice-section{
	margin: 25px auto 0 auto;
	max-width: 380px;
}

.voice-block{
  display:flex;
  align-items:flex-end; /* アイコンを下に合わせる */
  gap:12px;
  margin-bottom:40px;
}

.icon{
  width:48px;
  flex-shrink:0;
}

.icon img{
  display:block;
  max-width:40px;
}

.balloon{
	font-size: 14px;
  position:relative;
  padding:20px;
  border:2px solid #000;
  border-radius:16px;
  background:#fff;
  display: inline-block;
  max-width: 300px;
}

.balloon::before {
  content: "";
  position: absolute;
  top: calc(100% - 20px );
  left: 0;
  border-style: solid;
  border-width: 10px 20px 10px 0;
  border-color: transparent #000000 transparent transparent;
  translate: -100% -50%;
}

.balloon::after {
  content: "";
  position: absolute;
  top: calc(100% - 20px );
  left: 0;
  border-style: solid;
  border-width: 7.9px 17.8px 7.9px 0;
  border-color: transparent #fff transparent transparent;
  translate: -100% -50%;
}
.balloon p{
  margin:0;
  color:#45616c;
  line-height:2;
  word-break: break-all;
}
#pagination{
	margin: 40px auto 0 auto;
	max-width: 300px;
}
#pagination h2{
	text-align: center;
}
.pagination{
	display: flex;
	justify-content: space-between;
}
.pagination .page-numbers.current::before,
.pagination .page-numbers:not(.prev):not(.next):not(.dots)::before {
  content: "#";
}
.pager{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:20px;
}

.pager a{
  color:#485961;
  text-decoration:none;
  font-size:14px;
  letter-spacing:.1em;
}

.pager a:hover{
  opacity:.7;
}
@media only screen and (min-width: 767px) {
}


@media only screen and (min-width: 1000px) {

}

@media (max-width: 999px) {
}

@media (max-width: 767px) {
	.sakai_container{
		padding-top: 80px;
	}
	.voice-section{
		padding: 0 20px;
	}
	.pager{
		padding: 0 20px;
	}

}