@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

.page {
  background: url("../images/voice-images/page-bg.jpg") 50% 100% no-repeat;
}

/* ==========================================================================
	CONTENTS
	========================================================================== */

.voice {
  display: flex;
  width: 70%;
  border-bottom: solid 1px var(--color01);;
  padding-bottom: 30px;
  margin: 0 auto 30px auto;  
}
.voice__img {
  width: 30%;
  text-align: center;
}
.voice__img img {
  display: block;
  width: 60%;
  margin: 0 auto 20px auto;
}
.voice__txt {
  flex: 1;
}
.voice__txt img {
  display: block;
  width: 80%;
  margin: 0 auto;
}

/* ==========================================================================
	PC 1025px -
	========================================================================== */

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


}
@media screen and (max-width: 1200px){/*1200以下*/

}


/* ==========================================================================
	TABLET - 1024px
	========================================================================== */

@media screen and (max-width:1024px){

.voice {
  width: 90%;
}

}

/* ==========================================================================
	SP - 640px
	========================================================================== */

@media screen and (max-width: 640px) {

.voice {
  display: block;
  width: 100%;
  padding-bottom: 20px;
  margin: 0 auto 20px auto;  
}
.voice__img {
  width: 100%;
  padding-bottom: 20px;
}
.voice__img img {
  width: 180px;
}
.voice__txt {
  width: 100%;
}
.voice__txt img {
  width: 80%;
}

}