.job_name_area {
	width:100%;}
.job_navi_area {
	margin-top:40px;}
.jobs {
	width:16.666%;
	font-size:16px;
	min-height:150px;
	display:inline-block;
	min-height:200px;
	border-right:1px solid #ccc;
	vertical-align:top;}
.jobs:last-child {
	border-right:0;
	vertical-align:top;}
.job-cra {
	border-bottom:5px solid #522685;
	color:#522685;}
.cra_color {color:#522685;}

.job-rsm {
	border-bottom:5px solid #522685;
	color:#522685;}
.rsm_color {color:#522685;}


.job-ctm {
	border-bottom:5px solid #0dc0dc;
	color:#0dc0dc;}
.ctm_color {color:#0dc0dc;}

.job-pa {
	border-bottom:5px solid #00812c;
	color:#00812c;}
.pa_color {color:#00812c;}

.job-cds {
	border-bottom:5px solid #1a2d57;
	color:#1a2d57;}
.cds_color {color:#1a2d57;}


.job-pvg {
	border-bottom:5px solid #d79403;
	color:#d79403;}
.pvg_color {color:#d79403;}


.job-others {
	border-bottom:5px solid #707275;
	color:#707275;}
.others_color {color:#707275;}


.job_ttl {
	text-align:center;
	font-size:40px;
	line-height:1.5;
	margin:40px auto 0px auto;}

.job_txt {
	text-align:center;
	font-size:16px;
	line-height:1.7;}

.jobs-navi {
	width:16.55%;
	margin-right:0.116%;
	font-size:20px;
	display:inline-block;
	box-sizing: border-box;
	vertical-align:bottom;
	border-radius:3px 3px 0 0;
	text-align:center;
	opacity:0.4;
	transition: 0.1s;}

.jobs-navi:last-child {
	margin-right:0;}

.job-cra-navi {
	border:2px solid #522685!important;
	color:#522685!important;
	}
.job-cra-navi.is-active:after {
    left: 0;
    background-color: #522685;}

.job-rsm-navi {
	border:2px solid #522685!important;
	color:#522685!important;
	}
.job-rsm-navi.is-active:after {
    left: 0;
    background-color: #522685;}



.job-ctm-navi {
	border:2px solid #0dc0dc!important;
	color:#0dc0dc!important;}
.job-ctm-navi.is-active:after {
    left: 0;
    background-color: #0dc0dc;}

.job-pa-navi {
	border:2px solid #00812c!important;
	color:#00812c!important;}
.job-pa-navi.is-active:after {
    left: 0;
    background-color: #00812c;}


.job-cds-navi {
	border:2px solid #1a2d57!important;
	color:#1a2d57!important;}
.job-cds-navi.is-active:after {
    left: 0;
    background-color: #1a2d57;}

.job-pvg-navi {
	border:2px solid #d79403!important;
	color:#d79403!important;}
.job-pvg-navi.is-active:after {
    left: 0;
    background-color: #d79403;}


.job-others-navi {
	border:2px solid #707275!important;
	color:#707275!important;}
.job-others-navi.is-active:after {
    left: 0;
    background-color: #707275;}

@media screen and (min-width:769px){
.jobs-navi.is-active {
	padding-top:10px;
	margin-top:-10px;}
}

.jobs-navi.is-active {
	opacity:1;
}


.jobs-navi.is-active:after {
	content:"";
	display:block;
	z-index:-1;
	width:100%;
	height:2px;
	position:absolute;}

.jobs-navi:hover {
	padding-top:10px;
	transition: 0.1s;
	margin-top:-10px;}


.job_ttl01 {
	font-size:30px;
	letter-spacing:2px;
	margin:60px 0;}
.job_ttl02 {
	font-size:33px;}

.job_ttl01 span {
	font-size:20px;
	display:block;}

.job_box01 {
	position:relative;}
.job_box01_2 {
	position:relative;width: 100%;}

.job_txt_box {
	position:relative;
	left:0;
	top:0;
	background-color:rgba(255,255,255,0.5);
	padding:1rem;
	z-index:2;
	letter-spacing:0;
	width:67%;}
.job_txt_box2 {
	position:relative;
	left:0;
	top:0;
	background-color:rgba(255,255,255,0.5);
	padding:1rem;
	z-index:2;
	letter-spacing:0;
	width:90%;}
.job_txt_box p+p {
	margin-top:1em;}
.job_pic {
	position:absolute;
	right:0;
	top:0;
	z-index:1;
	width:60%;
	}

.job_type_box {
	padding:3rem;}
.job_type_explain {
	text-align:center;}

.job_type_box .job_type_explain {
	text-align:center;
	font-size:20px;}

.job_type_box h4 {
	font-size:25px;}

.job_cra .job_type_box {
	border:2px solid #522685;}
.job_cra .job_type_box h4 {
	color:#522685;
	margin-top:1em;}


.job_ctm .job_type_box {
	border:2px solid #0dc0dc;}
.job_ctm .job_type_box h4 {
	color:#0dc0dc;
	margin-top:1em;}

.job_pa .job_type_box {
	border:2px solid #00812c;}
.job_pa .job_type_box h4 {
	color:#00812c;
	margin-top:1em;}

.job_cds .job_type_box {
	border:2px solid #1a2d57;}
.job_cds .job_type_box h4 {
	color:#1a2d57;
	margin-top:1em;}

.job_pvg .job_type_box {
	border:2px solid #d79403;}
.job_pvg .job_type_box h4 {
	color:#d79403;
	margin-top:1em;}

.job_others .job_type_box {
	border:2px solid #707275;}
.job_others .job_type_box h4 {
	color:#707275;
	margin-top:1em;}

.job_txt_box.others_box h5 {
	color:#707275;
	margin-top:1em;
	font-size: 22px;}

.job_section {
	margin:70px 0 0 0;}

.job_section .row {
	margin:0px!important;}

ul.job_interview_li {
    width: 100%;
    text-align: center;
    margin-top: 20px;}
.job_interview_li li {
	display:inline-block;
	width:30%;}

.job_interview_li li a {
	position:relative;}

.job_interview_li li p {
	position:absolute;
	bottom:40px;
	left:30px;
	color:#ffffff;
	font-size:30px;}
.job_interview_li li span {
	position:absolute;
	bottom:25px;
	color:#ffffff;
	left:30px;}

.job_interview_li li img {
	width:100%;}

.job_interview_li li:nth-child(n+2) {
	margin-left:3%;}

.job-cds-box {
 margin-top: 60px;}


/* タブ切り替え */

.tab-group{
    display: flex;
    justify-content: center;
}
.tab{
    flex-grow: 1;
    list-style:none;
    border:solid 1px #CCC;
    text-align:center;
    cursor:pointer;
}
.panel-group{
    border-top:none;
}
.panel{
    display:none;
}
.tab.is-active{
    transition: all 0.2s ease-out;
}
.panel.is-show{
    display:block;
}



@media screen and (min-width:769px){
.jobs-navi.is-active {
	border-bottom:2px solid #ffffff!important;}

}


@media screen and (max-width:1300px){

.job_txt {
	font-size:12px;}

.job_ttl {
	font-size:30px;}
}
@media screen and (max-width:1000px){

.job_txt {
	font-size:12px;}

.job_ttl {
	font-size:25px;}

}




@media screen and (max-width:900px){











}
@media screen and (max-width:768px){


.jobs {
	width:33.333%;
	min-height:150px;}

.jobs-navi {
	width:33.33%;
	margin-right:0;
	border-radius:0!important;
	opacity:1;}

.jobs-navi.is-active {
	padding-top:0;
	margin-top:0;}
.jobs-navi.is-active:after {
	display:none;}

.is-active.job-cra-navi {background-color:#522685;color:#ffffff!important;transition:0;}
.is-active.job-rsm-navi {background-color:#522685;color:#ffffff!important;transition:0;}
.is-active.job-ctm-navi {background-color:#0dc0dc;color:#ffffff!important;transition:0;}
.is-active.job-pa-navi {background-color:#00812c;color:#ffffff!important;transition:0;}
.is-active.job-cds-navi {background-color:#1a2d57;color:#ffffff!important;transition:0;}
.is-active.job-pvg-navi {background-color:#d79403;color:#ffffff!important;transition:0;}
.is-active.job-others-navi {background-color:#707275;color:#ffffff!important;transition:0;}

.job_txt_box {
	width:100%;
	padding-top:50%;}
.job_pic {
	width:100%;}

.job_type_box .job_type_explain {font-size:16px;}

.job_type_box {
	padding:1rem;
	width:96%;
	margin-left:auto;
	margin-right:auto;}

.job_cra .job_type_box h4 {
	line-height:1.4;}

.job_section {padding:0 1rem;}

.jobs-navi:hover {
	margin-top:0;}

.job-cra-navi:nth-child(1) {
	width:100%;}

.tab-group {display:block;}

.job_interview_li li span {
    left: 10px;
    font-size: 11px;
	bottom:10px;
	line-height:1.3;}
.job_interview_li li p {
    font-size: 14px;
	left:10px;
	}
.job_section .ks-icon span {
	letter-spacing:0;}
.job_ttl02 {
	font-size:25px;}
.job_ttl01 {
	line-height:1.5;
	font-size:25px;}

.job_name_area {display:none;}
.job-cds-box {
 margin-top: -30px;}
.job_interview_li li {
	display:inline-block;
	width:29%;}
.tab {
	height:45px;}

.job_txt_box {
	padding-top:80%;}

.job_txt_box2 {
	width:95%;}
.job_section {
    margin: 50px 0 0px 0;}
.job_section.job-rsm-area {
    margin-top: -30px;}
.job_section.job-ctm-area {
    margin-top: -20px;}
.job_section.job-pa-area {
    margin-top: -20px;}
.job_section.job-cds-area {
    margin-top: 55px;}
.job_section.job-cds-area2 {
    margin: 35px 0 0px 0;}
.job_section.job-pvg-area {
    margin-top: -20px;}
.job_section.job-other-area {
    margin-top: -20px;}

}

@media screen and (max-width:768px){.for_pc2  {display:none!important;}}
@media screen and (min-width:769px){.for_tab2 {display:none!important;}}


@media screen and (max-width: 991px) {
.tb08 {
	flex:none!important;
	max-width:50%!important;}
.tb09 {
	padding: 1.5rem 1.5rem 1.5rem 0 !important;}
.tb10 {
    flex: 0 0 85.66667%;}
.only-pc.no-tab {display:none!important;}

}