/*------------卒業生の声--------------*/


.sec06 .carousel{background-size: auto 100%; width: 100%; overflow: hidden;
	-moz-animation: loop 800s linear infinite; animation: loop 800s linear infinite;}

@media screen and (min-width: 641px){ /*PC*/
.sec06 .carousel{background: url(../../img/06_voice_cal.jpg) repeat-x 0 0;height: 480px; background-size: auto 480px;}
}
@media screen and (max-width: 640px){ /*SP*/
.sec06 .carousel{background: url(../../img/06_voice_cal.jpg) repeat-x 0 0;height:230px;background-size: auto 230px; margin-bottom: 20px;}
}
.sec06{background: url("../../img/bg_w.webp"), linear-gradient(rgba(224,211,182,0.2) 00%, rgba(224,211,182,0.4) 100%);background-size:500px;background-repeat:repeat;position:  relative; }
.sec06 .outer{position:  relative;}
.sec06 .bg0101{position: absolute;top:0; left:0;}
.sec06 .bg0102{position: absolute; bottom:0; right:0;}	
.sec06 .icon{position: absolute;}
.sec06 > .cont{margin-bottom:80px !important;padding-bottom:50px;}
.sec06 article{position:relative; text-align: left;display: inline-block; vertical-align: top;}
.sec06 article .img{overflow:hidden; text-align: center;filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.1));}
.sec06 .cont01 h3{color:rgba(150,112,153,1.00);text-align: left;position: relative;display: block;}
.sec06 p{display: block;color:rgba(86,75,67,1.00);text-align: left;}
.sec06 .name{font-size:14px;text-align:right;color:rgba(133,130,120,0.8);}
@media screen and (min-width:641px){ /*PC*/
	.sec06 {padding:0px 0 150px;}
	.sec06 .bg0101{width: 45%;margin-top: 480px;}
	.sec06 .bg0102{width: 40%;}
	.sec06 .icon{width:290px; top:390px;left: 50%;transform: translateX(320px);}
	.sec06 article h3{font-size:24px; line-height: 36px;margin-left:10px; }
	.sec06 article{/*width:27.5%; margin:0px 2.5%;*/margin:0px 30px;padding:0px;}
	.sec06 article .img{width:100%; margin: 15px 0;}
}
@media screen and (max-width:640px){ /*SP*/
	.sec06 {padding:0 0 0px 0 ;overflow: hidden;}
	.sec06 .inner{padding-bottom: 80px;}
	.sec06 .bg0101{width: 80%;margin-top: 230px;}
	.sec06 .bg0102{width: 75%;}
	.sec06 .icon{width: 150px; top:180px;right: -10px;z-index: 3;}
	.sec06 article{margin: 0 0 30px 0;}
	.sec06 article h3{font-size:26px; line-height: 38px;margin-left:10px; }
	.sec06 article .img{width:100%; margin: 15px 0;}
}

/*------------卒業生の声　ランダム表示--------------*/

.voice_index h4{display: block; text-align: center; color:#D78181; }
.voice_index {overflow: hidden; }
.voice_index .box{ background-color: #eee; display: inline-block;filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.1));}
.voice_index .text{-ms-writing-mode: tb-rl;writing-mode: vertical-rl; text-align: left; color: #4b443b;}
.voice_index a {color: #685141; text-decoration: none;position:relative; display: block; text-align:left;}
.voice_index a:hover{opacity: 0.7;}
.voice_index a .icon{position:absolute; background:rgba(194,88,74,0.5);  font-size: 12px; line-height: 21px; height: 20px; width: 20px; opacity: 0.3;}
.voice_index a span{color: #fff;}
@media screen and (min-width: 641px){ /*PC*/
	.voice_index { margin: 0 0 0px 0;}
	.voice_index .inner{ padding:0px 40px 120px; overflow: hidden;}
	.voice_index h4{font-size: 26px; line-height: 66px; margin: 00px auto 10px; padding:5px 0 5px 0; width: 500px;}
	.voice_index .box{ margin:0 10px 35px; width:22.5%;height: 185px;overflow: hidden;}
	.voice_index .box:first-child{margin: 0 15px 35px; width:47.3%;height:415px;float: left;}
	.voice_index .box a{height: 185px; }
	.voice_index .box:first-child a{height:415px;}
	.voice_index .text{position:absolute; top:20px; left:30px; font-size:16px; line-height: 24px; z-index: 1;}
	.voice_index .box:first-child .text{color:#c2584a;font-size:34px; line-height: 50px; top:50px; left:70px; letter-spacing: 2px; }
	.voice_index img{position:absolute;  top:-5px; right:0;width:90%;height: 113%;}
	.voice_index .box:first-child img{width:95%;}
	.voice_index .icon{bottom:8px; left:8px;}
	.voice_index .icon span{ margin-left: 7px; margin-top:8px;}
}
@media screen and (max-width: 640px){ /*SP*/
	.voice_index{ margin:-40px 0 20px 0;}
	.voice_index .inner{ padding:0px 0 60px; overflow: hidden;}
	.voice_index h4{width: 280px; font-size:17px; line-height:23px; margin: 00px auto 10px; padding:10px 0 10px 0; background-size:100%;}
	#slslide03{width:300px; margin: 0 auto;}
	.voice_index a{height: 230px;}
	.voice_index .text{position:absolute; top:20px; left:35px; font-size: 18px; line-height: 28px; z-index: 1;}
	.voice_index img{position:absolute;  top:-5px; right:0;width:120%;}
	.voice_index .icon{bottom:8px; left:8px;  }
	.voice_index .icon span{ margin-left: 7px; margin-top:8px;}
	.voice_index .slick-initialized {position: relative;}
	.voice_index .slick-prev, .voice_index .slick-next{ width: 6vmin; height: 6vmin;}
	.voice_index .slick-prev{ position:absolute;left:-3vmin; z-index: 10;}
	.voice_index .slick-next{position:absolute;left:calc(100% - 3vmin);}
	.voice_index .slick-dots { top: calc(100% + 2vmin); }
	.voice_index .slick-dots li button:before{ font-size: 12px;}
	.voice_index .slick-prev:before, .voice_index .slick-next:before{color: #838075}
}