@charset "utf-8";

.main_content h2 {
	margin-bottom: 30px;
}
.main_content h3 {
	border-bottom: none;
	margin-bottom: .2em;
	padding-left: 10px;

}
.list_figure {
	margin-bottom: 2em;
	
}
.list_figure:last-of-type {
	margin-bottom: 4em;
}

.list_figure figcaption {
	line-height: 2.5;
	background: #5088ab;
	color: white;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.5em;
	margin: 0;
}
.table_style_3col {
	display: flex;
	flex-wrap: wrap;
	border-left: 1px solid #ccc;
	margin-top: 0;
}
.table_style_3col li {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 33.33%;
	text-align: center;
	padding: 7px 10px;
	line-height: 1.5;
	margin: 0;
	/*display: flex;
    justify-content: center;
    align-items: center;*/
}



@media screen and (max-width: 600px) {
	
	/*.list_figure {
		margin-top: -15px;
	}*/
	
	.table_style_3col li {
		width: 50%;
	}
} /* end media query */



/*--------------------------------------------------------------
# 合格者の声
--------------------------------------------------------------*/


.student_voices h3 {
    margin-bottom: .5em;
}
.student_voices_list {
    margin-bottom: 3em;
}
.student_voice_item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 1.5em;
}
.student_voice_item:nth-child(even) {
    flex-direction: row-reverse;
}
.student_img {
    width: 15%;
    padding: 0 4%;
}
.student_quote {
    width: 75%;
    position: relative;
     /* display: inline-block;
      margin: 1.5em 0 1.5em 15px;*/
      padding: 1em 1.5em;
      /*min-width: 120px;
      max-width: 100%;*/
      /*color: #555;
      font-size: 16px;*/
      /*background: #FFF;*/
      border: solid 3px #c7e4e6;
      /*box-sizing: border-box;*/
    border-radius: 15px;

}
.student_quote::before {
    content: "";
    position: absolute;
    top: 55%;
    
    margin-top: -12px;
    border: 8px solid transparent;
    
    z-index: 2;
}
.student_quote::after {
    content: "";
    position: absolute;
    top: 55%;
    
    margin-top: -14px;
    border: 10px solid transparent;
    
    z-index: 1;
}

.student_voice_item:nth-child(odd) .student_quote::before {
    left: -21px;
    border-right: 18px solid #FFF;
}
.student_voice_item:nth-child(odd) .student_quote::after {
    left: -30px;
    border-right: 20px solid #c7e4e6;
}
.student_voice_item:nth-child(even) .student_quote::before {
    right: -21px;
    border-left: 18px solid #FFF;
}
.student_voice_item:nth-child(even) .student_quote::after {
    right: -30px;
    border-left: 20px solid #c7e4e6;
}

@media screen and (max-width: 480px) {
    
    .student_img {
        width: 20%;
    }
    .student_quote {
        width: 80%;
    }
	
} /* end media query */


/*--------------------------------------------------------------
# 合格実績-ディレクトリ化（22/09)
--------------------------------------------------------------*/

/*--------------------------- common item ----------------------------*/

/*---- success menu */

.success_menu {
    display: flex;
    justify-content: space-between;
}
.success_menu_item {
    width: 31%;
}
.success_menu_item > a {
    display: block;
    text-decoration: none;
    color: inherit;
}
.success_menu h2 {
    font-size: 1.6rem;
    font-weight: bold;
    border-bottom: none;
    text-align: center;
    padding: 0;
    margin-bottom: .3em;
}
.success_menu_img {
    width: 100%;
    height: 120px;
    object-fit: cover;
}

@media screen and (max-width: 600px) {
    .success_menu {
        display: block;
    }
    .success_menu_item {
        width: 100%;
        max-width: 450px;
        margin: 0 auto 1.5em;
    }
    .success_menu_item > a {
        display: flex;
    }
    .success_menu_img {
        width: 20%;
        height: auto;
        object-fit: cover;
    }
} /* end media query */



/*--------------------------------------------------------------
# student interview
--------------------------------------------------------------*/

.interview_list {
    border-top: 3px solid #bbb;
    border-bottom: 3px solid #bbb;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    padding: .5em
}
.interview_list_item {
    border-bottom: 1px dotted #999;
}
.interview_list_item:last-child {
    border-bottom: none;
}
.interview_list_item > a {
    display: block;
    text-decoration: none;
    /*color: inherit;*/
    padding: .4em .5em;
    
}
.interview_list_item > a:hover {
    background: #eef7f7;
}
.interview_summary {
    display: flex;
    align-items: center;
}
.interviewee_figure {
    width: 60px;
}
.interviewee_figure img {
    border-radius: 8px;
    box-shadow: 1px 1px 3px rgba(0,0,0,.2);
}
.interview_index {
    font-size: 1.8rem;
    line-height: 1.4;
    padding-left: 1em;
    width: calc(100% - 60px);
}
.interview_index small {
    display: block;
    font-weight: bold;
}
.interview_index small strong {
    color: #CD0006;
    margin-right: .5em;
}

.interview_article {
    padding: 0 20px;
}

.interview_inner {
    width: 100%;
    border: 4px solid #2f99a2;
    border-radius: 15px;
    padding: 2em;
    margin-bottom: 1em;
}
.interview_article .interview_title {
    border-bottom: 1px dotted gray;
    margin-bottom: 1.5em;
    display: flex;
    align-items: center;
    
}

.graduate_year {
    font-size: 15px;
    line-height: 1;
    font-weight: bold;
    color: #CD0006;
    margin-bottom: 0;
    background: url("../img/mdl_interview_icon_pass.png") no-repeat center 1em;
    background-size: 50px;
    width: 75px;
    height: 70px;
    
}
.interview_title h3 {
    width: calc(100% - 75px);
}
.interview_article .interview_title small {
    font-size: 65%;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}
/*.interview_article .lead p {
    font-size: 110%;
    text-align: center;
    font-weight: bold;
}*/
.interview_lead {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.interview_lead .text_box {
    width: 66%;
}
.interview_lead figure {
    width: 30%;
}
.interview_lead p {
    font-size: 110%;
    font-weight: bold;
}

.interview_article .mv img {
    border-radius: 15px;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.15);
}
.interview_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}
.interview_question {
    border-top: 1px dotted gray;
    padding-top: 2em;
	margin-bottom: 1em;
}
.interview_answer {
    flex-direction: row-reverse;
	margin-bottom: 2em;
}
.interview_icon {
    width: 130px;
    display: flex;
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
    color: #2f99a2;
}
.interview_icon img {
    border-radius: 8px;
    /*box-shadow: 1px 1px 3px rgba(0,0,0,0.2);*/
}
.interview_contents {
    width: calc(100% - 160px);
}
.interviewer::before {
    content: 'Q';
    display: block;
    font-size: 40px;
    font-weight: bold;
    color: gray;
    margin-right: .5em;
}
.interviewer::before {
    content: 'Q';
    display: block;
    font-size: 40px;
    color: #9dc6e0;
    font-weight: bold;
    margin-right: .5em;
    line-height: 1;
    margin-top: .5em;
}
.interviewee::after {
    content: 'A';
    display: block;
    font-size: 40px;
    color: #fcd66f;
    font-weight: bold;
    margin-left: .5em;
    line-height: 1;
    margin-top: .5em;
}
.interview_question > dd {
    font-size: 115%;
    font-weight: bold;
    color: #2f99a2;
    padding-right: 3em;
}
.interview_answer > dd {
    padding-left: 4em;
}

.interview_comments {
    background: #e3f7f7;
    padding: 4em 3em 2em;
    border-radius: 15px;
    position: relative;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.15);
}
.interview_comments .title {
    margin-top: 0;
    margin-bottom: .5em;
    font-weight: bold;
    display: inline-block;
    background: #1eb2c3;
    color: #fff;
    font-size: 1.6rem;
    padding: 10px 15px 5px;
    position: absolute;
    top: -5px;
    border-radius: 0 0 5px 5px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
.interview_comments figure {
    width: 40%;
	float: right;
	margin-left: 1em;
}
.interview_comments img {
    border-radius: 10px;
}

.back_to_btn {
    text-align: right;
}
.back_to_btn a:link {
    padding: 8px 15px
}
.back_to_btn a::before {
    font-family: "Font Awesome 5 Free";
	content: "\f139";
	margin-right: 0.2em;
	font-weight: 900;
}

@media screen and (max-width: 600px) {
	.interview_lead {
        flex-direction: column-reverse;
        justify-content: space-between;
        align-items: center;
    }
    .interview_lead .text_box {
        width: 100%;
    }
    .interview_lead figure {
        width: 80%;
        max-width: 300px;
        margin-bottom: 2em;
    }

    .interview_inner {
        padding: 1.5em 1em;
    }
    .interview_icon {
        width: 110px;
    }
    .interviewer::before {
        margin-right: 0.2em;
    }
    .interviewee::after {
        margin-left: 0.2em;
    }
    .interview_contents {
        width: calc(100% - 125px);
    }
    .interview_question > dd {
        padding-right: 0em;
        font-size: 110%;
    }
    .interview_answer {
        display: block;
    }
    .interviewee {
        float: right;  
        margin-top: -0.6em;
        margin-left: 1em;
    }
    .interview_answer > dd {
        padding-left: 0;
        width: 100%;
    }
    .interview_comments {
        padding: 4em 1em 1em;
    }

    .interview_comments .title {
        font-size: 1.5rem;
        left: 1.5em;
    }
    .interview_comments figure {
		width: 80%;
		max-width: 300px;
		float: none;
		margin:0 auto 1em;


	}
    
	
} /* end media query */