@charset "utf-8";


@import url('https://fonts.googleapis.com/css?family=Oswald');

html {
	color: #333333;
    font-family: 'Noto Sans JP', sans-serif;
   	font-size: 100%;
 	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
	}


body {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0 0px;
	text-align : center ;
}

.oswald{
	font-family: 'Oswald', sans-serif;
}

/***************************************************
 * Generated by SVG Artista on 6/20/2022, 9:33:01 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 223.31680297851562px;
    stroke-dasharray: 223.31680297851562px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 223.31680297851562px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 223.31680297851562px;
    stroke-dasharray: 223.31680297851562px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 223.31680297851562px;
  }
}

@-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(34, 23, 20);
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(34, 23, 20);
  }
}

.svg-elem-1 {
  -webkit-animation: animate-svg-stroke-1 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s both,
                       animate-svg-fill-1 1s linear 1.5s both;
          animation: animate-svg-stroke-1 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s both,
               animate-svg-fill-1 1s linear 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 223.31680297851562px;
    stroke-dasharray: 223.31680297851562px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 223.31680297851562px;
  }
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 223.31680297851562px;
    stroke-dasharray: 223.31680297851562px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 223.31680297851562px;
  }
}

.svg-elem-2 {
  -webkit-animation: animate-svg-stroke-2 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.1s both,
                       animate-svg-fill-2 1s linear 1.5s both;
          animation: animate-svg-stroke-2 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.1s both,
               animate-svg-fill-2 1s linear 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 208.44972229003906px;
    stroke-dasharray: 208.44972229003906px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 208.44972229003906px;
  }
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 208.44972229003906px;
    stroke-dasharray: 208.44972229003906px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 208.44972229003906px;
  }
}

@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(34, 23, 20);
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(34, 23, 20);
  }
}

.svg-elem-3 {
  -webkit-animation: animate-svg-stroke-3 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s both,
                       animate-svg-fill-3 1s linear 1.5s both;
          animation: animate-svg-stroke-3 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.2s both,
               animate-svg-fill-3 1s linear 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 208.44972229003906px;
    stroke-dasharray: 208.44972229003906px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 208.44972229003906px;
  }
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 208.44972229003906px;
    stroke-dasharray: 208.44972229003906px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 208.44972229003906px;
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-stroke-4 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.30000000000000004s both,
                       animate-svg-fill-4 1s linear 1.5s both;
          animation: animate-svg-stroke-4 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.30000000000000004s both,
               animate-svg-fill-4 1s linear 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 179.20347595214844px;
    stroke-dasharray: 179.20347595214844px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 179.20347595214844px;
  }
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 179.20347595214844px;
    stroke-dasharray: 179.20347595214844px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 179.20347595214844px;
  }
}

@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(34, 23, 20);
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(34, 23, 20);
  }
}

.svg-elem-5 {
  -webkit-animation: animate-svg-stroke-5 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.4s both,
                       animate-svg-fill-5 1s linear 1.5s both;
          animation: animate-svg-stroke-5 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.4s both,
               animate-svg-fill-5 1s linear 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 179.20347595214844px;
    stroke-dasharray: 179.20347595214844px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 179.20347595214844px;
  }
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 179.20347595214844px;
    stroke-dasharray: 179.20347595214844px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 179.20347595214844px;
  }
}

.svg-elem-6 {
  -webkit-animation: animate-svg-stroke-6 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.5s both,
                       animate-svg-fill-6 1s linear 1.5s both;
          animation: animate-svg-stroke-6 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.5s both,
               animate-svg-fill-6 1s linear 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 223.29811096191406px;
    stroke-dasharray: 223.29811096191406px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 223.29811096191406px;
  }
}

@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 223.29811096191406px;
    stroke-dasharray: 223.29811096191406px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 223.29811096191406px;
  }
}

@-webkit-keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(34, 23, 20);
  }
}

@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(34, 23, 20);
  }
}

.svg-elem-7 {
  -webkit-animation: animate-svg-stroke-7 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.6000000000000001s both,
                       animate-svg-fill-7 1s linear 1.5s both;
          animation: animate-svg-stroke-7 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.6000000000000001s both,
               animate-svg-fill-7 1s linear 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 223.29811096191406px;
    stroke-dasharray: 223.29811096191406px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 223.29811096191406px;
  }
}

@keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 223.29811096191406px;
    stroke-dasharray: 223.29811096191406px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 223.29811096191406px;
  }
}

.svg-elem-8 {
  -webkit-animation: animate-svg-stroke-8 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.7000000000000001s both,
                       animate-svg-fill-8 1s linear 1.5s both;
          animation: animate-svg-stroke-8 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.7000000000000001s both,
               animate-svg-fill-8 1s linear 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 216.12673950195312px;
    stroke-dasharray: 216.12673950195312px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 216.12673950195312px;
  }
}

@keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 216.12673950195312px;
    stroke-dasharray: 216.12673950195312px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 216.12673950195312px;
  }
}

@-webkit-keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(34, 23, 20);
  }
}

@keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(34, 23, 20);
  }
}

.svg-elem-9 {
  -webkit-animation: animate-svg-stroke-9 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.8s both,
                       animate-svg-fill-9 1s linear 1.5s both;
          animation: animate-svg-stroke-9 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.8s both,
               animate-svg-fill-9 1s linear 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 216.12673950195312px;
    stroke-dasharray: 216.12673950195312px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 216.12673950195312px;
  }
}

@keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 216.12673950195312px;
    stroke-dasharray: 216.12673950195312px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 216.12673950195312px;
  }
}

.svg-elem-10 {
  -webkit-animation: animate-svg-stroke-10 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.9s both,
                       animate-svg-fill-10 1s linear 1.5s both;
          animation: animate-svg-stroke-10 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.9s both,
               animate-svg-fill-10 1s linear 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 112.760009765625px;
    stroke-dasharray: 112.760009765625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 112.760009765625px;
  }
}

@keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 112.760009765625px;
    stroke-dasharray: 112.760009765625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 112.760009765625px;
  }
}

@-webkit-keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(34, 23, 20);
  }
}

@keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(34, 23, 20);
  }
}

.svg-elem-11 {
  -webkit-animation: animate-svg-stroke-11 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1s both,
                       animate-svg-fill-11 1s linear 1.5s both;
          animation: animate-svg-stroke-11 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1s both,
               animate-svg-fill-11 1s linear 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 112.760009765625px;
    stroke-dasharray: 112.760009765625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 112.760009765625px;
  }
}

@keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 112.760009765625px;
    stroke-dasharray: 112.760009765625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 112.760009765625px;
  }
}

.svg-elem-12 {
  -webkit-animation: animate-svg-stroke-12 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.1s both,
                       animate-svg-fill-12 1s linear 1.5s both;
          animation: animate-svg-stroke-12 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.1s both,
               animate-svg-fill-12 1s linear 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 158.2049560546875px;
    stroke-dasharray: 158.2049560546875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 158.2049560546875px;
  }
}

@keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 158.2049560546875px;
    stroke-dasharray: 158.2049560546875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 158.2049560546875px;
  }
}

@-webkit-keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(34, 23, 20);
  }
}

@keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(34, 23, 20);
  }
}

.svg-elem-13 {
  -webkit-animation: animate-svg-stroke-13 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.2000000000000002s both,
                       animate-svg-fill-13 1s linear 1.5s both;
          animation: animate-svg-stroke-13 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.2000000000000002s both,
               animate-svg-fill-13 1s linear 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 158.2049560546875px;
    stroke-dasharray: 158.2049560546875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 158.2049560546875px;
  }
}

@keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 158.2049560546875px;
    stroke-dasharray: 158.2049560546875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 158.2049560546875px;
  }
}

.svg-elem-14 {
  -webkit-animation: animate-svg-stroke-14 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.3s both,
                       animate-svg-fill-14 1s linear 1.5s both;
          animation: animate-svg-stroke-14 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.3s both,
               animate-svg-fill-14 1s linear 1.5s both;
}



@media only screen and (max-width: 480px) {



.header-left h1{
	width:116px;
	height: auto;
	line-height: 1;
	padding: 0 0 0 0;
	margin: 21px 0 0 0;
}

.header-left h1 img{
	width:100%;
}



/*======================================

	recruit-page-head
		
========================================*/

.recruit-page-head{
	width:100%;
	position: relative;
	margin: 0 0 45px 0;
}

.recruit-page-head-bg{
	height: 300px;
	width:  100% ;
	position: relative;
	z-index: 20;
}
#recruit-page-head-bg-message{
    background: url(./i/page_head_bg_message.jpg) no-repeat center center;
    background-size:cover;
}
#recruit-page-head-bg-workstyle{
    background: url(./i/page_head_bg_workstyle.jpg) no-repeat center center;
    background-size:cover;
}
#recruit-page-head-bg-oneday{
    background: url(./i/page_head_bg_oneday.jpg) no-repeat center center;
    background-size:cover;
}
#recruit-page-head-bg-employment{
    background: url(./i/page_head_bg_employment.jpg) no-repeat center center;
    background-size:cover;
}

.recruit-page-head-white{
	width: 100%;
	position: relative;
	display: none;
	background:#fff;
	z-index: 10;
}
#recruit-page-head-white-message{
	height: 70px;
}
#recruit-page-head-white-workstyle{
	height: 70px;
}
#recruit-page-head-white-oneday{
	height: 70px;
}
#recruit-page-head-white-employment{
	height: 90px;
}

.recruit-page-head-inner{
	width: 90%;
	position: relative;
	z-index: 30;
	text-align: left;
	margin: -84px auto 0 auto;
	padding: 15px;
	background: #fff;
	
}

h2.recruit-page-head-h2{
	font-family: 'Oswald', sans-serif;
	font-size:48px;
	line-height: 1;
	color:#6bd28a;
	text-align: left;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
}
h2.recruit-page-head-h2 span {
	display: block;
    font-size: 12px;
    margin: 0 0 6px 0;
	text-align: left;
	color:#231815;
}
.recruit-page-head-catch{
	font-size:18px;
	line-height: 1.8;
	font-weight: 600;
}

/*======================================

	footer-menu
		
========================================*/
.recruit-footer-menu{
	width: 100%;
	padding: 60px 0 30px 0;
    background: url(./i/footer_bg.jpg) no-repeat center center;
    background-size:cover;
    position: relative;
    text-align: center;
}
.recruit-footer-menu-inner{
	width: 90%;
	margin: 0px auto 0px auto;
}

.top-recruit-footer-catch{
	font-size:15px;
	line-height: 1.5;
	font-weight: 600;
	text-align: center;
	padding: 0 0 0 0;
	margin: 0 0 45px 0;
}

.top-recruit-footer-catch span{
	display: block;
	margin: 0px 0 0 0;
}

.recruit-footer-menu-list{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.recruit-footer-menu-box-interview{
	width: 100%;
	position: relative;
	margin: -90px 0 24px 0;
}

.recruit-footer-menu-box{
	width: 48%;
	height: 100px;
	position: relative;
	margin: 0 0 24px 0;
}

.recruit-footer-menu-photo{
	width: 100%;
	padding: 0;
	overflow: hidden;
}
.recruit-footer-menu-photo img{
	width: 100%;
	height: 100px;
	object-fit:cover;

}
.recruit-footer-menu-photo img:hover{


}

.recruit-footer-menu-title{
	position:absolute;
	display: inline-block;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin:auto;
	z-index: 30;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	font-size:30px;
	color:#6bd28a;
    word-break: keep-all;
}
.recruit-footer-menu-title span{
	 margin: 0 0 0 9px;
	} 

#recruit-footer-menu-interview::before {
    content: "社員インタビュー";
    font-size: 8px;
	text-align: left;
    color: #fff;
    position: absolute;
    top: -5px;
    left: 0;
}

#recruit-footer-menu-oneday::before {
    content: "先輩社員の１日";
    font-size: 8px;
	text-align: left;
    color: #fff;
    position: absolute;
    top: -5px;
    left: 0;
}
#recruit-footer-menu-workstyle::before {
    content: "働き方紹介";
    font-size: 8px;
	text-align: left;
    color: #fff;
    position: absolute;
    top: -5px;
    left: 0;
}

#recruit-footer-menu-message::before {
    content: "採用担当者から";
    font-size: 8px;
	text-align: left;
    color: #fff;
    position: absolute;
    top: -5px;
    left: 0;
}
#recruit-footer-menu-employment::before {
    content: "募集要項";
    font-size: 8px;
	text-align: left;
    color: #fff;
    position: absolute;
    top: -5px;
    left: 0;
}

/*======================================

	top
		
========================================*/


.link-btn-black{
	width: 100%;
	margin: 60px 0 60px 0;
}
.link-btn-black a{
	display: block;
	margin: 0 auto;
	padding: 11px 0 0 0;
	width: 300px;
	height: 45px;
	text-align: center;
	color: #fff;
	font-size:15px;
	font-weight: bold;
	background: #333;
	border-radius: 24px;
}

.link-btn-black a:hover{

	}
	
	
.top-main{
	width: 100%;
	height: 360px;
    background: url(./i/top_main_bg.jpg) no-repeat center center;
    background-size:cover;
    position: relative;
}

.top-main-inner{
	width:100%;
	padding: 0 0px 0 0px;
	height:auto;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin:auto;
	z-index: 30;
	text-align: center;
}

.top-main-catch{
	font-size:33px;
	line-height: 1;
	font-weight: 600;
	color:#fff;
}
.top-main-catch span{
	display: block;
	margin: 18px 0 0 0;
	font-size:20px;
	font-weight: 600;
	color:#6bd28a;
}


section.top-interview{
	width: 90%;
	margin: -95px auto 0 auto;
	position: relative;
	min-height: 400px;
	padding: 120px 0 0 0;
}

.top-head-glid{
	position: relative;
	width: 100%;
	position:absolute;
	top: 0%;
	left: 50%;
	transform: translate(-50%,0%);
	z-index: 20;
}

section.top-interview h3.top-interview-h3{
	display: inline-block;
	font-size:48px;
	font-weight: 600;
	font-family: 'Oswald', sans-serif;
	line-height: 1;
	padding: 15px 0 0 0;
	margin: 0 auto 24px auto;
	color:#6bd28a;
	text-align: center;
	z-index: 40;
	position: relative;
}

.top-interview-h3::after {
    content: "社員インタビュー";
    font-size: 12px;
    font-weight: bold;
	text-align: left;
    color: #333;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
}

section.top-interview h3.top-interview-h3 span{
	display: block;
	font-size:13px;
	font-weight: 600;
	line-height: 1;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color:#333;
}

.top-interview-lead{
	font-size:16px;
	font-weight: 600;
	color:898989;
	z-index: 40;
	position: relative;
}


.top-interview-list{
	width: 100%;
	margin: 30px 0 0 0;
	display: flex;
	justify-content:flex-start;
	flex-wrap: wrap;
}

.top-interview-box{
	width: 49.5%;
	margin: 0px 1px 1px 0;
	background: #ddd;
	position: relative;
	overflow: hidden;
}


.top-interview-eyecatch-cover{
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
}

.top-interview-eyecatch{
	width: 100%;
}

.top-interview-eyecatch img{
	width: 100%;
	transition-duration: 0.5s;
	filter: brightness(0.7)grayscale(0%)saturate(90%);
}

.top-interview-eyecatch img:hover {


}

.top-interview-info{
	text-align: left;
	width: 85%;
	position: absolute;
	position:absolute;
	bottom: 6%;
	left: 50%;
	transform: translate(-50%,-0%);
	padding: 0 0px 0 0px;
	
}

.top-interview-brand{
	font-size:5px;
	color: #fff;
}
.top-interview-store{
	font-size:5px;
	color: #fff;
}
.top-interview-name{
	font-size:15px;
	font-weight: 600;
	color: #fff;
}
.top-interview-name:after{
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  position: absolute;
  right: 0;
  bottom:0;
  width: 18px;/*画像の幅*/
  height: 18px;/*画像の高さ*/
  background-image: url(./i/anchor_greenS.png);
  background-size: contain;
  vertical-align: middle;
}



section.top-oneday{
	width: 100%;
	margin: 0px auto 0 auto;
	position: relative;
	padding: 60px 0 60px 0;
	background: #fff;
}
.top-oneday-inner{
	width: 90%;
	height: auto;
	margin: 0px auto 0px auto;
	position: relative;
}

.top-oneday-content{
	width: 360px;
	position: relative;
	padding: 0 0px 0 0px;
	text-align: left;
	z-index: 40;
}

.top-oneday-glid{
	width: 250px;
	position: relative;
	margin:-99px auto 0 auto;
	padding: 0 0px 0 0px;
	text-align: left;
	z-index: 30;
}

.top-oneday-photo{
	width: 100%;
	position: relative;
	margin:-135px auto 0 auto;
	padding: 0 0px 0 0px;
	text-align: left;
	z-index: 40;
}

.top-oneday-photo img{
	width: 100%;
}

h3.top-oneday-h3{
	display: inline-block;
	font-size:48px;
	font-weight: 600;
	font-family: 'Oswald', sans-serif;
	line-height: 1;
	padding: 20px 75px 0 0;
	margin: 0 auto 24px auto;
	color:#6bd28a;
	text-align: left;
	z-index: 40;
	position: relative;
	padding: 0 60px 0 0;
}

.top-oneday-h3::before {
    content: "先輩社員の１日";
    font-size: 12px;
    font-weight: bold;
	text-align: left;
    color: #333;
    position: absolute;
    top: -15px;
    left: 0;
}
.top-oneday-h3:after{
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  position: absolute;
  right: 0px;
  bottom: 0;
  width: 36px;/*画像の幅*/
  height: 36px;/*画像の高さ*/
  background-image: url(./i/anchor_greenL.png);
  background-size: contain;
  vertical-align: middle;
}

.top-oneday-h3:hover{
	opacity: 0.7;
}

.top-oneday-lead{
	font-size:15px;
	line-height: 1.5;
	font-weight: 600;
	color:898989;
	z-index: 40;
	position: relative;
}



section.top-workstyle{
	width: 100%;
	margin: 0px auto 0 auto;
	position: relative;
	padding: 60px 0 60px 0;
}
.top-workstyle-inner{
	width: 90%;
	height: auto;
	margin: 0px auto 0px auto;
	position: relative;
}

.top-workstyle-content{
	width: 100%;
	position: relative;
	text-align: left;
	z-index: 40;
}

.top-workstyle-glid{
	width: 250px;
	position: relative;
	margin:-99px auto 0 auto;
	padding: 0 0px 0 0px;
	text-align: left;
	z-index: 30;
}

.top-workstyle-photo{
	width: 100%;
	position: relative;
	padding: 0 0px 0 0px;
	margin:-135px auto 0 auto;
	text-align: left;
	z-index: 40;
}

.top-workstyle-photo img{
	width: 100%;
	}

h3.top-workstyle-h3{
	display: inline-block;
	font-size:48px;
	font-weight: 600;
	font-family: 'Oswald', sans-serif;
	line-height: 1;
	padding: 20px 75px 0 0;
	margin: 0 auto 24px auto;
	color:#6bd28a;
	text-align: left;
	z-index: 40;
	position: relative;
	padding: 0 60px 0 0;
}

.top-workstyle-h3::before {
    content: "働き方紹介";
    font-size: 12px;
    font-weight: bold;
	text-align: left;
    color: #333;
    position: absolute;
    top: -15px;
    left: 0;
}
.top-workstyle-h3:after{
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  position: absolute;
  right: 0px;
  bottom: 0;
  width: 36px;/*画像の幅*/
  height: 35px;/*画像の高さ*/
  background-image: url(./i/anchor_greenL.png);
  background-size: contain;
  vertical-align: middle;
}

.top-workstyle-h3:hover{
	opacity: 0.7;
}

.top-workstyle-lead{
	font-size:15px;
	line-height: 1.5;
	font-weight: 600;
	color:898989;
	z-index: 40;
	position: relative;
}




/*======================================

	message
		
========================================*/

section.message-wrapper{
	width: 100%;
	background: #fff;
}

.message-list{
	width: 100%;
	margin: 0 auto 60px auto;
	padding: 30px 0 30px 0;
}

.message-box{
	width: 90%;
	margin: 30px auto 0px auto;
	padding: 0 0 0 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.message-box-left{
	width: 100%;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
}
.message-box-right{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
}

.message-box-left img{
	width: 80%;
	height: auto;
	margin: 0px auto 0px auto;
}

.message-name{
	font-size:21px;
	font-weight: 600;
	margin: 0 0 18px 0;
}
.message-name span{
	display: block;
	margin: 0 0px 0 0;
	font-size:12px;
}

.message-title{
	font-size:16px;
	font-weight: 600;
	color:#6bd28a;
	margin: 0 0 15px 0;
}


/*======================================

	message
		
========================================*/


section.workstyle-wrapper{
	width: 100%;
	background: #fff;
}

.workstyle-inner{
	width: 100%;
	margin: 0 auto 60px auto;
	padding: 30px 0 30px 0;
}

.workstyle-col{
	width:100%;
	margin: 0 auto 40px auto;
	background: transparent;
	position: relative;
	clear: both;
}


.workstyle-col-left-photo{
	width:100%;
	height: 240px;
	margin: 0 auto 0px auto;
	background: transparent;
	position:relative;
}
.workstyle-col-right-photo{
	width:100%;
	height: 240px;
	margin: 0 auto 0px auto;
	background: transparent;
	position:relative;
}

.workstyle-col-right-contents{
	width:90%;
	margin: -45px auto 0 auto;
	padding: 15px;
	background: #fff;
	position:relative;
	text-align: left;
}
.workstyle-col-right-contents-inner{
	width:100%;
	text-align: left;
}

.workstyle-col-left-contents{
	width:90%;
	margin: -45px auto 0 auto;
	padding: 15px;
	position:relative;
	background: #fff;
	text-align: left;
}
.workstyle-col-left-contents-inner{
	width:100%;
	text-align: left;
	float: none;
}


.workstyle-image {
	width: 100%;
	height: 240px;
	object-fit:cover;
}

h4.workstyle-h4{
	font-size:20px;
	line-height: 1.5;
	padding: 0 0 0 0;
	margin: 0px 0 15px 0;
	font-weight: 600;
	color:#6bd28a;
}




/*======================================

	oneday
		
========================================*/


section.oneday-wrapper{
	width: 100%;
	background: #fff;
}

.oneday-inner{
	width: 100%;
	margin: 0 auto 60px auto;
	padding: 60px 0 60px 0;
}

.oneday-head-menu-wrapper{
	width: 95%;
	margin: 0 auto 0 auto;
	display: flex;
	justify-content: space-between;;
}

.oneday-head-menu{
	width: 33%;
}

.oneday-head-menu img{
	width: 100%;
}

section.thirtyone-section{
	width: 100%;
	padding: 45px 0 45px 0;
	text-align: left;
	background: #fff;
}
section.tullys-section{
	width: 100%;
	padding: 45px 0 45px 0;
	text-align: left;
	background: #f7f8f8;
}
section.kuzefuku-section{
	width: 100%;
	padding: 45px 0 0px 0;
	text-align: left;
	background: #fff;
}

.section-inner{
	width: 95%;
	margin: 0 auto 0 auto;
}

h3.oneday-h3{
	font-size:21x;
	font-weight: 600;
	margin: 0px 0 30px 0;
}

h3.oneday-h3 span{
	display: block;
	margin: 0 0 12px 0;
	font-size:13px;
	font-weight: 400;
}


h4.oneday-h4{
	font-size:15px;
	line-height: 1.5;
	font-weight: 600;
	margin: 0px 0 12px 0;
	padding: 0 0 0 0;
}

.color-thirtyone{
	color:#e4007f;
}
.color-tullys{
	color:#cf820f;
}
.color-kuzefuku{
	color:#1e3040;
}

.oneday-col{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.oneday-col-left{
	width: 100%;
}

.oneday-col-right{
	width: 100%;
}

.oneday-table{
	width: 100%;
	padding: 0 0 0 0;
	border-collapse: collapse;
}

.oneday-table th{
	font-size: 16px;
	line-height: 1;
	width: 105px;
	padding: 0 0 24px 30px;
	margin: 0 0 0 0;
	border-collapse: collapse;
	vertical-align: top;
	text-align: left;
}

.th-line-thirtyone{
	background: url(./i/oneday_line_thirtyone.png) no-repeat ;
}
.th-dot-thirtyone{
	background: url(./i/oneday_dot_thirtyone.png) no-repeat ;
}
.th-line-tullys{
	background: url(./i/oneday_line_tullys.png) no-repeat ;
}
.th-dot-tullys{
	background: url(./i/oneday_dot_tullys.png) no-repeat ;
}
.th-line-kuzefuku{
	background: url(./i/oneday_line_kuzefuku.png) no-repeat ;
}
.th-dot-kuzefuku{
	background: url(./i/oneday_dot_kuzefuku.png) no-repeat ;
}

.oneday-table td{
	padding: 0 0 24px 0px;
	margin: 0 0 0 0;
}

.oneday-photo01{
	display: inline-block;
	width: 49%;
	margin: 0 0 0px 0;
}
.oneday-photo02{
	display: inline-block;
	width: 49.5%;
	margin: 0 0 0px 0;
}
.oneday-photo01 img, .oneday-photo02 img{
	width: 100%;
}




/*======================================

	interview
		
========================================*/

.recruit-interview-lead{
	font-size:20px;
	line-height: 1.8;
	font-weight: 600;
	margin: 0 0 30px 0;
	padding: 0 0 0 0;
	text-align: left;
}

.recruit-interview-head{
	width:100%;
	height: auto;
	position: relative;
	margin: 0px 0 0 0;
	background: #fff;
}

.recruit-interview-head-bg{
	height: 300px;
	width:  100%;
	position: relative;
	z-index: 20;
}



.recruit-interview-head-inner{
	width: 90%;
	position: relative;
	margin:  -60px auto 0 auto;
	z-index: 30;
	padding: 0;
	text-align: left;
	background: #f7f8f8;
}

.recruit-interview-head-contents{
	width: 100%;
	margin: 0 auto 0 auto;
	background: transparent;
}

.recruit-interview-head-contents-inner{
	width: 100%;
	margin: 0px 0 0 0;
	padding: 15px;
	background: #f7f8f8;
}

h2.recruit-interview-head-h2{
	font-family: 'Oswald', sans-serif;
	font-size:48px;
	line-height: 1;
	color:#6bd28a;
	text-align: left;
	margin: 0 0 18px 0;
	padding: 0 0 0 0;
}
h2.recruit-interview-head-h2 span {
	display: block;
    font-size: 12px;
	text-align: left;
	color:#231815;
}


.recruit-interview-head-shop{
	font-size:11px;
	margin: 0 0 6px 0;
}
.recruit-interview-head-yaku{
	font-size:11px;
	margin: 0 0 9px 0;
}
.recruit-interview-head-name{
	font-size:24px;
	line-height: 1;
	margin: 12px 0 9px 0;
	padding: 0 0 0 0;
	font-weight: 600;
}
.recruit-interview-head-name span{
	display: block;
	font-size:13px;
	margin: 12px 0 0px 0;
}
.recruit-interview-head-line {
  width: 60px;
  height: 2px;
  display: inline-block;
  background-color: #6bd28a;
  margin: 12px 0 24px 0;
}
.recruit-interview-head-fromwhen{
	font-size:13px;
	margin: 0 0 12px 0;
}
.recruit-interview-head-fromwhere{
	font-size:13px;
	margin: 0 0 12px 0;
}

.recruit-interview-head-hoby{
	font-size:13px;
	margin: 0 0 12px 0;
}
.recruit-interview-head-hoby span{
	display: block;
	font-size:13px;
	margin: 0 0 12px 0;
}


.interview-wrapper{
	width: 100%;
	padding: 30px 0 30px 0;
	margin: 0 auto 36px auto;
	background: #fff;
	position: relative;
}

.interview-contents{
	width: 90%;
	padding: 0px 0 30px 0;
	margin: 0px auto 30px auto;
	background: #fff;
	text-align: left;
	position: relative;
}

.interview-contents img{
	max-width: 100%;

}

#interview-foot-btn{
	position: relative;
	margin: -120px 0 0 0;
}





/*======================================

	employment
		
========================================*/

section.employment-wrapper{
	width: 100%;
	background: #fff;
}

.employment-inner{
	width: 100%;
	margin: 0 auto 60px auto;
	padding: 30px 0 30px 0;
}

.employment-list{
	width: 100%;
	margin: 30px 0px 30px 0;
	padding: 0 0 0 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.employment-box{
	width: 240px;
	height: 240px;
	margin: 0px auto 24px auto;
	padding: 0 0 0 0;
	background: url(./i/employment_topmenu_bg.jpg) no-repeat ;
	position: relative;
}
.employment-box a{
	display: block;
	width: 240px;
	height: 240px;
transition-duration: 0.5s;
}
.employment-box a:hover{
	background-color:rgba(255,255,255,0.3);
	background-blend-mode:lighten;
transition-duration: 0.5s;
}

.employment-box-title{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 22px;
	font-weight: 600;
	color:#fff;
}

.employment-contents{
	width: 95%;
	margin: 0 auto;
}

.employment-h3{
	width: 100%;
	height: 75px;
	font-size: 18px;
	font-weight: 600;
	color:#fff;
	background: url(./i/employment_h3_bg.jpg) no-repeat ;
	border-radius: 27px;
	text-align: left;
	padding: 24px 0 0 36px;
}

.employment-contents table{
	width: 100%;
	padding: 0 0 0 0;
	margin: 45px 0 0 0;
	border-collapse: collapse;
	border-top:1px solid #999;
}

.employment-contents table th{
	width: 25%;
	padding: 15px 0 15px 21px;
	border-bottom:1px solid #999;
	font-size:12px;
	line-height: 1.8;
	color:#9fa0a0;
	text-align: left;
	vertical-align: top;
}
.employment-contents table td{
	width: 75%;
	padding: 15px 0 15px 6px;
	border-bottom:1px solid #999;
	font-size:12px;
	line-height: 1.8;
	text-align: left;
	vertical-align: top;
}




}/*//end  max-width: 480px ///////////////////////*/







@media only screen and (min-width: 481px) {


.header-left h1{
	width:116px;
	height: auto;
	line-height: 1;
	padding: 0 0 0 0;
	margin: 27px 0 0 0;
}

/*======================================

	recruit-page-head
		
========================================*/

.recruit-page-head{
	width:100%;
	height: 420px;
	position: relative;
}

.recruit-page-head-bg{
	height: 420px;
	width:  calc(50% + 160px) ;100%;
	position: absolute;
	right: 0;
	top:0;
	z-index: 20;
}
#recruit-page-head-bg-message{
    background: url(./i/page_head_bg_message.jpg) no-repeat center center;
    background-size:cover;
}
#recruit-page-head-bg-workstyle{
    background: url(./i/page_head_bg_workstyle.jpg) no-repeat center center;
    background-size:cover;
}
#recruit-page-head-bg-oneday{
    background: url(./i/page_head_bg_oneday.jpg) no-repeat center center;
    background-size:cover;
}
#recruit-page-head-bg-employment{
    background: url(./i/page_head_bg_employment.jpg) no-repeat center center;
    background-size:cover;
}

.recruit-page-head-white{
	width: 100%;
	position: absolute;
	right: 0;
	bottom:0;
	background:#fff;
	z-index: 10;
}
#recruit-page-head-white-message{
	height: 70px;
}
#recruit-page-head-white-workstyle{
	height: 70px;
}
#recruit-page-head-white-oneday{
	height: 70px;
}
#recruit-page-head-white-employment{
	height: 90px;
}

.recruit-page-head-inner{
	width: 960px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 30;
	text-align: left;
}

h2.recruit-page-head-h2{
	font-family: 'Oswald', sans-serif;
	font-size:60px;
	line-height: 1;
	color:#6bd28a;
	text-align: left;
	margin: 0 0 18px 0;
	padding: 0 0 0 0;
}
h2.recruit-page-head-h2 span {
	display: block;
    font-size: 13px;
	text-align: left;
	color:#231815;
}
.recruit-page-head-catch{
	font-size:20px;
	line-height: 1.8;
	font-weight: 600;
}

/*======================================

	footer-menu
		
========================================*/
.recruit-footer-menu{
	width: 100%;
	padding: 60px 0 45px 0;
    background: url(./i/footer_bg.jpg) no-repeat center center;
    background-size:cover;
    position: relative;
    text-align: center;
}
.recruit-footer-menu-inner{
	width: 960px;
	margin: 0px auto 0px auto;
}

.top-recruit-footer-catch{
	font-size:18px;
	line-height: 1.5;
	font-weight: 600;
	text-align: center;
	padding: 0 0 0 0;
	margin: 0 0 60px 0;
}

.recruit-footer-menu-list{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.recruit-footer-menu-box-interview{
	width: 960px;
	position: relative;
	margin: -130px 0 40px 0;
}

.recruit-footer-menu-box{
	width: 460px;
	position: relative;
	margin: 0 0 40px 0;
}

.recruit-footer-menu-photo{
	width: 100%;
	padding: 0;
	overflow: hidden;
}
.recruit-footer-menu-photo img{
	width: 100%;
transition-duration: 0.5s;
}
.recruit-footer-menu-photo img:hover{
transform: scale(1.1);
transition-duration: 0.5s;
}

.recruit-footer-menu-title{
	position:absolute;
	display: inline-block;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin:auto;
	z-index: 30;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	font-size:60px;
	color:#6bd28a;
    word-break: keep-all;
}
.recruit-footer-menu-title span{
	 margin: 0 0 0 9px;
	} 

#recruit-footer-menu-interview::before {
    content: "社員インタビュー";
    font-size: 13px;
    font-weight: bold;
	text-align: left;
    color: #fff;
    position: absolute;
    top: 0px;
    left: 0;
}

#recruit-footer-menu-oneday::before {
    content: "先輩社員の１日";
    font-size: 13px;
    font-weight: bold;
	text-align: left;
    color: #fff;
    position: absolute;
    top: 0px;
    left: 0;
}
#recruit-footer-menu-workstyle::before {
    content: "働き方紹介";
    font-size: 13px;
    font-weight: bold;
	text-align: left;
    color: #fff;
    position: absolute;
    top: 0px;
    left: 0;
}

#recruit-footer-menu-message::before {
    content: "採用担当者からのメッセージ";
    font-size: 13px;
    font-weight: bold;
	text-align: left;
    color: #fff;
    position: absolute;
    top: 0px;
    left: 0;
}
#recruit-footer-menu-employment::before {
    content: "募集要項";
    font-size: 13px;
    font-weight: bold;
	text-align: left;
    color: #fff;
    position: absolute;
    top: 0px;
    left: 0;
}

/*======================================

	top
		
========================================*/


.link-btn-black{
	width: 100%;
	margin: 60px 0 60px 0;
}
.link-btn-black a{
	display: block;
	margin: 0 auto;
	padding: 15px 0 0 0;
	width: 300px;
	height: 60px;
	text-align: center;
	color: #fff;
	font-size:18px;
	font-weight: bold;
	background: #333;
	border-radius: 24px;
}

.link-btn-black a:hover{
	opacity: 0.7;
	}
	
	
.top-main{
	width: 100%;
	height: 500px;
    background: url(./i/top_main_bg.jpg) no-repeat left top;
    background-size:cover;
    position: relative;
}

.top-main-inner{
	width:100%;
	padding: 0 0px 0 0px;
	height:auto;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin:auto;
	z-index: 30;
	text-align: center;
}

.top-main-catch{
	font-size:33px;
	line-height: 1;
	font-weight: 600;
	color:#fff;
}
.top-main-catch span{
	display: block;
	margin: 18px 0 0 0;
	font-size:20px;
	font-weight: 600;
	color:#6bd28a;
}


section.top-interview{
	width: 960px;
	margin: -75px auto 0 auto;
	position: relative;
	min-height: 400px;
	padding: 120px 0 0 0;
}

.top-head-glid{
	position: relative;
	width: 100%;
	position:absolute;
	top: 0%;
	left: 50%;
	transform: translate(-50%,0%);
	z-index: 20;
}

section.top-interview h3.top-interview-h3{
	display: inline-block;
	font-size:66px;
	font-weight: 600;
	font-family: 'Oswald', sans-serif;
	line-height: 1;
	padding: 15px 0 0 0;
	margin: 0 auto 24px auto;
	color:#6bd28a;
	text-align: center;
	z-index: 40;
	position: relative;
}

.top-interview-h3::after {
    content: "社員インタビュー";
    font-size: 13px;
    font-weight: bold;
	text-align: left;
    color: #333;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
}

section.top-interview h3.top-interview-h3 span{
	display: block;
	font-size:13px;
	font-weight: 600;
	line-height: 1;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color:#333;
}

.top-interview-lead{
	font-size:18px;
	font-weight: 600;
	color:898989;
	z-index: 40;
	position: relative;
}


.top-interview-list{
	width: 100%;
	margin: 30px 0 0 0;
	display: flex;
	justify-content:flex-start;;
	flex-wrap: wrap;
}

.top-interview-box{
	width: 319px;
	margin: 0px 1px 1px 0;
	background: #ddd;
	position: relative;
	overflow: hidden;
}


.top-interview-eyecatch-cover{
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.5;
}

.top-interview-eyecatch{
	width: 100%;
}

.top-interview-eyecatch img{
	width: 100%;
	transition-duration: 0.5s;
	filter: brightness(0.7)grayscale(0%)saturate(90%);
}

.top-interview-eyecatch img:hover {
transform: scale(1.1);
transition-duration: 0.5s;
}

.top-interview-info{
	text-align: left;
	width: 85%;
	position: absolute;
	position:absolute;
	bottom: 6%;
	left: 50%;
	transform: translate(-50%,-0%);
	padding: 0 0px 0 0px;
	
}

.top-interview-brand{
	font-size:12px;
	color: #fff;
}
.top-interview-store{
	font-size:12px;
	color: #fff;
}
.top-interview-name{
	font-size:20px;
	font-weight: 600;
	color: #fff;
}
.top-interview-name:after{
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  position: absolute;
  right: 0;
  width: 29px;/*画像の幅*/
  height: 29px;/*画像の高さ*/
  background-image: url(./i/anchor_greenS.png);
  background-size: contain;
  vertical-align: middle;
}



section.top-oneday{
	width: 100%;
	margin: 0px auto 0 auto;
	position: relative;
	min-height: 400px;
	padding: 60px 0 60px 0;
	background: #fff;
}
.top-oneday-inner{
	width: 960px;
	height: 400px;
	margin: 0px auto 0px auto;
	position: relative;
}

.top-oneday-content{
	width: 360px;
	position: absolute;
	top: 50%;
	left: 30px;
	transform: translate(-0%,-50%);
	padding: 0 0px 0 0px;
	text-align: left;
	z-index: 40;
}

.top-oneday-glid{
	width: 250px;
	position: absolute;
	top: 50%;
	left: 420px;
	transform: translate(-50%,-50%);
	padding: 0 0px 0 0px;
	text-align: left;
	z-index: 30;
}

.top-oneday-photo{
	width: 500px;
	position: absolute;
	top: 50%;
	right: 0%;
	transform: translate(-0%,-50%);
	padding: 0 0px 0 0px;
	text-align: left;
	z-index: 10;
}

h3.top-oneday-h3{
	display: inline-block;
	font-size:66px;
	font-weight: 600;
	font-family: 'Oswald', sans-serif;
	line-height: 1;
	padding: 20px 75px 0 0;
	margin: 0 auto 24px auto;
	color:#6bd28a;
	text-align: left;
	z-index: 40;
	position: relative;
	padding: 0 60px 0 0;
}

.top-oneday-h3::before {
    content: "先輩社員の１日";
    font-size: 13px;
    font-weight: bold;
	text-align: left;
    color: #333;
    position: absolute;
    top: -15px;
    left: 0;
}
.top-oneday-h3:after{
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  position: absolute;
  right: -15px;
  bottom: 0;
  width: 50px;/*画像の幅*/
  height: 50px;/*画像の高さ*/
  background-image: url(./i/anchor_greenL.png);
  background-size: contain;
  vertical-align: middle;
}

.top-oneday-h3:hover{
	opacity: 0.7;
}

.top-oneday-lead{
	font-size:18px;
	line-height: 1.5;
	font-weight: 600;
	color:898989;
	z-index: 40;
	position: relative;
}



section.top-workstyle{
	width: 100%;
	margin: 0px auto 0 auto;
	position: relative;
	min-height: 400px;
	padding: 60px 0 60px 0;
}
.top-workstyle-inner{
	width: 960px;
	height: 400px;
	margin: 0px auto 0px auto;
	position: relative;
}

.top-workstyle-content{
	width: 360px;
	position: absolute;
	top: 50%;
	right: 0px;
	transform: translate(-0%,-50%);
	padding: 0 0px 0 0px;
	text-align: left;
	z-index: 40;
}

.top-workstyle-glid{
	width: 250px;
	position: absolute;
	top: 50%;
	right: 180px;
	transform: translate(-50%,-50%);
	padding: 0 0px 0 0px;
	text-align: left;
	z-index: 30;
}

.top-workstyle-photo{
	width: 500px;
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translate(-0%,-50%);
	padding: 0 0px 0 0px;
	text-align: left;
	z-index: 10;
}

h3.top-workstyle-h3{
	display: inline-block;
	font-size:66px;
	font-weight: 600;
	font-family: 'Oswald', sans-serif;
	line-height: 1;
	padding: 20px 75px 0 0;
	margin: 0 auto 24px auto;
	color:#6bd28a;
	text-align: left;
	z-index: 40;
	position: relative;
	padding: 0 60px 0 0;
}

.top-workstyle-h3::before {
    content: "働き方紹介";
    font-size: 13px;
    font-weight: bold;
	text-align: left;
    color: #333;
    position: absolute;
    top: -15px;
    left: 0;
}
.top-workstyle-h3:after{
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  position: absolute;
  right: -15px;
  bottom: 0;
  width: 50px;/*画像の幅*/
  height: 50px;/*画像の高さ*/
  background-image: url(./i/anchor_greenL.png);
  background-size: contain;
  vertical-align: middle;
}

.top-workstyle-h3:hover{
	opacity: 0.7;
}

.top-workstyle-lead{
	font-size:18px;
	line-height: 1.5;
	font-weight: 600;
	color:898989;
	z-index: 40;
	position: relative;
}




/*======================================

	message
		
========================================*/

section.message-wrapper{
	width: 100%;
	background: #fff;
}

.message-list{
	width: 960px;
	margin: 0 auto 120px auto;
	padding: 60px 0 60px 0;
}

.message-box{
	width: 100%;
	margin: 30px 0px 0px 0;
	padding: 0 0 0 0;
	display: flex;
	justify-content: space-between;
}

.message-box-left{
	width: 360px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.message-box-right{
	width: 555px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
}

.message-box-left img{
	width: 100%;
	height: auto;
}

.message-name{
	font-size:22px;
	font-weight: 600;
	margin: 0 0 18px 0;
}
.message-name span{
	display: inline-block;
	margin: 0 9px 0 0;
	font-size:15px;
}

.message-title{
	font-size:22px;
	font-weight: 600;
	color:#6bd28a;
	margin: 0 0 15px 0;
}


/*======================================

	message
		
========================================*/


section.workstyle-wrapper{
	width: 100%;
	background: #fff;
}

.workstyle-inner{
	width: 100%;
	margin: 0 auto 120px auto;
	padding: 60px 0 60px 0;
}

.workstyle-col{
	width:100%;
	height: 240px;
	margin: 0 auto 40px auto;
	background: transparent;
	position: relative;
	clear: both;
}


.workstyle-col-left-photo{
	width:calc(50% - 200px);
	height: 240px;
	margin: 0 auto 40px auto;
	background: transparent;
	position:absolute;
	left:0;
	top:0;
}
.workstyle-col-right-photo{
	width:calc(50% - 200px);
	height: 240px;
	margin: 0 auto 40px auto;
	background: transparent;
	position:absolute;
	right:0;
	top:0;
}

.workstyle-col-right-contents{
	width:calc(50% + 140px);
	margin: 0 auto 0 auto;
	background: transparent;
	position:absolute;
	right:0;
	top:0;
	text-align: left;
}
.workstyle-col-right-contents-inner{
	width:620px;
	text-align: left;
}

.workstyle-col-left-contents{
	width:calc(50% + 140px);
	margin: 0 auto 0 auto;
	background: transparent;
	position:absolute;
	left:0;
	top:0;
	text-align: left;
}
.workstyle-col-left-contents-inner{
	width:620px;
	text-align: left;
	float: right;
}


.workstyle-image {
	width: 100%;
	height: 240px;
	object-fit:cover;
}

h4.workstyle-h4{
	font-size:20px;
	line-height: 1.5;
	padding: 0 0 0 0;
	margin: 15px 0 15px 0;
	font-weight: 600;
	color:#6bd28a;
}




/*======================================

	oneday
		
========================================*/


section.oneday-wrapper{
	width: 100%;
	background: #fff;
}

.oneday-inner{
	width: 100%;
	margin: 0 auto 120px auto;
	padding: 60px 0 60px 0;
}

.oneday-head-menu-wrapper{
	width: 960px;
	margin: 0 auto 0 auto;
	display: flex;
	justify-content: space-between;;
}

.oneday-head-menu{
	width: 300px;
}


section.thirtyone-section{
	width: 100%;
	padding: 60px 0 60px 0;
	text-align: left;
	background: #fff;
}
section.tullys-section{
	width: 100%;
	padding: 60px 0 60px 0;
	text-align: left;
	background: #f7f8f8;
}
section.kuzefuku-section{
	width: 100%;
	padding: 60px 0 0px 0;
	text-align: left;
	background: #fff;
}

.section-inner{
	width: 960px;
	margin: 0 auto 0 auto;
}

h3.oneday-h3{
	font-size:20px;
	font-weight: 600;
	margin: 0px 0 30px 0;
}

h3.oneday-h3 span{
	display: block;
	margin: 0 0 12px 0;
	font-size:15px;
	font-weight: 400;
}


h4.oneday-h4{
	font-size:18px;
	line-height: 1;
	font-weight: 600;
	margin: 0px 0 12px 0;
	padding: 0 0 0 0;
}

.color-thirtyone{
	color:#e4007f;
}
.color-tullys{
	color:#cf820f;
}
.color-kuzefuku{
	color:#1e3040;
}

.oneday-col{
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.oneday-col-left{
	width: 620px;
}

.oneday-col-right{
	width: 300px;
}

.oneday-table{
	width: 100%;
	padding: 0 0 0 0;
	border-collapse: collapse;
}

.oneday-table th{
	font-size: 18px;
	line-height: 1;
	width: 120px;
	padding: 0 0 24px 30px;
	margin: 0 0 0 0;
	border-collapse: collapse;
	vertical-align: top;
	text-align: left;
}

.th-line-thirtyone{
	background: url(./i/oneday_line_thirtyone.png) no-repeat ;
}
.th-dot-thirtyone{
	background: url(./i/oneday_dot_thirtyone.png) no-repeat ;
}
.th-line-tullys{
	background: url(./i/oneday_line_tullys.png) no-repeat ;
}
.th-dot-tullys{
	background: url(./i/oneday_dot_tullys.png) no-repeat ;
}
.th-line-kuzefuku{
	background: url(./i/oneday_line_kuzefuku.png) no-repeat ;
}
.th-dot-kuzefuku{
	background: url(./i/oneday_dot_kuzefuku.png) no-repeat ;
}

.oneday-table td{
	padding: 0 0 24px 0px;
	margin: 0 0 0 0;
}

.oneday-photo01{
	width: 100%;
	margin: 0 0 45px 0;
}
.oneday-photo02{
	width: 100%;
	margin: 0 0 0px 0;
}
.oneday-photo01 img, .oneday-photo02 img{
	width: 100%;
}




/*======================================

	interview
		
========================================*/

.recruit-interview-lead{
	font-size:20px;
	line-height: 1.8;
	font-weight: 600;
	margin: 0 0 30px 0;
	padding: 0 0 0 0;
	text-align: left;
}

.recruit-interview-head{
	width:100%;
	height: 500px;
	position: relative;
	margin: 0px 0 0 0;
	background: #fff;
}

.recruit-interview-head-bg{
	height: 500px;
	width:  calc(50% + 160px) ;100%;
	position: absolute;
	right: 0;
	top:0;
	z-index: 40;
}



.recruit-interview-head-inner{
	width: 100%;
	position: absolute;
	top: 0%;
	left: 50%;
	transform: translate(-50%,0%);
	z-index: 30;
	text-align: left;
	background: #f7f8f8;
}

.recruit-interview-head-contents{
	width: 960px;
	margin: 0 auto 0 auto;
	background: #f7f8f8;
}

.recruit-interview-head-contents-inner{
	width: 300px;
	margin: 0 0 0 0;
	padding: 0 0 30px 0;
	background: #f7f8f8;
}

h2.recruit-interview-head-h2{
	font-family: 'Oswald', sans-serif;
	font-size:60px;
	line-height: 1;
	color:#6bd28a;
	text-align: left;
	margin: 0 0 18px 0;
	padding: 0 0 0 0;
}
h2.recruit-interview-head-h2 span {
	display: block;
    font-size: 13px;
	text-align: left;
	color:#231815;
}


.recruit-interview-head-shop{
	font-size:12px;
	margin: 0 0 6px 0;
}
.recruit-interview-head-yaku{
	font-size:12px;
	margin: 0 0 9px 0;
}
.recruit-interview-head-name{
	font-size:30px;
	line-height: 1;
	margin: 18px 0 12px 0;
	padding: 0 0 0 0;
	font-weight: 600;
}
.recruit-interview-head-name span{
	display: block;
	font-size:15px;
	margin: 15px 0 0px 0;
}
.recruit-interview-head-line {
  width: 60px;
  height: 2px;
  display: inline-block;
  background-color: #6bd28a;
  margin: 18px 0 24px 0;
}
.recruit-interview-head-fromwhen{
	font-size:15px;
	margin: 0 0 12px 0;
}
.recruit-interview-head-fromwhere{
	font-size:15px;
	margin: 0 0 12px 0;
}

.recruit-interview-head-hoby{
	font-size:13px;
	margin: 0 0 12px 0;
}
.recruit-interview-head-hoby span{
	display: block;
	font-size:15px;
	margin: 0 0 12px 0;
}


.interview-wrapper{
	width: 100%;
	padding: 60px 0 60px 0;
	margin: 0 0 60px 0;
	background: #fff;
}

.interview-contents{
	width: 960px;
	margin: 0px auto 0px auto;
	background: #fff;
	text-align: left;
}

#interview-foot-btn{
	position: relative;
	margin: -150px 0 0 0;
}





/*======================================

	employment
		
========================================*/

section.employment-wrapper{
	width: 100%;
	background: #fff;
}

.employment-inner{
	width: 960px;
	margin: 0 auto 120px auto;
	padding: 60px 0 60px 0;
}

.employment-list{
	width: 100%;
	margin: 30px 0px 30px 0;
	padding: 0 0 0 0;
	display: flex;
	justify-content: space-between;
}

.employment-box{
	width: 300px;
	height: 300px;
	margin: 0px 0px 0px 0;
	padding: 0 0 0 0;
	background: url(./i/employment_topmenu_bg.jpg) no-repeat ;
	position: relative;
}
.employment-box a{
	display: block;
	width: 300px;
	height: 300px;
transition-duration: 0.5s;
}
.employment-box a:hover{
	background-color:rgba(255,255,255,0.3);
	background-blend-mode:lighten;
transition-duration: 0.5s;
}

.employment-box-title{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 22px;
	font-weight: 600;
	color:#fff;
}

.employment-contents{
	width: 100%;
}

.employment-h3{
	width: 100%;
	height: 100px;
	font-size: 22px;
	font-weight: 600;
	color:#fff;
	background: url(./i/employment_h3_bg.jpg) no-repeat ;
	border-radius: 40px;
	text-align: left;
	padding: 32px 0 0 45px;
}

.employment-contents table{
	width: 100%;
	padding: 0 0 0 0;
	margin: 45px 0 0 0;
	border-collapse: collapse;
	border-top:1px solid #999;
}

.employment-contents table th{
	width: 25%;
	padding: 15px 0 15px 21px;
	border-bottom:1px solid #999;
	font-size:15px;
	color:#9fa0a0;
	text-align: left;
	vertical-align: top;
}
.employment-contents table td{
	width: 75%;
	padding: 15px 0 15px 0;
	border-bottom:1px solid #999;
	font-size:15px;
	line-height: 1.8;
	text-align: left;
	vertical-align: top;
}

}/*//end  min-width: 481px ///////////////////////*/