/* PC SP 共通 */
body.recruit #title{
    background-image: url(../images/recruit/title-bg.jpg);
}

/* INDEX */
body#recruit-index #recruit-message{
    overflow: hidden;
}
body#recruit-index .message_rec-headbox{
	display: flex;
	justify-content: center;
	margin: 0 auto 55px;
}
body#recruit-index .message_rec-headbox > .inner-box{
    position: relative;
}
body#recruit-index .message_rec-headbox .image{
    margin-bottom: 0;
    line-height: 0;
}
body#recruit-index .message_rec-headbox .text-box{
	position: absolute;
	bottom: 15px;
	left: 30px;
}
body#recruit-index .message_rec-headbox .text-box .label_en{
	margin-bottom: 5px;
    color: #ffffff;
    font-size: 287.5%; /* 46px */
    font-family: "Sorts Mill Goudy", serif;
    line-height: 1.2;
	letter-spacing: -0.025em;
}
body#recruit-index .message_rec-headbox .text-box .nametext{
    margin-bottom: 0;
    color: #ffffff;
}

body#recruit-index .message_rec-imagebox{
    position: relative;
}
body#recruit-index .message_rec-imagebox .image{
    line-height: 0;
    position: relative;
}
body#recruit-index .message_rec-imagebox .image.image01{
    max-width: calc( 330 / 1280 * 100% );
    margin-left: calc( 230 / 1280 * 100% );
    margin-bottom: calc( -160 / 1280 * 100% );
    z-index: 5;
}
body#recruit-index .message_rec-imagebox .image.image02{
    max-width: calc( 600 / 1280 * 100% );
    margin-left: calc( 680 / 1280 * 100% );
    margin-bottom: calc( -115 / 1280 * 100% );
    z-index: 4;
}
body#recruit-index .message_rec-imagebox .image.image03{
    max-width: calc( 630 / 1280 * 100% );
    margin-bottom: calc( -290 / 1280 * 100% );
    z-index: 3;
}
body#recruit-index .message_rec-imagebox .image.image04{
    max-width: calc( 360 / 1280 * 100% );
    margin-bottom: calc( 20 / 1280 * 100% );
    margin-left: calc( 850 / 1280 * 100% );
    z-index: 1;
}
body#recruit-index .message_rec-imagebox .image.image05{
    max-width: calc( 340 / 1280 * 100% );
    margin-bottom: 0;
    margin-left: calc( 670 / 1280 * 100% );
    z-index: 2;
}
body#recruit-index .message_rec-imagebox .text{
    max-width: calc( 418 / 1280 * 100% );
    margin-top: calc( 268 / 1280 * 100% );
    line-height: 0;
    position: absolute;
    top: 0;
    left: calc( 160 / 1280 * 100% );
    z-index: 6;
}
body#recruit-index .message_rec-imagebox .contrast-illust{
    max-width: calc( 548 / 1280 * 100% );
    line-height: 0;
    margin-top: calc( 90 / 1280 * 100% );
    position: absolute;
    top: 0;
    left: calc( 312 / 1280 * 100% );
    z-index: 0;
}

/* PROGRAM */
body#recruit-program .system_p-subbox{
    margin-bottom: 30px;
}
body#recruit-program .license_rec-box .list .omittext{
    display: inline-block;
}

/* ROUTINE */
body#recruit-routine .routine-box{
	background-color: #e7faf8;
}
body#recruit-routine .routine-box.pat02{
	background-color: #eaf7fc;
}
body#recruit-routine .routine-box:not(:last-child){
	margin-bottom: 5px;
}
body#recruit-routine .routine-box .title-routine{
	margin-bottom: 25px;
    color: #ffffff;
    font-size: 137.5%; /* 22px */
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", 'Noto Sans JP', sans-serif;
    font-weight: bold;
    line-height: 1.5;
	text-align: center;
}
body#recruit-routine .routine-box .title-routine .inner{
	display: inline-block;
	min-width: 220px;
	padding: 8px 35px;
	background-color: #0cc9bc;
	position: relative;
	border-radius: 25px;
	box-sizing: border-box;
	z-index: 0;
}
body#recruit-routine .routine-box.pat02 .title-routine .inner{
	background-color: #30ade0;
}
body#recruit-routine .routine-box .title-routine .inner:before{
	content: "";
	position: absolute;
	top: 3px;
	right: 3px;
	bottom: 3px;
	left: 3px;
	margin: auto;
	z-index: -1;
	border: 1px solid #ffffff;
	border-radius: 22px;
}
body#recruit-routine .routine-list{
	margin-bottom: 0;
	padding-bottom: 80px;
	position: relative;
}
body#recruit-routine .routine-list:not(:last-child){
	margin-bottom: 80px;
}
body#recruit-routine .routine-list:before,
body#recruit-routine .routine-list:after{
	content: "";
	display: block;
	width: 42px;
	height: 23px;
	background-image: url("../images/recruit/routine/pat01-arrow.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
}
body#recruit-routine .routine-list:before{
	bottom: 40px;
}
body#recruit-routine .routine-list:after{
	bottom: 0;
}
body#recruit-routine .routine-box.pat02 .routine-list:before,
body#recruit-routine .routine-box.pat02 .routine-list:after{
	background-image: url("../images/recruit/routine/pat02-arrow.png");
}
body#recruit-routine .routine-list > li{
	padding: 28px 0 40px;
	position: relative;
}
body#recruit-routine .routine-list > li .time{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 90px;
	height: 90px;
	color: #ffffff;
    font-size: 175%; /* 28px */
    font-family: "Sorts Mill Goudy", serif;
	line-height: 1.0;
	text-align: center;
	position: absolute;
	top: 0;
	left: 50%;
	margin-right: -50%;
	transform: translateX(-50%);
	border: 2px solid #0cc9bc;
	border-radius: 50%;
	box-sizing: border-box;
	z-index: 0;
}
body#recruit-routine .routine-list > li .time:before{
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	right: 3px;
	bottom: 3px;
	left: 3px;
	margin: auto;
	background-color: #0cc9bc;
	border-radius: 50%;
	z-index: -1;
}
body#recruit-routine .routine-box.pat02 .routine-list > li .time{
	border-color: #30ade0;
}
body#recruit-routine .routine-box.pat02 .routine-list > li .time:before{
	background-color: #30ade0;
}
body#recruit-routine .routine-list > li:before{
	content: "";
	display: block;
	width: 2px;
	background-color: #0cc9bc;
	position: absolute;
	top: 90px;
	right: 0;
	bottom: 1px;
	left: 0;
	margin: auto;
}
body#recruit-routine .routine-box.pat02 .routine-list > li:before{
	background-color: #30ade0;
}
body#recruit-routine .routine-list > li:after{
	content: "";
	display: block;
	width: 42px;
	height: 23px;
	background-image: url("../images/recruit/routine/pat01-arrow.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
body#recruit-routine .routine-box.pat02 .routine-list > li:after{
	background-image: url("../images/recruit/routine/pat02-arrow.png");
}
body#recruit-routine .routine-list > li .titles{
	color: #0cc9bc;
}
body#recruit-routine .routine-box.pat02 .routine-list > li .titles{
	color: #30ade0;
}
body#recruit-routine .routine-list > li .image{
	margin-bottom: 0;
	line-height: 0;
	text-align: center;
}

/* VOICE */
body#recruit-voice .voice-headbox{
    margin-bottom: 45px;
}
body#recruit-voice .voice-headbox .image{
    margin-bottom: 0;
    line-height: 0;
}
body#recruit-voice .voice-headbox .image img{
    width: 100%;
}
body#recruit-voice .voice-headbox .text-box{
    background-color: #e7faf8;
}
body#recruit-voice .voice-box:nth-child(even) .voice-headbox .text-box{
    background-color: #eaf7fc;
}
body#recruit-voice .voice-headbox .text-box .inner-box{
    padding: 50px 0 50px 60px;
    position: relative;
    z-index: 1;
}
body#recruit-voice .voice-headbox .text-box .titles{
	margin-bottom: 25px;
	color: #0cc9bc;
    font-size: 175%; /* 28px */
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", 'Noto Sans JP', sans-serif;
    font-weight: bold;
    line-height: 1.642857;
}
body#recruit-voice .voice-box:nth-child(even) .voice-headbox .text-box .titles{
	color: #30ade0;
}
body#recruit-voice .voice-headbox .text-box .name-box{
    margin-bottom: 0;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", 'Noto Sans JP', sans-serif;
    font-weight: bold;
    line-height: 1.5;
}
body#recruit-voice .voice-headbox .text-box .name-box .status,
body#recruit-voice .voice-headbox .text-box .name-box .nametext{
	margin-bottom: 0;
}
body#recruit-voice .voice-headbox .text-box .name-box .status{
    font-size: 112.5%; /* 18px */
}
body#recruit-voice .voice-headbox .text-box .name-box .name{
	display: inline-block;
	vertical-align: baseline;
    font-size: 162.5%; /* 26px */
}
body#recruit-voice .voice-headbox .text-box .name-box .enrollment{
	display: inline-block;
	vertical-align: baseline;
    font-size: 112.5%; /* 18px */
}
body#recruit-voice .comment-subbox{
    margin-bottom: 30px;
}
body#recruit-voice .voice-commentbox .subtitle{
	color: #0cc9bc;
}
body#recruit-voice .voice-box:nth-child(even) .voice-commentbox .subtitle{
	color: #30ade0;
}
body#recruit-voice .comment-messagebox{
	background-color: #e7faf8;
}
body#recruit-voice .voice-box:nth-child(even) .comment-messagebox{
	background-color: #eaf7fc;
}
body#recruit-voice .comment-messagebox .text{
	line-height: 1.5625;
}

@media print, all and (min-width: 751px) {
    
	/* PC */
	
	/* INDEX */ 
	body#recruit-index .message_rec-imagebox{
		width: 100%;
		min-width: 1220px;
		max-width: 1280px;
	}
	
	/* PROGRAM */
	body#recruit-program .license_rec-box{
		column-count: 2;
		column-gap: 40px;
	}
	body#recruit-program .abroad-box > .items{
		flex: 1;
	}
	
	/* ROUTINE */
	body#recruit-routine .routine-box{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	body#recruit-routine .routine-box.bc_hide{
		padding-top: 10px;
	}
	body#recruit-routine .routine-box.bc_hide .breadcrumb-box{
        margin-bottom: 60px;
	}
	body#recruit-routine .routine-list > li{
		display: flex;
		justify-content: space-between;
	}
	body#recruit-routine .routine-list > li:nth-child(even){
		flex-direction: row-reverse;
	}
	body#recruit-routine .routine-list > li .text-box,
	body#recruit-routine .routine-list > li .image-box{
		width: 410px;
	}
	
	/* VOICE */
	body#recruit-voice .voice-box{
		margin-bottom: 100px;
	}
	body#recruit-voice .voice-headbox{
		display: flex;
	}
	body#recruit-voice .voice-headbox .image-box,
	body#recruit-voice .voice-headbox .text-box{
		flex: 1;
	}
	body#recruit-voice .voice-headbox .image-box .image img{
        height: 395px;
        object-position: center top;
        object-fit: cover;
	}
	body#recruit-voice .voice-headbox .text-box{
		display: flex;
		align-items: flex-end;
	}
	body#recruit-voice .voice-headbox .text-box .inner-box{
		display: block;
		width: 480px;
		min-height: 285px;
		box-sizing: border-box;
	}
	body#recruit-voice .voice-commentbox.type_col{
		display: flex;
		flex-wrap: wrap;
		column-gap: 60px;
	}
	body#recruit-voice .voice-commentbox.type_col .comment-subbox{
		min-width: 380px;
		max-width: 520px;
	}
	body#recruit-voice .voice-commentbox.type_col .comment-messagebox{
		width: 100%;
	}
                       
}

@media only screen and (max-width: 750px) {
    
	/* SP */
	body.recruit #title{
		background-image: url(../images/recruit/title-bg_sp.jpg);
	}
	
	/* INDEX */
	body#recruit-index .message_rec-headbox{
        margin: 0 17.5px 25px;
    }
	body#recruit-index .message_rec-headbox .text-box{
		left: 15px;
	}
	body#recruit-index .message_rec-headbox .text-box .label_en{
        font-size: 187.5%; /* 30px */
    }
	body#recruit-index .message_rec-imagebox{
		display: flex;
		flex-direction: column;
        margin: 0 -20px;
    }
	body#recruit-index .message_rec-imagebox .image.sp-order02{
		order: 2;
		max-width: calc( 165 / 375 * 100% );
		margin-left: calc( 40 / 375 * 100% );
		margin-bottom: calc( -40 / 375 * 100% );
		z-index: 5;
    }
	body#recruit-index .message_rec-imagebox .image.sp-order03{
		order: 3;
		max-width: calc( 170 / 375 * 100% );
		margin-left: calc( 150 / 375 * 100% );
		margin-bottom: calc( 57.5 / 375 * 100% );
		z-index: 4;
    }
	body#recruit-index .message_rec-imagebox .image.sp-order04{
		order: 4;
		max-width: calc( 315 / 375 * 100% );
		right: 0;
		left: auto;
		margin-right: calc( -17.5 / 375 * 100% );
		margin-bottom: calc( -17.5 / 375 * 100% );
		margin-left: auto;
		z-index: 3;
    }
	body#recruit-index .message_rec-imagebox .image.sp-order05{
		order: 5;
		max-width: calc( 300 / 375 * 100% );
		margin-bottom: calc( -35 / 375 * 100% );
		margin-left: calc( -45 / 375 * 100% );
		z-index: 4;
    }
	body#recruit-index .message_rec-imagebox .image.sp-order06{
		order: 6;
		max-width: calc( 180 / 375 * 100% );
		right: 0;
		left: auto;
		margin-right: calc( -15 / 375 * 100% );
		z-index: 5;
    }
	body#recruit-index .message_rec-imagebox .text{
		max-width: calc( 210 / 375 * 100% );
		margin-top: calc( 196 / 375 * 100% );
		left: calc( 52 / 375 * 100% );
	}
	body#recruit-index .message_rec-imagebox .contrast-illust{
		max-width: calc( 274 / 375 * 100% );
		margin-top: calc( 98 / 375 * 100% );
		left: calc( 14 / 375 * 100% );
	}
    
    /* PROGRAM */
    body#recruit-program .system_p-subbox{
        margin-bottom: 40px;
    }
	
	/* ROUTINE */
	body#recruit-routine .routine-box .container-inner{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	body#recruit-routine .routine-box.bc_hide .container-inner{
		padding-top: 10px;
	}
	body#recruit-routine .routine-box.bc_hide .breadcrumb-box{
        margin-bottom: 40px;
	}
	body#recruit-routine .routine-box.contentb_hide .container-inner:not(:last-child){
        margin-bottom: 20px;
		padding-bottom: 0;
	}
	body#recruit-routine .routine-box .title-routine{
		margin-bottom: 20px;
		font-size: 125%; /* 20px */
	}
	body#recruit-routine .routine-list{
		margin-left: -10px;
		padding-bottom: 60px;
	}
	body#recruit-routine .routine-list:not(:last-child){
		margin-bottom: 50px;
	}
	body#recruit-routine .routine-list:before,
	body#recruit-routine .routine-list:after{
		width: 32px;
		height: 18px;
		right: auto;
		left: 19px;
	}
	body#recruit-routine .routine-list:before{
		bottom: 30px;
	}
	body#recruit-routine .routine-list > li{
		padding: 23px 0 30px 80px;
	}
	body#recruit-routine .routine-list > li .time{
		width: 70px;
		height: 70px;
		font-size: 137.5%; /* 22px */
		left: 0;
		margin-right: 0;
		transform: translateX(0);
	}
	body#recruit-routine .routine-list > li:before{
		top: 70px;
		right: auto;
		left: 34px;
	}
	body#recruit-routine .routine-list > li:after{
		width: 32px;
		height: 18px;
		right: auto;
		left: 19px;
	}
	body#recruit-routine .routine-list > li .text-box:not(:last-child),
	body#recruit-routine .routine-list > li .image-box:not(:last-child){
		margin-bottom: 15px;
	}
	
	/* VOICE */
	body#recruit-voice .voice-headbox{
		margin-bottom: 15px;
	}
	body#recruit-voice .voice-headbox .text-box .inner-box{
		padding: 20px 30px;
	}
	body#recruit-voice .voice-headbox .text-box .titles{
		margin-bottom: 15px;
		font-size: 137.5%; /* 22px */
	}
	body#recruit-voice .voice-headbox .text-box .name-box .status{
		font-size: 106.25%; /* 17px */
	}
	body#recruit-voice .voice-headbox .text-box .name-box .name{
		font-size: 150%; /* 24px */
	}
	body#recruit-voice .voice-headbox .text-box .name-box .enrollment{
		font-size: 106.25%; /* 17px */
	}
    body#recruit-voice .comment-subbox{
        margin-bottom: 25px;
    }
	body#recruit-voice .comment-messagebox{
		margin-right: 0;
		margin-left: 0;
		padding: 20px;
	}
    
}