#voices {
    width: 1280px;
    margin: 0 auto;
}

#voices .h2_title {
    margin-bottom: 55px;
    font-size: 36px;
    line-height: 6;
}

#voices h3 {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    padding: 20px 0;
    letter-spacing: .1em;
    line-height: 1.75;
}

#voices h3 span {
    font-size: 21px;
    padding: 3px 20px;
    border: 2px solid #fff;
    border-radius: 0.35em;
    margin-left: 0.5em;
    box-shadow: 0 0 8px #DDD;
    -moz-box-shadow: 0 0 8px #DDD;
    -webkit-box-shadow: 0 0 8px #DDD;
}

.deep_blue2 {
    background-color: #0F84E8;
}

.deep_blue2_txt {
    color: #0F84E8;
}

.green_blue_txt {
    color: #15B7CC;
}

.purple_txt {
    color: #7059D0;
}

.light_blue_txt {
    color: #18ADFC;
}

.green_blue {
    background-color: #15B7CC;
}

.light_blue {
    background-color: #18ADFC;
}

.purple {
    background-color: #7059D0;
}

.swiper-container {
    padding: 35px 0 250px;
}

#voice_page .swiper-slide {
    height: auto;
}

#voice_page .slider_content {
    display: flex;
    justify-content: space-between;
    color: #333;
    padding: 40px 20px;
    background-color: #fff;
    height: 100%;
}

#voice_page dt {
    width: 165px;
}

#voice_page .slider_name {
    position: relative;
    margin: 20px 0 0 0;
    display: flex;
    align-items: center;
	width: auto;
}

.name {
    width: 117px;
}

.name.n3 img {
    width: 82%;
}

.name.n4 img {
    width: 117.9%;
}

.name img {
    display: block;
}

#voice_page .name_before {
    width: 4px;
    height: 40px;
    background-color: #0F84E8;
    margin-right: 10px;
}

#voice_page .slider2 .name_before,
#voice_page .slider6 .name_before {
    background-color: #15B7CC;
}

#voice_page .slider3 .name_before {
    background-color: #18ADFC;
}

#voice_page .slider4 .name_before {
    background-color: #7059D0;
}

#voice_page .slider_content dd {
    font-size: 16px;
    line-height: 2;
    width: 390px;
    margin-left: 25px;
}

#voice_page .slider_content h4 {
    font-size: 21px;
    line-height: 1.8;
    font-weight: bold;
    margin-bottom: 30px;
}

.swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    background-color: #fff;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    width: 15px;
    height: 15px;
}

.slider1 .swiper-pagination-bullet-active,
.slider5 .swiper-pagination-bullet-active {
    background-color: #0F84E8;
}

.slider2 .swiper-pagination-bullet-active,
.slider6 .swiper-pagination-bullet-active {
    background-color: #15B7CC;
}

.slider3 .swiper-pagination-bullet-active {
    background-color: #18ADFC;
}

.slider4 .swiper-pagination-bullet-active {
    background-color: #7059D0;
}

#voices .swiper-button-prev,
#voices .swiper-button-next,
#voices .swiper-button-prev,
#voices .swiper-button-next {
    top: 70%;
}

#voices .slider1 .swiper-button-prev,
#voices .slider1 .swiper-button-next,
#voices .slider5 .swiper-button-prev,
#voices .slider5 .swiper-button-next {
    background-image: url(../image/slider_btn.png);
}

#voices .slider1 .swiper-button-prev:hover,
#voices .slider1 .swiper-button-next:hover,
#voices .slider5 .swiper-button-prev:hover,
#voices .slider5 .swiper-button-next:hover {
    background-image: url(../image/slider_btn_hover.png);
}

#voices .slider2 .swiper-button-prev,
#voices .slider2 .swiper-button-next,
#voices .slider6 .swiper-button-prev,
#voices .slider6 .swiper-button-next {
    background-image: url(../image/slider2_btn.png);
}

#voices .slider2 .swiper-button-prev:hover,
#voices .slider2 .swiper-button-next:hover,
#voices .slider6 .swiper-button-prev:hover,
#voices .slider6 .swiper-button-next:hover {
    background-image: url(../image/slider2_btn_hover.png);
}

#voices .slider3 .swiper-button-prev,
#voices .slider3 .swiper-button-next {
    background-image: url(../image/slider3_btn.png);
}

#voices .slider3 .swiper-button-prev:hover,
#voices .slider3 .swiper-button-next:hover {
    background-image: url(../image/slider3_btn_hover.png);
}

#voices .slider4 .swiper-button-prev,
#voices .slider4 .swiper-button-next {
    background-image: url(../image/slider4_btn.png);
}

#voices .slider4 .swiper-button-prev:hover,
#voices .slider4 .swiper-button-next:hover {
    background-image: url(../image/slider4_btn_hover.png);
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 25%;
}

.swiper-button-prev {
    left: 25%;
}

.swiper-button-next {
    right: 25%;
}

@media screen and (max-width: 768px) {
    #voices {
        width: 100%;
    }
    .header-ecs {
        overflow-x: hidden;
    }
    #voices .h2_title {
        margin-bottom: 14.02vw;
        font-size: 7.48vw;
        line-height: 4.5;
    }
    #voices h3 {
        font-size: 5.61vw;
        padding: 10.51vw 0;
        cursor: pointer;
        margin-top: 2.34vw;
    }
    #voices .swiper-container {
        padding: 0 0 4.67vw;
    }
    #voices .swiper-slide {
        margin-top: 4.67vw;
    }
    #voices .swiper-slide.mgt0 {
        margin-top: 0;
    }
    #voice_page .slider_content {
        display: block;
        padding: 9.35vw;
    }
    #voice_page .slider_photo {
        width: 38.55vw;
        margin: 0 auto;
    }
    #voice_page .slider_name {
        width: 38.55vw;
        margin: 5.14vw auto;
    }
    #voice_page .name_before {
        width: 1vw;
        height: 9.35vw;
    }
    #voice_page .slider_name span {
        font-size: 3.27vw;
    }
    #voice_page .slider_content dd {
        font-size: 3.74vw;
        width: 100%;
        margin-left: 0;
    }
    #voice_page .slider_content h4 {
        font-size: 4.91vw;
        margin-bottom: 7vw;
    }
    .swiper-pagination-bullet {
        display: none;
    }
    #voices .swiper-button-prev,
    #voices .swiper-button-next {
        display: none;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        display: none;
    }
    .swiper-wrapper {
        display: block;
    }
    .btn_plus {
        position: relative;
    }
    .btn_plus .i_box {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 50%;
        right: 5%;
        margin-top: -10px;
        box-sizing: border-box;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        transform-origin: center center;
        transition-duration: 0.2s;
    }
    .btn_plus .i_box .one_i {
        display: block;
        width: 18px;
        height: 18px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        transform-origin: center center;
        transition-duration: 0.2s;
        position: relative;
    }
    .btn_plus.open .i_box {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
    .btn_plus .i_box .one_i:before,
    .btn_plus .i_box .one_i:after {
        display: flex;
        content: '';
        background-color: #fff;
        border-radius: 10px;
        width: 18px;
        height: 2px;
        position: absolute;
        top: 8px;
        left: 0;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        transform-origin: center center;
    }
    .btn_plus .i_box .one_i:before {
        content: none;
    }
    .btn_plus .i_box .one_i:after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .btn_plus .i_box .one_i.blue:before,
    .btn_plus .i_box .one_i.blue:after {
        background-color: #136AB5;
    }
    .btn_plus .i_box .one_i:before {
        width: 2px;
        height: 18px;
        top: 0;
        left: 8px;
    }
    .btn_plus.open .i_box .one_i:before {
        display: flex;
        content: '';
        background-color: #fff;
        border-radius: 10px;
        width: 18px;
        height: 2px;
        position: absolute;
        top: 8px;
        left: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        transform-origin: center center;
    }
    .btn_plus.open .i_box .one_i:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #voices .swiper-container.slider1 {
        display: block;
    }
    .sphide {
        display: none;
    }
    .sphide.active {
        display: block;
    }
    #voices .more {
        color: #A9C1D0;
        margin-top: 0;
        margin-bottom: 2vw;
        background-color: #fff;
        padding-bottom: 5vw;
    }
    #voices .more::after {
        border-top: 2px solid #A9C1D0;
        border-right: 2px solid #A9C1D0;
        bottom: 25%;
    }
    #voice_page dt {
        width: 100%;
    }
}

@media screen and (min-width: 1281px) and (max-width: 1919px) {
    #voice_page .slider_content {
        padding: 40px 1.5vw;
    }
    #voice_page .slider_content dd {
        margin-left: 1.5vw;
    }
}
/*20250403 年度更新合格者の声合格までの流れ図追加対応分*/
.deep_blue_txt{
	color:#0F84E8;
}
#voice_page .slider_content.no_flex{
		display: block;
	}
	#voice_page dt.flex_box{
		width: auto;
		display: flex;
		justify-content: space-around;
	}
	.career_box{
		text-align: center;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 30px;
	}
	.subject_box{
		text-align: center;
    color: #fff;
    font-size: 16px;
    height: 100px;
		display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	}
	.deep_blue_bg{
		background: #0F84E8;
	}
	.arrow_down {
  display: block;
  width: 22px;
  height: 30px;
  clip-path: polygon(0 63.2%, 31% 63.2%, 31% 0, 69% 0, 69% 63.2%, 100% 63.2%, 50% 100%);
		margin: 10px auto;
}
	.passed_flow4 .arrow_down{
		width: 14.7px;
  height: 20px;
	margin: 5px auto;	
	}
	.deep_blue_arrow{
		background: #0F84E8;
	}
	.green_blue_arrow ,.green_blue_bg{
		background: #15B7CC;
	}
	.light_blue_arrow ,.light_blue_bg{
		background: #18ADFC;
	}
	.purple_arrow ,.purple_bg{
		background: #7059D0;
	}
	.subject_box p{
		line-height: 1.5;
	}
	#voice_page .slider_content.no_flex dd{
		margin: 20px auto 0;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
		bottom: 17%;
	}
	#voices .swiper-button-prev, #voices .swiper-button-next, #voices .swiper-button-prev, #voices .swiper-button-next{
		top: 80%;
	}
@media screen and (max-width: 768px){
		#voice_page dt.flex_box{
			flex-direction: column-reverse;
		}
}