/*=============================================================
 event
=============================================================*/
#mainImg {
  display: none;
  background-image: url(../img/event/img_main_sp.jpg); }
  @media (min-width: 640px) {
    #mainImg {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background-image: url(../img/event/img_main_pc.jpg); } }

#event section {
  margin-bottom: 50px; }
  @media (min-width: 640px) {
    #event section {
      margin-bottom: 70px; } }

#event section #sec05{
  margin-bottom: 0px; }
  @media (min-width: 640px) {
    #event section #sec05 {
      margin-bottom: 0px; } }
/*=============================================================
 追記
=============================================================*/

.f_normal{/*-文字太さ　normal*/
	font-weight: normal;}
  @media (min-width: 640px) {
	  .f_normal{
		  font-weight: normal;}}

.p_b{/*padding　bottom調整*/
	padding-bottom: 20px;}
  @media (min-width: 640px) {
		.p_b{
		  padding-bottom: 15px;}}

.m_t{/*margin-top調整*/
	margin-top: 30px;}
  @media (min-width: 640px) {
		.m_t{
		  margin-top: 50px;}}

.m_t_minus{/*margin-top調整*/
	margin-top: -10px;}
  @media (min-width: 640px) {
		.m_t_minus{
		  margin-top: -15px;}}

.rodo_font{/*労働組合文字*/
	font-size:16px;
	font-weight:bold;}
	  @media (min-width: 640px) {
		  .rodo_font{
	font-size:18px;
			  font-weight:bold;}}




.annotation{/* 注釈 */
	font-size:14px;
	text-align: left;
	margin: 15px 0 15px 10px;}
  @media (min-width: 640px) {
	  .annotation{
			text-align: right;
		  	margin: 0 0 15px 0;}}

#sec01 .right {
	padding:0;
	margin-bottom:20px;}
  @media (min-width: 640px) {
	  #sec01 .right {
	padding:0;
		  margin-bottom:0px;}}

.mice_tit{
	font-size:20px;}
  @media (min-width: 640px) {
	  .mice_tit{
	font-size:21px;}}



/*---------------------------------------------------活躍box*/

.katsuyaku_box{
	width: 100%;
	height: auto;
	margin: 0 auto;
	font-weight: bold;
  	font-size:18px;
	padding-bottom: 50px;}
    @media (min-width: 640px) {
		.katsuyaku_box{
			width: 90%;
			height: auto;
			padding-bottom: 20px;
		margin-top:15px;}}


.katsuyaku_box_ttl {
  background-color:#ebdad0;
  margin-top:24px;
  line-height:50px;
  height:50px;
  box-sizing:border-box;
  width:100%x;
	height: auto;
  font-size:17px;
	font-weight: bold;
	padding-left: 15px;}
	    @media (min-width: 640px) {
			.katsuyaku_box_ttl {
			font-size:20px;}}


.katsuyaku_box_txt {
  background-color:#f5ece6;
  box-sizing:border-box;
  width:100%;
	height: auto;
  padding:15px;
	font-size:14px;}
		    @media (min-width: 640px) {
				.katsuyaku_box_txt {
					font-size:15px;}}

.katsuyaku_current{
  position:relative;
	margin-top: 20px;}

.katsuyaku_current a {
  display:block;
  color:#f38440;
  padding-left:1.0em;
	font-size:16px;
}

.katsuyaku_current:before {
            position: absolute;
            content: '';
            display: inline-block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 6px 0 6px 6px;
            left: 5px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            border-color: transparent transparent transparent #f38440; }

/*------------------------------------------------------------------活躍box end*/

/* -------------------------------------------------------------- MICEの魅力 */

.circle{/* サークル */
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 100%;
	height: auto;
	margin: 20px auto;}
  	@media (min-width: 640px) {
		.circle{
			margin: 50px auto;}}

.circle_li{
	position: relative;
	width: 150px;
	height: 150px;
	margin: 20px auto;
	overflow:hidden;
	border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;}
  	@media (min-width: 640px) {
		.circle_li{
			width: 180px;
			height: 180px;
			margin: 5px 1%}}

.circle_li:hover{
	opacity: 1;}
	
.circle_li img{
	width: 150px;
	height: 150px;}
  	@media (min-width: 640px) {
		.circle_li img{
			width: 180px;
			height: 180px;}}

.circle_li p{
	position: absolute;
	background-color:#f38440;
	width: 150px;
	height: 65px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2em;
	letter-spacing: 0;
	opacity: 0.9;
	padding-top: 10px;
	top: 90px;}
  	@media (min-width: 640px) {
		.circle_li p{
			font-size: 15px;
			width: 180px;
			height: 60px;
			padding-top: 10px;
			top: 125px;}}

#sec02 .text_l{/* font調整 */
	font-size:17px;
	font-weight: bold;}
  	@media (min-width: 640px) {
		#sec02 .text_l{
			font-size:19px;}}

.special p{/* スペシャリスト */
	width: 100%;
	height: auto;
	font-size:22px;
	font-weight: bold;
	color:#666;}
  		@media (min-width: 640px) {
		.special p{/* スペシャリスト */
		font-size:22px;}}

.special .special01{
	display: none;}
  		@media (min-width: 640px) {
			.special .special01{
			display: block;
			width: 100%;
			padding: 0;
			margin: 20px auto;}}


.special .special02{
	display: block;
	width: 95%;
	padding: 0;
	margin: 15px auto;}
		  	@media (min-width: 640px) {
			.special .special02{
			display: none;}}


/* -------------------------------------------------------------- MICEの魅力 end*/
/*-----------------------------------------------------------------------流れ*/
.flow_ia {
  display:block;
  position:relative;
    background-color:#ecf2fd;
  padding: 15px;}
     @media (min-width: 640px) {
    .flow_ia {
      display:flex;
        display:-webkit-flex;
        flex-wrap:nowrap;
        -webkit-flex-wrap:nowrap;
      margin:1em 0;
       padding: 0;}}

.flow_ia .flow_step {
  background-color:#6b86f0;
    width:80px;
    height:80px;
    min-width:80px;
    border-radius:50%;
    position:absolute;
    top:15px;
  left:15px;}
    @media (min-width: 640px) {
    .flow_ia .flow_step {
      background-color:#6b86f0;
    width:125px;
    height: 100%;
    border-radius:0;
    top:0;
    left:0;}}

.flow_ia .flow_step img {
  position:relative;
  width: 75%;
    top:0;
    margin-top:0;
    top:15px;
    left:59%;
    margin-left:-32px;}
  @media (min-width: 640px) {
    .flow_ia .flow_step img {
      position:relative;
      top:50%;
      width: 50%;
      height: auto;
      margin-top:-18px;
      margin-left:-35px;}}

.flow_ia .flow_textbox {
  box-sizing:border-box;}
  @media (min-width: 640px) {
    .flow_ia .flow_textbox {
      width:100%;
    padding:15px 15px 15px 0;
    margin-left: 100px;}}

.flow_text_ttl {
  padding-left: 95px;
    padding-bottom:25px;
  border-bottom:2px solid #bbb;
    box-sizing:border-box;}
  @media (min-width: 640px) {
  .flow_text_ttl {
      width:95%;
      border-bottom:1px solid #bbb;
    margin: 0 -40px 0 40px;
    padding-bottom:5px;
    padding-left: 0;}}

.flow_text_ttl .flow_text_ttlMain {
  color:#6b86f0;
  font-size:27px;
  font-weight:bold;
  margin:0;}
  @media (min-width: 640px) {
    .flow_text_ttl .flow_text_ttlMain {
      color:#6b86f0;
      font-size:27px;
      font-weight:bold;
    margin:0;}}

.flow_text_ttl .flow_text_ttlSub {
  color:#333;
  font-size:16px;
  font-weight:bold;
  margin:0;}

.flow_ia .flow_textbox .flow_text_p1 {
  width:100%;
  height: auto;
  margin: 15px auto;}
  @media (min-width: 640px) {
  .flow_ia .flow_textbox .flow_text_p1 {
      width:95%;
    margin: 0 -40px 0 40px;
    height: auto;
    padding: 15px 0;}}

.flow_btnlist {
  display:flex;
  display:-webkit-flex;
  flex-wrap:nowrap;
  -webkit-flex-wrap:nowrap;}

.flow_btnlist div {
/*  margin-right:1.5em; */}

 .flow_ia_sankaku {
   display: block;
   margin:20px auto;}
  @media (min-width: 640px) {
    .flow_ia_sankaku {
      display: block;
      margin:0 auto;}}

.flow_btnlist .flow_btnlink a {
  display:block;
  background-color:#fff;
  line-height:35px;
  padding:0 19px 0 6px;
  font-size: 13px;
  position:relative;
  color:#f06b80;
  box-sizing:border-box;
  border:1px solid #f06b80;
margin:0 2px;}
@media (min-width: 640px) {
  .flow_btnlist .flow_btnlink a {
      display:block;
      background-color:#fff;
      line-height:35px;
      padding:0 40px;
    font-size: 17px;
    margin-left: 40px;
      position:relative;
      color:#f06b80;
      box-sizing:border-box;
    border:1px solid #f06b80;}}

.flow_btnlink {
  position:relative;}

.flow_btnlink a img {
  vertical-align:0em;
  display:inline-block;
  position:absolute;
  top:9px;
  right:4px;}
@media (min-width: 640px) {
  .flow_btnlink a img {
    right:15px;}}

/*-----------------------------------------------------------------------流れ end*/

/*---------------------------------------------------待遇*/
.taigu_list{
  margin-top: 10px;
  margin-bottom: 20px;}
  @media (min-width: 640px) {
    .taigu_list{
      margin-top: 15px;
    margin-bottom: 20px;}}

.guidelist{
  padding-left: 1em;
    text-indent: -1em;
  margin-top: 10px;
  margin-bottom: 10px;}
  @media (min-width: 640px) {
    .guidelist{
    padding-left: 1em;
    text-indent: -1em;
      margin-top: 10px;
    margin-bottom: 10px;}}

.guidelist span{
  color:#73C470;}

.mlit {
  text-align: center;}
  @media (min-width: 640px) {
	.mlit {
	margin-top:50px;
}}

/* ---------------------------------------------------------新着の求人情報 20190620 */

#sec_setsumei {
	background-color: #fdebee;
  	padding-top:  50px;
  	padding-bottom:  50px; }
  @media (min-width: 640px) {
    #sec_setsumei  {
		padding-top: 70px;
		padding-bottom:  70px; } }


/* -----------------------------------------------------新着の求人情報 20190620　タブ*/
		
.tab_ul{
	display: flex;
	flex-direction: row;
	justify-content:space-between;
	width: 100%;
	padding: 0;
	margin:30px auto 0 auto;}
	@media (min-width: 640px) {
		.tab_ul{
			width:1000px;
			display: flex;
			flex-flow: row wrap;
			justify-content: flex-start;
			margin:30px auto 0 auto;}}

.tab_ul li {
	width: 125px;
	height: 50px;
	padding: 0;
	margin: 0 auto;
	opacity: 1;}
	@media (min-width: 640px) {
	.tab_ul li {
    	width: 200px;
		height: 50px;
		padding: 0;
		margin: 0 5px 0 0;}}
 
.tab_ul li a { 
		font-size: 18px;
		display: block;
		width: 100%;
		height: 100%;
		background-color:#f3b0bb;
    	color: #f9dadf;
    	font-weight: bold;
    	text-align: center;
		line-height: 2.1em;
		letter-spacing: 0.2em;
		padding: 10px 0;
		border-bottom: none;
		border-radius: 10px 10px 0 0 / 10px 10px 0 0;
		-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;}
	@media (min-width: 640px) {
	.tab_ul li a { 
		font-size: 18px;
		line-height: 1.8em;}}

.tab_ul li a:hover{/* タブボタンhover*/
    background-color:#f06b80;
    color:#fff;
	opacity:1;
	border-bottom: none;
	margin-right: 3px;}

 
.tab_ul li a.current {
    background: #f06b80;
    color: #fff;
	padding: 10px 0;
	border-bottom: none;
	margin-right: 3px;}
 
#tab_contents div {
		width: 100%;
		height: auto;
    	background: white;
    	border: 2px solid #f06b80;
		padding: 30px 0;
		margin: 0 auto;}
	@media (min-width: 640px) {
		#tab_contents div {
		width: 1000px;}}


#tab1,#tab2,#tab3{
		width:100%;
		height: auto;
		margin: 0 auto;
		padding: 15px 0;}
	@media (min-width: 640px) {
		#tab1,#tab2,#tab3{
			width:960px;}}


#tab1 dl a,#tab2 dl a,#tab3 dl a{
		color:#333;
		font-size:15px;
		line-height: 1.8em;}
	@media (min-width: 640px) {
		#tab1 dl a,#tab2 dl a,#tab3 dl a{
		line-height: 2.8em;}}

#tab1 dl,#tab2 dl,#tab3 dl{
		width: 90%;
		height:auto;
		font-color:#333;
		line-height:0.5em;
		margin: 0 auto;
		padding:5px;
		border-bottom: solid 1px #666;}
	@media (min-width: 640px) {
		#tab1 dl,#tab2 dl,#tab3 dl{
		width: 85%;
		height:auto;
		font-color:#333;
		line-height:2.5em;
		margin: 0 auto;
		padding:5px;
		border-bottom: solid 1px #666;}}


#tab_contents dl:last-child{
		border-bottom: none;}

#tab1 dt,#tab2 dt,#tab3 dt{
		display:block;}
		@media (min-width: 640px) {
			#tab1 dt,#tab2 dt,#tab3 dt{
			display:inline-block;}}


#tab1 dd,#tab2 dd,#tab3 dd{
			display:block;}
		@media (min-width: 640px) {
			#tab1 dd,#tab2 dd,#tab3 dd{
			display:inline-block;
			margin-left:25px;}}

/* --------------------------------------------新着の求人情報 20190620　タブ end*/