/* 先輩の声
----------------------------------*/
.main_area {
  padding-top: 10%;
  padding-bottom: 10%;
  position: relative;
  padding-right: 0px;
  padding-left: 0px;
}
/* メイン背景設定
----------------------------------*/
.yamamura {
    background-image: url(../img/voice/yamamura.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 70vw auto;
}
@media screen and (max-width: 991px) {
.yamamura {
    background-image: none;    
}
}
.kawabata {
    background-image: url(../img/voice/kawabata.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 70vw auto;
}
@media screen and (max-width: 991px) {
.kawabata {
    background-image: none;    
}
}
.nishino {
    background-image: url(../img/voice/nishino.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 70vw auto;
}
@media screen and (max-width: 991px) {
.nishino {
    background-image: none;    
}
}
.oka {
    background-image: url(../img/voice/oka.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 70vw auto;
}
@media screen and (max-width: 991px) {
.oka {
    background-image: none;    
}
}
.okazaki {
    background-image: url(../img/voice/okazaki.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 70vw auto;
}
@media screen and (max-width: 991px) {
.okazaki {
    background-image: none;    
}
}
.sawa {
    background-image: url(../img/voice/sawa.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 70vw auto;
}
@media screen and (max-width: 991px) {
.sawa {
    background-image: none;    
}
}
.shimoyama {
    background-image: url(../img/voice/shimoyama.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 70vw auto;
}
@media screen and (max-width: 991px) {
.shimoyama {
    background-image: none;    
}
}
.susa {
    background-image: url(../img/voice/susa.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 70vw auto;
}
@media screen and (max-width: 991px) {
.susa {
    background-image: none;    
}
}
.takeda {
    background-image: url(../img/voice/takeda.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 70vw auto;
}
@media screen and (max-width: 991px) {
.takeda {
    background-image: none;    
}
}
.tamaki {
    background-image: url(../img/voice/tamaki.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 70vw auto;
}
@media screen and (max-width: 991px) {
.tamaki {
    background-image: none;    
}
}
.tanigaki {
    background-image: url(../img/voice/tanigaki.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 70vw auto;
}
@media screen and (max-width: 991px) {
.tanigaki {
    background-image: none;    
}
}

.voice_box {
    padding-top: 15%;
    padding-right: 5%;
    padding-left: 5%;
    padding-bottom: 15%;
    background-color: rgba(255,255,255,0.9);
    border-radius: 20px;
    box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
    text-align: center;
}
@media screen and (max-width: 991px) {
.voice_box {
    margin-top: -20%; 
	padding-top: 5%;    
    padding-bottom: 5%;
}
}
@media screen and (max-width: 575px) {
.voice_box {
    margin-top: 0%; 
	margin-top: 20px;    
    margin-bottom: 20px;
}
}
.voice_ttl {
    font-size: 36px;
    font-feature-settings: "palt";
    letter-spacing: 0.07em;
    font-weight: bold;  /*color: #000;*/
    margin-bottom: 8%;
	position: relative;
}
@media screen and (max-width: 575px) {
.voice_ttl {
    font-size: 24px;
}
}
.voice_ttl::after {
  content: "";  
  background-image: linear-gradient(135deg, #12968f 0%, #12968f 50%, #999999 50%, #999999 100%);
	/*background-color: #12968f;*/
  width: 70px;
  height: 5px;
  position: absolute;
  top: 100%;
    left: 50%;
	transform: translateX(-50%);
}

.voice_subttl {
    font-size: 17px;
    color: #555555;
}
@media screen and (max-width: 575px) {
.voice_subttl {
    font-size: 14px;
}
}
.voice_job {
    font-size: 21px;
    color: #12968f;
	font-weight: bold;
	margin-top: 2%;
}
@media screen and (max-width: 575px) {
.voice_job {
    font-size: 17px;
}
}
.voice_q {
    font-size: 24px;
    border-bottom: 1px solid #D7D7D7;
    padding-bottom: 5px;
    margin-bottom: 30px;
    font-weight: bold;
	padding-right: 20px;
  padding-left: 20px;
}
@media screen and (max-width: 575px) {
.voice_q {
    font-size: 17px;
}
}

.voice_q span {
    text-transform: uppercase;
    color: #12968f;
    margin-right: 10px;
}

.voice_atx {
    font-size: 17px;
    line-height: 1.9;
	padding-right: 20px;
  padding-left: 20px;
}
@media screen and (max-width: 575px) {
.voice_atx {
    font-size: 14px;
}
}
.voice_img {    
    margin-top: 20px;
}

.other_area {
    background-color: rgba(235,235,235,0.60);
    padding-top: 5%;
    padding-bottom: 5%;
}
.voice_otherttl {
    font-size: 36px;
    font-feature-settings: "palt";
    letter-spacing: 0.07em;    
    margin-bottom: 1%;
    text-align: center;
	font-family: "Lora", serif;
	text-transform: uppercase;
}
@media screen and (max-width: 575px) {
.voice_otherttl {
    font-size: 24px;
}
}

/* 一覧
----------------------------------*/
.voice_listbox {
    padding-top: 30px;    
}
/*.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}*/
.voice_listbox .image01 {  
	line-height: 0;
  overflow: hidden;
	border-radius: 20px;
}
.voice_listbox .image01 img {
    width: 100%;
    height: auto;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.voice_listbox .image01:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.voice_name {
    padding-top: 20px;
    padding-bottom: 0px;
    font-size: 1.2vw;
    color: #000;
    line-height: 1.4;
    font-weight: bold;
}
@media screen and (max-width: 1199px) {
.voice_name {    
    font-size: 1.5vw;
}
}
@media screen and (max-width: 991px) {
.voice_name {    
    font-size: 1.8vw;
}
}
@media screen and (max-width: 767px) {
.voice_name {    
    font-size: 2.8vw;
}
}
@media screen and (max-width: 575px) {
.voice_name {    
    font-size: 3.6vw;
}
}
.voice_name2 {
  padding-top: 10px;
  padding-bottom: 5px;
  font-size: 16px;
  color: #000;
	line-height: 1.4;
}
@media screen and (max-width: 575px) {
.voice_name2 {
    font-size: 14px;
}
}