@media (max-width: 715px){
    .pc-mode{
        display:none;
    }
	.sp_mode{
		display: block;
	}
	#rc_top_menu_x{
		display: none;
	}
	#rc_header div.rc_wrap h2.rc_top{
		display: none;
	}
	#rc_header img.rc_logo{
		padding: 4px 0 ;
	}


.hr_kv h1{
    padding: 65px 0 45px;
    color: #001746;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0px;
}
.hr_kv p{
	font-size:15px;
	font-weight: normal;
	line-height: 24px;
	padding: 15px 0;
}
.hr_kv img{
    display: none;
}
.rh_menu2{
	position: sticky;
	top:5px;
	display: block;
	margin: 0px auto 30px auto;
	width:calc(100% - 105px);
	background: #FFF url("../img/biz/article/rh-shortcut.png") left no-repeat;
	line-height: 40px;
	padding: 0 0 0 105px;
	box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.10);
	opacity: 0.95;
	border-radius: 0px;
	z-index: 10000;
}
.rh_menu2 div{
	font-size:14px;
	display: block;
	line-height: 18px;
	padding: 0px 40px;
	border-right: none;
}
.hr_sec{
    font-size: 65px;
}
.hr_strength .hr_boxes{
    margin: 10px auto;
    width: 100%;
    display: flex;
    justify-content: center;
	flex-direction: column;
}
.hr_strength .hr_boxes .hr_strength0{
	margin: 0px auto 10px;
    width:270px;
    padding: 15px;
    border:5px solid #BCDBED;
    border-radius:10px;
}
.hr_case_logo{
    margin: 60px auto 120px;
    padding: 0 5px 50px;
    width:calc(100% - 10px);
    border-bottom:#DDD 1px solid;
}
.hr_case_logo h3{
    color:#8C4600;
    font-size:16px;
    font-weight: normal;
}
.hr_case_logo ul{
    display: flex;
    justify-content: space-around;
	flex-wrap: wrap;
}
.hr_ab_box{
    margin: 15px auto 35px auto;
    width:100%;
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
.hr_ab_box .hr_ab_lead{
    width:100%;
}
.hr_ab_box .hr_ab_lead dl{
    border-top: 1px solid #CCC;
}
.hr_ab_box .hr_ab_lead dl dt{
    padding: 5px 0 0;
    float: left;
}
.hr_ab_box .hr_ab_lead dl dd{
    margin: 0 0 0 0;
    padding: 9px 0 9px 115px;
    min-height: 94px;
    border-bottom: 1px solid #CCC;
}
.hr_ab_box .hr_ab_lead dl dd span{
    color: #6677D1;
}
.hr_ab_box .hr_ab_book{
    width:100%;
}
.hr_ab_box .hr_ab_book h5{
    margin: 0 0 10px 0;
    padding: 0 10px;
    background: #CCE5F1;
    font-size: 15px;
    line-height: 40px;
}
.hr_ab_box .hr_ab_book img{
    float: right;
    margin: 0px 0 10px 10px;
}
.hr_ab_box .hr_ab_book p{
    margin: 0 0 20px 0;
    font-size: 14px;
    line-height: 180%;
}
.hr_ov_box{
    margin: 0 auto;
    width:100%;
}
	.hr_ov_box img{
		display: none;
	}
.hr_ov_boxes{
    padding: 0 0 110px;
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
.hr_ov_box0{
    background: #FFF;
    border-radius:10px;
    margin: 5px auto;
    padding:20px;
    width:270px;
}
.hr_uti_boxes{
    margin: 0 auto;
    width:100%;
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
.hr_util_box0{
    background: linear-gradient(135deg, #E1F2F3,#CDE4F2);
    border-radius:10px;
    margin: 5px auto;
    padding:20px 10px;
    width:290px;
    font-size:14px;
    line-height: 160%;
}
.hr_case{
    margin: 50px auto 100px;
    width:100%;
}
.hr_cases{
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
.hr_cases_img{
    width:120px;
	margin: 0 auto;
}
.hr_cases_img img{
    padding: 0 0 0 0px;
    width:100%;
}
.hr_cases_txt{
    width:100%;
	text-align: center;
}
.hr_cases_txt h5{
    font-size: 20px;
}
.hr_sublead{
    font-weight: bold;
    line-height: 160%;
    padding: 0 0 10px;
}
.hr_services{
    margin: 0 auto;
    width:100%;
    text-align: center;
}
img.hr_ser_img1{
    margin: 0 auto;
    padding: 15px 12px 50px;
	width:calc(100% - 24px);
}
img.hr_ser_img2{
    margin: 0 auto;
    padding: 15px 12px 120px;
	width:calc(100% - 24px);
}
.hr_services map{
	display: none;
}
.hr_step div{
    width:100%;
    margin: 10px auto 80px;
}
.hr_step div dl{
    border-top:1px solid #CCC;
}
.hr_step div dl dt{
    float:left;
    padding: 4px 0 0;
}
.hr_step div dl dd{
    margin: 0 0;
    padding: 25px 0 5px 200px;
    border-bottom:1px solid #CCC;
    min-height: 80px;
}
.hr_sem{
    padding: 120px 0 60px;
}
.hr_sem ul{
    width: 100%;
    margin: 15px auto 20px;
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
.hr_sem ul li{
	margin: 10px auto;
    width: 200px;
}
.hr_sem ul li a img{
    width: 200px;
}
#append dd{
	margin: 0 0;
	padding: 10px 0 15px 190px;
	border-bottom:1px solid #FFF;
}


	
.con_wrap{
	width:100%;
	margin: 0 auto;
}.rc_wrap{
	margin:0 auto;
	width:100%;
}
#rc_footer p.rc_footer_links{
	float: none;
	display: block;
	text-align: center;
}
#rc_header div.rc_wrap div.rc_head_inq{
	display: none;
}
#rc_footer .rc_copy{
	float: none;
	display: block;
	text-align: center;
}
/* menu */
nav.ham {
	display: block;
  	z-index: 99999;
	position: absolute;
	top:0;
	right:0;
}
.hamburger{
	z-index: 101;
	position: absolute;
	top:0;
	right:0;
	padding: 10px;
	width: 30px;
	height: 30px;
	background: #18A34D;
}
.menu-trigger,
.menu-trigger span {
	  display: inline-block;
	  transition: all .4s;
	  box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 30px;
	height: 30px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;
  border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
  top: 0px;
}
.menu-trigger span:nth-of-type(2) {
  top: 13px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0px;
}
.menu-trigger.active {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(13px) rotate(-45deg);
  transform: translateY(13px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  -webkit-transform: translateY(0) rotate(45deg);
  transform: translateY(0) rotate(45deg);
}
.menu-trigger.active span:nth-of-type(3) {
  opacity: 0;
}
#nav-content{
	display: none;
	position: absolute;
	top:0;
	right:-200px;
	background:#FFF;
	border-radius:0 0 0 4px;
	padding: 50px 0px 0px;
	z-index: 100;
	width:200px;
 	transition: .3s ease-in-out;
	opacity: 0.1;
}
#nav-content ul{
	background: #FFF;
	border-radius:0 0 0 4px;
}
#nav-content li{
	border-top:1px solid #CCC;
}

#nav-content li a{
    display: block;
	padding:5px;
	border-top:1px solid #CCC;
    color: #111;
}
#nav-content li a:hover{
    color:#000;
    background: #F7DB7B;
}
#nav-close {
	display: none;
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
 	transition: .3s ease-in-out;
}
#nav-content.active {
	right:0px;
	display:block;
	opacity: 0.9;
 	transition: .3s ease-in-out;
}
#nav-close.active {
	display:block;
	opacity: .5;
}
.sp_mode{
	display: none;
} 
.pc-mode{
    display:block;
}

/* コントレ */

.co_kv{
	border-top:#CCC 1px solid;
}
.co_kv h1 span{
	font-size: 17px;
}
.co_lead h2{
	position: relative;
	margin: 0 10px 0 10px;
	font-size: 20px;
	width: calc( 100% - 20px );
}
.co_lead p{
	margin: 0 10px 0 10px;
	font-size:15px;
}
.co_lead p br{
	display: none;
}
.co_lead .co_lead_btn{
	margin: 0 auto;
	padding: 25px 0 0 0;
	width:100%;
	background: none;
}
.co_lead .co_lead_btn p{
	font-size:11px;
	line-height: 20px;
	text-indent: -10px;
	padding: 0 0 0 10px;
	text-align: left;
}
.co_lead .co_lead_btn p br{
	display: block;
}
.co_right{
	width: calc( 100% - 60px );
	padding: 0 30px 10px;
	float:none;
	text-align: center;
}
.co_bg .co_wrap{
	margin: 0 auto;
	width:100%;
}
.co_bg h2{
	display: inline-block;
	margin: 0 0 20px -25px;
	font-size:20px;
	background:#1B458A;
	border-radius:20px;
	width:260px;
	color:#FFF;
	line-height: 40px;
	text-align: center;
	position: relative;
} 
.co_bg_catch{
	margin: 25px 0 20px 10px;
	color: #132C55;
	font-size: 20px;
	font-weight: bold;
}
.co_bg_lead .co_bg_catch{
	margin: 5px 0 20px 10px;
	color: #132C55;
	font-size: 18px;
	font-weight: normal;
}
.co_bg_lead dt{
	float:left;
	font-size:15px;
}
.co_bg_lead dt span.co_bg_pos{
	display: inline-block;
	padding: 1px 20px;
	background: #1B458A;
	border-radius: 4px;
	color: #FFF;
}
.co_bg_lead dt span.co_bg_neg{
	display: inline-block;
	padding: 1px 20px;
	background: #666;
	border-radius: 4px;
	color: #FFF;
}
.co_bg_lead dd{
	margin: 0 10px 0 80px;
	padding: 0 0 15px 10px;
	width: auto;
	max-width:390px;
	font-size:16px;
}
.co_bg li{
	padding: 0 10px 5px 25px;
	background: url("../img/biz/co-training/co-ico-dot.png") 10px 10px no-repeat;
	font-size: 16px;
}
.co_bg_conc{
	margin: 15px 5px;
	padding: 5px;
	position: relative;
	background: #1B458A;
	border-radius: 5px;
}
.co_conc_eye{
	position: absolute;
	top:25px;
	left:-10px;
	width:150px;
	text-align: center;
	background: #DB107B;
	border-radius: 5px;
	color:#FFF;
	font-size: 18px;
	font-weight: bold;
}
.co_conc_txt{
	padding: 5px 5px 10px 150px;
	color:#FFF;
	font-size: 17px;
	font-weight: bold;
}
.co_conc_txt br{
	display: none;
	}
.co_bg_conc div{
	background: #FFF;
	border-radius: 5px;
}
.co_bg_conc div ul{
	padding: 10px 10px;
}
.co_bg_conc div ul li{
	padding: 3px 0 3px 25px;
	background: url("../img/biz/co-training/co-ico-check.png") left 4px no-repeat;
	font-size: 17px;
}
.co_ab_box1,
.co_ab_box3{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 25px 10px 50px 10px;
	width:calc( 100% - 20px );
}
.co_ab_box1 img,
.co_ab_box2 img,
.co_ab_box3 img{
 width:100%;		
	}
.co_ab_box2{	
	margin: 25px 10px 50px 10px;
	width:calc( 100% - 20px );
}
.co_ab_ico1{
	padding: 1px 0 1px 90px;
	background: url("../img/biz/co-training/co-ico-feature1.png") no-repeat left center;
}
.co_ab_ico2{
	padding: 11px 0 11px 90px;
	background: url("../img/biz/co-training/co-ico-feature2.png") no-repeat left center;
}
.co_ab_ico3{
	padding: 11px 0 11px 90px;
	background: url("../img/biz/co-training/co-ico-feature3.png") no-repeat left center;
}
.co_ab_ico1 span,
.co_ab_ico2 span,
.co_ab_ico3 span{
	color:#1B458A;
}
.co_ab_ico1 p,
.co_ab_ico2 p,
.co_ab_ico3 p{
	font-size:18px;
	font-weight: bold;
}
.co_ab_box1 dt{
	float:left;
	color: #132C55;
}
.co_ab_box1 dd{
	margin: 0 0 0 80px;
	width: 310px;
}
.co_sub{
	margin: 10px 0 0 0;
	padding: 0 0 0 15px;
	color:#666;
	width:calc( 100% - 15px);
	font-size:12px;
	line-height: 16px;
	text-indent: -15px;
}
.co_ab_box2 .co_flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.co_ab_box2 .co_flex div{
	margin: 15px 0 0 0;
	width:100%;
	text-align: center;
}
.co_ab_box2 .co_flex div h4{
	margin: 0 0 0 0;
	font-size: 15px;
	font-weight: normal;
	line-height: 26px;
	background: #152D58;
	color:#FFF;
}
.co_ab_box2 .co_flex div p{
	padding: 8px;
	text-align: left;
}
.co_ab_box2 .co_flex div img{
	margin: 5px auto 5px auto;
}
.co_ab_box2 .co_flex div table{
	border-top:#CCC 1px solid;
	border-collapse: collapse;
}
.co_ab_box2 .co_flex div table th{
	background: #F2E3EB;
	border-bottom:#CCC 1px solid;
	font-size:15px;
	font-weight: normal;
	width:150px;
}
.co_ab_box2 .co_flex div table th span{
	display: block;
	font-size:13px;
}
.co_ab_box2 .co_flex div table td{
	padding: 10px;
	font-size: 15px;
	border-bottom:#CCC 1px solid;
}
.co_link{
	margin: 25px 0;
	text-align: center;
}
.co_link a{
	display: inline-block;
	padding: 0 25px 0 25px;
	border: 1px solid #1B458A;
	line-height: 28px;
	border-radius:14px;
	text-decoration: none;
	color:#333;
	background: url("../img/biz/co-training/co-ico-arrow.png") 310px center no-repeat;
}
.co_link a:hover{
	background: #1B458A;
	color:#FFF;
}
.co_ab_box1 img,
.co_ab_box3 img{
	padding: 20px 0 0 0;
}
.co_ab_box3 p.co_ab_txt{
	width:425px;
}
.co_program{
	background: #FAFAFA;
}
.co_frame{
	margin: 20px 10px 10px;
	width:calc( 100% - 80px );
	padding: 20px;
	border:#D9D9D9 5px solid;
	border-radius:1px;
}
.co_frame img{
	width:100%;
	}
.co_prosp{
	margin: 20px auto 0px auto;
	padding: 0 0 80px 0;
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
	width:100%;
}
.co_prosp div{
	padding: 9px;
	margin: 0 10px 10px;
	width: calc( 100% - 40px );
	border:#D5D5D5 1px solid;
	border-radius: 10px;
	background: #FFF;
}
.co_prosp div h4{
	text-align: center;
	background: #152D58;
	font-size: 17px;
	color: #FFF;
	font-weight: bold;
	line-height: 30px;
	border-radius: 15px;
}
.co_prosp div h4 span{
	font-weight: normal;
}
.co_prosp div p{
	padding: 5px;
	font-size:15px;
	line-height: 170%;
}
.co_support{
	padding-bottom:80px;
}
.co_sup_lead{
	text-align: center;
}
.co_support h4{
	margin: 20px 10px 10px;
	padding: 0 0 1px 0;
	width: calc( 100% - 20px);
	text-align: center;
	background: #152D58;
	font-size: 17px;
	color: #FFF;
	font-weight: bold;
	line-height: 29px;
	border-radius: 15px;
}
.co_support div.co_flex{
	margin: 0 auto 30px;
	width:calc( 100% - 20px );
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
.co_support div.co_flex div{
	width:100%;
	text-align: center;
	line-height: 170%;
}
.co_support div.co_flex div img{
	display: block;
	padding: 5px 0;
	margin: 0 auto 10px;
	text-align: center;
}
.co_support div.co_flex div span{
	font-size:13px;
}
.co_support div.co_flex div.co_2nd{
	width:400px;
	text-align: left;
	line-height: 170%;
}
.co_support div.co_flex div.co_2nd span{
	display: block;
	margin: 15px 0 0 0;
	padding: 0 0 0 13px;
	text-indent: -13px;
	font-size: 13px;
	line-height: 150%;
	color: #666;
}
.co_support div.co_flex div.co_mov{
	margin: 5px 10px;
	width:calc( 100% - 20px );
	text-align: center;
	border:1px solid #CCC;
}
.co_voice{
	background:#1B458A;
}
.co_voice .co_wrap{
	position: relative;
	width:100%;
	min-height: 440px;
	margin: 0 auto;
	padding: 0 0 30px 0;
}
.co_voice_title,
.co-voice1,.co-voice2,.co-voice3,.co-voice4,.co-voice5{
	position: relative;
}
.co-voice1 span,
.co-voice2 span,
.co-voice3 span,
.co-voice4 span,
.co-voice5 span{
	
	font-weight: bold;
	color:#DB107B;
}
.co_voice_title{
	top:auto;
	left:auto;
	display: block;
	padding:10px;
	margin: 0 auto;
}
.co-voice1,.co-voice2,.co-voice3,.co-voice4,.co-voice5{
	background:#FFF;
	border-radius:10px;
	padding:10px;
	font-size:15px;
	line-height: 150%;
}
.co-voice1{
	top:auto;
	left:auto;
	width:230px;
	margin: 0 auto 20px 60px;
}
.co-voice2{
	top:auto;
	left:auto;
	width:265px;
	margin: 0 auto 20px 90px;
}
.co-voice3{
	top:auto;
	left:auto;
	width:235px;
	margin: 0 auto 20px 120px;
}
.co-voice4{
	top:auto;
	left:auto;
	width:285px;
	margin: 0 auto 20px 60px;
}
.co-voice5{
	top:auto;
	left:auto;
	width:235px;
	margin: 0 auto 20px 60px;
}
.co-voice1:after,
.co-voice2:after,
.co-voice3:after,

.co-voice4:after,
.co-voice5:after{
	position: absolute;
    content: "";
    display: block;
	background-image: url('../img/biz/co-training/co-ico-voice.png');
	background-size: cover;
	background-position: top left;
	transition: all 0.2s ease-out;
	height: 67px;
	width:52px;
	z-index: 2;
}
.co-voice1:after{
	bottom:-12px;
	left:-38px;
}
.co-voice2:after{
	bottom:-42px;
	left:-36px;
}
.co-voice3:after{
	bottom:-12px;
	right:-38px;
}
.co-voice4:after{
	bottom:-32px;
	right:-33px;
}
.co-voice5:after{
	bottom:-23px;
	right:-33px;
}
	
}