@charset "utf-8";
.recruit_right h3,
.recruit_half h3{
	color:#333;
	border-bottom:solid 1px #ccceb4;
	padding-bottom:5px;
}
ul.list li{
    list-style: disc;
    margin: 0 0 0.5em 1.25em;
}

.human_comment_bg{
	background-image:url(../img/recruit/human_bg.png);
}

.human_comment_bg ul{
	background-color:#fff;
}

.staff-interview {
    clear: both;
    padding: 0 0 30px;
}

.staff-interview:after {
    content: '';
    display: block;
    clear: both;
}

.staff-interview h3 {
    font-size: 15px !important;
}

.staff-interview p {
    padding-top: 10px !important;
}

.staff-photo {
    font-size:13px;
    float: left;
    width: 120px;
}

.staff-voice {
    float: right;
    width: 465px;
}

.recruit_half img.day_title {
    clear: both;
    display: block;
    height: 52px;
    padding-top: 10px;
}

.recruit_half .time_schedule {
    display: flex;
    justify-content: space-between;
}

.recruit_half .time_schedule .time{
    flex: 0 1 50%;
    max-width: 210px;
    margin-top: 15px;
}

.recruit_half .time_schedule li:nth-of-type(2) {
    min-height: 150px;
}

.recruit_half .time_schedule img {
    margin-bottom: 15px; 
}

.recruit_half .time_schedule p {
    font-size: 12px;
    line-height: 1.5;
    padding: 0;
}

@media only screen and (min-width: 768px) {
	.recruit_sub_title{
		font-size:20px;
		margin:20px 0 10px 0;
		color:#000;
	}

	.recruit_title_area{
		margin-bottom:80px;
	}

	.recruit_title_area li:first-child{
		float:right;
	}

	.recruit_title_area li:last-child{
		float:left;
		padding-right:40px;
		line-height:2;
		width:500px;
	}

	.recruit_title_area li .banner_movie {
		margin-top:20px;
		text-align:center;
	}

	.recruit_title_area li .banner_movie a {
		opacity:1;
		transition:all 0.4s;
	}

	.recruit_title_area li .banner_movie a:hover {
		opacity:0.7;
	}

	.recruit_human li{
		display:inline-block;
		vertical-align:top;
	}

	.recruit_name{
		font-size:20px;
		line-height:1;
		float:left;
		padding:10px 0 0 20px;
	}

	.recruit_human_image{
		width:170px;
		margin-bottom:20px;
		float:left;
	}

	.recruit_name span{
		font-size:13px;
	}

	.recruit_left{
		float:left;
		width:335px;
	}

	.recruit_right{
		float:right;
		width:605px;
		padding-top:70px;
	}

	.recruit_right h3,
    .recruit_half h3{
		font-size:20px;
	}

	.recruit_right p,
    .recruit_half p{
		padding:25px 0 30px 0;
		line-height:1.8;
	}
    
	.recruit_half ul.list{
		padding:25px 0 30px 0;
	}

	.time{
		margin-top:35px;
	}

	.time li{
		display:inline-block;
		font-size:12px;
		line-height:1.5;
        vertical-align: top;
	}
    
    .time li img{
        display: block;
    }

	.layout01 li:first-child{
		width:145px;
		margin-right:15px;
	}

	.layout02 li:last-child{
		width:145px;
		margin-left:15px;
	}

	.recruit_bar{
		background-color:#ed7b26;
		position: relative;
		padding:10px 0;
		text-align:center;
		margin-top:75px;
		margin-bottom:40px;
	}
	.recruit_bar::after{
		border-style: solid;
		border-width: 20px 10px 0;
		border-color: #ed7b26 transparent transparent transparent;
		content: "";
		margin: auto;
		width: 0;
		height: 0;
		position: absolute;
		top: 48px;
		left: 0;
		right: 0;
	}

	.human_comment_bg{
		padding:25px;
	}

	.human_comment_bg ul li{
		display:inline-block;
		padding:25px;
		vertical-align:middle;
		font-size:20px;
	}

	.human_comment_bg ul li span{
		font-size:15px;
	}

	.human_comment_bg ul li p{
		font-size:15px;
	}

	.human_comment_bg ul li:last-child{
		width:650px;
	}

	.ritopa_btn01 a{
		background:url(../img/common/point02.png) center right no-repeat;
		padding-right:25px;
	}
    
    .recruit_half_wrapper {
        display: flex;
        justify-content: space-between;
    }
    
    .recruit_half {
        flex: 0 1 50%;
    }
    
    .recruit_half:nth-of-type(2n+1) {
        border-right: #333 dotted 1px;
        padding-right: 50px;
    }
    .recruit_half:nth-of-type(2n) {
        padding-left: 50px;
    }


}

@media only screen and (max-width: 767px) {
	.title{
		margin-top:20px;
	}
	.recruit_sub_title{
		font-size:18px;
		margin:10px 0;
		color:#000;
	}

	.sp_float{
		float:right;
		width:170px;
	}

	.recruit_name{
		font-size:14px;
	}

	.recruit_human_image img{
		width:150px;
	}

	.recruit_human_image{
		float:left;
        margin-right: 30px;
	}

	.recruit_comment{
		margin:15px 0;
		line-height:1.8;
		font-size:13px;
	}

	.recruit_title_area{
		margin-bottom:40px;
	}

	.recruit_title_area img{
		width:100%;
	}

	.recruit_right{
		padding-top:10px;
	}

	.recruit_right h3,
    .recruit_half h3{
		margin-bottom:10px;
		font-size:16px;
	}

	.recruit_right p,
    .recruit_half p{
		padding-bottom:20px;
		line-height:1.8;
		font-size:13px;
	}

	.recruit_left .day_title{
		width:100%;
		margin-bottom:20px;
		display:block;
	}

	.time li{
		display:inline-block;
		margin-bottom:30px;
	}

	.layout01 ,.layout02{
		text-align:center;
		font-size:13px;
	}

	.layout01 li ,.layout02 li{
		text-align:left;
		width:170px;
		vertical-align:top;
	}

	.layout01 li:first-child{
		width:140px;
		margin-right:15px;
	}

/*
	.layout01 li:first-child img{
		height:35px;
	}
*/

	.layout01 li:last-child img{
		width:100%;
	}

	.layout02 li:first-child img{
		width:100%;
	}

/*	.layout02 li:last-child img{
		height:35px;
	}*/

	.layout02 li:last-child{
		width:140px;
		margin-left:15px;
	}


	.recruit_bar{
		background-color:#ed7b26;
		position: relative;
		padding:10px 0;
		text-align:center;
		margin-top:15px;
		margin-bottom:40px;
	}
	.recruit_bar::after{
		border-style: solid;
		border-width: 10px 10px 0;
		border-color: #ed7b26 transparent transparent transparent;
		content: "";
		margin: auto;
		width: 0;
		height: 0;
		position: absolute;
		top: 38px;
		left: 0;
		right: 0;
	}

	.recruit_bar img{
		width:200px;
	}
	.human_comment_bg{
		padding:10px;
		margin-bottom:20px;
	}

	.human_comment_bg ul{
		padding:15px;
	}

	.human_comment_bg ul li:first-child img{
		width:140px;
	}

	.human_comment_bg ul li:first-child{
		float:left;
		width:150px;
	}

	.human_comment_bg ul li:last-child{
		font-size:15px;
	}

	.human_comment_bg ul li:last-child span{
		font-size:13px;
		display:block;
	}

	.human_comment_bg ul li:last-child p{
		font-size:13px;
		margin-top:15px;
	}

	.ritopa_btn01{
		background:url(../img/common/point02.png) center right no-repeat;
		padding-right:12px;
	}

	.btn01{
		width:100%;
	}
    
    .staff-voice {
        width: calc(100% - 140px)
    }
    
    .recruit_half {
        margin-bottom: 30px;
    }
    
    .recruit_half:nth-of-type(2n+1) {
        border-bottom: #333 dotted 1px;
    }
    
    .recruit_half .time_schedule {
        justify-content: flex-start;
    }
    
    .recruit_half .time_schedule .time:nth-of-type(2n+1){
        margin-right: 15px;
    }
    
    .recruit_half .time li{
        margin-bottom: 0; 
    }
}