/* pc sp共通 */

/* program_femaledc */
body#recruit-faq h1.title-level01{
	letter-spacing: 2px;
}
.qa_area dt{
	display: flex;
	margin-bottom: 25px;
}
.qa_area dt .q-tab{
	font-family: 'Optima', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size: 150%; /* 24px */
	color: #fff;
	line-height: 24px;
	display: inline-block;
	width: 65px;
	padding: 10px 0;
	margin-top: -5px;
	margin-right: 15px;
	border-radius: 25px;
	background-color: #1e2864;
	align-self: flex-start;
	text-align: center;
}
.qa_area dt .q-text {
	font-size: 112.5%;
	font-weight: bold;
	color: #1e2864;
	margin-bottom: 0;
	flex: 1;
}
.qa_area dd{
	margin-bottom: 80px;
}
.qa_area dd .a-text{
	position: relative;
	padding-left: 80px;
}
.qa_area dd .a-text::before{
	content: 'A';
	font-family: 'Optima', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size: 150%; /* 24px */
	color: #fff;
	line-height: 24px;
	display: inline-block;
	width: 65px;
	padding: 10px 0;
	border-radius: 25px;
	margin-right: 15px;
	background-color: #52a5bb;
	text-align: center;
	position: absolute;
	top: -6px;
	left: 0;
}


@media print, all and (min-width: 641px) {
    
	body.recruit #title{
		background-image: url(../images/recruit/title-bg.jpg);
	}
	
	/* INDEX */
	.greeting_rec-wrapper > .inner-wrapper > .titles{
		margin-bottom: 70px;
	}
	.greeting_rec-box{
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		background-color: #DCEDF1;
	}
	.greeting_rec-box > .image-box{
		width: 43.4375%; /* 556px */
		width: calc( 50% - 87px );
		width: -webkit-calc( 50% - 87px );
		display: flex;
		align-content: stretch;
		order: 2;
	}
	.greeting_rec-box > .image-box .image{
		margin-bottom: 0;
		line-height: 0;
	}
	.greeting_rec-box > .image-box .image img{
		width: 100%;
		height: auto;
	}
	.greeting_rec-box > .text-box{
		display: flex;
		flex: 1;
		justify-content: flex-end;
		order: 1;
	}
	.greeting_rec-box > .text-box .inner-box{
		width: 560px;
		text-align: left;
	}
	.greeting_rec-box > .text-box .inner-box02{
		display: inline-block;
	}
	.greeting_rec-box > .text-box .message_text{
		margin-bottom: 15px;
		font-size: 150%; /* 24px */
		font-family: 'Noto Sans JP';
		font-weight: bold;
		line-height: 2.5;
		text-align: center;
	}
	.greeting_rec-box > .text-box .name_text{
		font-family: 'Noto Sans JP';
		text-align: center;
	}
	.greeting_rec-box > .text-box .name_text .status,
	.greeting_rec-box > .text-box .name_text .name,
	.greeting_rec-box > .text-box .name_text .en{
		display: inline-block;
		vertical-align: baseline;
		margin-right: 20px;
	}
	.greeting_rec-box > .text-box .name_text .name{
		font-size: 150%; /* 24px */
	}
	.greeting_rec-box > .text-box .name_text .en{
		margin-right: 0;
		color: #52A5BB;
	}
	
	
	/* CAREERPATH */
	.careerpath-box .tables table{
		margin-right: auto;
		margin-left: auto;
	}

	/* voice */
	h3.vo03_title{
		font-size: 150%;
		color: #52a5bb;
		font-weight: bold;
    }
    h3.vo_age{
        font-family: 'Noto Sans JP';
        font-size: 187.5%;
        font-weight: bold;
        letter-spacing: 0.05em;
        margin-bottom: 40px;
    }
    .vo_catchvi {
        display: flex;
		flex-wrap: wrap;
    }
    .vo_catchvi .left-box{
        width: 375px;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
    }
    .vo_catchvi .right-box{
        flex: 1;
        background-color: #dcedf1;
        padding: 45px 50px 35px;
		box-sizing: border-box;
		max-width: 960px;
		width: 100%;
    }
	.right-box.type02{
		flex: none;
	}
    .vo_catchvi .vo03_title.voptl{
        margin-bottom: 30px;
    }
    .vo_catchvi .right-box .prof-box{
        display: flex;
    }
	.vo_catchvi .right-box .maprof-box{
		max-width: 170px;
	}
    .vo_catchvi .right-box .prof-box .prpost{
        margin-bottom: 5px;
    }
    .vo_catchvi .right-box .prof-box .name{
        font-family: 'Noto Sans JP';
        font-size: 112.5%;
		margin-bottom: 0;
		line-height: 1.6;
    }
    .vo_catchvi .right-box .prof-box .eng{
		font-family: 'Marcellus';
        font-size: 112.5%;
        color: #52a5bb;
		line-height: 1.6;
    }
    .vo_catchvi .right-box .grad-box{
        flex: 1;
        margin-left: 50px;
    }
    .vo_catchvi .right-box .grad-box .grad_list dt{
        font-weight: bold;
        float: left;
    }
    .vo_catchvi .right-box .grad-box .grad_list dd{
        padding-left: 85px;
    }
    .adv-box{
        border: 1px solid #52a5bb;
        padding: 60px 40px 30px;
        position: relative;
    }
    .adv-box .adv_til{
        background-color: #52a5bb;
        color: #fff;
        font-weight: bold;
        font-size: 150%;
        padding: 5px 42px;
        position: absolute;
        top: -20px;
        left: -1px;
    }


	/* 留学記 */
	.abd-content .abd_til{
		font-family: 'Noto Sans JP';
		font-size: 162.5%;
		font-weight: bold;
		color: #52a5bb;
		display: flex;
		align-items: center;
		margin-bottom: 20px;
	}
	.abd-content .abd_til::after{
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background-color: #52a5bb;
		flex: 1;
		margin-left: 20px;
	}
	.abd-content .abd_info dt{
		font-weight: bold;
		float: left;
	}
	.abd-content .abd_info dd{
		padding-left: 170px;
	}
	.abd-content .abd_info .name_tl .adj_ls{
		display: inline-block;
		letter-spacing: 1em;
		margin-right: -1em;
	}

	/* 220721 */

                       
}

@media only screen and (max-width: 640px) {
    
	body.recruit #title{
		background-image: url(../images/recruit/title-bg.jpg);
	}
	
	/* INDEX */
	.greeting_rec-wrapper > .inner-wrapper > .titles{
		margin-bottom: 40px;
	}
	.greeting_rec-box{
		background-color: #DCEDF1;
	}
	.greeting_rec-box > .image-box{
	}
	.greeting_rec-box > .image-box .image{
		margin-bottom: 0;
		line-height: 0;
	}
	.greeting_rec-box > .image-box .image img{
		width: 100%;
		height: auto;
	}
	.greeting_rec-box > .text-box{
		padding: 20px 25px;
	}
	.greeting_rec-box > .text-box .inner-box{
	}
	.greeting_rec-box > .text-box .message_text{
		margin-bottom: 25px;
		font-size: 125%; /* 20px */
		font-family: 'Noto Sans JP';
		font-weight: bold;
		line-height: 2.0;
		text-align: center;
	}
	.greeting_rec-box > .text-box .name_text{
		font-family: 'Noto Sans JP';
		text-align: center;
	}
	.greeting_rec-box > .text-box .name_text .status,
	.greeting_rec-box > .text-box .name_text .name,
	.greeting_rec-box > .text-box .name_text .en{
		display: inline-block;
		vertical-align: baseline;
	}
	.greeting_rec-box > .text-box .name_text .name{
		font-size: 150%; /* 24px */
	}
	.greeting_rec-box > .text-box .name_text .en{
		margin-right: 0;
		color: #52A5BB;
	}

	/* voice */
	h3.vo03_title{
		font-size: 137.5%;
		color: #52a5bb;
		font-weight: bold;
	}
	h3.vo_age{
		font-family: 'Noto Sans JP';
		font-size: 162.5%;
		font-weight: bold;
		letter-spacing: 0.05em;
		margin-bottom: 30px;
	}
	.vo_catchvi .right-box .grad-box .grad_list dt{
		font-weight: bold;
		float: left;
	}
	.vo_catchvi .right-box .grad-box .grad_list dd{
		padding-left: 85px;
	}
	.vo_catchvi .left-box{
		padding-top: 74.666%;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.vo_catchvi .right-box{
		background-color: #dcedf1;
		padding: 20px 15px;
	}
	.vo_catchvi .vo03_title.voptl{
		margin-bottom: 20px;
	}
	.vo_catchvi .right-box .prof-box .prpost{
		margin-bottom: 0;
	}
	.vo_catchvi .right-box .prof-box{
		margin-bottom: 5px;
	}
	.vo_catchvi .right-box .prof-box .name{
		font-family: 'Noto Sans JP';
		font-size: 112.5%;
		margin-right: 20px;
	}
	.vo_catchvi .right-box .prof-box .eng{
		font-family: 'Marcellus';
		font-size: 112.5%;
		color: #52a5bb;
	}


	.vo_catchvi .right-box .grad-box .grad_list{
		margin-bottom: 0;
	}

	.adv-box{
		border: 1px solid #52a5bb;
	}
	.adv-box .adv_til{
		background-color: #52a5bb;
		color: #fff;
		font-weight: bold;
		font-size: 137.5%;
		padding: 2px 17px;
		margin-bottom: 0;
	}
	.adv-box .adv-subbox{
		padding: 15px 17px 15px;		
		margin-bottom: 0;
	}


	/* 留学記 */
	.abd-content .abd_til{
		font-family: 'Noto Sans JP';
		font-size: 137.5%;
		font-weight: bold;
		color: #52a5bb;
		display: flex;
		align-items: center;
		margin-bottom: 20px;
	}
	.abd-content .abd_til::after{
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background-color: #52a5bb;
		flex: 1;
		margin-left: 20px;
	}
	.abd-content .abd_info dt{
		font-weight: bold;
	}
	.abd-content .abd_info dd{
		margin-bottom: 5px;
	}
	.abd-content .abd_info .name_tl .adj_ls{
		display: inline-block;
		letter-spacing: 1em;
		margin-right: -1em;
	}
}