/* CSS Document */


/*
common
=========================================    
*/ 

@media screen, print {
    

/*フォント指定*/    
	.font_f{
		font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", "sans-serif";
	}
    
/*ふわっと出てくる*/
	.fade-up {
	  transition: opacity 0.7s;
	  -moz-transition: opacity 0.7s;
	  -webkit-transition: opacity 0.7s;
	  -o-transition: opacity 0.7s;
	}   
    
/*
new-menu　関係
=========================================    
*/     
    
/* リンクの画像を半透明の設定*/    
    
.new-menu a {
     color: #373a3c;
}   

.new-menu-img:hover {
       opacity: 0.7;
      filter: alpha(opacity=70);
      -ms-filter: "alpha(opacity=70)";
     transition: 0.5s ;
}    
.new-menu a:hover,    
.new-menu a:visited,
.new-menu a:active,
.new-menu a:link   {
    text-decoration: none;        
    }
.new-menu p {
     line-height: 2em;
}  
.new-menu-p {
        height: 100px;
    }    
    
.new-menu-h3 {
     background: #06C;
     box-sizing: border-box;
     color: #fff;
     text-align: center;
     padding: 3px 20px 20px 20px;
     line-height: 1em;
     font-size: 22px;
} 
    
    .new-menu-bnt {
        text-align: center;
        text-indent: 1em;
        padding: 10px 0;
        border-bottom: 1px solid #d9d9d9;
        border-top: 1px solid #d9d9d9;
        font-weight: 700;
        color: #06C;
    } 
      .new-menu-bnt:hover {
        color: #06C;
        transition: 0.5s ;
        background-color:rgba(232,246,255,0.5);
    }  
    
    
/*
ナビゲーション関係
=========================================    
*/    

/* 赤の採用開始バナー */    
    
.recruit-new-bn02 a {
    width: 100%;
    display: block;
    text-align: center;
    color: #00ced1;/*文字色*/
    border: solid 1px #00ced1;/*線色*/
    padding: 1em;/*文字周りの余白*/
    font-weight: bold;
    transition: 0.5s ;
    text-decoration: none;
    font-size: 20px;
        }  
    
.recruit-new-bn02 a:hover {
    background-color: #00ced1;
    border: solid 1px #00ced1;/*線色*/
    color: #FFFFFF;
        }     
    
/* みどりの採用開始バナー */    
    
.recruit-new-bn a {
    width: 100%;
    display: block;
    text-align: center;
    color: #FF0004;/*文字色*/
    border: solid 1px #FF0004;/*線色*/
    padding: 1em;/*文字周りの余白*/
    font-weight: bold;
    transition: 0.5s ;
    text-decoration: none;
    font-size: 20px;
        }  
    
.recruit-new-bn a:hover {
    background-color: #FF0004;
    border: solid 1px #FF0004;/*線色*/
    color: #FFFFFF;
        }    
    
 /*ulのmargin-leftを消す*/
    .recruit-new-nv ul  {
        padding-left: 0;
    }    
    
 /*li*/
    .recruit-new-nv li {
        width : 17% ; /* 未対応ブラウザ用フォールバック */
        width : -webkit-calc(100% / 5.2) ;
        width : calc(100% / 5.2) ;
        padding: 20px 10px 0 10px;
        list-style: none;
        display: inline-block;
        border: 1px solid #C0C0C0;
        text-align: center;
        font-weight: 700;
        vertical-align: top;
        justify-content: space-between;
    }
    .recruit-new-nv img {
        padding-bottom: 20px;
    }
    .recruit-new-nv a {
        text-decoration: none;
        color: #06C;
    }
    
    .recruit-new-nv li:hover {
     transition: 0.5s ;
     background-color:#E8F6FF;
    border: 1px solid #06C;
}

    
/* intern */  

.intern ul {
  padding: 0;
  position: relative;
}
    
.intern ul li {
    list-style-type: none!important;/*ポチ消す*/    
    }    
    
.menu-new-list ul {
  padding: 0;
  position: relative;
}

.menu-new-list ul li {
    margin-bottom: 3px;/*下のバーとの余白*/
    padding: 0.5em;
    list-style-type: none!important;/*ポチ消す*/
    border-bottom: 1px solid #666;   
}
.menu-new-list ul li:hover {
  color: #50D2FF;
} 
.menu-new-list a{
    font-size: 20px;
    display: block;
    width: 100%;
    height: auto;
    text-decoration: none;
    transition: 0.5s;
    vertical-align: middle
}    
.menu-new-list a:hover{
  color: #50D2FF;
}   
.menu-new-list a:before {
    content: "\f1ad";
    font-family: "Font Awesome 5 Free";
    font-size: 2em;/*サイズ*/
    
}    
    
.pankuzu {
	float: left;
	width: 100%;
	position: relative;
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 14px;
}
    
.sp_title {
color: #6cb4e4;
text-align: center;
padding: 0.25em;
border-top: solid 2px #6cb4e4;
border-bottom: solid 2px #6cb4e4;
background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}    

/* 
==============
banner関係
==============
*/    
    
/* ブルーのバナー */    
    
.banner-blue a {
    width: 320px;
    display: block;
    text-align: center;
    color: #06C;/*文字色*/
    border: solid 1px #06C;/*線色*/
    padding: 0.5em;/*文字周りの余白*/
    font-weight: bold;
    transition: 0.5s ;
    text-decoration: none;
} 

.skin-common .banner-blue a{
	width: auto;
}


.banner-blue a:hover {
    background-color: #06C;
    border: solid 1px #06C;/*線色*/
    color: #FFFFFF;
}
    
/* オレンジのバナー */   
    
.banner-ol a {
    width: 250px;
    display: block;
    text-align: center;
    color: #FFFFFF;/*文字色*/
    background-color: #F7931E;
    border: solid 1px #F7931E;/*線色*/
    padding: 0.1em;/*文字周りの余白*/
    transition: 0.5s ;
    text-decoration: none;
    margin-top: 13px;
        }  
    
.banner-ol a:hover {
    background-color: #FFFFFF;
    border: solid 1px #F7931E;/*線色*/
    color: #F7931E;
        }    
    
 /* 
==============
区切り線関係
==============
*/

/* recruit-new.php h2 */      
.rec-new-h2 {
    line-height: 1.5em;
    color:  #06C;
    font-weight: 700;
}  
    
/* 奨学金制度のリンクで使用 */    
.rec-new-syo {
        display: block;
        text-align: center;
        border-top: solid 2px #06C;
        border-bottom: solid 2px #06C;
        padding: 20px 0;
        font-weight: bold;
    } 
.rec-new-syo a {
        margin: 0 auto;
    }     

.gl-lien {
    border-bottom: 1px solid #D4D4D4;
    }    
    
.p-line-blue  {
    background-color:#EBF8FF;
    border: solid 1px #50D2FF;/*線色*/
    padding: 1em;/*文字周りの余白*/
    line-height: 2em;
        }  

	.p-line-blue .accessory{
		color: white;
		background-color: cornflowerblue;
		border-radius: 8px;
		padding: 0.3em 0.5em;
		margin-right: 0.3em;
	}
    
.recruit_hr {
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 5px 0px 15px 0px;
	border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	}
	
.recruit_hr02 {
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 5px 0px 15px 0px;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	}


.recruit_new_title {
	background-color: #50D2FF;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 15px;
	margin-bottom: 10px;
}
.recruit_senior_title {
	background-color: #CADDE4;
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	width: 96%;
	margin-left: 20px;
}
.recruit_senior_title02 {
	background-color: #A5DFF3;
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	width: 96%;
	margin-left: 20px;
}
.recruit_senior_text {
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 96%;
	margin-left: 30px;
	line-height: 2em;
}
.recruit_text_blue02 {
	color: #22B1E0;
	font-weight: bold;
	font-size: 18px;
}

.recruit_text_blue {
	color: #3CF;
	font-size: 18px;
}
.recruit_text_red {
	color: #FF0000;
}
.recruit_text_bold {
	font-weight: bold;
}
.recruit_new_space {
	padding-bottom: 20px;
}
.recruit_new_space02 {
	padding-left: 20px;
}
.top_button {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 20px;
}

.alpha:hover{
	filter: alpha(opacity=60);
	opacity: 0.6;
	text-align: center;
}
	.border_blue{
	border-color: #06C;
	border-style: solid;
}	

/* 背景の色 */

	.bgi_blue {	
		background-color: #30B5FF;
    }
    .bgi_blue02 {	
		background-color: #06C;
    }
    .bgi_blue03 {    
    background-color: #A5DFF3;
    }
    .bgi_red {    
    background-color: #FF0004;
    }
    .bgi_gray {    
    background-color: #B1B1B1;
    }
    
    
/* 文字サイズなど */

.font_size28{
		font-size: 28px
	}
	.font_size24{
		font-size: 24px
	}
	.font_size20{
		font-size: 20px
	}
	.font_size18{
	font-size: 18px
	}
	.font_size18_02{
		font-size: 18px
	}
	.font_size16{
		font-size: 16px
	}
    .font_size14{
		font-size: 14px
	}
	.font_size12{
		font-size: 12px
	}
	.font_bold{
	font-weight: bold;
	}
	.font_right{
	text-align: right;
	}
	.text_cen {
		text-align: center;
	}
    
/* window幅 */    
	.width90{
		width: 90%;
		margin: 0px auto;
	}
    .width80{
		width: 80%;
		margin: 0px auto;
	}
	.width20{
		width: 20%;
	}
	.left20{
		padding-left: 10px
	}
	.top10 {
	margin-top: 10px;
	}
	
	.top20 {
	margin-top: 20px;
	}
	
	.top30 {
	margin-top: 30px;
	}
	
	.top40 {
	margin-top: 40px;
	}
	
	.top50{
		margin-top: 50px;
	}
	
	.top100{
	margin-top: 100px;
	}
	
	.bottom10 {
	margin-bottom: 10px;
	}
	
	.bottom20 {
	margin-bottom: 20px;
	}

	.bottom30 {
	margin-bottom: 30px;
	}
	
	.bottom40 {
	margin-bottom: 40px;
	}
	
	.bottom50{
	margin-bottom: 50px;
	}
	.bottom50_a{
	margin-bottom: 50px;
	}
	
	.bottom100{
	margin-bottom: 100px;
	}
    
    .padding-side{
        padding: 0 10px;
    }

/* 文字サイズなど */

	.font_cr_blue {	
		color: #06C;
}	
	.font_biue02{
    color: #30B5FF
	}
    .font_cr_red {
	color: #FF0000;
}	
	.font_cr_gray {
	color: #B1B1B1;
}	
	.font_cr_white {
	color: #FFFFFF;
}
	.text_2em{
	line-height: 2em;		
	}
	.through {
	text-decoration: line-through;
}
    
   .bsl img{
        vertical-align: baseline;
    } 
    .mid img{
        vertical-align:middle;
    } 
  
    
}

/* スマホ用の表示・非表示 */
	.pc_none { 
		display:none; 
	}
    .sp_block {
		display:block; 
	}

/* 改行 */
.visible-xs-block{
		display:none;
	}

/*
==============================
recruit-jobfair.phpで使用
==============================
*/
/* mainvisual */
    
.jop-fair-mv {
        width: 100%;
        height: 400px;
        background-image: url(../img/recruit/jobfair-mv.png);
        background-position: center;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
.jop-fair-mv h2{
    color: #ffffff;
    line-height: 1.5em;
    text-shadow: 1px 1px 1px #808080;
    font-weight: 700;
    background-color: rgba(255,255,255,0.4);
    padding: 10px 20px;
    } 
/*
==============================
recruit-career-step.phpで使用
==============================
*/

/* 矢印　共通で使用 */

.step-arrow {
    margin: 10px 0;
    animation: key1 .7s ease infinite alternate;
    opacity: 0.8;
}

@keyframes key1{
  0% {transform: translateY(0px);}
  100% {transform: translateY(-8px);}
}


/* メインビジュアル */

.cst-mv {
    height: 400px;
    display: table;
    background-size: contain;
    background-size: 100%;
    background-image: url(../img/recruit/career-mv-img.png);
    background-repeat: no-repeat;
    text-align: center;
}

.cst-mv h1 {
    display: table-cell;
    vertical-align: middle;
    font-size: 30px;
    color: #ffffff;
    text-shadow: 1px 1px 1px #808080;
}

.cst-mv-txet {
    font-size: 20px;
}

/* main */

.cst-main h2 {
    color: #06C;
    font-size: 28px;
    line-height: 1.5em;
    margin-top: -10px;
}

.cst-main hr {
    border-bottom: solid 1px #06C;
    margin: 0 auto;
    width: 50%;
}

.cst-main p {
    margin: 20px 0;
    line-height: 2em;
}

/*
contents
==============================
*/

/* リストタグの設定 */

.career-step ul {
    padding: 0;
    list-style:none;
    display: flex;
}

.career-step li {
    padding: 0 10px;
}

/* step-1 */

.career-step-1 h3 {
    color: #ffffff;
    font-size: 24px;
    position: relative;
    padding: 0.6em;
    border-radius: 5px;
    background: #29ABE2;
    margin-bottom: 30px;
}

.career-step-1 h3:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #29ABE2;
    width: 0;
    height: 0;
}

.career-step-1 div {
    border: 1px solid #29ABE2;
    padding: 10px;
}

.career-step-1 hr {
    border: 1px solid #29ABE2;
}

.step-1-title {
    color: #29ABE2;
    font-size: 24px;
    text-align: center;
}
.step-1-color {
    color: #29ABE2;
}

/* step-2 */

/* 賃貸営業部 */
.step-2-title {
    color: #ffffff;
    font-size: 24px;
    position: relative;
    padding: 0.6em;
    border-radius: 5px;
    background: #2C89DD;
    margin-bottom: 30px;
}

.step-2-title:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #2C89DD;
    width: 0;
    height: 0;
}

.career-step-2 {
    border: 1px solid #2C89DD;
    background-color: #ffffff;
    padding: 10px;
}

.career-step-2 hr {
    border: 1px solid #2C89DD;
}

.step-2-text {
    color: #2C89DD;
    font-size: 24px;
    text-align: center;
}
.step-2-color {
    color: #2C89DD;
}

/* button */   
    
.step-btn-a {
    hight: 100%;
    width: 100%;
    margin:0;
    display: block;
    text-align: center;
    color: #2C89DD;/*文字色*/
    background-color: #D7EEFF;
    padding: 10px;/*文字周りの余白*/
    transition: 0.5s ;
    text-decoration: none;
        }  
    
.step-btn-a:hover {
    background-color: #2C89DD;
    color: #ffffff;
        }   


/* 管理部 */

.career-step-kanri {
    border: 1px solid #F7931E;
    background-color: #ffffff;
    padding: 10px;
}

.career-step-kanri hr {
    border: 1px solid #F7931E;
}

.step-kanri-text {
    color: #F7931E;
    font-size: 24px;
    text-align: center;
}
.step-kanri-color {
    color: #F7931E;
}
.step-kanri-job {
    width: 200px;
    display: block;
    background-color: #FFF3E3;
    border-radius: 5px;
    padding: 4px 15px 3px; 
    text-align: center;
    margin-top: 5px;
}

/* button */   
    
.step-btn-b {
    hight: 100%;
    width: 100%;
    margin:0;
    display: block;
    text-align: center;
    color: #F7931E;/*文字色*/
    background-color: #FFF3E3;
    padding: 10px;/*文字周りの余白*/
    transition: 0.5s ;
    text-decoration: none;
        }  
    
.step-btn-b:hover {
    background-color: #F7931E;
    color: #ffffff;
        }   

/* 他部門 */

.career-step-kikaku {
    border: 1px solid #8CC63F;
    background-color: #ffffff;
    padding: 10px;
}

.career-step-kikaku hr {
    border: 1px solid #8CC63F;
}

.step-kikaku-text {
    color: #8CC63F;
    font-size: 24px;
    text-align: center;
}
.step-kikaku-color {
    color: #8CC63F;
}
.step-kikaku-job {
    width: 100%;
    max-width: 180px;
    background-color: #E7F9CA;
    border-radius: 5px;
    text-align: center;
    margin: 10px 0 0 10px;
}

/* button */   
    
.step-btn-c {
    hight: 100%;
    width: 100%;
    margin:0;
    display: block;
    text-align: center;
    color: #8CC63F;/*文字色*/
    background-color: #E7F9CA;
    padding: 10px;/*文字周りの余白*/
    transition: 0.5s ;
    text-decoration: none;
        }  
    
.step-btn-c:hover {
    background-color: #8CC63F;
    color: #ffffff;
        }   


/* step-3 */

.step-3-title {
    color: #ffffff;
    font-size: 24px;
    position: relative;
    padding: 0.6em;
    border-radius: 5px;
    background: #0160A4;
    margin-bottom: 30px;
}

.step-3-title:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #0160A4;
    width: 0;
    height: 0;
}

.career-step-3 {
    border: 1px solid #0160A4;
    padding: 10px;
}

.career-step-3 hr {
    border: 1px solid #0160A4;
}

.step-3-text {
    color: #0160A4;
    font-size: 24px;
    text-align: center;
}
.step-3-color {
    color: #0160A4;
}

/* その他のキャリアプラン */

.career-step-4 {
    background-color: #CFF3FF;
    padding: 20px 10px 10px 10px;
}

.career-step-4 h3{
    color: #0160A4;
    text-align: center;
}

.step-4 {
    border: 1px solid #0160A4;
    background-color: #ffffff;
    padding: 10px;
    margin: 15px 0;
}

.step-4 hr {
    border: 1px solid #0160A4;
}

.step-4-text {
    color: #0160A4;
    font-size: 24px;
    text-align: center;
}
.step-4-color {
    color: #0160A4;
}
.step-4-job {
    background-color: #E3F4FF;
    border-radius: 5px;
    padding: 4px 15px 3px;    
}

/* ページ内タブ切替 */

.tab5 {
  width: 100%;/*横幅はここで設定します。100%にすれば可変になります。*/
  min-width: 320px;
  margin: 0 auto;
}

.tab5 .tab-content {
  margin: 0;
}
.tab5 label {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.tab5 label {
  display: inline-block;
  width: calc(99%/3);
  padding: 0px;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
  background: #fff;
  color: #777;
  margin-right: -2px;
}
.tab5-a, .tab5-b, .tab5-c label:hover {
　opacity: 0.6;
}

.tab5 input:checked + label {
  padding: 0px;
}

.tab5 input {
  display: none;
}
.tab5 #tab5-b1,
.tab5 #tab5-b2,
.tab5 #tab5-b3 {
  display: none;
  padding: 15px 10px;
}
.tab5 #tab5-1:checked ~ #tab5-b1,
.tab5 #tab5-2:checked ~ #tab5-b2,
.tab5 #tab5-3:checked ~ #tab5-b3 {
  display: block;
}

.tab5 #tab5-1:checked ~ #tab5-b1 {
  background-color: #D7EEFF;
  border: 1px solid #D7EEFF;
}

.tab5 #tab5-2:checked ~ #tab5-b2 {
  background-color: #FFF3E3;
  border: 1px solid #FFF3E3;
}

.tab5 #tab5-3:checked ~ #tab5-b3 {
  background-color: #E7F9CA;
  border: 1px solid #E7F9CA;
}

/* career-step-bnr */

.career-step-bnr a {
    width: 320px;
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #06C;/*文字色*/
    border: solid 1px #06C;/*線色*/
    padding: 0.5em;/*文字周りの余白*/
    font-weight: bold;
    transition: 0.5s ;
    text-decoration: none;
        }  
    
.career-step-bnr a:hover {
    background-color: #06C;
    border: solid 1px #06C;/*線色*/
    color: #FFFFFF;
        }

@media (max-width: 988px) {
    
/*
new-menu関係
=========================================    
*/     
    
    .new-menu-p {
        height: 120px;
    }    
    
}


@media (max-width: 768px) {

.width90{
		width: 95%;
		margin: 0px auto;
	}
  
	
}
	
@media (max-width: 767px) {
    
 /* 
==============
区切り線関係
==============
*/
    
/* 奨学金制度のリンクで使用 */    
.rec-new-syo {
        border-top: none;
    }     
    
	
	
	.width90{
		width: 100%;
		margin: 0px auto;
	}

	.font_size14_sm{
		font-size: 14px
	}
	.visible-xs-block{
		display:block;
	}
    
    /*
ナビゲーション関係
=========================================    
*/    
    
/* 赤の採用開始バナー */    
    
.recruit-new-bn a,
.recruit-new-bn02 a {
    font-size: 16px;
        }  
    
/*
==============================
recruit-career-step.phpで使用
==============================
*/

/* メインビジュアル */

.cst-mv {
    height: 400px;
    display: table;
    background-size: auto 100%;
    background-image: url(../img/recruit/career-mv-img.png);
    background-repeat: no-repeat;
    text-align: center;
    background-position: 50% 50%;
}    

.cst-mv h1 {
    display: table-cell;
    vertical-align: middle;
    font-size: 30px;
    color: #ffffff;
    text-shadow: 1px 1px 1px #808080;
}
    
.cst-main hr {
    border-bottom: solid 1px #06C;
    margin: 0 auto;
    width: 70%;
}    
    
.cst-title-sm {
    font-size: 20px;
    }  
    
.cst-font-sm {
    font-size: 14px;
    } 
    
}



@media screen and (max-width:500px) { 
.pankuzu {
	float: left;
	width: 100%;
	position: relative;
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 10px;
}
    
/*
new-menu関係
=========================================    
*/     
    .new-menu-p {
        height: auto;
    }    
        
    
	.recruit_new_space02 {
	padding-left: 5px;
}

.recruit_senior_title {
	background-color: #CADDE4;
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	width: 96%;
	margin-left: 5px;
}
	
.recruit_senior_text {
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 96%;
	margin-left: 10px;
}
.recruit_senior_title02 {
	background-color: #A5DFF3;
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	width: 96%;
	margin-left: 5px;
}	
.top_button {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 20px;
	font-size: 10px;
}
	
	.recruit_hr {
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 5px 0px 15px 0px;
	border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	}
	
	.bottom50_a{
	margin-bottom: 30px;
	}
	.width90{
		width: 100%;
		margin: 0px auto;
	}
    .width80{
		width: 100%;
		margin: 0px auto;
	}
	.font_size14_sm{
		font-size: 14px
	}

	/* スマホ用の表示・非表示 */
	.pc_none { 
		display:block; 
	}
    .sp_block { 
		display:none; 
	}
	
}

.link_btn{
	padding: 1em;
}

.link_btn > .col-12{
	margin-bottom: 0.7em;
}

.link_btn .btn-primary{
	color: white;
}
/*//////////////////////////////////

					新卒採用更新表示*/
#recruit_new .head{
	position: relative;
}
.news{
	position: absolute;
	bottom: 1em;
	right: 0;
	width: 50%;
	border: 1px solid white;
	background-color: #0065B1;	
	color: white;
	padding: 1em;
}

.news .h4{
	font-size: 1em;
}

.news .link{
	color: white;
}

.news .link span {
	background-color: white;
	padding: 0 0.5em;
	margin-right: 0.5em;
	color: #0065B1;
	border-radius: 8px;
}
.news .link:after{
	content: "\f35d";
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	margin-left: 0.5em;
}

/*//////////////////////////////////

					新卒採用PR*/

#recruit_new .pr{
	margin: 5rem 0;
}
#recruit_new .pr .list{
	justify-content: center;
}
#recruit_new .pr .bnr{
	max-width: 100%;
	height: 100%;
	text-align: center;
	/*background-image: linear-gradient(135deg, rgb(243, 107, 55) 0%, rgb(243, 107, 55) 23%,rgb(244, 133, 60) 23%, rgb(244, 133, 60) 27%,rgb(245, 159, 64) 27%, rgb(245, 159, 64) 73%,rgb(245, 186, 69) 73%, rgb(245, 186, 69) 74%,rgb(246, 212, 73) 74%, rgb(246, 212, 73) 78%,rgb(247, 238, 78) 78%, rgb(247, 238, 78) 100%);*/
	padding: 1rem;
	position: relative;
	transition: 0.3s;
}


#recruit_new .pr .bnr .link {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
}

#recruit_new .pr .bnr .section .h5{	
	display: inline;
	margin-bottom: 0;
	font-weight: bolder;
}

#recruit_new .pr .bnr .section .h5 small{
	display: block;
	margin-right: 0.5em;
}

/*各バナー*/

#recruit_new .pr .bnr.pr_choiki{
	background-color: #E9D235;
	border: 5px solid #252525;
	padding: 3rem 1rem;
}

#recruit_new .pr .bnr.pr_choiki:hover{	
	transform:rotate(-2deg);
	box-shadow: 0px 3px 10px rgba(0,0,0,.2);
}


/*//////////////////////////////////

					新卒採用Instagram*/

.insta{
	position: relative;
	width: 80%;
	margin: 2em auto;
	background: #ff00cc;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #333399, #ff00cc);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #333399, #ff00cc); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	padding: 1.2em;
	transition: 0.3s;
}

.insta:hover{
	border-radius: 30px;
}

.insta .sp{
	display: none;
}

@media screen and (max-width:500px) {
	.insta{
		width: 98%;
	}
	
	.insta .pc{
		display: none;
	}
		
	.insta .sp{
		display: block;
	}
}
.insta .figure{
	width: 100%;
	text-align: center;
}
.insta .figure .img{
	height: 400px;
	margin: 0 auto;
}

.insta .figure .cap{
	font-size: 0.8em;
	color: white;
	opacity: 0.8;
}

.insta .txt{
	color: white;
	text-align: center;
}
.insta .txt .qr{
	width: 200px;
	height: auto;
	border-radius: 10%;
	padding: 0.8em;
	background-color: white;
	margin: 1em auto;
}

.insta .txt .sp{
	margin-top: 1em;
}

.insta .txt .btn-outline-light{
	color: white;
}

/*.insta .txt .btn-outline-light:before{
	content: "\f16d";
	font-weight: normal;
	font-family: "Font Awesome 5 Free";
}*/

.insta .link{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}