

.underline::after {
  content: "";
  width: 100%;
  height: 8px;
  bottom: -5px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  position: absolute;
  background: #fff5ce;
}

/*-----------------------------------

	intro

-----------------------------------*/
#intro .img{
	max-width: 710px;
	margin: 30px auto 0;
}
#intro .txt_o{
	margin: 0 5px;
}
#intro .txt_o:after {
  content: "";
  width: 100%;
  height: 8px;
  bottom: -5px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  position: absolute;
	background: #fff5ce;
}
#intro .character {
	right: -18%;
	top: 50px;
	width: 260px;
}
@media screen and (max-width: 980px){
	#intro .img {
	  width: 80%;
	  max-width: 640px;
	  margin: 30px auto 30px !important;
	}
	#intro .character {
	  position: static;
	  width: 50%;
	  margin: 30px auto 0;
	text-align: center;
	}
}
@media screen and (max-width: 740px){
	#intro .img{
		width: 100%;
		max-width: 640px;
	}
}

/*-----------------------------------

	voice

-----------------------------------*/
#voice article {
	padding: 20px 2%;
}
#voice article .text{
	width: 64%;
}
#voice article .text .title{
	margin-bottom: 20px;
	padding-left: 15px;
	border-left: solid 5px #ffd737;
}
#voice article .img{
	width: 34%;
}
#voice article dt span{
	padding: 5px 10px;
}
#voice article dd{
	margin-left: 40px;
}
.voice_two dt{
	transform: rotate(-5deg);
}
.voice_two .num{
	font-size: 100px;
	line-height: 100px;
}
.voice_one{
}

#voice .character {
	right: -5%;
	top: -110px;
	width: 260px;
}
@media screen and (max-width: 980px){
	#voice .character {
	  position: static;
	  width: 60%;
	  margin: 30px auto 0;
	text-align: center;
	}
	#voice article .text,
	#voice article .img{
		float: none!important;
	}
	#voice article .text{
		width: 100%;
		margin-right:0;
	}
	#voice article .img {
	  width: 80%;
	  max-width: 640px;
	  margin: 30px auto 30px !important;
	}
	.voice_two .num {
	  font-size: 60px;
	  line-height: 60px;
	}
}
/*-----------------------------------

	friend

-----------------------------------*/
@media screen and (max-width: 980px){
	#friend .img{
		width: 90%;
		max-width: 980px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (max-width: 740px){
	#friend .img{
		width: 80%;
		max-width: 640px;
	}
}