@charset "UTF-8";

/* ------------ 先輩の声 ------------- */
.sec-voice{padding:0 0 80px;}
.sec-voice .cont-in{max-width: 1000px;}
.voice-catch{
    font-size:36px;
    font-weight: 700;
    margin-bottom:30px
}
.voice-catch span{color:#e82727;}
.voice-image{}
.voice-sign{
    margin: 100px 0 0;
    padding-bottom: 20px;
    border-bottom:1px solid #e82727;
    font-weight: 700;
}
.voice-position{
    font-size:20px;
    color:#95999c;
}
.voice-name{font-size:26px;}
.voice-con{ margin-top:40px;}

.voice-con-in{
	margin: 0 auto 40px;
    display: flex;
    justify-content: space-between;
	align-items: flex-end;
}

.voice-txt-wrap {
	width: 80%;
	margin: 0 auto 40px 0;
    padding: 50px;
	background: #f5f7f8;
}
.voice-txt-wrap.is-reverse {
	margin: 0 0 40px auto;
}
.voice-con-in .voice-txt-wrap {
	width: 65%;
}
.voice-con-image {
	width: 38%;
	margin-left: -3%;
}


.voive-q-txt {
	padding-left: 40px;
	margin-bottom: 30px;
    font-size:20px;
	position: relative;
}
.voive-a-txt {
	padding-left: 40px;
    font-size:18px;
	position: relative;
	line-height: 1.8;
}
.voive-q-txt span, 
.voive-a-txt span {
	margin-right: 10px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size:34px;
    font-weight: 500;
    color:#df3b21;
	line-height: 1;
	position: absolute;
	top: 0;
	left: 0;
}

.voice-con.bottom .u-ttl-line{
    display: flex;
    justify-content: flex-end;
} 

@media (max-width: 768px) {
    .sec-voice{padding:0 0 10vw;}
    .voice-catch{
        font-size:5vw;
        margin-bottom:3vw;
    }
    .voice-sign{
        margin:10vw 0 0;
        padding-bottom:3vw;
        line-height: 1.5;
    }
    .voice-position{font-size: 3.4vw;}
    .voice-name{font-size: 4.5vw;}
    .voice-con{margin-top:6vw;}
    .voice-con.top .voice-con-in{flex-direction: column-reverse;}
	
	.voice-txt-wrap {
		width: 100%;
		margin: 0 auto 6vw;
		padding: 4vw;
	}
	.voice-txt-wrap.is-reverse {
		margin: 0 auto 6vw;
	}
	.voice-con-in{
		margin: 0 auto 6vw;
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		flex-wrap: wrap;
	}

	.voice-con-in .voice-txt-wrap {
		width: 100%;
	}
	.voice-con-image {
		width: 100%;
		margin-left: 0;
	}
}

/* ------------ 1日の流れ  ------------- */
.sec-schedule{
    background: #f5f7f8;
    padding:80px 0;
}
.sec-schedule .cont-in{max-width: 1000px;}
.sec-schedule h3{
    text-align: center;
    font-size:40px;
    font-weight: 700;
}
.schedule-con{
    margin-top:50px;
}
.schedule-time{
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-size:40px;
    font-weight: 500;
    color:#e82727;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom:20px;
}
.schedule-time::after{
    content:'';
    border-top:1px solid #d6dadc;
    width:100%;
}
.schedule-time:after {
    margin-left: 1em; 
}
.schedule-con-in{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.schedule-con-txt{
    width:calc(60% - 40px);
}
.schedule-con-txt p:not(.schedule-con-ttl)+p{margin-top:30px;}
.schedule-con-ttl{
    font-size:26px;
    font-weight: 700;
    margin-bottom:10px;
}
.schedule-con-image{ width:40%;}

@media (max-width: 768px) {
    .sec-schedule{padding:10vw 0;}
    .sec-schedule h3{font-size:6.7vw;}
    .schedule-con{ margin-top:5vw;}
    .schedule-time{
        font-size:5vw;
        margin-bottom:0;
    }
    .schedule-time:after {margin-left: 0.5em;}
    .schedule-con-txt{width:100%;}
    .schedule-con-txt p:not(.schedule-con-ttl)+p{margin-top:3vw;}
    .schedule-con-ttl{
        font-size:4vw;
        margin-bottom:2vw;
    }
    .schedule-con-image{ 
        width:100%;
        margin-top:3vw;
    }
}


/*----------　他のインタビュー ----------*/
.sec-voice-s{padding:80px 0;}
.voice-s-con{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.voice-s-box{
    display: block;
    width:calc((100% - 10px*3)/4);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    box-shadow: 0 0 15px rgba(205,169,173,0.8);
}
@media (min-width: 768px) {
    .voice-s-box:hover{transform: scale(1.05);}
}
.voice-s-image{}
.voice-s-txt{
    padding:20px;
    font-weight: bold;
    line-height: 1.5;
}
.voice-s-position{ color:#95999c;}
.voice-s-name{font-size:24px;}

@media (max-width: 768px) {
    .sec-voice-s{padding:10vw 0;}
    .voice-s-box{width:100%;}
    .voice-s-box+.voice-s-box{margin-top:5vw;}
    .voice-s-image{}
    .voice-s-txt{
        padding:4vw;
        font-weight: bold;
        line-height: 1.5;
    }
    .voice-s-name{font-size: 4vw;
    }
}