@charset "UTF-8";
/*!  mixin,変数
================================================ */
/*=============================================================
 home
=============================================================*/
/*! 共通スタイル 上書き
------------------------------------------------- */
.mod_tit04 {
  font-weight: 400;
  letter-spacing: 0.1em;
  font-size: 30px; }
  @media (min-width: 640px) {
    .mod_tit04 {
      font-size: 48px;
      letter-spacing: 0.05em; } }
  .mod_tit04 .sub {
    font-weight: 700;
    font-size: 18px; }
  .mod_tit04 .icon {
    width: 0.9em;
    height: 0.9em; }

#wrapper {
  padding-top: 0;
  padding-bottom: 0; }

#contactList .mod_tit04 {
  color: #fff; }

#contactList .stit {
  color: #fff;
  text-align: center;
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 18px; }
  @media (min-width: 640px) {
    #contactList .stit {
      font-size: 24px; } }

#contactList .txt {
  color: #fff;
  text-align: center; }
  @media (min-width: 640px) {
    #contactList .txt {
      font-size: 18px; } }

#contactList .list .item {
  padding: 20px 15px;
  margin-bottom: 15px; }
  @media (min-width: 640px) {
    #contactList .list .item {
      display: block;
      text-align: center;
      height: auto;
      padding: 20px;
      font-size: 24px;
      margin-bottom: 0; } }
  #contactList .list .item .tel {
    border-left: 1px solid #fff;
    padding-left: 20px; }
    @media (min-width: 640px) {
      #contactList .list .item .tel {
        display: block;
        font-size: 32px;
        border: none;
        padding: 0; }
        #contactList .list .item .tel:before {
          content: "";
          display: block;
          width: 130px;
          height: 1px;
          background-color: #fff;
          margin: 10px auto; } }

@media (min-width: 640px) {
  #contactList .btnArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 790px;
    margin: 40px auto; } }

#contactList .btnArea .btn a {
  display: block;
  background-color: #fff;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  text-align: left;
  padding: 10px 15px;
  margin: 0 20px 15px;
  line-height: 1.3; }
  @media (min-width: 640px) {
    #contactList .btnArea .btn a {
      text-align: center;
      width: 370px;
      line-height: 70px;
      height: 70px;
      padding: 0 20px 0 0;
      -webkit-transition: all .3s;
      transition: all .3s;
      opacity: 1; }
      #contactList .btnArea .btn a:hover {
        opacity: .7; } }

#contactList .btnArea .btn .icon {
  color: #f38440;
  position: absolute;
  right: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 26px; }

/*! sec_category
------------------------------------------------- */
#sec_category {
  margin: 0 -15px;
  padding: 40px 0; }
  @media (min-width: 640px) {
    #sec_category {
      margin: 0 auto;
      padding: 70px 0 50px;
      background-color: #f5ede7; } }
  @media (min-width: 640px) {
    #sec_category .list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 40px; } }
  #sec_category .list a {
    display: block; }
    @media (min-width: 640px) {
      #sec_category .list a {
        -webkit-transition: all .3s;
        transition: all .3s;
        opacity: 1; }
        #sec_category .list a:hover {
          opacity: .7; } }
  #sec_category .list .item {
    background: #fff;
    margin-bottom: 20px; }
    @media (min-width: 640px) {
      #sec_category .list .item {
        width: 280px;
        float: none;
        margin-bottom: 0; } }
    @media (min-width: 640px) {
      #sec_category .list .item:nth-of-type(2n) {
        float: none; }
        #sec_category .list .item:nth-of-type(2n) .stit {
          background-color: #73c470; } }
    #sec_category .list .item .stit {
      font-size: 18px;
      font-weight: bold;
      color: #fff;
      padding: 20px 10px;
      text-align: center;
      background-color: #54b150;
      line-height: 1.3; }
      @media (min-width: 640px) {
        #sec_category .list .item .stit {
          line-height: 1.5;
          font-size: 22px;
          padding: 26px 10px;
          height: auto; } }
      #sec_category .list .item .stit span {
        margin-top: 5px;
        display: block;
        font-size: 14px;
        font-weight: bold; }
        @media (min-width: 640px) {
          #sec_category .list .item .stit span {
            font-size: 16px; } }
    #sec_category .list .item .pic {
      width: 100%; }
      #sec_category .list .item .pic img {
        width: 100%; }
    #sec_category .list .item .txt {
      font-size: 14px;
      padding: 15px 10px; }
      @media (min-width: 640px) {
        #sec_category .list .item .txt {
          padding: 20px 35px; } }
  @media (min-width: 640px) {
    #sec_category .sublist {
/*      width: 800px; */
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; } }
  #sec_category .sublist .item {
    border: 1px solid #bbb;
    padding: 10px;
    background-color: #fff;
    margin-bottom: 20px; }
    @media (min-width: 640px) {
      #sec_category .sublist .item {
        width: 370px;
        margin-bottom: 0; } }
    #sec_category .sublist .item:nth-of-type(2) .tit {
      line-height: 1.2; }
    #sec_category .sublist .item a {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
    #sec_category .sublist .item .left {
      width: 40%;
      margin-right: 15px; }
      @media (min-width: 640px) {
        #sec_category .sublist .item .left {
          width: 166px; } }
    #sec_category .sublist .item .tit {
      color: #aaa;
      font-weight: normal;
      font-size: 20px; }
      @media (min-width: 640px) {
        #sec_category .sublist .item .tit {
          font-size: 25px; } }
      #sec_category .sublist .item .tit em {
        font-weight: 700; }
    #sec_category .sublist .item .icon {
      margin-left: auto;
      font-size: 26px;
      color: #666; }
    #sec_category .sublist .item .tit .small {}
      @media (min-width: 640px) {
    	#sec_category .sublist .item .tit .small {
        	font-size: 80%;}}

/*! sec_column
------------------------------------------------- */
#sec_column {
  background-color: #f5ede7;
  margin: 0 -15px 0;
  padding: 40px 0; }
  @media (min-width: 640px) {
    #sec_column {
      background-color: #fff;
      margin: 0;
      padding: 70px 0 50px; } }
  #sec_column .btn a {
    max-width: 240px;
    margin: 0 auto;
    text-align: center; }
    @media (min-width: 640px) {
      #sec_column .btn a {
        width: 256px; } }
  #sec_column .list {
    margin-top: 30px;
    margin-bottom: -20px;
    padding-bottom: 20px; }
    @media (min-width: 640px) {
      #sec_column .list {
        margin-top: 60px;
        margin-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
    #sec_column .list .item {
      background-color: #fff;
      padding: 10px;
      margin-bottom: 20px; }
      @media (min-width: 640px) {
        #sec_column .list .item {
          width: 370px;
          padding: 0;
          margin: 0; } }
      #sec_column .list .item a {
        display: block; }
        @media (min-width: 640px) {
          #sec_column .list .item a {
            -webkit-transition: all .3s;
            transition: all .3s;
            opacity: 1; }
            #sec_column .list .item a:hover {
              opacity: .7; } }
      #sec_column .list .item .pic {
        width: 40%;
        float: left;
        margin-right: 10px; }
        @media (min-width: 640px) {
          #sec_column .list .item .pic {
            width: 100%;
            float: none;
            margin-right: 0; } }
      #sec_column .list .item .tit {
        background-color: #f3f3f3;
        padding: 2px 4px;
        font-size: 14px;
        font-weight: 500;
        display: block;
        width: 55%;
        float: left; }
        @media (min-width: 640px) {
          #sec_column .list .item .tit {
            padding: 4px;
            float: none;
            width: auto;
            text-align: center;
            font-size: 20px;
            font-weight: normal; } }
      #sec_column .list .item .stit {
        font-size: 14px;
        width: 55%;
        float: left;
        margin-top: 5px; }
        @media (min-width: 640px) {
          #sec_column .list .item .stit {
            text-align: center;
            float: none;
            width: auto;
            font-size: 24px;
            padding: 20px 10px;
            margin-top: 0; } }
      #sec_column .list .item .txt {
        font-size: 14px;
        padding: 0 10px; }

/*! sec_news
------------------------------------------------- */
#sec_news {
  background: url(../img/home/bg_news.jpg) center top no-repeat;
  background-size: cover;
  margin: 0 -15px;
  padding: 40px 0; }
  @media (min-width: 640px) {
    #sec_news {
      background-color: #fff;
      margin: 0;
      padding: 70px 0 50px; } }
  #sec_news .mod_tit04 {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    color: #fff; }
    #sec_news .mod_tit04 .sub {
      -webkit-transform: translateX(1em);
      transform: translateX(1em); }
    @media (min-width: 640px) {
      #sec_news .mod_tit04 {
        color: #333; } }
  #sec_news .btn a {
    display: block;
    background-color: rgba(249, 249, 249, 0.9);
    width: 220px;
    height: 40px;
    color: #000;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    margin: 0 auto 30px;
    padding: 5px 10px;
    border: 1px solid #a19fa1;
    position: relative; }
    #sec_news .btn a .icon {
      color: #bbb;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      right: 15px; }
  #sec_news .list {
    margin: 0 15px 15px 15px; }
    @media (min-width: 640px) {
      #sec_news .list {
        width: 1060px;
        margin: 0 auto;
        padding: 0 0 15px 0; } }
    #sec_news .list .item {
      font-size: 14px;
      padding: 20px;
      background-color: rgba(249, 249, 249, 0.9); }
      #sec_news .list .item:nth-of-type(2n) {
        background-color: #f9f9f9; }
      @media (min-width: 640px) {
        #sec_news .list .item {
          padding: 30px; } }
      #sec_news .list .item .time {
        display: block;
        margin-bottom: 5px; }
        @media (min-width: 640px) {
          #sec_news .list .item .time {
            display: inline-block;
            margin-bottom: 0;
            margin-right: 60px; } }
      @media (min-width: 640px) {
        #sec_news .list .item .link:hover {
          text-decoration: underline; } }


#searchBox .linkpc, #searchBox .linksp {
    display: block;
/*    color: #fff; */
    font-size: 14px;
    text-align: center;
    text-decoration: underline;
    margin-top: 12px;
    letter-spacing: 0.1em;
}
#searchBox .linkpc:hover,
#searchBox .linksp:hover { /* 追加 */
    color: #f38440;}

#searchBox .linksp  {
	display: block;}
	@media (min-width: 640px) {
	#searchBox .linksp {
		display: none;}}
#searchBox .linkpc {
	display: none;}
	@media (min-width: 640px) {
	#searchBox .linkpc {
		display: block;}}


/* ---------------------------------------------------------新着の求人情報 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*/