@charset "UTF-8";
/*------------------------------------*
  $Anchor
  $Information
  $Title
  $Text
  $Messsage
  $Index
  $Index list
  $Separate
  $Button
  $Image
  $List
  $Time schedule
  $Grid
  $Icon
  $Js
  $Contents nav
  $Contents
  $Other
  $Media query
    $Tablet
    $Smart Phone
 *------------------------------------*/

/*------------------------------------*
  $Anchor
 *------------------------------------*/

.nav-anchor1{
  letter-spacing: -.5em;
  text-align: center;
  margin: 0 0 55px;
}
.nav-anchor1.index{
  margin-top: -16px;
}
.contents-main .nav-anchor1.index{
  margin-top: -96px;
}

.nav-anchor1 .nav-list{
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
}
.nav-anchor1.col2 .nav-list{
  width: 50%;
}
.nav-anchor1.col3 .nav-list{
  width: 33.3%;
}
.nav-anchor1.col4 .nav-list{
  width: 25%;
}
.nav-anchor1.col5 .nav-list{
  width: 20%;
}

.nav-anchor1 .nav-link{
  display: block;
  text-align: center;
  color: #fff;
  text-decoration: none;
  padding: 58px 0 66px;
  background: #e60025;
  position: relative;
}
.nav-anchor1 .nav-link::after{
  display: inline-block;
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  border-right: solid 1px #fff;
  border-bottom: solid 1px #fff;
  transform: rotate(45deg);
  margin: 12px -6px 0;
  left: 50%;
}
.nav-anchor1.col2 .nav-list:nth-child(1) .nav-link,
.nav-anchor1.col3 .nav-list:nth-child(1) .nav-link,
.nav-anchor1.col4 .nav-list:nth-child(1) .nav-link,
.nav-anchor1.col5 .nav-list:nth-child(1) .nav-link{
  background-color: #e60025;
}
.nav-anchor1.col2 .nav-list:nth-child(1) .nav-link:hover,
.nav-anchor1.col2 .nav-list:nth-child(1) .nav-link:focus,
.nav-anchor1.col3 .nav-list:nth-child(1) .nav-link:hover,
.nav-anchor1.col3 .nav-list:nth-child(1) .nav-link:focus,
.nav-anchor1.col4 .nav-list:nth-child(1) .nav-link:hover,
.nav-anchor1.col4 .nav-list:nth-child(1) .nav-link:focus,
.nav-anchor1.col5 .nav-list:nth-child(1) .nav-link:hover,
.nav-anchor1.col5 .nav-list:nth-child(1) .nav-link:focus{
  background-color: #d80012;
}
.nav-anchor1.col2 .nav-list:nth-child(2) .nav-link,
.nav-anchor1.col3 .nav-list:nth-child(2) .nav-link,
.nav-anchor1.col4 .nav-list:nth-child(2) .nav-link,
.nav-anchor1.col5 .nav-list:nth-child(2) .nav-link{
  background-color: #d50224;
}
.nav-anchor1.col2 .nav-list:nth-child(2) .nav-link:hover,
.nav-anchor1.col2 .nav-list:nth-child(2) .nav-link:focus,
.nav-anchor1.col3 .nav-list:nth-child(2) .nav-link:hover,
.nav-anchor1.col3 .nav-list:nth-child(2) .nav-link:focus,
.nav-anchor1.col4 .nav-list:nth-child(2) .nav-link:hover,
.nav-anchor1.col4 .nav-list:nth-child(2) .nav-link:focus,
.nav-anchor1.col5 .nav-list:nth-child(2) .nav-link:hover,
.nav-anchor1.col5 .nav-list:nth-child(2) .nav-link:focus{
  background-color: #c00111;
}
.nav-anchor1.col2 .nav-list:nth-child(3) .nav-link,
.nav-anchor1.col3 .nav-list:nth-child(3) .nav-link,
.nav-anchor1.col4 .nav-list:nth-child(3) .nav-link,
.nav-anchor1.col5 .nav-list:nth-child(3) .nav-link{
  background-color: #c50222;
}
.nav-anchor1.col2 .nav-list:nth-child(3) .nav-link:hover,
.nav-anchor1.col2 .nav-list:nth-child(3) .nav-link:focus,
.nav-anchor1.col3 .nav-list:nth-child(3) .nav-link:hover,
.nav-anchor1.col3 .nav-list:nth-child(3) .nav-link:focus,
.nav-anchor1.col4 .nav-list:nth-child(3) .nav-link:hover,
.nav-anchor1.col4 .nav-list:nth-child(3) .nav-link:focus,
.nav-anchor1.col5 .nav-list:nth-child(3) .nav-link:hover,
.nav-anchor1.col5 .nav-list:nth-child(3) .nav-link:focus{
  background-color: #aa0111;
}
.nav-anchor1.col2 .nav-list:nth-child(4) .nav-link,
.nav-anchor1.col3 .nav-list:nth-child(4) .nav-link,
.nav-anchor1.col4 .nav-list:nth-child(4) .nav-link,
.nav-anchor1.col5 .nav-list:nth-child(4) .nav-link{
  background-color: #b80321;
}
.nav-anchor1.col2 .nav-list:nth-child(4) .nav-link:hover,
.nav-anchor1.col2 .nav-list:nth-child(4) .nav-link:focus,
.nav-anchor1.col3 .nav-list:nth-child(4) .nav-link:hover,
.nav-anchor1.col3 .nav-list:nth-child(4) .nav-link:focus,
.nav-anchor1.col4 .nav-list:nth-child(4) .nav-link:hover,
.nav-anchor1.col4 .nav-list:nth-child(4) .nav-link:focus,
.nav-anchor1.col5 .nav-list:nth-child(4) .nav-link:hover,
.nav-anchor1.col5 .nav-list:nth-child(4) .nav-link:focus{
  background-color: #a40215;
}
.nav-anchor1.col2 .nav-list:nth-child(5) .nav-link,
.nav-anchor1.col3 .nav-list:nth-child(5) .nav-link,
.nav-anchor1.col4 .nav-list:nth-child(5) .nav-link,
.nav-anchor1.col5 .nav-list:nth-child(5) .nav-link{
  background-color: #b0011e;
}
.nav-anchor1.col2 .nav-list:nth-child(5) .nav-link:hover,
.nav-anchor1.col2 .nav-list:nth-child(5) .nav-link:focus,
.nav-anchor1.col3 .nav-list:nth-child(5) .nav-link:hover,
.nav-anchor1.col3 .nav-list:nth-child(5) .nav-link:focus,
.nav-anchor1.col4 .nav-list:nth-child(5) .nav-link:hover,
.nav-anchor1.col4 .nav-list:nth-child(5) .nav-link:focus,
.nav-anchor1.col5 .nav-list:nth-child(5) .nav-link:hover,
.nav-anchor1.col5 .nav-list:nth-child(5) .nav-link:focus{
  background-color: #9a0114;
}


.nav-anchor1 .mainText{
  font-size: 28px;
  font-weight: bold;
  display: block;
  line-height: 1;
  margin:0 0 16px;
}
.nav-anchor1 .subText{
  font-size: 16px;
  display: block;
  font-family: Arial;
  letter-spacing: 1px;
  line-height: 1;
  font-weight: bold;
}


/*------------------------------------*
  $Information
 *------------------------------------*/

.information-list1{
  border: solid 2px #e60025;
  border-radius: 20px;
  padding: 14px 15% 4px;
  margin:0 0 80px;
  font-size: 18px;
}
.information-list1 > li{
  margin: 0 0 6px;
  letter-spacing: -.5em;
}
.information-list1 a{
  text-decoration: underline;
}
.information-list1 .date,
.information-list1 .text{
  letter-spacing: normal;
  display: inline-block;
}
.information-list1 .date{
  margin-right: 16px;
}
.information-list1 a .text{
  text-decoration: underline;
}
.information-list1 a .text:hover,
.information-list1 a .text:focus{
  text-decoration: none;
}


/*------------------------------------*
  $Title
 *------------------------------------*/
.title1{
  font-size: 24px;
  line-height: 1.4;
  margin: 0 0 30px;
  font-weight: bold;
}


.title2{
  font-size: 18px;
  line-height: 1.4;
  margin: 0 0 20px;
  font-weight: bold;
}


.title3{
  font-size: 22px;
  font-weight: bold;
  margin: 0 0 16px;
  line-height: 1.6;
}
.title3 .sub-text{
  font-size: 18px;
  display: block;
}


/*------------------------------------*
  $Text
 *------------------------------------*/

.text-sml{
  font-size: 14px;
  margin-bottom: 30px;
}


.text-lrg{
  font-size: 24px;
  margin-bottom: 20px;
  line-height: 1.4;
}


/*------------------------------------*
  $Messsage
 *------------------------------------*/

.message1{
  text-align: center;
  margin: 0 0 80px;
}

.message1 .message-catch{
  font-size: 32px;
  font-weight: bold;
  margin: 0 0 50px;
}
.message1 .message-main{
  font-size: 48px;
  font-weight: bold;
  display: block;
}


/*------------------------------------*
  $Index
 *------------------------------------*/

.box-index1{
  margin: 0 0 80px;
}

.box-index1.left{
  text-align: left;
}
.box-index1.center{
  text-align: center;
}
.box-index1.right{
  text-align: right;
}

.box-index1 .contentsInner{
  padding-left: 35px;
  padding-right: 35px;
}

.box-index1 .box-title1{
  min-width: 390px;
  border: solid 5px #3f3f3f;
  background: #fff;
  padding: 20px 16px;
  text-align: center;
  display: inline-block;
  margin: -5% 0 40px;
  font-weight: bold;
	position: relative;
	z-index:9;
}
.box-title1 .mainText{
  font-size: 46px;
  line-height: 1.4;
  display: block;
  margin: 0 0 4px;
}
.box-title1 .subText{
  font-size: 18px;
  line-height: 1.2;
  color: #e60025;
  display: block;
  font-family: Arial;
}


/*------------------------------------*
  $Index list
 *------------------------------------*/

.index-list1{
  letter-spacing: -.5em;
  margin: 0 0 80px -74px;
}
.index-list1 .list{
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  padding-left: 74px;
  text-align: center;
  margin: 0 0 80px;
}
.index-list1.col2 .list{
  width: 50%;
}
.index-list1.col3 .list{
  width: 33.3%;
}
.index-list1.col4 .list{
  width: 25%;
}
.index-list1.col5 .list{
  width: 20%;
}
.index-list1 .list *:last-child{
  margin-bottom: 0;
}

.index-list1 .index-link{
  display: block;
  text-decoration: none;
}
.index-list1 .index-link:hover,
.index-list1 .index-link:focus{
  opacity: 0.9;
}
.index-list1 .index-img{
  margin-bottom: 30px;
}
.index-list1 .index-title{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 30px;
  line-height: 1.4;
}
.index-list1 .index-text{
  margin-bottom: 30px;
  text-align: left;
}


/*------------------------------------*
  $Separate
 *------------------------------------*/

.separate1{
  margin-bottom: 40px;
}
.separate1.imgLeft .separate-block{
  width: 68.9%;
  float: right;
}
.separate1.imgLeft .separate-img{
  float: left;
  padding: 0 40px 0 0;
  width: 31.1%;
}
.box-index1 .separate-img{
  margin-top: -5.5%;
}

.separate1.imgRight .separate-block{
  width: 68.9%;
  float: left;
}
.separate1.imgRight .separate-img{
  float: right;
  padding: 0 0 0 40px;
  width: 31.1%;
}

.separate1 .separate-block > *:last-child,
.separate1 .separate-img > *:last-child{
  margin-bottom: 0;
}


.separate2{
  margin: 0 0 80px;
}
.separate2.imgLeft .separate-block{
  padding-left: 4%;
  float: right;
}
.separate2.imgRight .separate-block{
  padding-right: 4%;
  float: left;
}
.separate2.imgLeft .separate-img{
  float: left;
}
.separate2.imgRight .separate-img{
  float: right;
}
.separate2 .separate-block :last-child,
.separate2 .separate-img :last-child{
  margin-bottom: 0;
}


.separate3{
  letter-spacing: -.5em;
  margin: 0 0 50px;
}
.separate3.imgLeft .separate-block,
.separate3.imgRight .separate-block,
.separate3.imgLeft .separate-img,
.separate3.imgRight .separate-img{
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
}

.separate3.imgLeft .separate-block{
  padding-left: 4%;
}
.separate3.imgRight .separate-block{
  padding-right: 4%;
}

.separate3 .separate-block :last-child,
.separate3 .separate-img :last-child{
  margin-bottom: 0;
}

.separate-link{
  display: block;
  text-decoration: none;
}
.separate-link:hover,
.separate-link:focus{
  opacity: 0.9;
}


/*------------------------------------*
  $Button
 *------------------------------------*/

.btn1{
  display: inline-block;
  margin: 0 0 40px;
}
.btn1 .btnLink,
.btn1 .btnNotLink{
  background: #e60025;
  color: #fff;
  font-size: 18px;
  text-decoration: none;
  position: relative;
  padding: 12px 28px;
  display: inline-block;
  min-width: 320px;
  border-radius: 100px;
  text-align: center;
}
.btn1 .btnLink:hover,
.btn1 .btnLink:focus{
  background-color: #d80012;
}
.btnLink .arrowRight::after,
.btnNotLink .arrowRight::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 9px;
  height: 9px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  transform: rotate(45deg);
  margin: -.3em 0 0;
}
.btnLink .close::after{
  content: "×";
  position: absolute;
  top: 50%;
  right: 20px;
  margin: -.5em 0 0;
  line-height: 1;
  font-size: 18px;
}


.btnLink .arrowLeft::after{
  content: "";
  position: absolute;
  top: 50%;
  left: 20px;
  width: 9px;
  height: 9px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  transform: rotate(225deg);
  margin: -.3em 0 0;
}

.btn1 .btnLink.btnLinkBack { background: #8f8f8f;}


/*------------------------------------*
  $Image
 *------------------------------------*/

.full-img{
  text-align: center;
  margin-bottom: 80px;
}
.box-index1 .full-img{
  margin-bottom: 0;
}
.full-img img{
  width: 100%;
  max-width: 1600px;
}


/*------------------------------------*
  $List
 *------------------------------------*/

.list1{
  margin: 0 0 30px;
}
.list1 .list-text{
  margin: 0 0 2px;
  position: relative;
  padding: 0 0 0 1.4em;
}
.list1 .list-text::before{
  position: absolute;
  margin: 0 0 0 -1.4em;
  content: "・";
}
.list1 ul{
  margin: 8px 0;
}


.list-note1{
  font-size: 14px;
  margin: 0 0 30px;
  text-align: left;
}
.list-note1 > .list-text{
  display: block;
  position: relative;
  padding: 0 0 0 1.4em;
  margin: 0 0 2px;
  width: 100%;
}
.list-note1 > .list-text::before{
  content: "※";
  position: absolute;
  margin: 0 0 0 -1.4em;
}


/*------------------------------------*
  $Time schedule
 *------------------------------------*/

.timeSchedule1{
  margin-bottom: 100px;
}
.timeSchedule1 .timeSchedule-list{
  position: relative;
  overflow: hidden;
  padding-bottom: 30px;
}


.timeSchedule1 .timeSchedule-list::before{
  content: "";
  display: inline-block;
  position: absolute;
  z-index: 5;
  left: 6.4%;
  bottom: 20px;
  width: 1px;
  height: 1000px;
  border-left: solid 6px #4e4d4b;
}
.timeSchedule1 .timeSchedule-list::after{
  content: "";
  position: absolute;
  z-index: 5;
  left: 5.6%;
  bottom: 10px;
  border-top: 15px solid #4e4d4b;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
}
.timeSchedule1 .timeSchedule-list{
  padding-bottom: 30px;
}
.timeSchedule1 .timeSchedule-list:last-child{
  padding-bottom: 0;
}
.timeSchedule1 .timeSchedule-list:last-child::before{
  bottom: 0;
}
.timeSchedule1 .timeSchedule-list:last-child::after{
  content: none;
}

.timeSchedule1 .timeSchedule-icon{
  position: absolute;
  z-index: 5;
  top: 0%;
  left: 10px;
  width: 11%;
}
.timeSchedule1 .timeSchedule-title{
  background: #f5f5f5;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: -.5em;
  padding: 4px 0 4px 24%;
  margin: 0 -10% 30px -28%;
  line-height: 1.4;
}
.timeSchedule1 .timeSchedule-title .time,
.timeSchedule1 .timeSchedule-title .text{
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 20px;
}


.timeSchedule1 .timeSchedule-block{
  width: 71%;
  padding: 2.5% 4% 0 14%;
  float: left;
  position: relative;
  z-index: 1;
}
.timeSchedule1 .timeSchedule-img{
  width: 29%;
  float: right;
  position: relative;
  z-index: 3;
}

.timeSchedule1 .timeSchedule-list.break{
  padding-bottom: 60px;
}
.timeSchedule1 .timeSchedule-list.break::before,
.timeSchedule1 .timeSchedule-list.break::after{
  content: none;
}

.timeSchedule1 .timeSchedule-list.break .timeSchedule-block{
  float:none;
  width: 100%;
  padding-right: 0;
}
.timeSchedule1 .timeSchedule-list.break .timeSchedule-title{
  padding-left: 25.5%;
}


/*------------------------------------*
  $Grid
 *------------------------------------*/

.grid-entrust{
  display: table;
  table-layout: auto;
  width: 100%;
  margin: 0 0 40px;
}
.grid-entrust .col{
  display: table-cell;
  padding-right: 40px;
}
.grid-entrust .col:last-child{
  padding-right: 0;
}


.grid1{
  letter-spacing: -.5em;
  margin: -50px 0 80px -50px;
}
.grid1 .col{
  display: block;
  letter-spacing: normal;
  padding: 50px 0 0 50px;
  vertical-align: top;
}
.grid1.col1.color3{
  text-align: center;
}
.grid1.col1.color3 .col{
  width: 50%;
  display: inline-block;
}
.grid1.col2 .col{
  width: 50%;
  display: inline-block;
}
.grid1.col3 .col{
  width: 33.3%;
  display: inline-block;
}
.grid1.col4 .col{
  width: 25%;
  display: inline-block;
}
.grid1.col5 .col{
  width: 20%;
  display: inline-block;
}
.grid1 .colInner{
  padding: 38px 30px 1px;
}
.grid1.color1 .colInner{
  background: #f5f5f5;
}
.grid1.color2 .colInner{
  background: #f5f5e8;
}
.grid1.color3 .colInner{
  border: solid 4px #2172b4;
  padding: 45px 45px 1px;
}

.grid1 .column-title{
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 30px;
}
.grid1.color3 .column-title{
  color: #fff;
  background: #2172b4;
  padding: 4px;
  line-height: 1.4;
  text-align: center;
}

.grid1.col3 .btn1,
.grid1.col3 .btn1 .btnLink,
.grid1.col3 .btn1 .btnNotLink{
  width: 100%;
  min-width: auto;
  display: block;
}


/*------------------------------------*
  $Icon
 *------------------------------------*/

.icon-blank1{
  width: 12px;
  height: 12px;
  vertical-align: middle;
  margin: -1px 0 0 6px;
}


/*------------------------------------*
  $Adjust
 *------------------------------------*/

.al{
  text-align: left !important;
}
.ac{
  text-align: center !important;
}
.ar{
  text-align: right !important;
}


.vt{
  vertical-align: top !important;
}
.vm{
  vertical-align: middle !important;
}
.vb{
  vertical-align: bottom !important;
}


.mb0{
  margin-bottom: 0px !important;
}
.mb5{
  margin-bottom: 5px !important;
}
.mb10{
  margin-bottom: 10px !important;
}
.mb20{
  margin-bottom: 20px !important;
}
.mb30{
  margin-bottom: 30px !important;
}
.mb40{
  margin-bottom: 40px !important;
}
.mb50{
  margin-bottom: 50px !important;
}
.mb60{
  margin-bottom: 60px !important;
}
.mb70{
  margin-bottom: 70px !important;
}
.mb80{
  margin-bottom: 80px !important;
}
.mb90{
  margin-bottom: 90px !important;
}
.mb100{
  margin-bottom: 100px !important;
}


/*------------------------------------*
  $Contents
 *------------------------------------*/

/*タイトル*/
.cnt_ttl { text-align: center; margin: 80px 0 40px;}
.cnt_ttl_notxt { text-align: center; margin: 40px 0 80px;}
.cnt_ttl span, .cnt_ttl_notxt span { display: none;}

.cnt_ttl_noimg { text-align: center; margin: 90px 0 50px; letter-spacing: 8px;}


p.dn{ display: none;}


/*オーケーで働く人の紹介*/
.staff_voice_list li {
	display: inline-block;
	text-align: center;
	width: 46%;
	margin: 0 3% 50px 0;
	line-height: 250%;
	}
	
.staff_voice_list li:nth-child(even) { margin: 0 0 70px 3%;}
.staff_voice_list li:last-child { margin-bottom:50px;}

.staff_voice_list li a { text-decoration: none; display: block;}
.staff_voice_list li a:hover,
.staff_voice_list li a:focus { opacity: 0.9;}

.staff_voice_list li img { margin-bottom: 25px;} 
.staff_voice_list li span.catch { font-size: 1.3rem; font-weight: bold;}

.staff_voice_list li .btn1 { margin-top: 22px;}

 /*　スタッフインタビュー　*/
.interview01 dt { font-weight: bold;}
.interview01 dd { margin: 0 0 60px 0; font-size: 95%;} 
.interview01 dd .int_catch { font-size: 120%; font-weight: bold; padding:0; margin: 20px 0 20px 0;}
.interview01 dd img { margin: 45px 0 10px 0;}

.ft_interview { text-align: center; max-width: 1100px; margin: 100px auto 50px;}
.sub_ttlBox01 { border: 2px solid #3f3f3f; padding: 20px 40px; font-size: 115%; font-weight: bold; margin: 0 auto;}

.ft_interview ul { margin: 100px 0; padding: 0 0 50px 0; }
.ft_interview ul li{ display: inline-block; padding: 0 1%; width: 22%; vertical-align: bottom; height: 100%; position: relative;}
.ft_interview ul li:first-child{
  display: none;
}

.ft_interview ul li img { width: 100%;}
.ft_interview ul li a:hover img { opacity: 0.9;}

.ft_interview ul li p {
	position: absolute;
	background-color: #fff;
	text-align: left;
	padding: 4% 4% 4% 6%;
	width: 82%;
	font-size: 60%;
	margin-top: -22%;
	margin-left: 9%;
	height: 22%;
	}

.ft_interview ul li p strong { font-weight: bold; font-size: 105%;}
.ft_iv_link a { display: block;}

 /*　研修制度　*/
h2.subTtl_tr {
	font-weight: bold; 
	font-size: 120%;
	margin: 0 0 20px 0;
	}
.txt_tr {
	font-size: 90%;
	margn-bottom: 30px;
	}

.tr_map_img { margin-bottom: 75px;}

.trStepBox dl {
	width: 70%;
	float: left;
	margin-top: 25px;
	}
.trStepBox dt { width: 100%; display:table;}

.trStepBox dt .step {
	background-color: #2072b4;
	color: #fff;
	height: 100%;
	font-weight: normal;
	padding: 1%;
	width: 18%;
	text-align: center;
	display:table-cell;
	}

.trStepBox dt .ttl {
	background-color: #f5f5f5;
	font-weight: bold;
	width: 100%;
	height: 100%;
	padding: 1% 3% 1%;
	width: 82%;
	display:table-cell;
	}

.trStepBox dd { 
	padding: 20px 20px 0 0;
	line-height: 200%;
	font-size: 95%;
	clear: both;
	}
.trStepBox img {
	width: 30%;
	float: right;
	margin-bottom: 75px;
	}

.trStepBox dd.gaibu { padding: 0 20px 0 0; }
.trStepBox img.bumon-img {width: 30%; float: right; margin-bottom: 55px;}

.trStepBox dd p.subTtl { padding: 0 0 10px 0; margin: 0;}
.trStepBox .clear-pc { clear: both;}
.tr_map_img { margin-bottom: 75px;}


/*　研修制度 下部リンク　*/
.btn-box {
    margin-top: 40px;
	text-align: center;
}

.btn {
    width: initial;
    margin: 0 15px 30px;
    padding: 5px 35px;
    position: relative;
	width: 40%;
    min-width: 220px;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    color: #fff;
    background: #8f8f8f;
    text-align: center;
    display: inline-block;
    border-radius: 25px;
	font-size: 85%;
	text-decoration: none;
}

.btn.recBtm { width: 25%; margin-top: 50px;}

a:hover.btn { opacity: 0.8;}

.btn:after {
	position: absolute;
    top: 50%;
    right: 20px;
    width: 9px;
    height: 9px;
    content: "";
	border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    transform: rotate(45deg);
    margin: -.3em 0 0;
}

.btn.left:after {
	position: absolute;
    top: 50%;
    right: 20px;
    width: 9px;
    height: 9px;
    left: 18px;
    content: "";
	border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    transform: rotate(225deg);
    margin: -.3em 0 0;
}
.btn-red {
    background-color: #e60025;
}

/*　募集要項　*/
.recruitDl dl { 
	display: table;  
	border-top: 1px solid #dadada;
	width: 100%;
	font-size: 90%;
}
.recruitDl dl.endDl { 
	border-bottom: 1px solid #dadada;
}

.recruitDl dl.endDl a {color: #e60025; text-decoration: none;}
.recruitDl dl.endDl a:hover { text-decoration: underline;}
.recruitDl dt {
	display: table-cell;  
	width: 25%;
	font-weight: bold;
	vertical-align: middle;
	padding: 40px 0; 
	}
.recruitDl dd {
	display: table-cell;  
	width: 75%;
	padding: 40px 0;
	}
	
.recruitDl dd .gray01 { font-size: 90%; color: #9c9c9c;}
.recruitDl dd .red01 { color: #e60025;}

.recruitDl .entry_icon li { display: inline-block; padding: 0 20px 20px 0; }
.recruitDl .entry_icon li:last-child { padding: 0; }
.recruitDl .endDl .entry_icon { margin-top: 40px;}

.recruitDl .entry_icon2 li { display: inline-block; padding: 0 20px 20px 0; width: 25%; }
.recruitDl .entry_icon2 li img { width: 100%;}
.recruitDl .entry_icon2 li:last-child { padding: 0; }
.recruitDl .endDl .entry_icon2 { margin-top: 40px;}

.recTtlH2{ text-align: center; margin: 80px 0 40px;}

/*　出身校一覧　*/
.courseArea { text-align: center;}
.course_nav li a { color: #fff; text-decoration: none;}

.btn_course {
    width: initial;
    padding: 5px 0 30px;
    position: relative;
	width: 18%;
	margin: 10px 1%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    color: #fff;
    background: #e60025;
    text-align: center;
    display: inline-block;
	text-decoration: none;
	float: left;
}


.btn_course:after {
	position: absolute;
    top: 55%;
    right: 48%;
    width: 9px;
    height: 9px;
    content: "";
	border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    transform: rotate(135deg);
}

a.btn_course:hover { opacity: 0.8;}

.course_shinro { clear: both; }

.btn_course_shinro {
    width: initial;
    margin: 30px 0 20px;
    padding: 5px 0 20px;
    position: relative;
	width: 40%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0;
    color: #fff;
    background: #979797;
    text-align: center;
    display: inline-block;
	text-decoration: none;
}


.btn_course_shinro:after {
	position: absolute;
    top: 60%;
    right: 48%;
    width: 9px;
    height: 9px;
    content: "";
	border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    transform: rotate(135deg);
}

a.btn_course_shinro:hover { opacity: 0.8;}

.courseArea .recommend-title {
    font-size: 24px;
    border: solid 2px #3f3f3f;
    padding: 18px 16px;
    line-height: 1.4;
    min-width: 320px;
    display: inline-block;
    margin: 35px auto 35px;
    font-weight: bold;
}

.courseDl dt { text-align: center; background-color: #f5f5f5; width: 100%; margin: 20px 0; font-weight: bold; padding: 2px 0;}
.courseDl dd { width: 90%; margin: 35px 5% 55px; text-align: left; font-size: 95%;}

.course_shinroBox { background-color: #f7f7f7; border: 6px solid #c8c8c8; width: 100%; padding: 50px 0 10px; margin-top:120px;text-align: center; } 
.course_shinroBox .txt { font-size: 90%;}
.course_shinroBox .txt_ok{ font-size: 70%; margin: 50px 0;}


/*　新卒採用・中途採用　トップ　*/
.contentsInner_ngTop{
  width: 100%;
  max-width: 1200px;
  margin: -40px auto 70px;
  padding: 0;
}

.contentsInner_ngTop2{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 70px;
  padding: 30px 0 0 0;
}

.contentsInner_ngTop.mcend{ padding-bottom: 50px;}

.ng_top_sv_txt { float: left; width: 48%; padding: 20px 0 0 5%; font-size: 90%;}
.ng_top_sv_txt .btn1 { padding-top: 30px;}

.ng_top_sv_img { float: right; width: 48%;}
.ng_top_sv_img img { width: 31%; margin:0 0 0 2%;}
.ng_top_sv_img img.endimg { width: 31%; margin:0 0 0 0;}

.ng_top_sv_btn {padding: 30px 0 0 5%; }

.ng_top_jr_txt { float: right; width: 48%; padding: 20px 0 0 0; font-size: 90%; text-align: right;}
.ng_top_jr_txt .btn1 { padding-top: 30px;}
.ng_top_jr_btn { padding: 30px 0 0 5%; float: right;}


.ng_top_jr_img { float: left; width: 48%; }
.ng_top_jr_img img { width: 31%; margin:0 2% 0 0;}
.ng_top_jr_img img.endimg { width: 31%; margin:0 0 0 0;}


.ng_top_trainingBox { width: 48%; float: left; margin: 0 2% 0 0; font-size: 90%; }
.ng_top_trainingBox img { width: 100%; padding-bottom: 20px;}


.ng_top_dataBox { width: 48%; float: right; margin: 0 0 0 2%; font-size: 90%;}
.ng_top_dataBox img { width: 100%; padding-bottom: 20px;}

.ng_top_courseBox {
  clear: both; /*padding: 60px 0 30px 0;*/ 
  height: 1px;
}
.ng_top_courseBox img { width: 100%;}

.ng_top_courseBox a:hover, .ng_top_dataBox a:hover, .ng_top_trainingBox a:hover { opacity: 0.9;}


/*　パート・アルバイト・契約社員　募集情報一覧　*/
.r_list_catch { font-size: 90%; margin: -10px 0 80px;}

.r_list li {
	display: inline-block;
	text-align: center;
	width: 46%;
	margin: 0 0 50px 0;
	line-height: 200%;
	vertical-align: top;
	}
	
.r_list li:nth-child(even) { margin: 0 0 70px 3%;}
.r_list li:last-child { margin-bottom:50px;}

.r_list li a { text-decoration: none; display: block;}
.r_list li a:hover,
.r_list li a:focus { opacity: 0.9;}

.r_list li img { margin-bottom: 25px;} 
.r_list li p.r-listTtl { font-size: 1.3rem; font-weight: bold; margin: 0 0 10px 0;}
.r_list li p.r-listTxt { text-align: left;  margin: 0 0 10px 0;}

.r_list li .btn1 { margin-top: 22px;}

.r_list li .btn1.btn1-2 { margin-top: -10px;}

/*　オープニングスタッフ　募集情報一覧　*/
.openingstaffBox p { text-align: center; font-size: 85%;}
.openingstaffBox { text-align: center;}

.openingstaffBox .colR1 { color: #e60025;}

.contentsInner_openingStaffTop{
  width: 100%;
  max-width: 830px;
  margin: 40px auto 20px;
  padding: 0;
}

.os_text01 { font-size: 90%; 
}

.os_BtmLink { text-align: center; margin: 50px 0 10px;}

.contentsInner_openingStaffTop .recommend-title {
    font-size: 24px;
    border: solid 2px #3f3f3f;
    padding: 18px 16px;
    line-height: 1.4;
    min-width: 320px;
    display: inline-block;
    margin: 35px auto 35px;
    font-weight: bold;
	text-align: center;
}

.contentsInner_openingStaffTop h3 { margin: 80px 0 20px;}

.os_BtmLink .btn1 { margin: 30px 20px ;}


/*会社紹介*/
.companyTopBox { text-align: center; }
.companyTopBox h2 { margin: -10px 0 20px; font-size: 180%; letter-spacing: 0.1em;}
/*.companyBox2 { padding-top: 70px;}*/
.companyTopBox .btn1{
  margin-bottom: 110px;
}

.company-nav{ margin-top: 100px;}

/*社長メッセージ*/
.message_main {text-align: center; padding-top: 80px;}
.message_credit { text-align: right; font-size: 85%; padding: 30px 0 0 0;}
.message_BtmLink { text-align: center; margin: 80px 0 10px;}
.message_BtmLink .btn1 { margin: 20px;}


/*数字で見るオーケー*/
.data_main {text-align: center; padding-top: 30px;}
.data_main .data_title{
    font-size: 24px;
    border: solid 2px #3f3f3f;
    padding: 18px 16px;
    line-height: 1.4;
    min-width: 320px;
    display: inline-block;
    margin: 35px auto 35px;
    font-weight: bold;
	text-align: center;
}

.dataBox1 { background-color: #f9f6f3; padding:40px 50px; text-align: left; margin-top: 10px;}
.dataBox2 { background-color: #fff; padding:40px 50px; text-align: left;margin-top: 10px;}
.dataBox1.end { margin-bottom: 50px;}

.data_ttl { color: #e60025; font-weight: bold; font-size: 120%; line-height: 1.1; letter-spacing: 0.2em; margin: 0; padding: 0; }
.data_ttl .num { font-size: 8em; font-weight: normal; letter-spacing: 0;}
.data_ttl .num2 { font-size: 5em; font-weight: normal; letter-spacing: 0; line-height: 1.2;}
.data_ttl .txt { font-size: 250%;}
.data_txt1 { margin: 0; padding: 0; font-size: 95%;}
.data_txt2 { margin: 20px 0 0; padding: 0; font-size: 75%;}
.data_txt2_2 { margin: 5px 0 0; padding: 0; font-size: 75%;}
.data_txtBox { width: 60%; float: left;}
.data_imgBox { width: 40%; float: right; }
.data_imgBox img { width: 100%; vertical-align: middle;}
.dataBox1 .clear-pc, .dataBox2 .clear-pc { clear: both;}

.data_imgCard { margin-top: 10px;}
.data_imgTenkin { margin-top: 15px;}

.e_man { width: 50%; float: left; text-align: center; font-size: 90%;}
.e_man img, .e_women img { margin: 30px 0 10px 0;}

.e_women { width: 50%; float: right; text-align: center;font-size: 90%;}

.data_BtmLink { text-align: center; margin: 40px 0 10px;}
.data_BtmLink .btn1 { margin: 20px;}


.data_txt1 a { color: #e60025;}

/*------------------------------------*
  $Js
 *------------------------------------*/

/*;
.js-accordionTitle1{
  pointer-events: none;
}
*/


.js-slick-fade *{
  line-height: 0;
}
.js-slick-fade > * > * > * > * div{
  width: auto !important;
}
.js-slick-fade .slick-prev, 
.js-slick-fade .slick-next{
  display: none !important;
}


.modalOpen{
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.modalContents {
  display: none;
  position: fixed;
  z-index: 111;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.modalClose{
  font-weight: bold;
  text-align: center;
  font-size: 36px;
  color: #333;
  line-height: 40px;
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 36px;
  background: #fff;
  position: absolute;
  top: -20px;
  right: -20px;
  box-shadow: 4px 4px 10px rgba(0,0,0,0.1);
  cursor: pointer;
}

.modalClose.overlay{
  position: fixed;
  top: 0;
  left: 0;
  background:rgba(0, 0, 0, 0.9);
  width: 100%;
  height: 100vh;
  z-index: 110;
  display: block;
  border-radius: 0;
}



/*------------------------------------*
  $Other
 *------------------------------------*/

.clear::after{
  clear: both;
  display: block;
  height: 1px;
  content: "";
}

.br-lrg{
  display: inline;
}
.br-mdl{
  display: none;
}
.br-sml{
  display: none;
}

.pc-show,
.show-lrg{
  display: inline;
}
.sp-show,
.show-sml{
  display: none;
}

.contents-main hr,
.clearHidden{
  display: none;
}


.movie1{
  width: 854px;
  height: 480px;
}



/*------------------------------------*
  $Media query
 *------------------------------------*/

  /* $Tablet */
@media (max-width: 1040px){
  .nav-anchor1{
    margin-bottom: 40px;
  }
  .nav-anchor1 .nav-link{
    padding-top: 30px;
    padding-bottom: 48px;
  }
  .nav-anchor1 .mainText{
    font-size: 24px;
    margin-bottom: 8px;
  }
  .nav-anchor1 .subText{
    font-size: 14px;
  }

  .information-list1{
    font-size: 14px;
    margin-bottom: 60px;
  }

  .message1{
    margin-bottom: 60px;
  }
  .message1 .message-catch{
    font-size: 28px;
    margin-bottom: 40px;
  }
  .message1 .message-main{
    font-size: 38px;
  }

  .box-index1{
    margin-bottom: 40px;
  }
  .box-index1 .box-title1{
    min-width: 340px;
  }
  .box-title1 .mainText{
    font-size: 36px;
  }
  .box-title1 .subText{
    font-size: 16px;
  }

  .index-list1{
    letter-spacing: -.5em;
    margin: 0 0 80px -44px;
  }
  .index-list1 .list{
    padding-left: 40px;
  }
  .index-list1 .btn1{
    display: block;
  }
  .index-list1 .btn1 .btnLink,
  .index-list1 .btn1 .btnNotLink{
    min-width: 100%;
  }

  .separate1.imgLeft .separate-block,
  .separate1.imgRight .separate-block{
    width: 55%;
  }
  .separate1.imgLeft .separate-img,
  .separate1.imgRight .separate-img{
    width: 45%;
  }
  .separate1.imgLeft .separate-img{
    padding-right: 30px;
  }
  .separate1.imgRight .separate-img{
    padding-left: 30px;
  }
  .separate3 .btnLink,
  .separate3 .btnNotLink{
    min-width: 240px;
  }

  .timeSchedule1{
    margin-bottom: 60px;
  }
  .timeSchedule1 .timeSchedule-list::before{
    left: 7%;
  }
  .timeSchedule1 .timeSchedule-list::after{
    left: 5.6%;
  }
  .timeSchedule1 .timeSchedule-title{
    font-size: 16px;
  }

  .grid1{
    margin: -30px 0 60px -30px;
  }
  .grid1 .col{
    padding: 0 0 0 30px;
    margin: 30px 0 0 0;
  }
  .grid1 .colInner{
    padding: 30px 24px 1px;
  }

  .grid-entrust .col{
    padding-right: 20px;
  }

  .br-mdl{
    display: inline;
  }

  .modalContents{
    left: 5%;
    right: 0;
    transform: translate(0%, -50%);
    width: 90%;
    padding-top: 56.2%;
  }

  .movie1{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  
  /*タイトル*/ 
	.cnt_ttl_noimg { text-align: center; margin: 90px 15px 50px; letter-spacing: 8px;}	
	
  /*オーケーで働く人の紹介*/ 
	.cnt_ttl.sv_ttl img { width: 85%;}  

	.staff_voice_list li {
		font-size: 90%;
		margin: 0 3% 20px 0;
		}
	.staff_voice_list li:nth-child(even) { margin: 0 0 20px 3%; }
	.staff_voice_list li span.catch { font-size: 1rem; font-weight: bold; }

  .ft_iv_link a{
    letter-spacing: -1px;
  }
  
  /*研修制度*/ 
	.trStepBox dt { font-size: 85%; }
	
	 /*パート・アルバイト・契約社員　募集情報一覧*/ 

	.r_list li {
		font-size: 90%;
		margin: 0 3% 20px 0;
		}
	.r_list li:nth-child(even) { margin: 0 0 20px 3%; }
	.r_list li p.r-listTtl { font-size: 1rem; font-weight: bold; }
}



  /* $Smart phone */
@media (max-width: 767px){
  .box-index1 .contentsInner{
    padding-left: 15px;
    padding-right: 15px;
  }

  .nav-anchor1{
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 40px;
  }

  .nav-anchor1.index{
    margin-top: 0;
  }
  .contents-main .nav-anchor1.index{
    margin-top: -60px;
  }

  .nav-anchor1.col4 .nav-list,
  .nav-anchor1.col5 .nav-list{
    width: 50%;
  }
  .nav-anchor1 .nav-link{
    padding-top: 20px;
    padding-bottom: 36px;
  }
  .nav-anchor1.col4 .nav-list:nth-child(1n) .nav-link,
  .nav-anchor1.col5 .nav-list:nth-child(1n) .nav-link{
    background-color: #e60025;
  }
  .nav-anchor1.col4 .nav-list:nth-child(2) .nav-link,
  .nav-anchor1.col4 .nav-list:nth-child(3) .nav-link,
  .nav-anchor1.col4 .nav-list:nth-child(6) .nav-link,
  .nav-anchor1.col4 .nav-list:nth-child(7) .nav-link,
  .nav-anchor1.col4 .nav-list:nth-child(10) .nav-link,
  .nav-anchor1.col4 .nav-list:nth-child(11) .nav-link,
  .nav-anchor1.col5 .nav-list:nth-child(2) .nav-link,
  .nav-anchor1.col5 .nav-list:nth-child(3) .nav-link,
  .nav-anchor1.col5 .nav-list:nth-child(6) .nav-link,
  .nav-anchor1.col5 .nav-list:nth-child(7) .nav-link,
  .nav-anchor1.col5 .nav-list:nth-child(10) .nav-link,
  .nav-anchor1.col5 .nav-list:nth-child(11) .nav-link{
    background-color: #d50224;
  }
  .nav-anchor1 .nav-link::after{
    width: 6px;
    height: 6px;
    margin-top: 6px;
    margin-left: -3px;
    margin-right: -3px;
  }
  .nav-anchor1 .mainText{
    font-size: 12px;
    letter-spacing: 0;
    margin-bottom: 4px;
  }
  .nav-anchor1 .subText{
    font-size: 10px;
  }

  .information-list1{
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 40px;
    background: #fbe5e8;
    border: none;
    border-radius: 0;
    padding: 20px 15px 12px;
    font-size: inherit;
  }
  .information-list1 > li{
    border-top: dotted 1px #ccc;
    padding-top: 10px;
  }
  .information-list1 > li:first-child{
    border: none;
    padding-top: 0;
  }
  .information-list1 a .text{
    display: block;
    margin: -4px 0 8px;
  }

  .text-sml{
    margin-bottom: 20px;
  }
  .text-lrg{
    font-size: 16px;
    margin-bottom: 20px;
  }

  .title1,
  .title2{
    font-size: 16px;
    margin-bottom: 15px;
  }
  .title3{
    font-size: 14px;
    margin-bottom: 12px;
  }

  .message1{
    margin-bottom: 40px;
  }
  .message1 .message-catch{
    font-size: 14px;
    margin-bottom: 20px;
  }
  .message1 .message-main{
    font-size: 16px;
    letter-spacing: -0.5px;
    transform: scaleX(0.9);
    margin-left: -30px;
    margin-right: -30px;
  }

  .box-index1{
    margin-bottom: 40px;
  }
  .box-index1 .contentsInner > *:last-child{
    margin-bottom: 0;
  }
  .box-index1.right,
  .box-index1.center{
    text-align: left;
  }

  .index-list1{
    letter-spacing: normal;
    margin: 0 0 40px;
  }
  .index-list1 .list{
    display: block;
    padding-left: 0;
    margin-bottom: 40px;
  }
  .index-list1.col2 .list,
  .index-list1.col3 .list,
  .index-list1.col4 .list,
  .index-list1.col5 .list{
    width: 100%;
  }

  .index-list1 .index-img{
    margin-bottom: 20px;
  }
  .index-list1 .index-title{
    font-size: 16px;
    margin-bottom: 15px;
  }
  .index-list1 .index-text{
    margin-bottom: 20px;
  }

  .box-index1 .box-title1{
    min-width: 190px;
    padding: 13px 15px 15px;
    border-width: 3px;
    margin-top: -14%;
    margin-bottom: 20px;
  }
  .box-title1 .mainText{
    font-size: 24px;
    margin-bottom: 2px;
  }
  .box-title1 .subText{
    font-size: 12px;
  }

  .separate1{
    margin-bottom: 0;
  }
  .separate1.imgLeft .separate-block,
  .separate1.imgRight .separate-block,
  .separate1.imgLeft .separate-img,
  .separate1.imgRight .separate-img{
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
  .separate1.imgLeft .separate-img{
    padding-right: 0;
  }
  .separate1.imgRight .separate-img{
    padding-left: 0;
  }
  .box-index1 .separate-img{
    margin-top: 0;
  }
  .separate1 .separate-block > *:last-child,
  .separate1 .separate-img > *:last-child{
    margin-bottom: 0;
  }

  .separate2{
    margin-bottom: 20px;
  }
  .separate2.imgLeft .separate-block,
  .separate2.imgRight .separate-block,
  .separate2.imgLeft .separate-img,
  .separate2.imgRight .separate-img{
    padding-left: 0;
    padding-right: 0;
    float: none;
    width: 100% !important;
    margin-bottom: 20px;
  }

  .separate3{
    margin-bottom: 20px;
  }
  .separate3.imgLeft .separate-block,
  .separate3.imgRight .separate-block,
  .separate3.imgLeft .separate-img,
  .separate3.imgRight .separate-img{
    padding-left: 0;
    padding-right: 0;
    float: none;
    width: 100% !important;
    margin-bottom: 20px;
    text-align: center;
  }
  .separate3 .btnLink,
  .separate3 .btnNotLink{
    min-height: auto;
    width: 100%;
  }

  .btn1{
    display: block;
    margin-left: 20px;
    margin-right: 20px;
  }
  .grid1 .btn1{
    margin-bottom: 20px;
  }
  .btn1 .btnLink,
  .btn1 .btnNotLink{
    min-width: 100%;
    font-size: 14px;
    padding: 12px 10px;
  }
  .btn1 .btnLink:hover,
  .btn1 .btnLink:focus{
    background-color: #d80012;
  }
  .btnLink .arrowRight::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 9px;
    height: 9px;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    transform: rotate(45deg);
    margin: -.3em 0 0;
  }

  .full-img{
    margin-bottom: 60px;
  }

  .timeSchedule1{
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 40px;
  }
  .timeSchedule1 .timeSchedule-list.break{
    padding-bottom: 20px;
  }
  .timeSchedule1 .timeSchedule-list::before{
    left: 46px;
  }
  .timeSchedule1 .timeSchedule-list::after{
    left: 39px;
  }
  .timeSchedule1 .timeSchedule-icon{
    width: 78px;
  }
  .timeSchedule1 .timeSchedule-title{
    font-size: 14px;
    line-height: 1.6;
    padding: 6px 15px 6px 90px;
    margin-left: -90px;
    margin-bottom: 20px;
  }
  .timeSchedule1 .timeSchedule-list.break .timeSchedule-title{
    padding-left: 90px;
  }
  .timeSchedule1 .timeSchedule-title .time,
  .timeSchedule1 .timeSchedule-title .text{
    display: block;
  }
  .timeSchedule1 .timeSchedule-block,
  .timeSchedule1 .timeSchedule-img{
    width: 100%;
    float: none;
    padding-left: 90px;
    padding-right: 15px;
  }

  .grid-entrust{
    display: block;
    margin-left: -15px;
    margin-right: -15px;
    width: auto;
  }
  .grid-entrust .col{
    display: block;
    padding-right: 0;
  }

  .grid1{
    margin: -15px 0 40px;
  }
  .grid1 .col{
    padding-left: 0;
    margin-top: 15px;
  }
  .grid1.col1 .col,
  .grid1.col2 .col,
  .grid1.col3 .col,
  .grid1.col4 .col,
  .grid1.col5 .col,
  .grid1.col1.color3 .col,
  .grid1.col2.color3 .col,
  .grid1.col3.color3 .col{
    width: 100%;
  }
  .grid1 .colInner,
  .grid1.color3 .colInner{
    padding: 20px 15px 1px;
    height: auto !important;
  }

  .js-accordionTitle1{
    position: relative;
    padding-left: 36px;
    padding-right: 36px;
    letter-spacing: -1px;
    pointer-events: all;
  }
  .js-accordionTitle1::after{
    font-size: 16px;
    content: "＋";
    position: absolute;
    top: 50%;
    right: 15px;
    border: solid 1px #3f3f3f;
    line-height: 1;
    display: inline-block;
    margin-top: -0.6em;
  }
  .js-accordionTitle1.open::after{
    content: "－";
  }
  .js-accordionBlock1{
    display: none;
  }

  .js-slick-fade > * > * > * > * div{
    width: 100% !important;
  }

  .modalClose{
    line-height: 1;
  }

  .br-lrg{
    display: none;
  }
  .br-mdl{
    display: none;
  }
  .br-sml{
    display: inline;
  }

  .pc-show,
  .show-lrg{
    display: none;
  }
  .sp-show,
  .show-sml{
    display: inline;
  }
  iframe{
    width: 100%;
    height: auto;
  }

/*タイトル*/
.cnt_ttl { text-align: center; margin: 30px 0 20px;}
.cnt_ttl_noimg {
  text-align: center;
  margin: 30px 0;
  font-size: 150%;
  letter-spacing: 1px;
}
.cnt_ttl_notxt { text-align: center; margin: 10px 0 50px;}
.cnt_ttl_noimg2 { text-align: center; margin: 20px 0 30px; font-size: 140%; letter-spacing: 1px; }

/*オーケーで働く人の紹介*/
.staff_voice_list li {
	display: inline-block;
	text-align: center;
	margin: 0 3% 10px;
	line-height: 200%;
	font-size: 95%;
	padding: 0;
	width: 94%;
	}
	
.staff_voice_list li:nth-child(even) { margin: 0 3% 10px; }
.staff_voice_list li:last-child { margin-bottom:0; }

.staff_voice_list li img { margin-bottom: 20px;} 
.staff_voice_list li span.catch { font-size: 115%; font-weight: bold;}
.staff_voice_list li .btn1{ margin-top: 15px;}


 /*スタッフインタビュー*/
.interview01 dt { font-weight: bold;}
.interview01 dd { margin: 0 0 40px 0; font-size: 95%;} 
.interview01 dd .int_catch { font-size: 120%; font-weight: bold; padding:0; margin: 10px 0 20px 0;}
.interview01 dd img { margin: 20px 0 10px 0;}

.ft_iv_linkBox  {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.ft_iv_linkBox .ft_iv_link {
 display: inline-block;
}

.ft_iv_linkBox ul { width: 900px; margin: 50px 0 0; padding: 0 0 20px;}	
.ft_iv_linkBox ul li { display: inline-block; }


.ft_interview { text-align: center; max-width: 1080px; margin: 30px auto;}
.sub_ttlBox01 { border: 2px solid #3f3f3f; padding: 15px 25px; font-size: 105%; font-weight: bold; margin: 5px auto;}

  .ft_iv_link a{
    letter-spacing: normal;
  }


/*スタッフインタビュー*/
h2.subTtl_tr {margin: -15px 0 5px 0; }
.txt_tr { font-size: 90%; }

.tr_map_img { margin-bottom: 70px;}

.trStepBox dl {width: 100%; float: left; margin-top: 15px;}

.trStepBox dd { padding: 18px 0 0 0; line-height: 160%; font-size: 95%; clear: both; }
.trStepBox img {width: 100%; margin:20px 0 20px;}

.trStepBox dd.gaibu { padding: 0 20px 0 0; }
.trStepBox img.bumon-img {width: 100%; float: none; margin-bottom: 20px;}

.trStepBox dd p.subTtl { padding: 0 0 10px 0; margin: 0;}

.trStepBox .clear-pc { display: none;}
.trStepBox .sp-end-img { padding-bottom: 40px;}

/*　研修制度 下部リンク　*/
.btn-box {
    padding-top: 40px;
	text-align: center;
}

.btn-box.btn-boxRec{
    padding-top: 10px;
}

.btn {
	width: 90%;
    margin: 10px 15px;
    padding: 10px 30px;
}

.btn.recBtm { margin-top: 0; }

.btn-red {
    background-color: #e60025;
}

/*　募集要項　*/
.recruitDl dl { 
	display: block;  
	border-top: 1px solid #dadada;
	width: 100%;
	font-size: 90%;
}
.recruitDl dl.endDl { 
	border-bottom: 1px solid #dadada;
}

.recruitDl dl.endDl a {color: #e60025; text-decoration: none;}
.recruitDl dl.endDl a:hover { text-decoration: underline;}
.recruitDl dt {
	display: block;   
	width: 100%;
	font-weight: bold;
	vertical-align: middle;
	padding: 25px 0 10px 0;
	font-size: 130%;
	}
.recruitDl dd {
	display: block;
	width: 100%;
	padding: 0 0 25px;
	}
	
.recruitDl dd.iconOn {
	padding: 0 0 20px;
	}

.recruitDl .entry_icon li { display: inline-block; width: 49%; padding: 0 10px 10px 0; }
.recruitDl .entry_icon li img { width: 100%;}
.recruitDl .entry_icon li　{ padding: 0; }
.recruitDl .endDl .entry_icon { margin-top: 20px;}


.recruitDl .entry_icon2 li { display: inline-block;width: 49%; padding: 0 10px 10px 0; }
.recruitDl .entry_icon2 li img { width: 100%;}
.recruitDl .entry_icon2 li:last-child { padding: 0; }
.recruitDl .endDl .entry_icon2 { margin-top: 20px;}

.recTtlH2{ text-align: center; margin: 50px 0 20px;}

/*　出身校一覧　*/
.course_nav { display: table; width: 100%;}
.btn_course { width: 31%; padding: 8px 0 18px; line-height: 150%;display: table-cell; vertical-align: middle;}

.sp1line { padding: 20px 0 27px;}
.sp_2line01 { margin-left: 17%;}

.btn_course:after {
	position: absolute;
    top: 70%;
    right: 46%;
    width: 6px;
    height: 6px;
    content: "";
	border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    transform: rotate(135deg);
}

.course_mainTxt { font-size: 90%;}

.btn_course_shinro{margin: 15px 0 10px; width: 85%;}

.btn_course_shinro:after {
	position: absolute;
    top: 60%;
    right: 48%;
    width: 6px;
    height: 6px;
    content: "";
	border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    transform: rotate(135deg);
}

.courseArea .recommend-title {
    font-size: 18px;
    border: solid 1px #3f3f3f;
    padding: 10px;
    line-height: 1.4;
    min-width: 160px;
    display: inline-block;
    margin: 15px auto 0;
    font-weight: bold;
	width: 85%;
}

.courseDl dt { padding: 5px 0; margin: 20px 0 5px;}
.courseDl dd { width: 100%; margin: 5px 0 20px; text-align: left; font-size: 90%;}

.course_shinroBox { background-color: #f7f7f7; border: 6px solid #c8c8c8; width: 100%; margin-top: 30px; padding: 20px 10px 10px; text-align: center; } 
.course_shinroBox .shinroTtl{ font-size: 120%;}
.course_shinroBox .txt { font-size: 90%;}
.course_shinroBox .txt_ok{ font-size: 80%; margin: 10px 0 20px;}

/*　新卒採用・中途採用　トップ　*/

.contentsInner_ngTop{
  width: 100%;
  max-width: 1200px;
  margin: -40px auto 20px;
  padding: 0;
}

.contentsInner_ngTop2{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 20px;
  padding: 0 0 0 0;
}

.ng_top_sv_txt { float: none; width: 100%; padding: 0 4% 10px; font-size: 100%;}
.ng_top_sv_txt .btn1 { padding-top: 30px;}

.ng_top_sv_img { float: none; width: 98%; padding: 0 1%;letter-spacing: -.4em;}
.ng_top_sv_img img { width: 30%; margin:5px 0 0 2%;}
.ng_top_sv_img img.endimg { width: 30%; margin:5px 0 0 3%;}

.ng_top_sv_btn {padding: 30px 0 0 /*5%*/; }

.ng_top_jr_txt { float: none; width: 100%; padding: 0 4% 10px; font-size: 100%; text-align: left;}
.ng_top_jr_txt .btn1 { padding-top: 30px;}
.ng_top_jr_btn { padding: 30px 0 0 0; float: none;}



.ng_top_jr_img { float: none; width: 98%; padding: 0 1%;letter-spacing: -.4em;}
.ng_top_jr_img img { width: 30%; margin:5px 0 0 2%;}
.ng_top_jr_img img.endimg { width: 30%; margin:5px 0 0 2%;}
.ng_top_jr_img img.firstimg{ width: 30%; margin:5px 0 0 3%;}


.ng_top_trainingBox { width: 100%; float: none; margin: 0 0 0 0; font-size: 100%; }
.ng_top_trainingBox img { width: 100%; padding-bottom: 20px;}


.ng_top_dataBox { width: 100%; float: none; margin: 0 0 0 0; font-size: 100%;}
.ng_top_dataBox img { width: 100%; padding-bottom: 20px;}
.ng_top_dataBox .btn1{
  margin-bottom: 0;
}

.ng_top_trainingBox p, .ng_top_dataBox p { padding: 0 4%;}

.ng_top_courseBox {clear: both; /*padding: 25px 0 0 0;*/ }
.ng_top_courseBox > *{
  display: none;
}
.ng_top_courseBox img { width: 100%;}

.contentsInner_ngTop.mcend{ padding-bottom: 0; }

/*パート・アルバイト・契約社員　募集情報一覧*/
.r_list_catch { font-size: 90%; margin: -10px 0 30px;}

.r_list li {
	display: inline-block;
	text-align: center;
	margin: 0 0 10px;
	line-height: 200%;
	font-size: 95%;
	padding: 0;
	width: 100%;
	}
	
.r_list li:nth-child(even) { margin: 0 3% 10px; }
.r_list li:last-child { margin-bottom:0; }

.r_list li img { margin-bottom: 20px;} 
.r_list li p.r-listTtl { font-size: 125%; font-weight: bold;}
.r_list li .btn1{ margin-top: 15px;}

.r_list li .btn1.btn1-2 { margin-top: -20px;}


/*医薬品登録販売者　募集情報一覧*/
.recruitDl .torku_seller img { width: 70%;}

/*オープニングスタッフ　募集情報一覧*/
.contentsInner_openingStaffTop{
  width: 100%;
  max-width: 830px;
  margin: 40px auto 20px;
  padding: 0;
}

.os_BtmLink { text-align: center; margin: 50px 0 10px;}

.contentsInner_openingStaffTop .recommend-title {
    font-size: 18px;
    border: solid 1px #3f3f3f;
    padding: 10px;
    line-height: 1.4;
    min-width: 160px;
    display: inline-block;
    margin: 30px auto 0;
    font-weight: bold;
	width: 85%;
}

.contentsInner_openingStaffTop h3 { margin: 20px 0 10px; }
.contentsInner_openingStaffTop h3.os_kenshuTtl { padding-top: 20px;}
.os_BtmLink .btn1 { margin: 20px 20px ;}


/*会社紹介*/
.companyTopBox { text-align: center; }
.companyTopBox h2 { margin: -30px 0 10px; font-size: 150%; letter-spacing: 0.1em;}
/*.companyBox2 { padding-top: 30px;}*/
.companyTopBox .btn1{
  margin-bottom: 60px;
}
.companyTopBox p {text-align: left;}

/*数字で見るオーケー*/
.data_main {
  text-align: center;
  padding-top: 0;
  margin-left: -15px;
  margin-right: -15px;
}
.data_main .data_title{
    font-size: 18px;
    border: solid 1px #3f3f3f;
    padding: 10px;
    line-height: 1.4;
    min-width: 160px;
    display: inline-block;
    margin: 30px auto 0;
    font-weight: bold;
	width: 85%;
}

.dataBox1 { background-color: #f9f6f3; padding:30px 5px; text-align: center; margin-top: 20px;}
.dataBox2 { background-color: #fff; padding:30px 5px; text-align: center; margin-top: 20px;}
.dataBox1.end { margin-bottom: 50px;}
.dataBox2.end { margin-bottom: 40px;}

.data_ttl { color: #e60025; font-weight: bold; font-size: 120%; line-height: 1.1; letter-spacing: 0.2em; margin: 0; padding: 0; }
.data_ttl .num { font-size: 600%; font-weight: normal; letter-spacing: 0;}
.data_ttl .num2 { font-size: 4.8em; font-weight: normal; letter-spacing: 0; line-height: 1.2;}
.data_ttl .txt { font-size: 200%;}
.data_txt1 { margin: 0; padding: 0; font-size: 95%;}
.data_txt2 { margin: 5px 0 0; padding: 0; font-size: 85%;}
.data_txt2_2 { margin: 5px 0 0; padding: 0; font-size: 75%;}
.data_txtBox { float: none; width: 100%;}
.data_imgBox { width: 70%; margin: 30px 15% 0; float: none; }
.data_imgBox img { width: 100%; vertical-align: middle;}
.dataBox1 .clear-pc, .dataBox2 .clear-pc { clear: both;}

.data_imgCard { margin-top: 10px;}
.data_imgTenkin { margin-top: 15px;}

.e_man { width: 50%; float: left; text-align: center; font-size: 90%;}
.e_man img, .e_women img { margin: 10px 0 10px 0;}

.e_women { width: 50%; float: right; text-align: center;font-size: 90%;}

.data_BtmLink { text-align: center; margin: 40px 0 10px;}
.data_BtmLink .btn1 { margin: 20px;}

.contentsInnerData { padding: 0;}


}