/*
Theme Name: life_tpl_2024
Theme URI: 
Template: lightning
Description:Lifecommunication Theme
Author:Lifecommunication Co., Ltd
Tags: 
Version: 0.5.1
*/
body{
    position : relative;
    width : 100%;
    overflow-x : hidden;
}
/*--------------------------コモン---------------------------*/
/* ブラウザの標準に設定されている、htmlタグの設定をクリア */
BODY, H1, H2, H3, H4, H5, H6, P, TH, TD, OL, UL, LI, DL, DT, DD, FORM, PRE {
/* Netscape6 は * が未対応なので、全てのタグを記述して指定 */
margin: 0;
padding: 0;
font-family: 'Noto Sans JP', sans-serif;
}
/*見出し*/
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Noto Sans JP', sans-serif;
font-weight: bold;
}
h2 {
	margin-top: 0px;
	margin-bottom: 30px;
	font-size: 36px;
}
/*本文*/
p,
td,
th,
li,
dt,
dd,
input,
textarea,
.entryBody,
.entryMore {
	font-size: 16px;
	font-weight: normal;
}
p,
td,
th,
li,
dt,
dd{
	font-size: 16px;
}
li{
	list-style:none;
}
a{
	text-decoration:none!important;
}

/*テキストカラー*/
.text-blue {
	color: #0310EA;
}

/*見出し*/
.Head01 {
	width: 100%;
}
.Head01 p {
    font-size: 16px;
    font-weight: bold;
    background: #D9DBFC;
    width: fit-content;
    padding: 0px 15px;
    color: #fff;
}
.CompanyHead01 h1,
.Head01 h1,
.blog .page-header-inner:before,
.archive .page-header-inner:before{
    font-size: 76px;
    line-height: 70px;
	margin-bottom: 15px;
	margin-top: 0;
    color: #D9DBFC;
}
.CompanyHead01 p:last-child,
.Head01 p:last-child,
.blog .page-header-inner:after,
.archive .page-header-inner:after{
    background: #FCF340;
    width: fit-content;
    color: #3B4043;
    font-weight: bold;
	font-size: 16px;
    padding: 0px 15px;
}

.Head02 {
    padding: 30px 30px 30px 65px;
    border: 1px solid;
	position: relative;
	margin-bottom: 10px;
}
.Head02 h2 {
    margin: 0px;
    font-size: 24px;
}
.Head02::before {
    content: "";
    display: block;
    width: 18px;
    height: 100%;
    background: #FCF340;
    position: absolute;
    left: 0px;
    top: 0px;
}
.Head02.Yellow::before {
	background: #FCF340;
}
.Head02.Green::before {
	background: #7FFF00;
}
.Head02.Pink::before {
	background: #FB33DB;
}
.Head02.Blue::before {
	background: #0310EA;
}
.Head02.Orange::before {
	background: #ffa130;
}
.Head02.LightBlue::before {
	background: #37caff;
}
@media screen and (max-width: 600px){
	.Head02 {
		padding: 20px 20px 20px 40px;
	}
	.Head02 h2 {
		font-size: 20px;
	}
}
@media screen and (max-width: 450px){
	.Head02 h2 {
		font-size:18px;
	}
}
@media screen and (max-width: 360px){
	.Head02 h2 {
		font-size:17px;
	}
}
/*テキストボックス*/
.box01{
    margin: 2em 0;
    position: relative;
    padding: 1em 3.5em;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
}
.box01:before, .box01:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: black;
}
.box01:before {left: 10px;}
.box01:after {right: 10px;}
.box01 p {
    margin: 0; 
    padding: 0;
}


.width991{
	display:none;
}
@media screen and (max-width: 991px){
	.width991{
	display:block;
}
}
.width425{
	display:none;
}
@media screen and (max-width: 425px){
	.width425{
	display:block;
}
}

/*フォント*/
.zen-old-mincho-medium {
  font-family: "Zen Old Mincho", serif;
  font-weight: 500;
  font-style: normal;
}
.zen-old-mincho-semibold {
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  font-style: normal;
}
.zen-old-mincho-bold {
  font-family: "Zen Old Mincho", serif;
  font-weight: 700;
  font-style: normal;
}
.zen-old-mincho-black {
  font-family: "Zen Old Mincho", serif;
  font-weight: 900;
  font-style: normal;
}
.zen-old-mincho-regular {
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  font-style: normal;
}
.Termina-Thin{
	font-family: termina, sans-serif;
	font-weight: 100;
	font-style: normal;
}
.Termina-ExtraLight{
	font-family: termina, sans-serif;
	font-weight: 200;
	font-style: normal;
}
.Termina-Light{
	font-family: termina, sans-serif;
	font-weight: 300;
	font-style: normal;
}
.Termina-Regular{
	font-family: termina, sans-serif;
	font-weight: 400;
	font-style: normal;
}
.Termina-Medium{
	font-family: termina, sans-serif;
	font-weight: 500;
	font-style: normal;
}
.Termina-Demi{
	font-family: termina, sans-serif;
	font-weight: 600;
	font-style: normal;
}
.Termina-Bold{
	font-family: termina, sans-serif;
	font-weight: 700;
	font-style: normal;
}
.Termina-Heavy{
	font-family: termina, sans-serif;
	font-weight: 800;
	font-style: normal;
}
.Termina-Black{
	font-family: termina, sans-serif;
	font-weight: 900;
	font-style: normal;
}
.shippori-mincho-regular {
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
}

.shippori-mincho-medium {
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-style: normal;
}

.shippori-mincho-semibold {
  font-family: "Shippori Mincho", serif;
  font-weight: 600;
  font-style: normal;
}

.shippori-mincho-bold {
  font-family: "Shippori Mincho", serif;
  font-weight: 700;
  font-style: normal;
}

.shippori-mincho-extrabold {
  font-family: "Shippori Mincho", serif;
  font-weight: 800;
  font-style: normal;
}


/*テーブル*/
.wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th {
    border-color: #7C8886;
}
table tbody tr td {
    border: none !important;
	padding:1em!important;
}
tbody {
    border-top: 2px solid #00709B !important;
    border-bottom: 2px solid #00709B !important;
}
tr {
    border-bottom: 1px solid #00709B !important;
}
td:first-child{
	background:#d8ecf4;
	color:#00709B;
}
@media screen and (max-width: 786px) {
	/*テーブル*/
	tr {
    display: flex;
    flex-direction: column;
	}
	td:first-child {
    background: #d8ecf4;
    color: #00709B;
	}
	.wp-block-table td, .wp-block-table th{
		border:none;
	}
	table tbody tr td{
		padding:0.5em!important;
	}
	
	/*見出し*/
	.Head01 {
		width: 100%;
	}
}
/*全幅設定*/
.full-width {
    margin: 0 calc(50% - 50vw);
    padding: 5em calc(50vw - 50%);
}

/*スペーシング*/
.mt-100 {
	margin-top: 100px;
}
.mt-80 {
	margin-top: 80px;
}
.mb-100 {
	margin-bottom: 100px;
}
.mb-80 {
	margin-bottom: 80px;
}
.w-50{
	width:50%!important;
}
/*表示・非表示*/
/* 991pxより大きい画面（タブレット・PC） */
@media only screen and (min-width: 992px) { 
	.sp991{
		display: none !important;
	}
	.pc991 {
		display: block;
 	}
}
@media only screen and (max-width: 991px) { 
	.sp991{
		display: block;
	}
	.pc991 {
		display: none !important;
 	}
}
/* 769pxより大きい画面（タブレット・PC） */
@media only screen and (min-width: 769px) { 
.sp {
display: none !important;
 }
.pc {
display: block;
 }
}
/* 768px→425より小さい画面（スマホ）*/
@media only screen and (max-width: 768px) { 
.sp {
display: block;
 }
.pc {
display: none !important;
 }
}

/*--------------------------fullPageScroll---------------------------*/
.site-body {
    padding: 0;
}
.home .container,.home .container-lg,.home .container-md,.home .container-sm{
	max-width:100vw;
	padding:0;
}
.container,.container-lg,.container-md,.container-sm{
	padding:0;
}

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

}
/*--------------------------fullPageScroll---------------------------*/
/*--------------------------見出し---------------------------*/
h2.title01{
	margin-bottom:0;
}
@media screen and (max-width: 360px) {
	h2.title01,
	.TopMessage h2.title01{
		font-size: 30px !important;
	}
}
@media screen and (max-width: 319px) {
	h2.title01,
	.TopMessage h2.title01{
		font-size: 25px !important;
	}
}
/*--------------------------見出し---------------------------*/
/*--------------------------ボタン---------------------------*/
.btn01 a{
	display:flex;
	gap:5px;
	align-items: center;
	position:relative;
	color:black;
}
.btn01 a:before{
	content:"→";
	color:black;
	font-weight:bold;
	display:flex;
	justify-content: center;
	align-items: center;
	width:43px;
	height:43px;
	border:1.5px solid black;
	border-radius:50px;
}
/*--------------------------ボタン---------------------------*/
/*--------------------------ヘッダー---------------------------*/
header.site-header{
	position: absolute;
	box-shadow:none;
	height: 80px;
}
header.site-header .global-nav-list{
	position:relative;
	border:2px solid black;
	border-radius:20px;
	margin-right:150px;
	background: white;
}
header.site-header li {
    display: flex;
    align-items: center;
    padding: 14px 1.5em;
}

header.site-header li a {
    padding: 0 !important;
}
header.site-header li:before{
	content:"";
	width:14px;
	height:14px;
	border-radius:10px;
	display:block;
	margin-right:5px;
}
header.site-header li#menu-item-1016:before,header.site-header li#menu-item-391:before{
	display: none;
}
header.site-header li#menu-item-36:before,header.site-header li#menu-item-387:before{
	background: white;
}
/*会社を知る*/
header.site-header li#menu-item-974:before,header.site-header li#menu-item-404:before{
	background: #FCF340;
}
/*仕事を知る*/
header.site-header li#menu-item-1013:before,header.site-header li#menu-item-1013:before{
	background: #9DF744;
}
/*環境を知る*/
header.site-header li#menu-item-391:before,header.site-header li#menu-item-973:before{
	background: #FB33DB;
}
/*人を知る*/
header.site-header li#menu-item-37:before,header.site-header li#menu-item-396:before{
	background: #0310EA;
}
header.site-header li#menu-item-1016,header.site-header li#menu-item-391{
	position: absolute;
	right: -150px;
	top:-30px;
	background: #FB33DB;
	border-left:2px solid black;
	border-bottom:2px solid black;
	border-bottom-left-radius:50px;
	padding:0;
}

header.site-header li#menu-item-1016 a,header.site-header li#menu-item-391 a{
	color:white;
	padding: 30px 10px!important;
	min-width: 136px;
}
header.site-header li#menu-item-1016 a strong,header.site-header li#menu-item-391 a strong{
	border-bottom:2px dotted white;
}
header.site-header li#menu-item-1016 a::after,header.site-header li#menu-item-391 a::after{
	content:"Entry";
	font-size:18px;
	font-family: termina, sans-serif;
	font-weight: 600;
	font-style: normal;
}
header .site-header-logo a{
	border:2px solid black;
	padding:10px 20px;
	background: white;
	display: block;
    width: fit-content;
}
header .site-header-logo{
	padding-top:0;
}
.site-header-container{
	max-width:100vw;
}
.vk-mobile-nav-menu-btn {
	right:5px;
	left:inherit;
}
.header_scrolled .site-header{
	box-shadow: none;
	background-color: transparent;
}
.header_scrolled .site-header .global-nav{
	margin-right:0;
	margin-top:20px;
}

/*--------------------------ヘッダー---------------------------*/
/*--------------------------トップページ---------------------------*/
/*共通*/
.fp-slide{
	float: none!important;
}
.TopBusiness .Contents01,.TopEnvironment .Contents01{
	display:flex;
	align-items: center;
	gap:0 30px;
}
.section1,.section2,.section3,.section4,.section5{
	padding-left:70px;
}
.fp-watermark{
	display:none;
}
.flexible-margin{
		max-width: 1140px;
		margin:0 auto;
	}
.TopEnvironment.flexible-margin {
	max-width: 1440px;
}
@media (min-width: 992px) and (max-width: 1199px){
    .flexible-margin{
        max-width: 960px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .flexible-margin {
        max-width: 720px;
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    .flexible-margin {
        max-width: 540px;
    }
}
@media (max-width: 575px) {
	.flexible-margin {
        max-width: auto;
    }
}
/*dots*/
#fp-nav ul li:first-child a span{
	border:1px solid black;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
	width:12px!important;
	height:12px!important;
	background:white!important;
    border: 1px solid black!important;
	margin:0!important;
}
#fp-nav ul li:first-child a.active span {
	background: white;
    border: 1px solid black;
}
#fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span{
	margin:0!important;
}
#fp-nav ul li:nth-child(2) a.active span {
	background: #FCF340!important;
    border: 1px solid black;
}
#fp-nav ul li:nth-child(3) a.active span {
	background: #7FFF00!important;
    border: 1px solid black;
}
#fp-nav ul li:nth-child(4) a.active span {
	background: #FB33DB!important;
    border: 1px solid black;
}
#fp-nav ul li:nth-child(5) a.active span {
	background: #989EFF!important;
    border: 1px solid black;
}
#fp-nav ul li:nth-child(6) a.active span {
	background: #FCF340!important;
    border: 1px solid black;
}
#fp-nav ul li:nth-child(7) a.active span {
	background: #FCF340!important;
    border: 1px solid black;
}
@media screen and (max-width: 786px) {
	#fp-nav.fp-left{
	left: 0px!important;
}	
}
/*MainVisual*/
.MainVisual{
	position:relative;
}
.MainVisual:before{
	content:"";
	width:100%;
	height:100%;
	border:2px solid black;
	box-sizing: border-box;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	pointer-events: none;
}
.MainVisual .catch-copy{
	padding: 20px 10px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background-color: rgba(255, 255, 255, 0.3);
    width: fit-content;
    position: absolute;
    top: 50%;
    left: 5%;
}
.MainVisual .catch-copy .main-copy{
	font-size:32px;
}
.MainVisual .catch-copy .sub-copy{
	font-size:18px;
	background: #fff;
    background: linear-gradient(90deg, #000000 0%, #000000 45%, #0310ea 60%, #fb33db 100%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
	width: fit-content;
}
.MainVisual  .video{
	width: 100%;
	height: 100vh;
	background: url("/recruit.lifecommunication.co.jp/wp-content/themes/life_tpl_lightningbase/images/Video.jpg") repeat center/cover;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: -1;
	border-bottom-left-radius: 50px;
  }
.video video{
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
  }
.MainVisual .Newsbar{
	position:absolute;
	left:0;
	right:0;
	bottom:20px;
	border:2px solid black;
	display: flex;
    justify-content: space-between;
    align-items: center;
	align-items: center;
	background: white;
	width:100%;
	padding:5px 30px;
}
.MainVisual .Newsbar h2{
	font-size:16px;
	color:#32312F;
	margin-bottom:0;
	display: flex;
    align-items: center;
    gap: 5px;
}
.MainVisual .Newsbar h2:before{
	content:"";
	display: block;
    width: 30px;
    height: 20px;
    background: url(/recruit.lifecommunication.co.jp/wp-content/themes/life_tpl_lightningbase/images/news-icon.png);
	background-size:cover ;
	background-repeat: no-repeat;
}
.MainVisual .Newsbar ul a li{
	display:flex;
    align-items: center;
    gap: 20px;
}
.MainVisual .Newsbar ul .CatLabel{
	font-size:14px;
	background:#FB33DB;
	padding:0 10px;
	color:white;
}
.MainVisual .Newsbar ul .info-date,.MainVisual .Newsbar ul .info-title{
	font-size:16px;
}
.MainVisual .Newsbar ul .info-date{
	color:#6A6A6A;
}
.MainVisual .Newsbar ul .info-title{
	color:#32312F;
}
.MainVisual .btn01 a:hover span{
	background: #7FFF00;
}
.MainVisual .btn01 a:hover　:before{
	background:#7FFF00;
}
@media screen and (max-width: 786px) {
	.section1{
		padding-left:0;
	}
	.MainVisual .video{
		/*height:60vh;*/
	}
	.MainVisual .Newsbar{
		flex-direction: column;
		align-items: flex-start;
		padding: 10px 5px;
		bottom: 0px;
	}
	.MainVisual .Newsbar .btn01{
		display:none;
	}
	.MainVisual .catch-copy{
		backdrop-filter: none;
		top: 60vh;
		padding:0;
		/*height: calc(40vh - 75px);*/
		height: calc(30vh - 75px);
        display: flex;
        flex-direction: column;
        justify-content: center;
	}
	.MainVisual .catch-copy .main-copy{
		font-size:24px;
		line-height: 28px;
	}
	.MainVisual .catch-copy .sub-copy {
		line-height: 22px;
	}
}
/*Message*/
.TopMessage{
	max-width: 1440px;
    margin: 0 auto;
}
.TopMessage h2.title01{
	font-size:150px;
	text-align: center;
	
}
.TopMessage .contents01{
	display:flex;
	justify-content: space-between;
}
.TopMessage .contents01 .Message-image01{
	height:433px;
	margin-top:50px;
}
.TopMessage .contents01 .Message-image02{
	height:404px;
}
.TopMessage h3{
	font-size:42px;
	margin-bottom:1em;
}
.TopMessage .contents01 p{
	margin-left:100px;
}
.TopMessage .btn01 a{
	justify-content: flex-end;
}
.TopMessage .btn01 a:hover span{
	background: #FCF340;
}
.TopMessage .btn01 a:hover　:before{
	background:#FCF340;
}
@media screen and (max-width: 1200px) {
	.TopMessage .contents01 > div{
		padding: 0 6%;
	}
}
@media screen and (max-width: 991px) {
	.TopMessage h2.title01{
		font-size: 100px;
	}
	.TopMessage h3 {
    	font-size: 30px;
	}
	.TopMessage .contents01 p {
    	margin-left: 0;
	}
	
}
@media screen and (max-width: 786px) {
	.section2{
		padding-left:40px;
	}
	.TopMessage h2.title01{
		font-size:50px;
		text-align: left;
	}
	.TopMessage h3{
		font-size:18px;
	}
	.TopMessage .contents01 p{
		margin: 0 6% 20px;
	}
	.TopMessage .contents01 .Message-image01,.TopMessage .contents01 .Message-image02{
		/*display:none;*/
	}
	.TopMessage .contents01 .Message-image01{
		order:2;
		width: 150px;
        height: 400px;
        object-fit: cover;
	}
	.TopMessage .contents01 .Message-image02{
		order:3;
		width: 150px;
        height: 400px;
        object-fit: cover;
	}
	.TopMessage .contents01 > div{
		width:100%;order: 1;
	}
	.TopMessage .contents01 {
		flex-wrap: wrap;
		justify-content: center;
        gap: 30px;
	}
	.TopMessage .btn01 a{
		justify-content: flex-start;
	}
}
/*Business*/
.TopBusiness{
	max-width: 1440px;
	max-height:1080px;
    margin: 0 auto;
}
.TopBusiness .fp-overflow{
	height:100vh;
	padding-top:100px;
}
.TopBusiness .Contents01{
	margin-bottom:10px;
}
.TopBusiness .btn01 a:hover span{
	background:#7FFF00;
}
.TopBusiness .btn01 a:hover　:before{
	background:#7FFF00;
}
.TopBusiness .Contents02{
	height:calc(100% - 65px);
	background:gray;
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: end;
	background-image:url("/recruit.lifecommunication.co.jp/wp-content/themes/life_tpl_lightningbase/images/TopBusiness.jpg") ;
	background-size:cover;
	background-repeat: no-repeat;
	background-position:center;
}
.TopBusiness .Contents02 .rink01,.TopBusiness .Contents02 .rink02{
	border:1px solid black;
	width:600px;
	background: white;
	margin-bottom:20px;
}
.TopBusiness .Contents02 .rink01 a,
.TopBusiness .Contents02 .rink02 a{
	display:block;
	width:100%;
	height:100%;
	padding:35px 50px;
	position:relative;
}
.TopBusiness .Contents02 .rink01 a:hover,
.TopBusiness .Contents02 .rink02 a:hover{
	background:#DEDEDE;
	color:#666;
}
.TopBusiness .Contents02 .rink01 a:before,
.TopBusiness .Contents02 .rink02 a:before{
	content:"→";
	display:block;
	position:absolute;
	top:45%;
	right:15%;
	color:black;
	font-weight:bold;
	transition: all .2s;
}
.TopBusiness .Contents02 .rink01 a:hover:before,
.TopBusiness .Contents02 .rink02 a:hover:before{
	right:10%;
}
.TopBusiness .Contents02 h3{
	color:black;
	margin-bottom:10px;
}

@media screen and (max-width: 786px) {
	.section3{
		padding-left: 40px;
	}
	.TopBusiness .fp-overflow{
		padding-top:80px;
	}
	.TopBusiness .Contents01{
		flex-direction: column;
		align-items: flex-start;
	}
	.TopBusiness .Contents02{
		height: calc(100% - 110px);
	}
	.TopBusiness .Contents02 .rink01, .TopBusiness .Contents02 .rink02{
		width:90%;
	}
	.TopBusiness .Contents02 .rink01 a, .TopBusiness .Contents02 .rink02 a{
		padding: 10px 50px 10px 20px;
	}
	.TopBusiness .Contents02 .rink01 a:before, .TopBusiness .Contents02 .rink02 a:before{
		right:5%;
	}
}
/*Environment*/
.TopEnvironment .Contents01{
	margin-bottom:10px;
}
.TopEnvironment .btn01 a:hover span{
	background:#FB33DB;
}
.TopEnvironment .btn01 a:hover:before{
	background:#FB33DB;
}
.EnvironmentList li a:hover{
	
}
.TopEnvironment .fp-overflow {
    height:100vh;
	padding-top:100px;
	max-height:815px;
}
.TopEnvironment .EnvironmentList {
	display:flex;
	flex-wrap:wrap;
	gap:20px 30px;
}
.TopEnvironment .EnvironmentList li{
	width:calc((100% - 50px) / 2);
	min-width:250px;
	height:calc((100% - 50px) / 2);
	position:relative;
	z-index:1;
	margin-right:10px;
	margin-bottom:10px;
	width: 46%;
    height: 100%;
}
.TopEnvironment .EnvironmentList li a {
    display: block;
    width: 100%;
    transition: all .2s;
}
.TopEnvironment .EnvironmentList li a:hover{
    transform: translate(10px,10px);
    transition: all .2s;
}
.TopEnvironment .EnvironmentList li:before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	background-color: #6A6A6A;
	background: repeating-linear-gradient(135deg, #6A6A6A, #6A6A6A 3px, #fff 3px, #fff 6px);;
	position:absolute;
	z-index:-1;
	top:10px;
	left:10px;
}
.TopEnvironment .EnvironmentList li div{
	border: 1px solid black;
	background: #fff;
	position:relative;
	transition: all .2s;
}
.TopEnvironment .EnvironmentList li a:hover div:after {
	content:"";
	display:block;
	width:100%;
	height:100%;
	border: 10px solid #FCF340;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .2s;
	opacity: 0.7;
	mix-blend-mode: multiply;
}
.TopEnvironment .EnvironmentList li:nth-child(2) a:hover div:after {
	border: 10px solid #7FFF00;
}
.TopEnvironment .EnvironmentList li:nth-child(3) a:hover div:after {
	border: 10px solid #FB33DB;
}
.TopEnvironment .EnvironmentList li:nth-child(4) a:hover div:after {
	border: 10px solid #0310EA;
}
.TopEnvironment .EnvironmentList li a:hover img{
	opacity:0.5;
}
.TopEnvironment .EnvironmentList li a:hover h3 {
	color: #6A6A6A;
}
.TopEnvironment .EnvironmentList li img{
	vertical-align: top;
}
.TopEnvironment .EnvironmentList li h3{
	font-size:20px;
	display:flex;
	align-items: center;
	padding:5px 20px 8px;
	background: white;
	border:1px solid black;
	border-top:none;
}
.TopEnvironment .EnvironmentList li h3:before{
	color:#6A6A6A;
	display: block;
	padding-right:5px;
}
.TopEnvironment .EnvironmentList li a:hover h3:before{
	color:#FB33DB;
}
.TopEnvironment .EnvironmentList li:first-child h3:before{
	content:"01";
}
.TopEnvironment .EnvironmentList li:nth-child(2) h3:before{
	content:"02";
}
.TopEnvironment .EnvironmentList li:nth-child(3) h3:before{
	content:"03";
}
.TopEnvironment .EnvironmentList li:last-child h3:before{
	content:"04";
}
@media screen and (max-width: 786px) {
	.section4{
		padding-left:40px;
		padding-right:40px;
	}
	.TopEnvironment .fp-overflow{
		padding-top:0;
		max-height:none;
		height:auto;
	}
	.TopEnvironment .Contents01{
		flex-direction: column;
		align-items: flex-start;
	}
	/*.TopEnvironment .EnvironmentList{
		gap:10px;gap: 30px 8%;
	}*/
	.TopEnvironment .fp-overflow{
		scrollbar-color: #fff #e0e0e0;
	}

	.TopEnvironment .EnvironmentList{
		padding-right: 10px;
		padding-bottom: 10px;
		gap: 30px 6%;
	}
	.TopEnvironment .EnvironmentList li h3{
		padding:0px 10px 0;
		font-size:15px;
		height:55px;
	}
	.TopEnvironment .EnvironmentList li{
		min-width:0;
        margin-right: 0;
        margin-bottom: 0;
        width: 46%;
	}
	.TopEnvironment .EnvironmentList li div{
		height:100px;
	}
	.TopEnvironment .EnvironmentList li img{
		width:100%;
		height:100%;
		object-fit:cover;
	}
	.TopEnvironment .EnvironmentList li:before{
		top:6px;
		left: 6px;
	}
}
@media screen and (max-width: 767px) {
	.TopMessage .contents01 .Message-image01,
	.TopMessage .contents01 .Message-image02{
		display:none;
	}
}
@media screen and (max-width:360px) {
	.TopEnvironment .EnvironmentList{
		gap: 15px;
	}
	.TopEnvironment .EnvironmentList li{
        width:100%;
	}
	.TopEnvironment .EnvironmentList li h3 {
        padding: 5px 10px;
        height: auto;
	}
}
/*Staff*/
.TopStaff{
	background: #F2F1EE;
}
.TopStaff .TopStaff-bg01{
	position:absolute;
	top:0;
	right:0;
	width:30%;
}
.TopStaff .TopStaff-bg02{
	position:absolute;
	bottom:0;
	/*left:70px;*/
	left:0px;
	width:30%;
}
.TopStaff .fp-overflow{
	display:flex;
	gap:50px 0;
}
.TopStaff .Contents01{
	width:40%;
}
.TopStaff .Contents01{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap:0 30px;
}
.TopEnvironment .btn01 a:hover span{
	background:#989EFF;
}
.TopEnvironment .btn01 a:hover　:before{
	background:#989EFF;
}
.StaffList{
	padding-bottom: 20px;
    overflow: auto;
    width: 60%;
}
.StaffList ul{
	display: flex;
	flex-wrap: nowrap;
	gap: 30px;
	white-space: no-wrap;
}
.StaffList ul li{
	width:246px;
	min-width: 246px;
	position:relative;
}
.StaffList ul li:before {
    content: "";
    width: calc(100% + 16px);
    height: calc(100% + 16px);
    border: 2px solid black;
    position: absolute;
    top: -8px;
    left: -8px;
}
.StaffList ul li a{
	position:relative;
}
.StaffList ul li .staff-info {
	position:absolute;
	bottom: -6px;
    left: -6px;
	border-top-right-radius:10px;
	color: white;
	width:80%;
	padding:10px;
	display: table;
}
.TopStaff .StaffList ul .system .staff-info,
.TopStaff .system .joining {
    background: #0310EA;
}
.TopStaff .StaffList ul .management .staff-info,
.TopStaff .management .joining {
    background: #37CAFF;
}
.TopStaff .StaffList ul .sales .staff-info,
.TopStaff .sales .joining {
    background: #FFA130;
}
.TopStaff .StaffList ul .web .staff-info,
.TopStaff .web .joining {
    background: #FB33DB;
}
.TopStaff ul.StaffList .operation .staff-info, .TopStaff .operation .joining {
    background: #7FFF00;
}
.TopStaff .joining{
    width: fit-content;
    padding: 5px 10px;
    border-radius: 0px 0px 0px 10px;
    position: absolute;
    top: -6px;
    right: -6px;
    z-index: 9;
	display:table;
}
_::-webkit-full-page-media, :future, :root .TopStaff .joining {
    right: -206px;
}
.TopStaff .joining p {
    font-size: 10px;
    color: #fff;
}
.TopStaff .StaffList ul li {
    width: 246px;
    min-width: 246px;
    border: 8px solid #fff;
    position: relative;
}
.TopStaff ul.StaffList li:before{
	content: "";
    width: calc(100% + 16px);
    height: calc(100% + 16px);
    border: 2px solid black;
    position: absolute;
    top: -8px;
    left: -8px;
}
.TopStaff ul.StaffList li .staff-info{
	position: absolute;
    bottom: -6px;
    left: -6px;
    border-top-right-radius: 10px;
    color: black;
    width: 80%;
    padding: 10px;
    color: #fff;
    transition: 0.5s;
}
.StaffList ul li  img{
	vertical-align: top;
}
.StaffList ul li .staff-info .nickname{
	font-size:20px;
	margin-top: 0;
}
.simplebar-track.simplebar-horizontal {
	height: 12px!important;
	background: linear-gradient(0deg, white, #DCDDDF);
  }
  .simplebar-scrollbar {
	height: 12px!important;
	background: #6A6A6A;
	top: 0;
  }
  .simplebar-track.simplebar-horizontal .simplebar-scrollbar{
	  top: 0 !important;;
	  border-radius:10px;
  }
  .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{
	  background: #6A6A6A;
	  border-radius:10px;
  }
@media screen and (max-width: 786px) {
	.section5{
		padding-left:40px;
	}
	.TopStaff .fp-overflow{
		flex-direction:column;
	}
	.TopStaff .Contents01{
		width:100%;
		flex-direction: row;
		justify-content: flex-start;
	}
	.StaffList{
		width:100%;
	}
	.TopStaff .StaffList ul li {
        width: 160px;
        min-width: 160px;
        border: 8px solid #fff;
        position: relative;
    }
	_::-webkit-full-page-media, :future, :root .TopStaff .joining {
    right: -120px;
	}
    .TopStaff .StaffList ul li .staff-info {
        padding: 8px;
    }
	.TopStaff .TopStaff-bg01{
		width:70%;
	}
	.TopStaff .TopStaff-bg02{
		left:40px;
		width:70%;
	}
}
/*リンクボタンホバー*/
.section2 .btn01 a:hover:before {
	background: #FCF340;
}
.section3 .btn01 a:hover:before {
	background: #7FFF00;
}
.TopEnvironment .btn01 a:hover span {
	background: #FB33DB;
}
.section5 .btn01 a:hover:before,
.section5 .btn01 a:hover span {
	background:#0310EA;color:#fff;
}
/*Entry*/
.TopEntry{
	background: url("https://lifecomtest.sakura.ne.jp/recruit.lifecommunication.co.jp/wp-content/uploads/2025/05/TopEntry-bg02.jpg") no-repeat center/cover;
	margin: 0 calc(50% - 50vw);
    padding: 12em calc(50vw - 50%) 0em;
	position:relative;
}
.TopEntry .Contents01{
	border:1px solid black;
	display:flex;
	margin-bottom:30px;
	backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background-color: rgba(255, 255, 255, 0.3);
}
.TopEntry .Contents01 a{
	display:block;
	padding:30px 20px;
	border-left:3px solid #DEDEDE;
	overflow: hidden;
	position: relative;
	font-size:20px;
	z-index: 1;
	color:black;
}
.TopEntry .Contents01 a span{
	font-size:14px;
	padding:10px;
}
.TopEntry .Contents01 a::after {
	background: #DEDEDE;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
	z-index: -1;
  }
  .TopEntry .Contents01 a:hover{
	  color:black;
  }
  .TopEntry .Contents01 a:hover::after {
	transform: scale(1, 1);
  }
.TopEntry .Contents01 .left-content{
	display:flex;
	flex-direction: column;
	justify-content: center;
	padding-left:50px;
}
.TopEntry .Contents01 .left-content p{
	width:fit-content;
	background: #fff;
    background: linear-gradient(90deg, #000000 0%, #000000 45%, #0310ea 60%, #fb33db 100%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.TopEntry .Contents02{
	border:1px solid black;
	text-align: center;
}
.TopEntry .Contents02 a{
	display:block;
	padding:20px;
	background: white;
	color:#000000;
	transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
	background-image: url(https://lifecomtest.sakura.ne.jp/recruit.lifecommunication.co.jp/wp-content/uploads/2025/04/btn-hover.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 60px;
	background-color:#fff;
}
.TopEntry .Contents02 a:hover{
	/*background: #FCF340;*/
	color:#000000;
	letter-spacing:.2rem;
	background-position-y: -60px;
}
@media screen and (max-width: 786px) {
	.home .section6{
		padding:0 40px;
	}
	.TopEntry .Contents01{
		flex-direction: column;
	}
	.TopEntry .Contents01 .w-50{
		width:100%!important;
		padding:0;
	}
	.TopEntry .Contents01 h2{
		margin-bottom:0;
	}
	.TopEntry .Contents01 a{
		padding:20px 10px;
		font-size:18px;
		border-left: none;
	}
	.TopEntry .Contents01 .left-content{
		padding:30px 20px 0;
	}
}
@media screen and (max-width: 450px) {
	.TopEntry .Contents01 h2 {
        font-size: 30px;
	}
}
/*INSTA*/
.TopINSTA{
	height:100vh;
	position: relative;
}
.TopINSTA .fp-overflow {
    height: 100vh;
    padding-top: 100px;
	padding-bottom:100px;
	display: flex;
	align-items: center;
}
.TopINSTA .Contents01 {
	display:flex;
	gap:50px;
	width:100%;
}
.TopINSTA .Contents01 .InstaQR img{
	width:210px;
	min-width:210px;
}
.TopINSTA .Contents01 .InstaLogo{
	width:166px;
	margin:0 auto 20px;
	display:flex;
}
.TopINSTA .Contents01 .insta_list-Wrapper{
	flex:1;
}
.TopINSTA .Contents01 .insta_list {
    list-style: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    padding: 0 50px;
	margin-bottom:20px;
}
.TopINSTA .Contents01 .insta_list li {
    position: relative;
    width: calc((100% - 40px) / 3);
    box-shadow: 3px 3px 8px;
}
.TopINSTA .insta_list a {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.insta_list li::before {
    content: "";
    display: block;
    padding-top: 100%;
}
.TopINSTA .insta_list li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.TopINSTA .btn01 a{
	 justify-content: center;
}
.home .footer{
	position: absolute;
}
.footer{
    bottom: 0;
    width: 100vw;
}
.footer-top{
	display:flex;
	justify-content: space-between;
	align-items: flex-end;
	position: relative;
	z-index: 1;
}
.footer-top h3{
	font-size:49px;
}
.footer-top img{
	width:161px;
}
.footer .footer-nav{
	background:#6A6A6A;
	z-index: 1;
    position: relative;
}
.footer nav{
	display:flex;
	justify-content: space-between;
	color:white;
	align-items: center;
}
.footer nav ul{
	display:flex;
}
.footer-nav li {
    padding: 0 0;
}
.footer-nav li:first-child {
	margin-right: 40px;
}
.footer nav ul li a{
	color:white;
}
.snsLink .Termina-Regular {
	vertical-align: middle;
}
/*.footer nav ul li:first-child a:after{
	content:↗︎;
	padding-left:3px;
	transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
}
.footer nav ul li:first-child :hover :after{
	transform: translate(5px, -5px);
}*/
.footer nav ul li:first-child a span{
	padding-left:3px;
	transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
	display: inline-block;
}
.footer nav ul li:first-child a:hover span{
	transform: translate(5px, -5px);
}
.footer nav .snsLink{
	display:flex;
	gap:10px;
}
.footer nav .snsLink a{
	width:30px;
}
.footer nav .snsLink a:hover{
	transition: .2s;
	opacity:.5;
}
.site-footer {
	z-index: 11;
}
canvas {
	display: block;
	z-index:1;
	position: absolute;
    top: 0;
    left: 0;
}
.site-footer .section6 .slide06,
.breadcrumb{
	position: relative;
    z-index: 1;
}
.site-footer.site-footer-anime .TopEntry {
    background: url(https://lifecomtest.sakura.ne.jp/recruit.lifecommunication.co.jp/wp-content/uploads/2025/05/TopEntry-bg02.jpg) no-repeat center / cover;
    margin: 0 calc(50% - 50vw);
    padding: 12em calc(50vw - 50%) 0em;
}

@media screen and (max-width: 1200px) {
	.footer-top h3 {
		font-size: 38px;
	}
	.site-footer.site-footer-anime .TopEntry {
		padding: 120px calc(50vw - 50%) 0;
	}
}
@media screen and (max-width: 991px) {
	.TopINSTA .Contents01 .insta_list-Wrapper {
    	margin-bottom: 50px;
	}
	.site-footer.site-footer-anime .TopEntry {
        padding: 80px calc(50vw - 50%) 0;
	}
	.site-footer .section6 .slide06,
	.footer-top,
	.breadcrumb .container{
		max-width: initial;
		width: 88%;
	}
	.footer-top h3{
        font-size: 30px;
	}
	.footer-top img {
		width: 140px;
	}
}
@media screen and (max-width: 786px) {
	.TopINSTA .fp-overflow{
		padding-top: 80px
	}
	.TopINSTA .Contents01{
		flex-direction:column-reverse;
	}
	.TopINSTA .Contents01 .insta_list{
		gap:10px;
		padding:0 30px;
	}
	.TopINSTA .Contents01 .insta_list li{
		margin: 0 auto;
		width: calc((100% - 40px) / 2);
	}
	.TopINSTA .Contents01 .InstaQR {
		text-align: center;
	}
	.TopINSTA .Contents01 .InstaQR img{
		width: 100px;
        min-width: 100px;
	}
	.footer-top h3{
		font-size:20px;
	}
	.footer nav{
		flex-direction:column;
		gap:15px;
		padding:5px;
	}
	.footer nav ul li a{
		font-size: 12px;
	}
	.footer nav .snsLink{
		justify-content: center;
	}
	.footer-top img {
		width: 126px;
	}
}
@media screen and (max-width: 786px) {
	.footer nav ul{
			justify-content: center;
	}
}
@media screen and (max-width: 786px) {
	.footer-nav li:first-child {
		margin-right: 30px;
	}
}
/*--------------------------トップページ---------------------------*/
/*--------------------------下層ページ共通---------------------------*/
.mt10{
	margin-top:10px !important;
}
.post-type-archive-staff::after , .single-staff::after {
    content: "";
    display: block;
    border: 2px solid #000;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0px;
    z-index: 999;
	pointer-events: none;
}
.breadcrumb{
	padding-top: 100px;
    margin-bottom: -100px;
}
.breadcrumb ol li{
	font-size: 12px;
}
@media screen and (max-width: 786px) {
	/*フッター footer*/
	.TopEntry {
		padding: 6em calc(50vw - 50%) 0em;
	}
	.TopEntry .Contents01 , .TopEntry .Contents02 {
	    margin: 0px 15px 30px;
		margin: 0px 0px 30px;
	}
	.footer-top.flexible-margin {
	    padding-left: 10px;
	}
	.breadcrumb {
	    padding-left: 10px;
		padding-top: 50px;
	}
}
@media screen and (max-width: 768px) {
	.breadcrumb {
        padding-top: 0px;
		margin-bottom: 0;
	}
}
@media screen and (max-width: 600px) {
	.site-footer.site-footer-anime .TopEntry {
        padding: 60px calc(50vw - 50%) 0;
	}
}
@media screen and (max-width: 415px) {
    .footer-top h3{
        font-size: 18px;
	}
}

/*--------------------------下層ページ共通---------------------------*/




td:first-child {
    background: none;
    color: var(--vk-color-text-body);
}
tr {
	border-bottom: 0px solid #00709B !important;
}
tbody {
    border-top: 0px solid #00709B !important;
    border-bottom: 0px solid #00709B !important;
}
.wp-block-table td, .wp-block-table th {
	vertical-align: top;
}

/*サイドバーページ共通*/
.page-header-2column{
	width: calc(100vw + 300px);
	margin: 0 calc(50% - 50vw - 300px);
    z-index: 11;	
	position:relative;
}

.page-header-2column:after{
	content:"";
	width: calc(220px + calc(50% - 570px));
	height:150px;
	display:block;
	position:absolute;
	left:0;
	bottom:-150px;
	background-image: linear-gradient(rgba(255, 255, 255,1), rgba(255, 255, 255,0));
}

.page-id-24 .site-body-container,/*会社を知る*/
.page-id-639 .site-body-container/*職場紹介*/{
	display: flex;
    justify-content: space-between;
}
.page-id-24 .main-section,
.page-id-639 .main-section{
	width: 1140px;
    padding-left: 300px;
}
.page-id-24 .sub-section,
.page-id-639 .sub-section{
	width: 220px;
	position: fixed;
	top: 150px;
    height: 100%;
	z-index: 10;
}
.page-id-639 .sub-section{/*職場紹介*/
	top: 315px;
}
.page-id-24 .sub-section .pagelink.job-pagelink,
.page-id-639 .sub-section .pagelink.company-pagelink{
	display:none;/*サイドバーの出し分け*/
}
.pagelink .widget ul {
	padding-left: 0;
}
.pagelink-inner{
}   
.pagelink li{
	margin-bottom:10px;
}
.pagelink li a{
	position:relative;
	height: 40px;
    line-height: 40px;
    display: block;
    padding-left: 55px;
    font-size: 14px;
	transition: all 0.5s 0s ease;
}
.pagelink li a:before{
	content:"";
	display:block;
	width:40px;
	height:40px;
	border:14px solid #FCF340;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	border-radius:50%;
	transition: all 0.5s 0s ease;
	background-image:url(https://lifecomtest.sakura.ne.jp/recruit.lifecommunication.co.jp/wp-content/uploads/2025/04/page-link-hover.png);
	background-repeat:no-repeat;
	background-size:0%;
	background-position:center;
	background-color: #fff;
}
.pagelink li.pagetop a:before{
	display:none;
}
.pagelink li.pagetop a{
	padding-left: 0px;
	background-color:#000;
	border-radius:50%;
	border:2px solid #000;
}
.pagelink li.pagetop{
	width: 40px;
    margin-top: 30px;
}
.pagelink li.pagetop a:hover{
	background-color:#fff;
	border-radius:50%;
}
.pagelink li.pagetop a:before{
	content:"";
	display:block;
	border:none;
	width:36px;
	height:36px;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	border-radius:50%;
	transition: all 0.5s 0s ease;
	background-color: transparent;
	background-image:url(https://lifecomtest.sakura.ne.jp/recruit.lifecommunication.co.jp/wp-content/uploads/2025/04/page-link-hover.png);
	background-repeat:no-repeat;
	background-size:0%;
	background-position:center;
	transform: scale(1, -1);
}
.pagelink li.pagetop a:hover:before{
	transition: all 0.5s 0s ease;
	background-size:80%;
}
@media screen and (max-width:1024px) {
	.page-id-24 .site-body-container,/*会社を知る*/
	.page-id-639 .site-body-container/*職場紹介*/{
		max-width: initial;
	}
}

@media screen and (max-width: 991px) {
	.page-id-24 .sub-section,
	.page-id-639 .sub-section{
		display:none;
	}
	.page-id-24 .main-section, 
	.page-id-639 .main-section {
		padding-left: 0;
	}
	.page-header-2column {
		width: calc(100vw);
		margin: 0 calc(50% - 50vw);
	}

}
@media screen and (max-width: 991px) {
	.page-id-24 .site-body-container,/*会社を知る*/
	.page-id-639 .site-body-container/*職場紹介*/{
		max-width: 720px;
	}
}
@media screen and (max-width: 767px) {
	.page-id-24 .site-body-container,/*会社を知る*/
	.page-id-639 .site-body-container/*職場紹介*/{
		max-width: 540px;
	}
}

/*会社について　サイドバー色*/
.pagelink.company-pagelink li:first-child a:before{
	border-color:#FCF340;
}
.pagelink.company-pagelink li:nth-child(2) a:before{
	border-color:#7FFF00;
}
.pagelink.company-pagelink li:nth-child(3) a:before{
	border-color:#FB33DB;
}
.pagelink.company-pagelink li:nth-child(4) a:before{
	border-color:#0310EA;
}
.pagelink.company-pagelink li:nth-child(5) a:before{
	border-color:#ffa130;
}
/*職場紹介　サイドバー色*/
.pagelink.job-pagelink li:first-child a:before{
	border-color:#0310EA;
}
.pagelink.job-pagelink li:nth-child(2) a:before{
	border-color:#7FFF00;
}
.pagelink.job-pagelink li:nth-child(3) a:before{
	border-color:#FB33DB;
}
.pagelink.job-pagelink li:nth-child(4) a:before{
	border-color:#ffa130;
}
.pagelink.job-pagelink li:nth-child(5) a:before{
	border-color:#37caff;
}

.pagelink li a:hover:before{
	border-width:2px;
	transition: all 0.5s 0s ease;
	background-size:80%;
}
.pagelink li a:hover{
	transition: all 0.5s 0s ease;
	background-image:none;
}
.pagelink.company-pagelink li:first-child a:hover{
	color:#FCF340;
}
.pagelink.company-pagelink li:nth-child(2) a:hover{
	color:#7FFF00;
}
.pagelink.company-pagelink li:nth-child(3) a:hover{
	color:#FB33DB;
}
.pagelink.company-pagelink li:nth-child(4) a:hover{
	color:#0310EA;
}
.pagelink.company-pagelink li:nth-child(5) a:hover{
	color:#ffa130;
}


/*----------------------------会社を知る----------------------------*/

.CompanyHead01 h1{
    font-size: 76px;
    line-height: 70px;
	margin-bottom: 15px;
	margin-top: 0;
    color:#FCF340;
}
.Head01 h1,
.blog .page-header-inner:before{
    font-size: 76px;
    line-height: 70px;
	margin-bottom: 15px;
	margin-top: 0;
}
.CompanyCatch-left{
	width:calc(50% - 570px);
}
.CompanyContents01.page-header {
	display: flex;
    flex-direction: row;
    margin: 0 calc(50% - 50vw - 300px);
	background: #504E4B;
	padding-bottom: 30px;
	margin-bottom: 70px;
	z-index: 11;
	width: calc(100vw + 300px);
}


.CompanyContents01 .InnerContents01 {
	width: 300px;
	display: flex;
    align-items: center;
    justify-content: center;
	color: #fff;
}
.CompanyContents01 .InnerContents02 {
    width: 70%;
	width: calc(840px + calc(50% - 570px));
}

.CompanyCatch p {
    font-size: 25px;
    writing-mode: vertical-rl;
    text-align: center;
}
.CompanyHead01{
    color: #FCF340;
    text-align: left;
    flex-direction: column;
    align-items: center;
}
.shippori-mincho-regular-sp{
	display:none;
}


.CompanyContents02 .InnerContents01,
.CompanyContents03 .InnerContents01,
.CompanyContents05 .InnerContents01{
    border: 1px solid;
    padding: 60px 60px 60px 60px;
	position: relative;
    background: #fff;
}
.CompanyContents02 .InnerContents01 {
    padding: 60px 260px 60px 60px;
}
.CompanyContents02 .InnerContents01 p{
    margin-bottom: 30px;
}
.CompanyContents02:after{
	content:"";
	background:#fffbb5;
	height:400px;
	display:block;
    position: absolute;
    width: 100vw;
	width: calc(100vw + 300px);
	top: 150px;
	margin: auto calc(50% - 50vw);
}

.CompanyContents02,
.CompanyContents03{
	position: relative;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: flex-end;
}

.CompanyContents04,
.CompanyContents05,
.CompanyContents06{
	position: relative;
    display: flex;
    justify-content: flex-end;	
}
.CompanyContents02 .InnerContents02 {
    position: absolute;
	bottom: 40px;
    right: 0px;
	width: 28%;
}
.CompanyContents02 > div,
.CompanyContents03 > div,
.CompanyContents04 > div,
.CompanyContents05 > div,
.CompanyContents06 > div{
    width: 100%;
	margin-bottom: 60px;
	position: relative;
    z-index: 1;
}
.CompanyContents03 #Contents01{
	margin-bottom: 50px;
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
	font-size:1.6rem;
}
.CompanyContents03 h3{
    color: #7FFF00;
	margin-bottom: 15px;
}
.CompanyContents03 .Contents02 p{
	text-indent:-1em;
	margin-bottom: 10px;
	padding-left:1em;
}
.CompanyContents03 .InnerContents02{
	margin-left: -5%;
    margin-top: -300px;
}
.pie-chart{
	justify-content:space-between;
	padding: 50px 80px 50px 0;
	position:relative;
}
.pie-chart:after{
	content:"";
	background:#f2f1ee;
	height:50%;
	display:block;
    position: absolute;
    width: calc(100vw + 300px);
	top: 0;
    bottom: 0;
	margin: auto calc(50% - 50vw - 300px);
}
.pie-chart > figure,
.pie-chart > p{
	width:50%;
	position: relative;
    z-index: 1;
}
.pie-chart > p{
	width:38%;
	line-height: 2;
}
.pie-chart > figure {
    max-width: 400px;
    position: relative;
	z-index: 10;
}
.fukidashi{
	display:none;
	width: 280px;
    height: auto;
    background: #fff;
    position: absolute;
    padding: 15px 20px;
    border: 1px solid #000;
}
.fukidashi:before{
	content:"";
	display:block;
	width:20px;
	height:70px;
	position:absolute;
	bottom:-70px;
	right:0;
	left:0;
	margin:auto;
	background:url(https://lifecomtest.sakura.ne.jp/recruit.lifecommunication.co.jp/wp-content/uploads/2025/04/fukidashi-arrow.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
}
.system-fukidashi{
    bottom: -140px;
    left: -80px;
}
.system-fukidashi:before{
	top: -70px;
    right: 35%;
	left:auto;
	bottom:auto;
	transform: scale(1, -1);
}
.web-fukidashi{
	bottom: -130px;
    left: -80px;
}

	
.web-fukidashi:before{
	width:20px;
	height:36px;
	transform: rotate(-90deg);
	top: 30px;
	bottom: auto;
    right: -28px;
    left: auto;
	background:url(https://lifecomtest.sakura.ne.jp/recruit.lifecommunication.co.jp/wp-content/uploads/2025/04/fukidashi-web-arrow.png);
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
}

.sales-fukidashi{
    top: -130px;
    right: -60px;
    width: 250px;
}
.ImageMap-a:hover .system-fukidashi {
  display: block;
}
.ImageMap-b:hover .sales-fukidashi {
  display: block;
}
.ImageMap-c:hover .web-fukidashi {
  display: block;
}
.fukidashi p{
	font-size: 0.85rem;
    margin-top: 10px;
}
.system-fukidashi p{
	color: #0310ea;
}
.sales-fukidashi p{
	color:#ff6f00;
}
.web-fukidashi p{
	color:#fb33d8;
}
.fukidashi h3{
	color: var(--vk-color-text-body);
	font-size: 1.2rem;
}

.CompanyContents05 .InnerContents01 table tbody tr{
	    border-bottom: 0px solid #00709B !important;
}
.CompanyContents05 .InnerContents01 table tbody {
    border-top: 0px solid #00709B !important;
	border-bottom: 0px solid #00709B !important;
}
.CompanyContents05 .InnerContents01 table {
	border: 0px solid var(--vk-color-border-hr) !important;
	text-align:left;
}
.CompanyContents05 :where(:not(.wp-block-table))>table :is(th,td) {
    border: 0px solid !important;
	vertical-align: top;
    padding: 10px !important;
	font-size: 16px;
	min-width: 134px;
}
.CompanyContents05 :where(:not(.wp-block-table))>table :is(th) {
	width: 134px;
}
.CompanyContents05 :where(:not(.wp-block-table))>table :is(td) {
	width: calc(100% - 134px);
}
.CompanyContents05 :where(:not(.wp-block-table))>table tr {
	width: 100%;
}
.CompanyContents05 .InnerContents01 table iframe{
	border: 1px solid #000 !important;
    width: 100%;
    margin-top: 20px;
    height: 220px !important;
}
.CompanyContents05 .InnerContents01 table tr:last-child iframe {
	margin: 20px 0 0;
}
.CompanyContents06:after{
	content:"";
	background:#f2f1ee;
	height:50%;
	display:block;
    position: absolute;
    width: calc(100vw + 200px);
    margin: auto calc(50% - 50vw);
    top: 0;
    bottom: 0;
}
.CompanyContents06 > div{
	position:relative;
	z-index: 1;
}
.CompanyContents06 > div > p{
	margin-bottom:20px;
}
.CompanyContents-access{
	padding-right:80px;
	padding: 20px 80px 20px 0;
	align-items: flex-start;
}
.CompanyContents-access > div{
	width:30%;
	margin-right:4%;
}
.CompanyContents-access > div:nth-child(3n){
	margin-right:0;
}
.text-gradation01{
	display: inline-block;
	background: linear-gradient(90deg, #000 50%, #0310EA 75%, #fb33d8 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.CompanyContents06 h2 br{
	display:none;
}
.fukidashi-note-sp{
	display:none;
}
.fukidashi-note-pc{
    text-align: center;
    margin: -20px 0 30px !important;
}
@media screen and (min-width: 1251px) {
	.CompanyCatch-left{
		display:none;
	}
	.CompanyContents01.page-header {
		width: calc(100vw - calc(50% - 570px));
		margin-inline: calc(50% - 50vw - 300px - calc(50% - 570px));
	}
	.CompanyContents01 .InnerContents02 {
    	width: calc(100vw - 300px);
	}
}
@media screen and (max-width: 1200px) {
	.pie-chart{
		flex-direction: column;
		padding: 50px 0px 0;
	}
	.pie-chart > figure, .pie-chart > p {
		width: 100%;
	}
	.pie-chart > figure{
		margin-bottom: 30px;
	}
	.CompanyContents02 .InnerContents02 {
    	position: static;
    	max-width: 300px;
    	margin: 30px auto 0;
        width: 100%;
	}
	.CompanyContents02 .InnerContents01 {
		padding: 60px;
	}
	.CompanyContents02 .wp-block-spacer{
		display:none;
	}
}
@media screen and (max-width: 1100px) {
	.CompanyContents-access {
    	padding: 20px 0 0;
	}
	.CompanyContents06 h2 br{
    	display:block;
	}
	.CompanyContents06:after {
		height: 45%;
	}
	.CompanyContents03 .InnerContents02 {
		margin-top: -150px;
	}
}
@media screen and (max-width: 1024px) {
	.CompanyCatch-left {
		width: 0;
	}
	.CompanyContents01.page-header {
		margin: 0 auto 70px -300px;
	}
	.CompanyContents02,
	.CompanyContents03,
	.CompanyContents04,
	.CompanyContents05,
	.CompanyContents06{
		width: 80%;
	}

}
@media screen and (max-width: 991px) {
	.CompanyContents02,
	.CompanyContents03,
	.CompanyContents04,
	.CompanyContents05,
	.CompanyContents06{
		width: 100%;
	}
	.CompanyContents01 .InnerContents01 {
		width: 20%;
	}
	.CompanyContents01 .InnerContents02 {
    	width: 80%;
	}
	.CompanyContents01.page-header{
		width: 100vw;
    	margin-left: calc(50% - 50vw)
	}
	.CompanyContents06 > div {
		margin-bottom: 0;
	}
	.CompanyContents02 .InnerContents01, 
	.CompanyContents03 .InnerContents01, 
	.CompanyContents05 .InnerContents01 {
		padding: 30px 40px;
	}
	.CompanyContents03 .InnerContents02 {
		margin-top: -100px;
	}
	.sales-fukidashi {
		top: -80px;
	}
	.system-fukidashi {
		bottom: -0px;
	}
	.web-fukidashi {
    	bottom: -50px;
	}
}
@media screen and (max-width: 786px) {
	.CompanyContents05 :where(:not(.wp-block-table))>table :is(th) {
		font-weight:bold;
		padding-bottom: 0 !important;
	}
}
@media screen and (max-width: 767px) {	
	.fukidashi-note-sp{
		display:block;
		text-align:center;
		margin: -20px 0 30px !important;
}
	.fukidashi-note-pc{
		display:none;
	}
	.CompanyContents03 #Contents01 {
		font-size: 1.3rem;
	}
	.CompanyContents02 .InnerContents01 p br{
		display:none;
	}
	.Head01 h1,
	.post-type-archive-requirements .page-header-inner:before,
	.blog .page-header-inner:before{
		font-size: 60px;
		line-height: 1;
	}
}
@media screen and (max-width: 600px) {
	.CompanyContents02, 
	.CompanyContents03, 
	.CompanyContents04, 
	.CompanyContents05, 
	.CompanyContents06 {
		width: 88%;
		margin: auto;
	}
	.CompanyContents02 .InnerContents01, 
	.CompanyContents03 .InnerContents01, 
	.CompanyContents05 .InnerContents01 {
		padding: 30px 6%;
	}
	.CompanyContents01.page-header {
		flex-direction: column;
		margin-bottom: 60px;
	}
	.CompanyContents01 .InnerContents01{
		display:none;
	}
	.shippori-mincho-regular-sp{
		display:block;
		color: #fff;
		font-size: 1.7rem;
	}
	.CompanyContents01 .InnerContents02{
		width: 90%;
        margin-left: 10%;
	}
	.CompanyCatch p {
		writing-mode: horizontal-tb;
	}
	.CompanyContents-access > div {
    width: 100%;
    margin-right: 0;
		margin-bottom: 40px;
	}
	.CompanyContents-access > div:last-child {
		margin-bottom: 0;
	}
	.CompanyContents-access{
		flex-wrap: wrap !important;
	}
	.CompanyContents-access > div > div > div > figure {
		margin: 0 0 10px;
	}
	.CompanyContents06 h2 {
		font-size: 2rem;
	}

	.CompanyContents03 .InnerContents02{
		margin-top: -50px;
	}
	.Head01 h1,
	.post-type-archive-requirements .page-header-inner:before,
	.blog .page-header-inner:before{
		font-size: 50px;
	}
	.CompanyContents05 :where(:not(.wp-block-table))>table :is(th),
	.CompanyContents05 :where(:not(.wp-block-table))>table :is(td){
		width: 100%;
		display:block;
	}
	.CompanyContents05 :where(:not(.wp-block-table))>table :is(th){
	    background: #eee;
    	padding: 5px !important;
	}
}
@media screen and (max-width:575px) {
	.sales-fukidashi {
		right: 0;
	}
	.system-fukidashi{
		left: -20px;
	}
	.web-fukidashi{
		left: -20px;
	}
	.sales-fukidashi:before {
		right: 20%;
		left: auto;
	}
	.system-fukidashi:before {
		right: auto;
		left: 40%;
	}
	.web-fukidashi:before{
		top: 50px;
	}
}
@media screen and (max-width: 450px) {
	.CompanyContents02 .InnerContents01, 
	.CompanyContents03 .InnerContents01, 
	.CompanyContents05 .InnerContents01 {
		padding: 20px 6%;
	}
	.Head01 h1,
	.post-type-archive-requirements .page-header-inner:before,
	.blog .page-header-inner:before{
		font-size: 45px;
	}
	.CompanyContents01.page-header {
		margin-bottom: 40px;
	}
	.CompanyContents06 h2 {
		font-size: 1.7rem;
	}
	.CompanyContents02 > div,
	.CompanyContents03 > div,
	.CompanyContents04 > div,
	.CompanyContents05 > div{
		margin-bottom: 40px;
	}
	.pie-chart {
		padding: 20px 0px 0;
	}
	.pie-chart > figure {
		margin-bottom: 20px;
	}
	.CompanyContents03 #Contents01 {
		font-size: 1.2rem;
	}
	.web-fukidashi {
        bottom: -150px;
        left: 0px;
    }
	.web-fukidashi:before{
		transform: rotate(180deg);
		top: -36px;
        left: 20%;
	}
	.system-fukidashi {
        bottom: -50px;
    }
}
@media screen and (max-width: 415px) {
	.Head01 h1,
	.post-type-archive-requirements .page-header-inner:before,
	.blog .page-header-inner:before{
		font-size: 40px;
	}
}
@media screen and (max-width: 375px) {	
	.shippori-mincho-regular-sp{
        font-size: 1.4rem;
	}
	.CompanyContents06 h2 {
        font-size: 1.5rem;
        margin-bottom: 20px;
	}
	.CompanyContents03 .InnerContents02{
		margin-top: -20px;
	}
}
@media screen and (max-width: 360px) {	
	.Head01 h1,
	.post-type-archive-requirements .page-header-inner:before,
	.blog .page-header-inner:before{
		font-size: 35px;
	}
}
@media screen and (max-width: 320px) {	
	.Head01 h1,
	.post-type-archive-requirements .page-header-inner:before,
	.blog .page-header-inner:before{
		font-size: 30px;
	}
	.CompanyContents06 h2 {
        font-size: 1.4rem;
	}
	.sales-fukidashi:before {
        right: 10%;
	}
	.sales-fukidashi{
        width: 100%;
	}
	.system-fukidashi {
        bottom: -150px;
        left: 0;
        width: 100%;
	}
	.system-fukidashi:before {
        left: 50px;
	}
	.web-fukidashi {
        bottom: -200px;
        width: 100%;
	}
}
/*----------------------------仕事を知る----------------------------*/
.page-id-26 .lower-header{
	background-image: linear-gradient(transparent, #ffffff);
	width: 100vw;
	margin: 0 calc(50% - 50vw);
	padding-bottom: 60px;
}
.page-id-26 .lower-header > div{
	margin-left: calc(50vw - 570px);
}
.lower-header-inner{
	/*margin-left: calc(50vw - 720px);*/
}
.page-image img{
	border-radius:0 0 0 70px;
}
.page-image.wp-block-image img {
    /*max-width: 100vw;*/
}
.page-id-26{
    background:#dedede;
}
.page-id-26 .Head01 h1{
	color:#7fff00;
}
.page-id-26 .Head01 p:last-child{
	background:#7fff00;
}
.Head01 p.shippori-mincho-regular {
    background:transparent;
	font-size: 1.5rem;
	color:#333;
	font-weight: normal;
	margin: 60px 0 10px;
}

.contents-padding-top{
	padding-top:80px;
}
.contents-padding-bottom{
	padding-bottom:80px;
}
/**/
.occupation{	
    width: 100vw;
	margin: 80px calc(50% - 50vw);
}
.business-scroll_inner {
	border-bottom: 1px solid #333;
	padding: 100px 0 170px;
	margin-top: 80px;
}
/*.occupation-contents{
	display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 30px;
	width: 2350px;
	padding:100px 10% 80px !important;
}*/
.occupation-item {
	position:relative;
	/*flex: 1;*/
	width: 415px;
	min-height: 500px;
}
.occupation-item > a > div{
	background: #7fff00;
	padding: 10px 30px;
	margin-top: -30px;
	position: absolute;
	height: 54px;
    overflow: hidden;
	width: calc(100% - 30px);
	transition: all 0.5s 0s ease;
}
.occupation-item > a > div:after{
	content:"";
	display:block;
	width:100%;
	height:0%;
	position:absolute;
	margin: auto;
	inset: 0;
	transition: all 0.5s 0s ease;
	background:#D3FFA8;
}
.occupation-item > a:hover > div:after{
	height:100%;
	transition: all 0.5s 0s ease;
}
.occupation-item > a:hover > div{
	height: auto;
	transition: all 0.5s 0s ease;
}
.occupation-item img {
	padding-left: 30px;
	/*border:1px solid #333;*/
}

.occupation-item h3{
	position:relative;
	color:#333;
}
.occupation-item > a > div h3,
.occupation-item > a > div p:not(.Termina-Regular){
	position:relative;
	z-index:1;
}
.occupation-item > a > div p:not(.Termina-Regular){
	font-size: 14px;
	margin-top: 15px;
}
.occupation-item > a:hover > div h3,
.occupation-item > a:hover > div p,
.occupation-item > a:hover .Termina-Regular{
	color:#333;
}
.occupation-item > a > div p:last-child{
	font-size: 13px;
    margin: 15px 0px 15px;
    padding-left: 50px;
	position:relative;
	line-height: 40px;
	line-height: 1.5;
}
.occupation-item > a > div p:last-child:before{
	background:url(https://lifecomtest.sakura.ne.jp/recruit.lifecommunication.co.jp/wp-content/uploads/2025/04/page-link-hover.png);
	background-repeat:no-repeat;
	background-size:contain;
	content:"";
	display:none;
	width:40px;
	height:40px;
	position:absolute;
	left:0;
	bottom:0;
	top:0;
	transform: rotate( -90deg );
	border-radius: 50%;
    border: 1px solid #333;
	bottom: 0;
    margin: auto;
}
.occupation-item > a:hover > div p:last-child:before{
	display:block;
}

.occupation-item h3:after{
	content:"";
	display:block;
	width:22px;
	height:13px;
	position:absolute;
	right:0px;
	top:0px;
	bottom:0;
	margin:auto;
	background:url(https://lifecomtest.sakura.ne.jp/recruit.lifecommunication.co.jp/wp-content/uploads/2025/04/occupation-arrow.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.occupation-item .Termina-Regular{
	position:absolute;
	top: 122px;
    left: -126px;
    transform: rotate(90deg);
    height: 28px;
    width: 270px;
	color:#333;
}
.occupation-contents{
	padding:100px 0 180px !important;
	margin-left:calc(50vw - 570px);
}
/*スクロール*/
.business-scroll_inner{
	padding:50px 0 12px 10%;
}
.business-scroll_inner .simplebar-track.simplebar-horizontal {
	height: 12px!important;
	background: linear-gradient(0deg, white, #DCDDDF);
	position:absolute;
	top:90px;
	left:calc(50vw - 570px);
  }
.business-scroll_inner .simplebar-scrollbar {
	height: 12px!important;
	background: transparent;
	top: 0;
  }
.business-scroll_inner .simplebar-track.simplebar-horizontal .simplebar-scrollbar{
	top: 0 !important;;
	border-radius:10px;
}
.business-scroll_inner .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{
	background: #7fff00;
	border-radius:10px;
}
.business-scroll_inner .simplebar-track {
    background: #E5E5E5; 
    border-radius: 10px;　
}
.business-scroll_inner .simplebar-track .simplebar-scrollbar.simplebar-visible::before{
	opacity:1;　
}
.business-scroll_inner .simplebar-track .simplebar-scrollbar::before{
	background: #F7C934;　
}
.scroll-container {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.scroll-buttons {
	display: flex;
	justify-content: space-between;
	margin: 10px 0;
	max-width: 100px;
    position: absolute;
    left: 10%;
}
.scroll-btn {
	background-color: transparent;
	color: white;
	border: none;
	padding: 8px 16px;
	cursor: pointer;
	content: "";
    display: block;
    /*position: absolute;
    left: -80px;
    top: 0;
    bottom: 0;*/
    margin: auto;
    font-weight: bold;
    width: 50px;
    height: 50px;
    background-image: url(https://lifecomtest.sakura.ne.jp/recruit.lifecommunication.co.jp/wp-content/uploads/2025/05/cal-arrow.png);
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: center;
}
.scroll-btn:nth-child(2) {
	transform: scale(-1, 1);
}
#scrollList{display: flex;
	overflow-x: auto;
	scroll-behavior: smooth;
}
#scrollList li {
	margin-right: 50px;
}


#scrollList::-webkit-scrollbar {
	height: 12px;
	background: linear-gradient(to bottom, #ccc, #fff);
	border-radius: 6px;
}
#scrollList::-webkit-scrollbar-thumb {
	background: #7fff00;
	border-radius: 6px;
}

/*求める人材*/
.human-resources-contents{
	margin: 70px auto 100px;
}

.human-resources-contents > div{
	display:flex;
	justify-content:space-between;
	gap: 20px;
	flex-wrap: wrap;
}
.human-resources-contents > div > div{
	padding:20px 20px 25px;
	border-radius:10px;
	position:relative;
	text-align:center;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1), inset 3px 3px 5px 0px rgba(255, 255, 255, 0.3);
	flex: 1;
}
.human-resources-contents > div > div:before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	border-radius:10px;
	border:1px solid #666;
	position:absolute;
	left:-8px;
	top:-8px;
}
.human-resources-contents > div > div p,
.human-resources-contents > div > div figure{
	position: relative;
    z-index: 1;
}
.human-resources-contents > div > div p:last-child{
    font-weight: bold;
	display: flex;
    align-items: center;
    height: 55px;
    justify-content: center;
}
.human-resources-contents > div > div p:first-child{
    color:#6a6a6a;
}
.human-resources-contents > div > div :where(figure) {
    margin: 0 0 0.5em;
}
.human-resources-contents > div > div figure.wp-block-image img:not([style*=object-fit]) {
    height: 70px !important;
	width: auto;
    margin: 5px 0 0px;
}
.businessCatch{
	margin: 2em auto;
	padding:1.8em 6em;
	position:relative;
	text-align: center;
	width: fit-content;
}
.businessCatch:before{
	content:"";
	display:block;
	width:100%;
	height:1px;
	position:absolute;
	top:0;
	right:-13px;
	background: #333;
}
.businessCatch:after{
	content:"";
	display:block;
	width:100%;
	height:1px;
	position:absolute;
	bottom:0;
	left:-13px;
	background: #333;
}
.businessCatch-line{
	position:relative;
	width: fit-content;
    margin: auto;
}
.businessCatch-line:before{
	content:"";
	display:block;
	width:1px;
	height: calc(100% + 50px);
	position:absolute;
	top:-30px;
	right:30px;
	background: #333;
}
.businessCatch-line:after{
	content:"";
	display:block;
	width:1px;
	height: calc(100% + 50px);
    position: absolute;
    bottom: -30px;
	left:30px;
	background: #333;
}
@media screen and (max-width: 1200px) {
	.page-id-26 .lower-header > div {
    	width: 90%;
		margin-left: 10%;
	}
	.occupation {
		margin: 30px calc(50% - 50vw);
	}
	.human-resources-contents > div > div {
		flex: none;
		width: 31%;
	}
	.human-resources-contents > div {
		justify-content: center;
		max-width: 700px;
        margin: auto;
	}
}
@media screen and (max-width: 991px) {
	.Head01 p.shippori-mincho-regular {
		margin: 0px 0 10px;
	}
	.occupation {
		margin: 0px calc(50% - 50vw);
	}
	.business-scroll_inner {
		margin-top: 50px;
	}
}
@media screen and (max-width: 767px) {
	.occupation-item > a > div {
    	background: #D3FFA8;
	}
	.occupation-item > a > div p:last-child:before{
		display:block;
	}
	.occupation-item > a > div{
		height: auto;
	}
	.human-resources-contents > div > div {
        flex: none;
        width: 47%;
	}
	.human-resources-contents > div {
        justify-content: space-between;
	}
	.human-resources-contents {
		margin: 50px auto 80px;
	}
	.businessCatch {
		padding: 1.8em 4em;
		text-align: left;
	}
	.contents-padding-bottom {
    	padding-bottom: 50px;
	}
	.human-resources{
		margin-top:50px;
	}
}
@media screen and (max-width: 700px) {
	.page-id-26 .lower-header > div figure img{
		object-fit: cover;
		height: 300px !important;
		width: 100%;
		border-radius: 0 0 0 30px;
	}
}
@media screen and (max-width: 600px) {
	#scrollList li {
    	margin-right: 30px;
	}
	.page-id-26 .lower-header {
		padding-bottom: 30px;
	}
	.human-resources-contents > div {
		width: 88%;
	}
	.CompanyHead01 p.shippori-mincho-regular {
		color:#fff;
	}
	.Head01 p.shippori-mincho-regular {
		font-size: 1.5rem;
		margin: 0;
		padding: 0;
	}
}
@media screen and (max-width: 500px) {

	.page-id-26 .lower-header > div figure img {
		object-position: -150px;
	}
	.human-resources-contents > div > div {
		padding: 20px 10px 25px;
	}
	.human-resources-contents > div > div:before {
		left: -5px;
		top: -5px;
	}
	.human-resources-contents > div > div p:last-child {
		font-size: 1rem;
	}
	.human-resources-contents {
        margin: 30px auto 70px;
    }
	.contents-padding-bottom {
    	padding-bottom: 20px;
	}
	.contents-padding-top {
    	padding-top: 60px;
	}
	.business-scroll_inner {
        margin-top: 20px;
	}
	.occupation-item {
		width: 370px;
	}
}
@media screen and (max-width: 450px) {
	.occupation-item > a > div {
    	margin-top: 0px;
	}
}
@media screen and (max-width: 415px) {
	.occupation-item {
		width: 350px;
		min-height: 450px;
	}
	.business-scroll_inner {
    	padding: 60px 0 12px 10%;
	}
	.occupation-item > a > div {
		width: calc(100% - 20px);
	}
	.occupation-item .Termina-Regular {
		font-size: 14px;
	}
	.human-resources-contents > div > div {
        width: 100%;
	}
	.businessCatch br:first-child{
		display:none;
	}
	.human-resources-contents > div > div p:last-child {
		height: auto;
	}.contents-padding-bottom {
    	padding-bottom: 10px;
	}
}
@media screen and (max-width: 375px) {
	.occupation-item {
		width: 320px;
	}

}
@media screen and (max-width:320px) {
	.occupation-item .Termina-Regular {
        font-size: 11px;
    }
	.occupation-item {
		width: 270px;
		min-height: 430px;
	}
	.businessCatch {
        padding: 1.8em 3.2em;
	}
	.occupation-item > a > div {
        width: calc(100% - 0px);
		margin-top: 0px;
		padding: 10px 20px;
	}
	.occupation-item > a > div h3 {
		font-size: 1.25rem;
	}
}
@media screen and (max-width:280px) {
	.occupation-item .Termina-Regular {
        font-size: 10px;
    }
	.occupation-item {
		width: 240px;
	}
}
/*----------------------------職場紹介-----------------------------*/
.job-page-header{
	height:260px;
	display: flex;
    justify-content: center;
    align-items: center;
	padding-top: 30px;
	overflow: hidden;
	background: #fff;
	margin-bottom: 40px;
}

.job-page-header:before {
	content:"";
	display:block;
	width:100%;
	height:200%;
	position:absolute;
	top:-40%;
	left:0;
	background-image: radial-gradient(farthest-side, #ffffff, #ffffff69 60%, #80808026);
	transform: rotate(-5deg);
}
.job-page-header p{
	font-size: 1.7rem;
	position: relative;
}

.JobContents{
	position:relative;
	z-index:12;
	margin-bottom: 100px;
}
.JobContents:last-child{
	margin-bottom: 50px;
}
.job-h2 > div{
	display:flex;
	align-items: center;
	flex-wrap: wrap;
}
.job-h2.Head02 {
	padding: 25px 30px 25px 65px;
}
.job-h2 .Termina-Regular{
	color:#767a7c;
	margin-left: 20px;
    font-size: 0.9rem;
}
.job-h2 p.btn01{
	margin-left: auto;
}
.job-h2 p.btn01 a{
	font-size: 0.8rem;
	transition: all 0.5s 0s ease;
}
.job-h2 p.btn01 a span{
	padding: 0 5px;
}
.job-h2 p.btn01 a:hover span{
	color:#fff;
	transition: all 0.5s 0s ease;
}
.job-h2.Blue p.btn01 a:hover span{
	background:#0310EA;
}
.job-h2.Green p.btn01 a:hover span{
	background:#7FFF00;
	color:#333;
}
.job-h2.Pink p.btn01 a:hover span{
	background:#FB33DB;
}
.job-h2.Orange p.btn01 a:hover span{
	background:#ffa130;
}
.job-h2.LightBlue p.btn01 a:hover span{
	background:#37caff;
}

.job-h2.Head02 p.btn01 a:hover:before{	
	color:#fff;
	transition: all 0.5s 0s ease;
}
.job-h2.Head02.Blue p.btn01 a:hover:before{	
	background:#0310EA;
}
.job-h2.Head02.Green p.btn01 a:hover:before{	
	background:#7FFF00;
	color:#333;
}
.job-h2.Head02.Pink p.btn01 a:hover:before{	
	background:#FB33DB;
}
.job-h2.Head02.Orange p.btn01 a:hover:before{	
	background:#ffa130;
}
.job-h2.Head02.LightBlue p.btn01 a:hover:before{	
	background:#37caff;
}
/*職場紹介　職種の内容*/
.JobContents .InnerContents01 {
    border: 1px solid #333;
    position: relative;
}
.JobContents h3{
	color:#6a6a6a;
}
.job-outline > div{
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
}
.job-outline p{
	padding: 40px;
    position: relative;
    background: #fff;
	border-right:1px solid #333;
	width:55%;
	font-size: 0.95rem;
}
.job-outline .wp-block-image{
	width:45%;
	margin-bottom: 0;
}
.job-outline .wp-block-image img:not([style*=object-fit]) {
	width:100%;
	height:100% !important;
	object-fit:cover;
}
#JobContents05 .job-outline .wp-block-image img:not([style*=object-fit]) {
	object-position: right;
}
.job-challenging{    
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	padding: 40px;
}
.job-challenging ul{
	margin-top: 20px;
}
.job-challenging ul li{
	margin-bottom: 12px;
    text-indent: -1em;
    padding-left: 1em;
}
.job-challenging ul li:last-child{
	margin-bottom:0;
}
.job-plan-contents{
	padding: 40px;
}
.job-plan-list > div{
	display:flex;
	gap:5px;
	justify-content:space-between;
}
.job-plan{
	flex:1;
	
}
.job-plan-list{
	background:url(https://lifecomtest.sakura.ne.jp/recruit.lifecommunication.co.jp/wp-content/uploads/2025/04/plan-arrow.png);
	background-repeat:no-repeat;
	background-size:83%;
	background-position:top 80px left 50px;
}
.job-plan .wp-block-image {
    max-width: 100%;
	padding: 0 30px;
	height:146px;
	position: relative;
}
.job-plan:last-child .wp-block-image img{
    width: 86px;
    position: absolute;
	top:-36px;
	right:0;
}
.job-plan h4{
	color:#fff;
	background:#989eff;
	text-align:center;
	padding: 5px 20px;
	margin-bottom: 10px;
}
.job-plan p{
	font-size: 0.9rem;
	padding-right: 20px;
	text-align: justify;
}
@media screen and (max-width: 1199px) {
	.job-h2 > div h2{
		width:100%;
	}
	.job-h2 .Termina-Regular {
		margin-left: 0px;
	}
	.job-outline p,
	.job-outline .wp-block-image {
		width: 100%;
	}
	.job-outline p{
		border-right: 0px solid #333;
		border-bottom: 1px solid #333;
	}
	.job-plan:last-child .wp-block-image img {
		width: 70px;
	}
}
@media screen and (max-width: 991px) {

	.job-page-header:before {
		transform: rotate(0);
	}
}
@media screen and (max-width: 767px) {
	.job-plan-list > div {
		flex-direction: column;
	}
	.job-plan .wp-block-image {
		height: auto;
		width: 70%;
        margin: auto;
	}
	.job-plan {
		margin-bottom: 30px;
	}
	.job-plan:last-child {
		margin-bottom: 0;
	}
	.job-plan:last-child .wp-block-image img {
		position: static;
		margin: auto;
		display: block;
	}
	.job-plan-list {
		background:none;
	}
	.JobContents {
		margin-bottom: 80px;
	}
}
@media screen and (max-width: 600px) {
	.JobContents h3 {
		font-size: 1.3rem;
	}
	.JobContents {
		margin-bottom: 60px;
	}
	.JobContents:last-child {
		margin-bottom: 0px;
	}
	.job-h2.Head02 {
		padding: 20px 20px 20px 40px;
	}
	.job-outline p,
	.job-challenging,
	.job-plan-contents{
		padding: 30px 6%;
	}
	.job-outline p,
	.job-challenging ul li{
		font-size: 1rem;
	}

}
@media screen and (max-width: 500px) {
	.job-h2 > div {
		flex-direction: column;
		align-items:flex-start;
	}
}
@media screen and (max-width: 415px) {
	.job-h2 p.btn01 {
		margin-left: 0;
		margin-top: 10px;
	}
}
@media screen and (max-width: 280px) {
	.job-h2.Head02 {
        padding: 20px 5px 20px 35px;
	}
}
/*----------------------------環境を知る----------------------------*/

.Environment-header {
	width: 100vw;
	margin: 0 calc(50% - 50vw) 110px;
	
	display: flex;
    flex-direction: row;
    /*margin: 0 calc(50% - 50vw - 300px);*/
    padding-bottom: 30px;
    z-index: 11;
    width: calc(100vw + 300px);
}
.Environment-header .InnerContents01{
	width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
	
	width: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.Environment-header .InnerContents02{
    width: 70%;
	
	width: calc(840px + calc(50% - 570px));
}
.Environment-header .InnerContents02 figure img{
	width:100%;
}
.Environment-header .Head01 h1{
	color:#FB33DB;
	text-align: left;
}
.Environment-header .Head01 p:last-child {
	background: #FB33DB;
	color:#fff;
}
.Environment-header .shippori-mincho-regular {
	letter-spacing: 0.6em;
	font-size: 25px;
    writing-mode: vertical-rl;
    text-align: center;
}
@media screen and (max-width: 991px) {
	.Environment-header {
		width: 100vw;
		margin: 0 calc(50% - 50vw) 80px;
	}
	.Environment-header .InnerContents01 {
		width: 20%;
	}
	.Environment-header .InnerContents02 {
    	width: 80%;
	}
	.Environment-header .shippori-mincho-regular {
		letter-spacing: 0.2em;
	}
}
@media screen and (max-width: 600px) {
	.Environment-header .InnerContents01 {
        display: none;
	}
	.Environment-header .InnerContents02 {
        width: 90%;
        margin-left: 10%;
    }
	.Environment-header {
		flex-direction: column;
		margin-bottom: 60px;
	}
	.Environment-header .shippori-mincho-regular {
		writing-mode: horizontal-tb;
		color:#333;
		text-align: left;
		font-size: 1.5rem;
	}
}
@media screen and (max-width: 415px) {
	.Environment-header .shippori-mincho-regular {
		letter-spacing: 0;
	}

	.Environment-header .InnerContents02 figure img{
		object-fit: cover;
		height: 260px !important;
		width: 100%;
		border-radius: 0 0 0 30px;
	}
}
@media screen and (min-width: 1251px) {
    .Environment-header .InnerContents02 {
        width: calc(100vw - 300px);
    }
}

/*働きやすさ*/
.EnvironmentContents{
	position:relative;
	margin-bottom:150px;
}
.Ease-of-work > div{
	display:flex;
	justify-content:space-between;
	gap:15px;
	margin: 80px auto 0;
	flex-wrap: wrap;
}
.Ease-of-work > div > div{
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1), inset 3px 3px 5px 0px rgba(255, 255, 255, 0.3);
	border-radius:10px;
	border:1px solid #333;
	padding: 25px;
	flex: 1;
}
.Ease-of-work-title{
	color:#858585;
	text-align:center;
	font-weight: bold;
    margin: 0 0 15px;
    font-size: 1.05rem;
}
.Ease-of-work > div > div p:last-child{
	font-size: 0.85rem;
}
.Ease-of-work > div > div figure{
	margin-bottom:0;
}
.Ease-of-work > div > div figure img{
    max-width: 120px;
    margin: auto;
    display: block;
}
@media screen and (max-width: 1199px) {
	.Ease-of-work > div > div {
		flex: auto;
		width: 31%;
	}
}
@media screen and (max-width: 991px) {
	.Ease-of-work > div {
		margin: 50px auto 0;
	}
	.EnvironmentContents {
		margin-bottom: 100px;
	}
}
@media screen and (max-width: 767px) {
	.Ease-of-work > div > div {
        width: 48%;
	}
	.Ease-of-work > div {
		margin:30px auto 0;
	}

}
@media screen and (max-width: 575px) {
	.Ease-of-work > div {
		width: 88%;
	}
	.Ease-of-work > div > div{
        padding: 25px 6%;
	}
	.EnvironmentContents {
		margin-bottom:80px;
	}
}
@media screen and (max-width: 450px) {
    .Ease-of-work > div > div{
        width: 100%;
    }
}
@media screen and (max-width: 415px) {
    .EnvironmentContents {
		margin-bottom:60px;
	}
}

/*データで見る*/
.DataContents{
	background:#dedede;
	width: 100vw;
	margin: 0 calc(50% - 50vw);
}
.DataContents > div{
	margin: auto;
    background: #fff;
    width: 1140px;
}
.DataContents .Lower-layerH2{
    position: absolute;
    top: 0;
    left: 0;
}
.environment-data-contents > div{
	max-width:916px;
	margin:auto;
	padding-top: 80px;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.environment-data{
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1), inset 3px 3px 5px 0px rgba(255, 255, 255, 0.3);
	border: 1px solid #ccc;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 50px;
}
.environment-data:nth-child(-n+6){
	width: 47%;
}
.environment-data:nth-child(7),
.environment-data:nth-child(8),
.environment-data:nth-child(9),
.environment-data:nth-child(11){
	width: 31%;
}
.environment-data:nth-child(10){
	width: 65.5%;
}
.environment-data:nth-child(12){
	width:100%;
}
.environment-data h3{
	text-align:center;
	position:relative;
}

@media screen and (max-width: 1100px) {
	.DataContents > div {
		width: 100%;
	}
}
@media screen and (max-width: 991px) {
	.environment-data-contents > div {
		width: 88%;
	}
}
@media screen and (max-width: 850px) {
	.environment-data:nth-child(7), 
	.environment-data:nth-child(8), 
	.environment-data:nth-child(9),
	.environment-data:nth-child(10) {
		width: 47%;
	}
	.environment-data:nth-child(11) {
		height: 350px;
		width:100%;
		margin-bottom: 30px;
	}
	.environment-data h3 {
		font-size: 1.4rem;
	}
}
@media screen and (max-width: 767px) {
	.environment-data:nth-child(7), 
	.environment-data:nth-child(8), 
	.environment-data:nth-child(9),
	.environment-data:nth-child(10) {
		padding:30px 20px;
		margin-bottom: 30px;
	}
	.environment-data { 
		padding: 30px 20px;
		margin-bottom: 30px;
	}
	.environment-data-contents > div {
		padding-top: 60px;
	}
}
@media screen and (max-width: 600px) {
	.environment-data:nth-child(-n+6) {
		width: 100%;
	}
	.environment-data:nth-child(7), 
	.environment-data:nth-child(8), 
	.environment-data:nth-child(9),
	.environment-data:nth-child(10) {
		width: 100%;
	}
	.environment-data-contents > div {
		padding-top: 50px;
	}

}
/*社員数、月間残業時間*/
.data01,
.data06{
	font-size:1.8rem;
	font-weight:bold;
	text-align: center;
    margin: 50px auto;
}
.data01 span,
.data06 span{
	font-size: 3.5em;
	color:#FB33DB;
    font-weight: normal;
	margin: 0 10px;
}
/*年齢構成、通勤手段*/
.data-list{
	color:#a4a4a4;
	font-weight:bold;
	line-height: 1.3;
}
.data-percent{
	font-weight:bold;
}
.data-percent span{
	font-size: 2em;
	color:#FB33DB;
    font-weight: normal;
	margin-right: 5px;
}
.data02,
.data05{
	margin-top: 20px;
}
.data02 li,
.data05 li{
    display: flex;
    align-items: center;
	justify-content: space-between;
}
.data02 li > div,
.data05 li > div{
	position:relative;
	width: calc(100% - 40px);
    text-align: right;
}
.data05 li > div{
	width: calc(100% - 60px);
}
.data02 li > div:after,
.data05 li > div:after{
    content: "";
    display: block;
    transition: 1s;
    position: absolute;
    left: 15px;
    background: linear-gradient(0deg, #fb9898 10%, #ff43E2 100%);
    background: -webkit-linear-gradient(0deg, #fb9898 10%, #ff43E2 100%);
    border-radius: 8px;
    height: 12px;
    width: 13%;
    top: 0;
    bottom: 0;
    margin: auto;
}
.data02 li:first-child > div:after{
    width: 13%;
}
.data02 li:nth-child(2) > div:after{
    width: 31%;
}
.data02 li:nth-child(3) > div:after{
    width: 27%;
}
.data02 li:nth-child(4) > div:after{
    width: 27%;
}
.data05 li:first-child > div:after{
    width: 37%;
}
.data05 li:nth-child(2) > div:after{
    width: 46%;
}
.data05 li:nth-child(3) > div:after{
    width: 13%;
}
.data05 li:nth-child(4) > div:after{
    width: 4%;
}


/*職種割合、男女比*/
.data03,
.data04{
	display: flex;
	justify-content:space-between;
    margin: 50px auto;
}
.data04{
	justify-content: center;
}
.data03 > div,
.data04 > div{
	color:#a4a4a4;
	font-weight:bold;
	text-align:center;
	position:relative;
	width: 30%;
}
.data04 > div{
	width: 45%;
}
.data03 > div > span,
.data04 > div > span{
	font-size: 6em;
	color:#FB33DB;
    font-weight: normal;
	display:block;
	line-height: 1;
    margin-bottom: 10px;
}
.data03 > div:after,
.data04 > div:after{
	content:":";
	display:inline;
	color:#333;
	font-weight:bold;
	font-size:3rem;
	position: absolute;
    top:20px;
    right: -15%;
}
.data04 > div:after{
	right: -8%;
}
.data03 > div:last-child:after,
.data04 > div:last-child:after{
	display:none;
}
/*定時後の過ごし方*/
.data08{
	margin-top:30px;
}
.data08 img{
	margin: auto;
    display: block;
    max-width: 300px;
	width: 88%;
}
/*休日の過ごし方*/
.data09{
	margin-top:30px;
}
.holiday > div{
	display:flex;
	justify-content:center;
	margin-top: 10px;
	align-items: center;
}
.holiday > div p{
	font-weight: bold;
}
.holiday > div > div{
    text-align: center;
}
.holiday > div > div > div > figure{
    margin-bottom:0;
	width: 60px;
}
/*メダル*/
.medal{
    width: 50px;
	margin-right: 20px;
	margin-bottom:0;
}
.medal.medal-s{
    padding: 5px;
}
/*魅力*/
.data10{
	display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
	text-align: left;
	margin: 30px 0;
    padding-right: 10px;
}
.data10 > div > div > div{
	display:flex;
	align-items:center;
}
.data10 > div > div > div p{
	font-weight:bold;
	font-size: 1.4rem;
}
.data10 > div > div:first-child > div p{
	font-size: 1.7rem;
}
/*その他の魅力*/
.environment-data:nth-child(11){
	background: #989eff;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	transition: background-color 0.3s ease;
}
.data-other-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding:0 30px;
    transition: opacity 0.4s ease;
    margin-top: 130px;
}
.data-other-content li{
	position:relative;
	text-indent: -20px;
    padding-left: 20px;
    margin-bottom: 15px;
    line-height: 1.4;
}
.data-other-content li:before{
	display:inline-block;
	width:20px;
	height:20px;
	content:"●";
	color:#FB33DB;
	text-indent: 0;
}
.environment-data:nth-child(11):hover{
	background: #989eff;
}
.data-other .front {
	opacity: 1;
}
.data-other .back {
	opacity: 0;
}
.data-other.active .front {
	opacity: 0;
}
.data-other.active .back {
	opacity: 1;
}
.environment-data:nth-child(11) h3,
.environment-data:nth-child(11) p{
	color: #fff;
	text-align:center;
	font-weight:bold;
}
.environment-data:nth-child(11) figure{
    width: 90px;
    margin: 70px auto 0;
}
.data-other.active{
	background:#fff;
}
.environment-data:nth-child(11).data-other.active h3{
	color: #333;
}
.bounce-rotate {
    animation: resetBounce 0.8s ease-out forwards;
}
.bounce-rotate:hover {
    animation: rotateBounce 0.8s ease-out forwards;
}

.data-other.active.bounce-rotate,
.data-other.active.bounce-rotate:hover {
    animation: none;
	background: #fff;
}
    /* ホバー時バウンドしながら収束 */
    @keyframes rotateBounce {
      0%   { transform: rotate(0deg); }
      30%  { transform: rotate(-6deg); }
      50%  { transform: rotate(-1.5deg); }
      70%  { transform: rotate(-3deg); }
      85%  { transform: rotate(-2deg); }
      100% { transform: rotate(-2deg); }
    }

    /* マウスを外した時逆方向に弾んで戻る */
    @keyframes resetBounce {
      0%   { transform: rotate(-2deg); }
      30%  { transform: rotate(3deg); }
      50%  { transform: rotate(-1deg); }
      70%  { transform: rotate(1.5deg); }
      85%  { transform: rotate(0.5deg); }
      100% { transform: rotate(0deg); }
    }
/*一緒に働きたい*/
.environment-data:nth-child(12){
	background: #f2f1ee;
	margin-bottom: 150px;
}
.data-fukidashi-group > div{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	max-width:800px;
	margin: 10px auto 10px;
	position: relative;
}
.data-fukidashi-group01,
.data-fukidashi-group02{
	position:relative;
	width:50%;
}
.data-fukidashi-group p{
	text-align: center;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.4;
}
.data-fukidashi01{
	width:50%;
	height:160px;
	background:url(https://lifecomtest.sakura.ne.jp/recruit.lifecommunication.co.jp/wp-content/uploads/2025/05/data-fukidashi01.png);
	background-repeat:no-repeat;
	background-size:contain;
	padding: 10% 10px 0 0;
}
.data-fukidashi01:hover{
	background:url(https://lifecomtest.sakura.ne.jp/recruit.lifecommunication.co.jp/wp-content/uploads/2025/05/data-fukidashi01-on.png);
	background-repeat:no-repeat;
	background-size:contain;
	color:#fff;
}
.data-fukidashi02{
	width:50%;
	height:190px;
	background:url(https://lifecomtest.sakura.ne.jp/recruit.lifecommunication.co.jp/wp-content/uploads/2025/05/data-fukidashi02.png);
	background-repeat:no-repeat;
	background-size:contain;
	padding: 50px 15px 0 0;
	position: absolute;
    top: 20px;
    right: 0;
}
.data-fukidashi02:hover{
	background:url(https://lifecomtest.sakura.ne.jp/recruit.lifecommunication.co.jp/wp-content/uploads/2025/05/data-fukidashi02-on.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.data-fukidashi03{
	width:50%;
	height:160px;
	background:url(https://lifecomtest.sakura.ne.jp/recruit.lifecommunication.co.jp/wp-content/uploads/2025/05/data-fukidashi03.png);
	background-repeat:no-repeat;
	background-size:contain;
	padding: 45px 10px 0 0;
	margin: 10px 0px 0 10%;
}
.data-fukidashi03:hover{
	background:url(https://lifecomtest.sakura.ne.jp/recruit.lifecommunication.co.jp/wp-content/uploads/2025/05/data-fukidashi03-on.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.data-fukidashi04{
	width:45%;
	height:180px;
	background:url(https://lifecomtest.sakura.ne.jp/recruit.lifecommunication.co.jp/wp-content/uploads/2025/05/data-fukidashi04.png);
	background-repeat:no-repeat;
	background-size:contain;
	padding: 40px 5px 0 0;
	margin: 30px 0 0 5px;
}
.data-fukidashi04:hover{
	background:url(https://lifecomtest.sakura.ne.jp/recruit.lifecommunication.co.jp/wp-content/uploads/2025/05/data-fukidashi04-on.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.data-fukidashi05{
	width:52%;
	height:180px;
	background:url(https://lifecomtest.sakura.ne.jp/recruit.lifecommunication.co.jp/wp-content/uploads/2025/05/data-fukidashi05.png);
	background-repeat:no-repeat;
	background-size:contain;
	padding: 40px 12px 0 0;
	position: absolute;
    right: 0;
    top: 0;
}
.data-fukidashi05:hover{
	background:url(https://lifecomtest.sakura.ne.jp/recruit.lifecommunication.co.jp/wp-content/uploads/2025/05/data-fukidashi05-on.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.data-fukidashi06{
	width:50%;
	height:180px;
	background:url(https://lifecomtest.sakura.ne.jp/recruit.lifecommunication.co.jp/wp-content/uploads/2025/05/data-fukidashi06.png);
	background-repeat:no-repeat;
	background-size:contain;
	padding:40px 0px 0 0;
	margin: -50px 0 0 30%;
}
.data-fukidashi06:hover{
	background:url(https://lifecomtest.sakura.ne.jp/recruit.lifecommunication.co.jp/wp-content/uploads/2025/05/data-fukidashi06-on.png);
	background-repeat:no-repeat;
	background-size:contain;
	color:#fff;
}
.data-fukidashi07{
	width:170px;
	height:200px;
	background:url(https://lifecomtest.sakura.ne.jp/recruit.lifecommunication.co.jp/wp-content/uploads/2025/05/data-fukidashi07.png);
	background-repeat:no-repeat;
	background-size:contain;
	padding: 53px 5px 0 0;
	position: absolute;
    bottom: -20px;
}
.data-fukidashi07:hover{
	background:url(https://lifecomtest.sakura.ne.jp/recruit.lifecommunication.co.jp/wp-content/uploads/2025/05/data-fukidashi07-on.png);
	background-repeat:no-repeat;
	background-size:contain;
}

/*●の色*/
.environment-data h3:before{
	content:"";
	display:block;
	margin:auto;
	width:16px;
	height:16px;
	background:#989eff;
	border-radius:50%;
	margin-bottom: 24px;
	box-shadow:inset 2px 2px 6px 0px rgba(0, 0, 0, 0.2);
}
.environment-data:nth-child(2) h3:before{
	background:#fcf340;
}
.environment-data:nth-child(3) h3:before{
	background:#7FFF00;
}
.environment-data:nth-child(4) h3:before{
	background:#ffa130;
}
.environment-data:nth-child(5) h3:before{
	background:#0310EA;
}
.environment-data:nth-child(6) h3:before{
	background:#989eff;
}
.environment-data:nth-child(7) h3:before{
	background:#fcf340;
}
.environment-data:nth-child(8) h3:before{
	background:#FB33DB;
}
.environment-data:nth-child(9) h3:before{
	background:#37caff;
}
.environment-data:nth-child(10) h3:before{
	background:#989eff;
}
.environment-data:nth-child(11) h3:before{
	background:#fff;
}
.environment-data:nth-child(11).active h3:before{
	background:#989eff;
}
.environment-data:nth-child(12) h3:before{
	background:#7FFF00;
}
.fukidashi-sp{
	display:none;
}
@media screen and (max-width: 991px) {
	.environment-data:nth-child(12) {
		margin-bottom: 100px;
	}
	.data-fukidashi-group > div{
		flex-direction: column;
		align-items: center;
		margin-top: 40px;
		width: 400px;
	}
	.data-fukidashi07 {
		right: 20px;
		bottom: 20px;
	}
	.data-fukidashi06 {
		margin: 0px 0 0 0;
	}
	.data-fukidashi-group01, .data-fukidashi-group02 {
		width: 100%;
	}
	.data-fukidashi-group02 {
        margin-top: -20px;
	}
}
@media screen and (max-width: 850px) {
	.data10 > div > div > div p{
        width: calc(100% - 60px);
		font-size: 1.25rem;
		line-height: 1.4;
	}
	.data10 > div > div:first-child > div p {
		 font-size: 1.4rem;
	}
	.data10 > div > div > div {
		margin-bottom: 20px;
	}

	.data10 {
		margin: 30px 0 0;
	}
}
@media screen and (max-width: 767px) {
	.data05 li > div {
		width: calc(100% - 50px);
	}
	.environment-data:nth-child(10) h3 br{
		display:none;
	}
}
@media screen and (max-width: 600px) {
	.data01, 
	.data06,
	.data03, 
	.data04{
		margin: 50px auto 20px;
	}
	.data10 > div > div > div:last-child {
		margin-bottom: 0;
	}
	.environment-data:nth-child(10) h3 br{
		display:block;
	}
}
@media screen and (max-width: 500px) {
	.data-fukidashi-group > div {
        display: none;
	}
	.fukidashi-sp{
		display:block;
		margin-top:30px;
	}
}
/*
@media screen and (max-width: 450px) {
	.data-fukidashi02 {
		width: 55%;
		top: 40px;
		right: -10px;
		padding: 13% 15px 0 0;
	}
	.data-fukidashi03{ 
		width: 55%;
		padding: 12% 10px 0 0;
	}
	.data-fukidashi05 {
    	width: 55%;
		padding: 9% 12px 0 0;
		top: -30px;
	}
	.data-fukidashi04 {
    	width: 50%;
		padding: 12% 5px 0 0;
	}
	.data-fukidashi06 {
		width: 60%;
		padding:13% 0px 0 0;
	}
	.data-fukidashi07 {
        right: 0px;
        bottom: 80px;
        padding: 60px 10px 0 0;
	}
}
*/
@media screen and (max-width: 375px) {
	.data10 > div > div > div p {
        font-size: 1.15rem;
	}
	.data10 > div > div:first-child > div p {
        font-size: 1.25rem;
	}
}
@media screen and (max-width: 350px) {
	.environment-data:nth-child(10) h3 br{
		display:none;
	}
}

/*研修プログラム*/
.environment-training-intro > div{
	display:flex;
	justify-content:space-between;
    margin: 60px auto 20px;
	align-items: center;
	width: 916px;
	padding: 0 6%;
}
.environment-training-intro > div figure{
    width: 220px;
	margin: 0 0 0 5%;
}
.ProgramContents{
	background:#f2f1ee;
	max-width: 916px;
    margin: 0 auto 40px;
    padding: 40px 6%;
}
.ProgramContents .left-lineH3:before {
	width: 100px;
}
.ProgramContents .left-lineH3{
	color: #6a6a6a;
}
.left-lineH3-flex > div .left-lineH3{
	margin-bottom: 0px;
}
.left-lineH3-flex > div{
	display:flex;
	align-items:center;
	margin-bottom: 30px;
	flex-wrap: wrap;
}
.left-lineH3-flex > div > p{
	color:#a2a2a2;
	font-weight:bold;
	margin-left:30px;
}
.Type-of-training{
    font-weight: bold;
    font-size: 1.3rem;
	margin-top: 20px;
}
.ProgramContents ul li{
	color: #6a6a6a;
}
.ProgramContents ul li:before{
	content:"-";
	display:inline;
	margin-right: 5px;
}
.program-item-box > div{
	display:flex;
}
.program-item-box > div > div{
	width:50%;
}
@media screen and (max-width: 1024px) {
	.environment-training-intro > div { 
		width:100%;
		padding: 0;
		flex-direction: column;
		text-align: center;
	}
	.environment-training-intro > div figure {
		margin: 30px auto 20px;
	}
}
@media screen and (max-width: 767px) {
	.environment-training-intro > div {
		margin: 30px auto 20px;
	}
	.environment-training-intro > div p{
		text-align:left;
	}
	.environment-training-intro > div p br{
		display:none;
	}
	.program-item-box > div {
		flex-direction: column;
	}
	.program-item-box > div > div {
		width: 100%;
	}
	.ProgramContents .left-lineH3-flex > div {
		margin-bottom: 0px;
	}
}
@media screen and (max-width: 600px) {
	.environment-training-intro > div { 
		width:88%;
	}
	.ProgramContents {
    	padding: 30px 6%;
		width: 88%;
	}
}
@media screen and (max-width: 450px) {
	.Type-of-training {
		font-size: 1.15rem;
	}
	.left-lineH3-flex > div > p {
		margin-left: 0px;
    	width: 100%;
		line-height: 1.3;
        margin-top: 5px;
	}
	.ProgramContents .left-lineH3:before {
		margin-right: 10px;
	}
	.ProgramContents .left-lineH3 {
		margin-left: -110px;
	}
}
/*社内風景・設備紹介*/
.scenery{
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
    margin: 60px auto;
}
.scenery .scenery-item{
	width: 30%;
    margin-bottom: 50px;
	position: relative;
}
.scenery .scenery-item img{
	display:block;
	margin-bottom: 20px;
}
/*.scenery .scenery-item > div{
	opacity:0;
	background:rgba(0,0,0,0.7);
	padding:30px;
	transition: all 0.5s 0s ease;
	position: absolute;
    top: 0;
    left: 0;
	height: 100%;
	display: flex;
    flex-direction: column;
    justify-content: end;
}
.scenery .scenery-item:hover > div{
	opacity:1;
	transition: all 0.5s 0s ease;
}*/
.scenery .scenery-item > div {
}
.scenery .scenery-item > div p{
	font-size:0.8rem;
	/*color:#fff;*/
}
.scenery .scenery-item > div p.scenery-title{
	font-size:1rem;
	margin-bottom:15px;
	font-weight:bold;
	text-align:center;
}
@media screen and (max-width: 991px) {
	.scenery .scenery-item {
    	width: 48%;
	}
}
@media screen and (max-width: 600px) {
	.scenery .scenery-item {
        width: 88%;
        margin: 0 auto 30px;
	}
	.scenery .scenery-item:last-child {
		margin-bottom: 0;
	}
	.scenery {
		margin: 40px auto;
	}
}




/*----------------------------人を知る-----------------------------*/
/*Staff人を知る 個別ページ*/
.single-staff{
    background-color: transparent;
}
.single-staff.single .main-section {
    background-color: transparent;
}
.single-staff .StaffContents01.page-header {
    display: flex;
    flex-direction: column;
	margin: 0 calc(50% - 50vw); /*全幅*/
}

.single-staff .StaffInnerContents01.page-header-inner.container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px;
    padding-bottom: 80px;
	max-width: 100%; /*全幅*/
	border-bottom: 1px solid #000;
}

.single-staff .StaffHead01 {
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.single-staff .StaffHead01 h1 {
    font-size: 76px;
    color: #D9DBFC;
}
.single-staff .StaffHead01 p {
    font-size: 16px;
    font-weight: bold;
    background: #D9DBFC;
    width: fit-content;
    padding: 0px 15px;
    color: #fff;
}

.single-staff .StaffInnerContents01 .photo1 {
    width: 100vw;
}
.single-staff .StaffInnerContents01 .photo1 img {
    margin-left: auto;
    display: block;
}

.single-staff .StaffInnerContents02 .proverb {
    background: #fff;
	display: inline-block;
}
.single-staff .StaffInnerContents02 h3 {
    font-size: 25px;
    background: #fff;
    background: linear-gradient(90deg, #000000 0%, #000000 45%, #0310ea 60%, #fb33db 100%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    border: 1px solid #000000;
    padding: 5px 15px;
}
.single-staff .StaffInnerContents02 p.affiliation {
    font-size: 22px;
    font-weight: 400;
	display: flex;
	margin: 10px 0 0;
}
.single-staff .StaffInnerContents02 p.affiliation > span a{
    font-size: 14px;
    margin-left:30px;
	display: flex;
	line-height: 20px;
	align-items:center;
	transition: all .2s;
}
.affiliation_link a > span{
    padding: 0 5px;
	transition: all .2s;
	background: #fff;
}
.affiliation_link a:hover span{
	color:#fff;
	background:#0310EA;
	display: inline;
	transition: all .2s;
}
.affiliation_link a:before{
	content: "→";
    color: black;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 43px;
    height: 43px;
    border: 1.5px solid black;
    border-radius: 50px;
	margin-right: 10px;
	transition: all .2s;
	background: #fff;
}
.affiliation_link a:hover:before{
	color:#fff;
	background:#0310EA;
	transition: all .2s;
}
.single-staff .StaffInnerContents02 h2 {
    font-size: 38px;
    margin: 0px;
}

.single-staff .StaffInnerContents02 {
    position: absolute;
    bottom: 0px;
    z-index: 999;
    text-align: left;
    margin-bottom: 80px;
	padding-left: 15px;
	/*width: 75%;
    right: 50px;*/
	min-width: 60%;
}

.single-staff .StaffHead02 {
    border-right: 1px solid #000;
    padding: 50px 0px 20px;
    position: relative;
    top: -40px;
}
.single-staff .StaffContents02 .StaffHead02 h2 , .StaffContents03 .StaffHead02 h2 {
    font-size: 14px;
    font-weight: bold;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    position: relative;
    padding: 40px 20px;
    letter-spacing: 12px;
	margin-bottom: 0px;
}
.single-staff .StaffContents02 .StaffHead02 h2:before , .StaffContents03 .StaffHead02 h2:before{
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 10px;
    display: block;
    background: #FB33DB;
    border-radius: 30px;
	position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.single-staff .StaffContents02 .StaffInnerContents {
    padding: 40px;
}
.single-staff  .StaffContents03 .StaffInnerContents{
	padding: 0px 60px;
}
.single-staff .StaffContents02 .StaffInnerContents .d-flex {
    gap: 30px;
}
.single-staff .StaffContents02 .StaffInnerContents .photo2 , .StaffContents02 .StaffInnerContents .photo3 {
	width: 30%;
}
.single-staff .StaffContents02 .StaffInnerContents .photo2 img {
    border: 1px solid #000;
}
.single-staff .StaffContents02 .StaffInnerContents .Interview {
	width: 70%;
}
.single-staff .StaffContents02 .StaffInnerContents .Interview h3 {
    font-size: 14px;
    color: #6A6A6A;
    margin-bottom: 15px;
}
.single-staff .StaffContents02 .StaffInnerContents .Interview > div {
    margin-bottom: 50px;
}
.single-staff .StaffContents02 .StaffInnerContents .Contents03 {
    /*margin:0 calc(50% - 50vw) 0 0;*/
    display: flex;
    justify-content: flex-end;
}
.single-staff .StaffContents02 .StaffInnerContents .Contents03 img {
    width: 1200px;
	border: 1px solid #000;
}

.single-staff .StaffContents03 .oneday.pc img {
    width: 95%;
    height: auto;
}
.single-staff .StaffContents03 .StaffHead02 {
    /*top: -102px;
	top: -52px;*/
	top: -75px;
}
.staf-title-br{
	display:none;
}
.single-staff .StaffContents03 {
    margin: 0 calc(50% - 50vw);
    /*padding: 5em calc(50vw - 50%);*/
	padding: 2em calc(50vw - 50%) 5em;
	border-top: 1px solid #000;
    background-image: linear-gradient(180deg, rgba(222, 222, 222, 1) 60%, rgba(255, 255, 255, 1));
	position: relative;
    z-index: -1;
}
.single-staff .LinkBack a {
    width: 730px;
    height: 140px;
    border: 1px solid;
    display: flex;
    justify-content: center;
    align-items: center;
	margin: 0 auto;
	margin-bottom: 40px !important;
	transition: 0.3s;
	color: #000;
    font-weight: bold;
}
.single-staff .LinkBack a::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f061";
    padding-left: 230px;
	transition: 0.3s;
}
.single-staff .LinkBack a:hover::after {
    position: relative;
    right: -60px;
}
.single-staff .LinkBack a:hover {
    background: #DEDEDE;
    color: #6A6A6A;
}

/*Staff一覧ページ*/
.post-type-archive-staff .StaffContents01.page-header {
    height: 800px;
    margin: 0 calc(50% - 50vw);
    padding: 60px;
	position: relative;
	margin-bottom: 100px;
}
.post-type-archive-staff .StaffInnerContents01.page-header-inner.container {
    display: flex
;
    flex-direction: column;
    align-items: center;
}

.StaffCatch.box01 {
    width: fit-content;
}
.StaffCatch p {
    font-size: 25px;
}
.post-type-archive-staff .StaffContents01 .Head01 h1 {
    color: #0310EA;
}
.post-type-archive-staff .StaffContents01 .Head01 p {
    background: #0310EA;
	color: #fff;
	margin: auto;
}

.post-type-archive-staff .StaffContents01 .BgDot01::before,
.BgDot01::before,
.blog .page-header:before,
.post-type-archive-requirements .page-header:before{
    content: "";
    display: inline-block;
    background-image: url(/recruit.lifecommunication.co.jp/wp-content/themes/life_tpl_lightningbase/images/TopStaff-bg01.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 225px;
    height: 190px;
}
.post-type-archive-staff .StaffContents01 .BgDot02::before,
.BgDot02::before,
.blog .page-header:after,
.post-type-archive-requirements .page-header:after{
    content: "";
    display: inline-block;
    background-image: url(/recruit.lifecommunication.co.jp/wp-content/themes/life_tpl_lightningbase/images/BgDot02.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
	width: 125px;
    height: 245px;
}
.post-type-archive-staff .StaffContents01 .BgDot01,
.BgDot01,
.blog .page-header:before,
.post-type-archive-requirements .page-header:before{
    position: absolute;
    top: 0px;
    right: 0px;
}
.BgDot02,
.blog .page-header:after,
.post-type-archive-requirements .page-header:after{
    position: absolute;
    bottom: -100px;
    left: 0px;
}

/*スクロール アニメーション*/
.scroll {
	position: relative;
    font-size: 13px;
    writing-mode: vertical-rl;
    bottom: -15px;
    transform: translateX(-50%) translateY(-50%);
}
.scroll::after {
    content : '';
    display : inline-block;
    position : absolute;
    background-color: #0310EA;
    right : 50%;
    bottom : -115px;
    transform : translateX(-50%);
    width : 1px;
    height : 100px;
    animation: scroll 1.5s infinite;
}
.scroll p {
    position: absolute;
    top: 85px;
	right: -20px;
    font-size: 10px;
}
@keyframes scroll {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  50.1% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}

.post-type-archive-staff .StaffList{
	padding-bottom: 20px;
    overflow: unset;
    width: 100%;
}
.post-type-archive-staff  ul.StaffList{
	display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.post-type-archive-staff .StaffArchive ul.StaffList li{
	/*width:260px;*/
	width: 31%;
	min-width: 260px;
	border:8px solid #fff;
	position:relative;
}
.post-type-archive-staff ul.StaffList li:before {
    content: "";
    width: calc(100% + 16px);
    height: calc(100% + 16px);
    border: 2px solid black;
    position: absolute;
    top: -8px;
    left: -8px;
}
.post-type-archive-staff .StaffArchive ul.StaffList li a{
	position:relative;
}
.post-type-archive-staff .StaffArchive ul.StaffList li .staff-info {
	background: #FB33DB;
	position:absolute;
	bottom:-6px;
	left:-6px;
	border-top-right-radius:10px;
	color: black;
	width: 80%;
	padding:10px;
	color: #fff;
	transition: 0.5s;
	display:table;
}
.web .staff-info , .web .joining{
	background: #FB33DB !important;
}
.sales .staff-info , .sales .joining {
	background: #FFA130 !important;
}
.system .staff-info , .system .joining {
	background: #0310EA !important;
}
.management .staff-info , .management .joining {
	background: #37CAFF !important;
}
.operation .staff-info , .operation .joining  {
	background: #7FFF00 !important;
	color: #000 !important;
}
.operation .joining p {
    color: #000 !important;
}

.post-type-archive-staff ul.StaffList li img{
	vertical-align: top;
}
.post-type-archive-staff ul.StaffList li .staff-info .nickname{
	font-size:20px;
	margin-top: 0;
}
.post-type-archive-staff .StaffArchive ul.StaffList li a .joining {
    background: #FB33DB;
    width: fit-content;
    padding: 5px 10px;
    border-radius: 0px 0px 0px 10px;
	position: absolute;
    top: -6px;
    right: -6px;
	z-index: 9;
}
_::-webkit-full-page-media, :future, :root .post-type-archive-staff .StaffArchive ul.StaffList li a .joining {
    right: -220px;
	display:table;
}
.post-type-archive-staff .joining p {
    font-size: 10px;
	color: #fff;
}
.post-type-archive-staff ul.StaffList li .thumbnail01 img {
    position: absolute ;
    top: 0px ;
}

/*ホバー*/
.post-type-archive-staff ul.StaffList li a:hover .thumbnail01 img {
    opacity: 0;
}
.post-type-archive-staff ul.StaffList li a:hover .staff-info {
    width: 105%;
}
.post-type-archive-staff ul.StaffList li a:hover .staff-info::after {
	font: var(--fa-font-solid);
    content: "\f061";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    right: 10px;
}

@media screen and (max-width: 1100px) {
	.single-staff .StaffHead01 {
		margin-top: -150px;
	}
}
@media screen and (max-width: 1024px) {
	.single-staff .StaffInnerContents02 {
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media screen and (max-width: 991px) {
	.post-type-archive-staff .StaffArchive ul.StaffList li {
		width: 30%;
		min-width: initial;
	}
}
@media screen and (max-width:850px) {
	.single-staff .StaffInnerContents02 h3 {
		font-size: 20px;
	}
	.single-staff .StaffInnerContents02 h2 {
		font-size: 30px;
	}
	.single-staff .StaffInnerContents02 {
    	margin-bottom: 50px;
	}
	.single-staff .StaffHead01 {
        margin-top: -80px;
    }
}
@media screen and (max-width: 786px) {
	/*コモン*/
	
	.Head01 {
		width: 100%;
	}
	
	/*個別ページ*/
	.single-staff .StaffInnerContents02 {
		margin-bottom: 30px;
        position: static;
        margin-top: -70px;
        border-bottom: 1px solid #000;
        padding-bottom: 20px;
        background: #fff;
        padding-top: 20px;
		width: 101%;
	}
	.single-staff .StaffContents03{
		width: 100vw;
		margin: 0 calc(50% - 50vw) !important;
	}
	.single-staff .StaffInnerContents01 .photo1 img {
		margin-left: -37%;
		width: 137%;
		max-width: inherit;
	}
	.single-staff .StaffInnerContents01.page-header-inner.container {
		height: 100vh;
		flex-direction: column;
	}
	.single-staff .StaffHead01 {
        margin-top: 0px;
		margin-top: 200px;
		width: 100%;
		margin-bottom: 50px;
	}
	.single-staff .StaffContents02.d-flex {
		margin-bottom: 60px;
		margin-left: 0px;
		display: flex ;
		flex-direction: column;
	}
	.single-staff .StaffHead02 {
		padding: 0px;
		position: relative;
		top: 0px;
		border-right: 0px solid #000;
	}
	/*.single-staff .StaffInnerContents02 .proverb {
		width: 90%;
	}*/
	.single-staff .StaffInnerContents02 h3 {
		font-size: 18px;
	}
	.single-staff .StaffInnerContents02 p.affiliation {
		font-size: 16px;
		align-items: center;
	}
	.single-staff .StaffInnerContents02 h2 {
		font-size: 24px;
	}
	.single-staff .StaffContents02 .StaffHead02 h2, .StaffContents03 .StaffHead02 h2 {
		padding: 15px 15px 15px 38px;
        writing-mode: inherit;
	}
	.single-staff .StaffContents02 .StaffHead02 h2:before, .StaffContents03 .StaffHead02 h2:before {
		top: 50%;
		left: 15px;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	.single-staff .StaffContents02 .StaffInnerContents, .StaffContents03 .StaffInnerContents {
		padding: 0px 15px 0px 15px;
	}
	.StaffContents03 .StaffInnerContents {
		padding: 0px 60px;
	}
	.single-staff .StaffContents02 .StaffInnerContents .d-flex {
		gap: 10px;
		display: flex;
		flex-direction: column;
	}
	.single-staff .StaffContents02 .StaffInnerContents .d-flex:nth-child(even) {
		display: flex;
		flex-direction: column-reverse;
	}
	.single-staff .StaffContents02 .StaffInnerContents .photo2, .StaffContents02 .StaffInnerContents .photo3 {
		width: 80%;
	}
	.single-staff .StaffContents02 .StaffInnerContents .Interview {
		width: 100%;
	}
	.single-staff .StaffContents02 .StaffInnerContents .photo3 {
		margin-left: auto;
	}
	.single-staff .StaffContents02 .StaffInnerContents .Interview > div {
		margin-bottom: 25px;
	}
	.single-staff .StaffContents02 .StaffInnerContents .Interview h3 {
		margin-bottom: 5px;
	}
	.single-staff .StaffContents03 .StaffHead02 {
		top: 20px;
        padding: 0 20px;
	}
	.single-staff .StaffContents03 .StaffInnerContents {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	
	/*一覧ページ*/
	.post-type-archive-staff .StaffArchive ul.StaffList li {
		width: 31.5%;
		min-width: initial;
	}
	.post-type-archive-staff .StaffContents01.page-header {
		height: 100vh;
		padding: 15px;
	}
	
	.post-type-archive-staff ul.StaffList {
		display: flex;
        flex-wrap: wrap;
        gap: 15px;
		justify-content: flex-start !important;
    }
	.post-type-archive-staff ul.StaffList li {
		width: 160px;
		min-width: 160px;
		border: 8px solid #fff;
		position: relative;
	}
	.StaffArchive.ContetsBody {
		margin: 15px;
	}
	_::-webkit-full-page-media, :future, :root .post-type-archive-staff .joining {
    right: -120px;
	display:table;
	}
	
	.post-type-archive-staff ul.StaffList li .staff-info {
		padding: 8px;
	}
	.staff-info p.affiliation {
		font-size: 12px;
	}
	.post-type-archive-staff ul.StaffList li .staff-info .nickname {
		font-size: 16px;
	}
	.post-type-archive-staff ul.StaffList li a:hover .staff-info {
		width: 109%;
	}
	.single-staff .StaffContents03 {
		display: flex;
        flex-direction: column;
        padding: 0px;
        margin: 0px;
		margin-bottom: 60px;
	}
	
	.single-staff .LinkBack a {
		width: 90%;
		height: 100px;
	}
	.single-staff .LinkBack a::after {
		padding-left: 30px;
	}
	.single-staff .LinkBack a:hover::after {
		right: -40px;
	}
}
@media screen and (max-width: 767px) {
    .post-type-archive-staff ul.StaffList {
        gap: 0;
		padding-bottom: 0;
	}
	.post-type-archive-staff .StaffArchive ul.StaffList li {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 30px;
	}
	.post-type-archive-staff .StaffArchive ul.StaffList li:nth-child(2n) {
        margin-right: 0%;
	}
}
@media screen and (max-width: 600px) {
	.single-staff .StaffInnerContents01.page-header-inner.container {
		border-bottom: 0px solid #000;
	}
	.single-staff .StaffHead01 {
        margin-top: 150px;
	}
}
@media screen and (max-width: 500px) {
	.staf-title-br {
    	display: block;
	}
	.single-staff .LinkBack a {
		margin-bottom: 0px !important;
	}
	.single-staff .StaffHead01 {
        margin-top: 50px;
	}
	.single-staff .StaffInnerContents01.page-header-inner.container {
        height: auto;
		padding-bottom: 0px;
	}
	.single-staff .StaffContents02 .StaffInnerContents .Interview > div {
        margin-bottom: 0px;
	}
	.single-staff .StaffContents02 .StaffInnerContents .Contents03 {
		margin-top: 30px;
	}
}
@media screen and (max-width: 375px) {
	.post-type-archive-staff .StaffArchive ul.StaffList li .staff-info {
		width: 100%;
	}
	.post-type-archive-staff .StaffArchive ul.StaffList li {
        margin-bottom: 15px;
	}
}
@media screen and (max-width: 365px) {
	.post-type-archive-staff ul.StaffList li {
		width: 155px;
        min-width: 155px;
	}
	.single-staff .StaffContents02 .StaffHead02 h2, 
	.StaffContents03 .StaffHead02 h2 {
		letter-spacing: 5px;
	}
	.single-staff .StaffInnerContents02 p.affiliation {
        flex-direction: column;
        align-items: flex-start;
	}
	.single-staff .StaffInnerContents02 p.affiliation > span a {
		margin-left: 0px;
		margin: 5px 0;
	}
	.single-staff .LinkBack a {
        width: 100%;
	}
	.StaffCatch p {
    	font-size: 20px;
	}
	.StaffCatch.box01 {
		padding: 1em 30px;
	}
}
@media screen and (max-width: 280px) {
	.post-type-archive-staff .StaffArchive ul.StaffList li .staff-info {
        width: 112%;
	}
}






/*--------------------------社員インタビュー---------------------------*/




/*----------------------------募集要項・エントリーフォーム・お知らせ　共通----------------------------*/
.Lower-layerContents01 .Head01 {
    width: 100%;
	height: 100%;
	justify-content: center;
}
.Lower-layerContents01,
.blog .page-header,
.archive .page-header {
	display: block;
    width: 100vw;
    margin: 0 calc(50% - 50vw);
	overflow: hidden;
	height: 430px;
}
.Lower-layerContents01 > div,
.blog .page-header-inner,
.archive .page-header-inner{
    height: 100%;
}
.Lower-layerContents01 .Head01 > div,
.blog .page-header-inner,
.archive .page-header-inner{
	display: flex;
    justify-content: center;
    align-items: center;
	flex-direction: column;
	height: 100%;
}
.Lower-layerH2{
    display: flex;
    align-items: center;
	height: 54px;
    width: 100vw;
    margin: -27px calc(50% - 50vw) 0;
	z-index: 1;
    position: relative;
    font-size: 26px;
}
.Lower-layerH2 br{
	display:none;
}
.Lower-layerH2:before,
.Lower-layerH2:after {
    content: "";
    height: 2px;
    flex-grow: 1;
    background-color: #000;
}

.Lower-layerH2:before {
    margin-right: 1rem;
}

.Lower-layerH2:after {
    margin-left: 1rem;
}

.left-lineH3{
    display: flex;
    align-items: center;
	z-index: 1;
    position: relative;
    font-size: 26px;
	margin-left: -120px;
    margin-bottom: 30px;
	font-weight: bold;
}
.left-lineH3:before {
    content: "";
    margin-right: 20px;
	background: linear-gradient(90deg, #000000 0%, #000000 45%, #0310ea 60%, #fb33db 100%);
    height: 2px;
	width:200px;
}
@media screen and (max-width: 991px) {
	.single-requirements .left-lineH3:before {
		width: 100px;
	}
}
@media screen and (max-width: 767px) {
	.Lower-layerH2 {
		font-size: 1.7rem;
	}
}
@media screen and (max-width: 600px) {
	.Lower-layerH2 {
		font-size: 1.5rem;
	}
	.Lower-layerH2 br{
		display:block;
	}
	.Ease-of-workContents .Lower-layerH2{
		text-align:center;
	}
	.left-lineH3 {
		font-size: 1.5rem;
	}
}
@media screen and (max-width:450px) {
	.Lower-layerH2 {
		font-size: 1.3rem;
	}
	.left-lineH3 {
		font-size: 1.3rem;
	}
}
@media screen and (max-width:415px) {
	.Lower-layerContents01, .blog .page-header, .archive .page-header {
		height: 350px;
	}
}
@media screen and (max-width:320px) {
	.Lower-layerH2 {
		font-size: 1.2rem;
	}
}
/*----------------------------募集要項 投稿----------------------------*/
.RequirementsContents01{
	border-bottom:1px solid #333;
}

.RequirementsContents01 h1{
	color: #333;
}
.RequirementsContents01 .Head01 p:last-child{
	color:#fff;
	background: #333;
	z-index: 1;
}
.single-requirements .entry-meta{
	display:none;
}
.single-requirements .entry-title{
	font-size: 1.7rem;
}
.single-requirements .entry-body,
.single-requirements .entry-title{	
	max-width: 900px;
    margin: auto;
}
.single-requirements .left-lineH3{
	margin-left: -50px;
}


/*募集要項 投稿・一覧　共通*/


.admission-requirements{
	background: #eee;
	padding: 40px 60px;
	margin-bottom: 50px;
}
.admission-requirements table{
	border-collapse: separate;
	border-spacing: 0 15px;
}
.admission-requirements table tr {
    border: none !important;
}

.admission-requirements table td:first-child,
.admission-requirements table td{
    background: #fff;
	padding: 15px 30px !important;
	font-size: 1rem;
}
.admission-requirements table td:first-child{
	width: 150px;	
} 
.admission-requirements:where(:not(.wp-block-table))>table {
    border: 0px solid var(--vk-color-border-hr);
}

/*----------------------------募集要項　一覧----------------------------*/
.post-type-archive-requirements,
.single-requirements{
	background:#dedede;
}
.post-type-archive-requirements .site-body-container{
	width: 100vw;
	margin: 0 calc(50% - 50vw) 100px;
	max-width: initial;
}

.post-type-archive-requirements .main-section--pos--right {
	float: none;
	margin: auto;
	width: 88%;
    max-width: 1140px;
}
.admission-requirements-title{
	font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 10px;
	display:none;/*募集要項の上のタイトル　必要なら表示する*/
}

.post-type-archive-requirements .breadcrumb ol li:last-child span {
    display:none;
}

.post-type-archive-requirements .breadcrumb-list li:last-child:after {
	content: "募集要項";
}

.page-id-32 .TopEntry {
    background: none;
	padding: 0em calc(50vw - 50%) 0em;
}
.page-id-32 .section6 .slide06{
	display:none;
}  
.page-id-32 .Head01 h1 {
	color: #32312f;
}
.page-id-32 .Head01 p {
    background: #32312f;
}
.requirements-table,
.requirements-calendar{
	background: #fff;
    border: 1px solid #000;
    padding: 80px 120px 30px;
    margin: 80px auto 10px;
}


.requirements-calendar-h3 > div{
	display:flex;
}
.requirements-calendar-h3 > div p{
	font-weight: bold;
    margin-left: 30px;
    padding-top: 10px;
}

.PageEntry {
    background: none;
    margin: 0 calc(50% - 50vw);
    padding: 0 calc(50vw - 50%) 0em;
}

.TopEntry.Entry-green .Contents02 a{
	background-image: url(https://lifecomtest.sakura.ne.jp/recruit.lifecommunication.co.jp/wp-content/uploads/2025/04/btn-hover-green.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 60px;
	background-color:#fff;
}
.TopEntry.Entry-green .Contents02 a:hover{
	background-position-y: -60px;
	letter-spacing: 0.1em;
}
/*カレンダー*/
#sc_calendar_wrap{
	position: relative;
	margin-top: 50px;
}
#sc_calendar_title{
	font-family: termina, sans-serif;
    font-weight: 200;
    font-style: normal;
	font-size: 1.7rem;
	margin-bottom: 20px;
}
#sc_calendar table{
	border: 0px solid var(--vk-color-border-hr);
	border-collapse: separate;
    border-spacing: 10px 0;
}
#sc_calendar_wrap table th,
#sc_calendar_wrap table td{
    border: none !important;
	width: 14.28%;
	min-width: 64.55px;
}
#sc_calendar_wrap table td{
	border-bottom: 1px solid #ccc !important;
	min-height:80px;
	padding: 10px !important;
	position:relative;
	min-width: 64.55px;
}
#sc_calendar_wrap table td:first-child .day-number{	
	color:#d11919;
}
#sc_calendar_wrap table td:last-child .day-number{	
	color:#0093bb;
}
#sc_calendar_wrap table td:before{
	content:"";
	display:block;
	height:80px;
	float:left;
}
#sc_calendar_wrap table tr:last-child td{
	border-bottom: 0px solid #ccc !important;
}
#sc_calendar_wrap table td:after {
	content:"";
	display:block;
	width:1px;
	height:100%;
	background:#ccc;
	position:absolute;
	top:0;
	left:0;
}
#sc_calendar_wrap table tr td:first-child:after{
	display:none;
}
#sc_event_select{
	display:none;
}
.calendar-day-head{
	font-size: 11px;
}
.calendar-day-head:before{
	display:block;
	font-size: 17px;
	font-family: "Shippori Mincho", serif;
    font-weight: 400;
    font-style: normal;
}
.calendar-day-head:first-child:before{
	content:"Sun";
	color:#d11919;
}
.calendar-day-head:nth-child(2):before{
	content:"Mon";
}
.calendar-day-head:nth-child(3):before{
	content:"Tue";
}
.calendar-day-head:nth-child(4):before{
	content:"Wed";
}
.calendar-day-head:nth-child(5):before{
	content:"Thu";
}
.calendar-day-head:nth-child(6):before{
	content:"Fri";
}
.calendar-day-head:nth-child(7):before{
	content:"Sat";
	color:#0093bb;
}
#sc_calendar_wrap input[type=submit] {
    font-size: 10px;
	background:transparent;
    color: #333;
    padding: 0;
    width: 50px;
    height: 100px;
	border:none;
	z-index: 10;
}
#sc_event_nav_prev,
#sc_event_nav_next{
	position:absolute;
	left:-80px;
	top:0;
	bottom:0;
	margin:auto;
	display: flex;
    align-items: center;
	margin-top: 60px;
}
#sc_event_nav_next{
	left:auto;
	right:-80px;
}
#sc_event_nav_wrap:before,
#sc_event_nav_wrap:after{
	content:"";
	display:block;
	position:absolute;
	left:-80px;
	top:0;
	bottom:0;
	margin:auto;
	font-weight:bold;
	width: 50px;
    height: 50px;
	background-image:url(https://lifecomtest.sakura.ne.jp/recruit.lifecommunication.co.jp/wp-content/uploads/2025/05/cal-arrow.png);
	background-repeat:no-repeat;
	background-size: 60px;
	background-position:center;
}
#sc_event_nav_wrap:after{
	transform: scale(-1, 1);
	left:auto;
	right:-80px;
}

.sc_event .entry-meta,
.sc-frontend-single-event,
.sc_event .entry-footer,
.sc_event-template-default .next-prev{
	display:none;
}
.mt30{
	margin-top:30px !important;
}
.text-link{
	text-decoration:underline !important;
	color:#333;
}
.text-link:hover{
	color:#fb33d8;
}
.sc_day_div a{
	display:block;
}
.calendar-sp-note{
	display:none;
}
@media screen and (max-width:991px) {
	.requirements-table {
		padding: 80px 10% 30px;
	}
	.requirements-calendar-h3 > div {
		flex-direction: column;
	}
	.requirements-calendar-h3 > div p {
		margin-left: 0px;
		padding-top: 0px;
	}
	.requirements-calendar-h3 .left-lineH3:before,
	.requirements-table .left-lineH3:before{
    	width: 120px;
	}
	.requirements-calendar-h3 .left-lineH3,
	.requirements-table .left-lineH3{
		margin-left: -140px;
	}
}
@media screen and (max-width:900px) {
	.requirements-table, 
	.requirements-calendar {
		margin: 60px auto 10px;
		padding: 60px 10% 30px;	
	}
	#sc_event_nav_next,
	#sc_event_nav_wrap:after{
		right: -50px;
	}
	#sc_event_nav_prev,
	#sc_event_nav_wrap:before {
    	left: -50px;
	}
}
@media screen and (max-width:800px) {
	.admission-requirements table td:first-child,
	.admission-requirements table td {
		display: block;
		width: 100%;
	}
	.admission-requirements {
		background: transparent;
		padding: 0;
	}
	.admission-requirements table td:first-child {
		background: #eee;
	}
	.admission-requirements {
    	margin-bottom: 0px;
	}
	#sc_event_nav_prev, 
	#sc_event_nav_next {
    	position: static;
    	margin-top: 0px;
		width: 100px;
	}
	#sc_event_nav_wrap{
		display:flex;
		width:150px;
        position: absolute;
        top: -10px;
        right: -25px;
	}
	#sc_calendar_wrap input[type=submit] {
		width: 75px;
		height: 50px;
		text-align: left;
	}
	#sc_calendar_wrap #sc_event_nav_next input[type=submit] {
		text-align: right;
	}
	#sc_event_nav_prev, 
	#sc_event_nav_wrap:before {
        left: 20px;
	}
	#sc_event_nav_next, 
	#sc_event_nav_wrap:after {
        right: 20px;
	}
}
@media screen and (max-width: 786px) {
    tr {
		display:block;
		width: 90%;
    }
	.admission-requirements table tr {
		width: 100%;
	}
}
@media screen and (max-width:767px) {
	#sc_calendar_wrap table td:before {
		height: 60px;
	}
	#sc_calendar_wrap{
	}
	#sc_calendar table {
    	width: 600px;
	}
	#sc_calendar{
		overflow-x: scroll;
		padding:0 0 20px;
		scrollbar-color: #00c5fb #e0e0e0;
	}
	#sc_calendar::-webkit-scrollbar {
		width: 12px;
	}
	#sc_calendar::-webkit-scrollbar-thumb {
  --bg-opacity: 1;
  background-color:  #00c5fb;
}
	.calendar-sp-note{
		display:block;
		font-size: 0.9rem;
        text-align: right;
        margin-top: 20px;
	}

}
@media screen and (max-width:600px) {
	.post-type-archive-requirements .site-body-container {
		margin: 0 calc(50% - 50vw) 50px;
	}
	.requirements-table, .requirements-calendar {
        margin: 30px auto 10px;
		padding: 40px 10% 30px;
	}
	#sc_calendar_wrap table td {
		padding:5px 0px 5px 8px !important;
	}
	.calendar-day-head:before {
    	font-size: 15px;
	}
}
@media screen and (max-width:415px) {
	.single-requirements .entry-title {
		font-size: 1.3rem;
	}
	.admission-requirements table td {
    	padding: 15px 0px !important;
	}
	.admission-requirements table td:first-child{
		padding: 15px 20px !important;
	}
	.requirements-calendar-h3 .left-lineH3:before, 
	.requirements-table .left-lineH3:before {
        width: 100px;
	}
	.requirements-calendar-h3 .left-lineH3, .requirements-table .left-lineH3 {
        margin-left: -70px;
	}
	#sc_calendar_title{
		margin-bottom: 70px;
	}
	#sc_event_nav_wrap {
		top: 40px;
        right: auto;
		left: 0;
	}
	.requirements-table, 
	.requirements-calendar {
        padding: 30px 6% 20px;
	}
}
@media screen and (max-width:360px) {
	.single-requirements .entry-title {
		font-size: 1.2rem;
	}
}
/*----------------------------エントリーフォーム----------------------------*/
.page-id-825 .site-body,
.page-id-830 .site-body{
	margin-top: -80px;
}

.page-id-825 .Lower-layerContents01,
.page-id-830 .Lower-layerContents01{
    height: 350px;
	padding-top: 30px;
	margin-bottom: 50px;
	border-bottom: 1px solid #333;
}
.page-id-34 .RequirementsContents01{
	border-bottom:0px solid #333;
}
.page-id-825 .main-section,
.page-id-830 .main-section{
    max-width: 800px;
    margin: 80px auto;
}
.page-id-34 .Head01 h1,
.page-id-825 .Head01 h1,
.page-id-830 .Head01 h1{
	color: #fb33d8;
}
.page-id-34 .TopEntry,
.page-id-825 .TopEntry {
    background: none;
	padding: 0em calc(50vw - 50%) 0em;
}
/*.page-id-34 .section6 .slide06,
.page-id-825 .section6 .slide06{
	display:none;
}*/
.page-id-34 .Head01 p,
.page-id-825 .Head01 p,
.page-id-830 .Head01 p{
    background: #fb33d8;
	color: #fff;
}
.entry-flow{
	display:flex;
	justify-content:space-between;
	margin: 80px auto 20px;
}
.entry-flow li{
	width:18%;
	position:relative;
	text-align: center;
    padding: 40px 10px;
    border-radius: 10px;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.entry-flow li:after{
    content: "▲";
    display: block;
    width: 20px;
    height: 20px;
    transform: rotate(90deg);
    color: #333;
    position: absolute;
    margin: auto;
    right: -25px;
    top: 0;
    bottom: 0;
	font-size: 12px;
}
.entry-flow li:last-child:after{
	display:none;
}
.entry-flow li span{
	font-family: "Shippori Mincho", serif;
    font-weight: 600;
    font-style: bold;
	font-size:3rem;
	display: block;
	color:#ffa13080;
}
.entry-flow li:nth-child(2) span{
	color:#7fff0080;
}
.entry-flow li:nth-child(3) span{
	color:#37caff80;
}
.entry-flow li:nth-child(4) span{
	color:#0310ea80;
}
.entry-flow li:nth-child(5) span,
.entry-flow li:nth-child(5){
	color:#fff;
}
.entry-flow li:nth-child(5) {
	background:#fb33d8;
}
.entry-btn > div{
	display:flex;
	margin: 50px 0;
}
.entry-btn figure{
	max-width: 240px;
	margin-right: 20px;
}
.entry-btn figure img:hover{
	opacity:0.8;
}
/*エントリー*/
.FlowContents{
	padding-bottom: 80px;
}
.EntryContents{
	width: 100vw;
	margin: 50px calc(50% - 50vw);
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	position:relative;
}
.EntryContents:before{
	content:"";
	width:100%;
	height:2px;
	display:block;
	background:#333;
	position:absolute;
	left:0;
	top:-40px;
}
.EntryContents > div{
	display: flex;
}
.entry-tate{
	position:relative;
	width:10%;
	writing-mode: vertical-rl;
	padding-top: 80px;
	display: flex;
    align-items: center;
	letter-spacing: 0.3em;
}
.entry-tate:before{
	content:"●";
	color:#FB33DB;
	display:inline-block;
	font-size:16px;
	padding-bottom: 5px;
}
.entry-right{
	width:90%;
	position:relative;
	padding: 80px;
}
.entry-right:before{
	content:"";
	width:1px;
	height:calc(100% + 40px);
	display:block;
	background:#333;
	position:absolute;
	left:0;
	top:-40px;
}
.entry-h3{
	background: #FCF340;
    border: 1px solid #333;
    text-align: center;
    padding: 10px ;
	margin-bottom: 40px;
}
.entry-h3 br{
	display:none;
}
@media screen and (max-width: 991px){
	.entry-flow li:after {
		right: -15%;
	}
}
@media screen and (max-width:767px){
	.FlowContents {
		padding-bottom: 40px;
		width: 88%;
        margin: auto;
	}
	.entry-flow {
		margin: 40px auto 20px;
		flex-direction: column;
	}
	.entry-flow li {
		width: 100%;
		display: flex;
		align-items: center;
		padding: 10px 30px 15px;
		margin-bottom: 30px;
	}
	.entry-flow li:last-child{
		margin-bottom: 0;
	}
	.entry-flow li span {
		margin-right: 20px;
	}
	.entry-flow li:after {
        right: 0;
        transform: rotate(-180deg);
        left: 0;
        bottom: -25px;
        top: auto;
	}
	.entry-h3 {
		font-size: 1.3rem;
	}
}
@media screen and (max-width:600px){
	.entry-tate {
		writing-mode: horizontal-tb;
		width: 100%;
		justify-content: center;
	}
	.EntryContents > div {
		flex-direction: column;
	}
	.entry-right {
		width: 88%;
		padding: 0;
		margin: 30px auto 50px;
	}
	.entry-right:before,
	.EntryContents:before{
		display:none;
	}
	.entry-tate {
		padding-top: 30px;
		letter-spacing: 0.05em;
	}
	.EntryContents {
		margin: 0px calc(50% - 50vw);
		border-top: 2px solid #333;
	}
}
@media screen and (max-width:550px){
	.entry-h3 br{
		display:block;
	}
	.entry-btn > div {
		margin: 30px 0;
		flex-direction: column;
		align-items: center;
	}

}
@media screen and (max-width:415px){
    .entry-flow{
        margin: 20px auto 20px;
	}
	.FlowContents {
        padding-bottom: 30px;
	}
	.entry-h3 {
		font-size: 1.15rem;
	}
}
@media screen and (max-width:280px){
    .entry-h3 {
		font-size: 1.05rem;
	}
}
/*Contactフォーム7*/
    
.FormCntents{
	max-width: 800px;
}
.entry-right form input[type=email], 
.entry-right form input[type=tel], 
.entry-right form input[type=text]{
	max-width:400px;
}
.entry-right form textarea{
	max-width:800px;
	line-height: 1.4;
	height: 180px;
}
.entry-list{
	font-size:1.1rem;
	font-weight:bold;
	color:#6a6a6a;
	margin: 30px 0 8px;
}
.entry-list span{
	color: #ef0042;
	font-size:0.95rem;
	font-weight:normal;
	margin-left:10px;
}
.contact-privacypolicy {
	border:1px solid #cdd6dd;
	height: 240px;
    overflow: auto;
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 15px 0;
	padding: 20px;
	max-width: 800px;
}
/* プレースホルダー色 */
.entry-right form input[type=email]::placeholder, 
.entry-right form input[type=tel]::placeholder,
.entry-right form input[type=text]::placeholder,
.entry-right form textarea::placeholder{
	color: #cdd6dd;
	font-size:14px;
}
/* プレースホルダー色　Microsoft Edge */
.entry-right form input[type=email]::-ms-input-placeholder,
.entry-right form input[type=tel]::-ms-input-placeholder,
.entry-right form input[type=text]::-ms-input-placeholder,
.entry-right form textarea::-ms-input-placeholder{
	color: #cdd6dd;
	font-size:14px;
}
/* ラジオボタン */
.entry-right form input[type="radio"] {
	opacity: 0;
	visibility: hidden;
	position: absolute;
}
.wpcf7-list-item.first {
	margin-left: 0;
}
span.wpcf7-list-item-label {
	position: relative;
	display: flex;
	align-items: center;
	cursor: pointer;
}
span.wpcf7-list-item-label::before {
	display: block;
	content: "";
	border-radius: 50%;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	border: 1px solid #cdd6dd;
}
span.wpcf7-list-item-label::after {
	display: block;
	position: absolute;
	content: "";
	border-radius: 50%;
	width: 12px;
	height: 12px;
	background-color: #333;
	left: 4px;
	top: 50%;
	transform: translateY(-50%);
	display: none;
}
input[type="radio"]:checked + span.wpcf7-list-item-label::after {
	display: block;
}
/*ファイル添付*/
.wpcf7-file{
  display: inline-block;
  color: #333;
  height: 100%;
  padding-left: 0; 
  margin-left: 40px;
}
.wpcf7 input[type="file"] {
	width: 100%;
}
input[type=file]::file-selector-button {
    background-color:#eaeaea;
    padding: 10px 1em;
    margin-right: 1em;
    border:1px solid #cdd6dd;
    color:#333;
    height: 100%;
    cursor: pointer;
}
/*チェックボックス*/
.entry-pp input[type="checkbox"] {
	display: none;
}
.entry-pp input[type="checkbox"] + span {
	padding-left: 28px;
	display: inline-block;
	position: relative;
}
.entry-pp input[type="checkbox"] + span:after,
.entry-pp input[type="checkbox"] + span:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
}
.entry-pp input[type="checkbox"] + span:before {
	border: 1px solid #aaaaaa;
	background-color: #ffffff;
	height: 20px;
	width: 20px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 0;
}
.entry-pp input[type="checkbox"] + span::after {
	border: none;
	background:url(https://lifecomtest.sakura.ne.jp/recruit.lifecommunication.co.jp/wp-content/uploads/2025/05/check.png);
	background-size:contain;
	height: 12px;
	width: 12px;
	left: 4px;
	top: 50%;
	transform: translateY(-50%);
	display: none;
}
.entry-pp input[type="checkbox"]:checked + span::after {
	display: block;
}
.entry-pp{
	text-align: center;
    margin: 30px 0;
}
.entry-pp span.wpcf7-list-item-label::before{
	display:none;
}
.entry-pp .wpcf7-list-item {
    margin: 0 0 0 0;
}
.entry-pp .wpcf7-list-item label{
    display:flex;
}

/*プライバシーポリシー*/
.contact-privacypolicy ol{
	padding-left: 30px;
}
.contact-privacypolicy ol li {
	list-style: decimal;
	margin: 20px 0 0;
}
.contact-privacypolicy ol li p:first-child {
	margin: 0 0 10px;
}
.entry-pp-text{
	text-align:center;
}
@media screen and (max-width: 550px){
	.wpcf7-list-item {
		display: block;
		margin: 0;
	}
	.entry-pp-text {
		text-align: left;
	}
	.entry-pp-text br{
		display:none;
	}
}
@media screen and (max-width: 360px){
	.wpcf7 input[type="file"] {
		font-size: 14px;
	}
}

/*確認画面*/
.page-id-825 .FormCntents{
	display:flex;
	flex-wrap: wrap;
	margin:50px 0;
}
.page-id-825 .FormCntents .entry-list{
	width:250px;
	margin: 0;
	padding: 15px 0;
	border-bottom:1px dotted #ccc;
	font-size: 1rem;
}
.page-id-825 .FormCntents > div{
	width:calc(100% - 300px);
	padding: 15px 0;
	border-bottom:1px dotted #ccc;
}
.page-id-825 .entry-pp {
    margin:0;
}
.page-id-825 .FormCntents > div.confirm-btn{
	border:none;
	margin: 50px auto 0;
	width: 100%;
}
.page-id-825 .FormCntents > div.confirm-btn > p{
	display:flex;
	justify-content:center;
}

/*送信完了画面*/
.page-id-830 .entry-body > p{
	width:88%;
	margin:auto;
}
/*----------------------------ボタン・送信ボタン----------------------------*/
.FormCntents input[type=submit],
.FormCntents .confirm-btn input[type=button],
.blog .btn-primary{
    font-size: 1rem;
    border: 1px solid #333;
    background-color: #FCF340;
    color: #333;
    padding: .5em 2em;
    border-radius: 0;
    width: 100%;
    max-width: 250px;
    font-weight: bold;
	display: block;
    margin: auto;
	background-image: url(https://lifecomtest.sakura.ne.jp/recruit.lifecommunication.co.jp/wp-content/uploads/2025/05/form-arrow.png);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center right 25px;
}
.blog .btn-primary{
    margin: 0;
	display: inline-block;
}
.FormCntents input[type=submit]:hover,
.FormCntents .confirm-btn input[type=button]:hover,
.blog .btn-primary:hover{
	background:#333;
	color:#fff;
	background-image: url(https://lifecomtest.sakura.ne.jp/recruit.lifecommunication.co.jp/wp-content/uploads/2025/05/form-arrow-white.png);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center right 25px;
}
.FormCntents .confirm-btn input[type=submit],
.FormCntents .confirm-btn input[type=button]{
	padding: 1em 4em;
	margin: 0;
	font-weight: bold;
}
.FormCntents .confirm-btn input[type=button]{
    background-color: #dfdfdf;
	margin-right: 30px;
}

@media screen and (max-width: 600px){
	.page-id-825 .FormCntents .entry-list {
		width: 100%; 
		padding: 15px;
		border-bottom: 0px dotted #ccc;
		background: #eee;
	}
	.page-id-825 .FormCntents > div {
		width: 100%;
	}
	.page-id-825 .FormCntents > div {
		border-bottom: 0px dotted #ccc;
	}
	.page-id-825 form{
		width: 88%;
		margin: auto;
	}
	.page-id-825 .FormCntents {
		margin: 30px 0;
	}
}
@media screen and (max-width: 450px){
	.page-id-825 .FormCntents > div.confirm-btn > p {
		flex-direction: column;
		align-items: center;
	}
	.page-id-825 .FormCntents > div.confirm-btn {
		margin: 20px auto 0;
	}
	.FormCntents .confirm-btn input[type=button] {
		margin-right: 0px;
	}
	.FormCntents .confirm-btn input[type=button] {
		margin-bottom: 30px;
	}
	
}
/*----------------------------お知らせ----------------------------*/
/*詳細ページ・一覧ページ 募集要項投稿ページ　共通*/
.single .NewsContents01,
.blog .page-header{
	border-bottom:1px solid #333;
}
.single .NewsContents01 .Head01 h1{
	color: #7FFF00;
}
.blog h1.page-header-title,
.post-type-archive-requirements .page-header-title{
	display:none;
	position:relative;
}
.blog .page-header-inner,
.post-type-archive-requirements .page-header-inner{
    margin: 0;
	max-width: initial;
}
.blog .page-header-inner:before,
.post-type-archive-requirements .page-header-inner:before{
	content:"News";
	display:block;
	color: #7FFF00;
	font-family: termina, sans-serif;
    font-weight: 200;
    font-style: normal;
}
.post-type-archive-requirements .page-header-inner:before{
	content:"Information";
	color: #333;
}
.blog .page-header-inner:after,
.post-type-archive-requirements .page-header-inner:after{
	content:"採用新着ニュース";
	display:block;
	color:#333;
	background: #7FFF00;
	height: 27px;
    line-height: 27px;
}
.post-type-archive-requirements .page-header-inner:after{
	content:"採用情報";
	display:block;
	color:#fff;
	background: #333;
	
}
/*詳細ページ*/
.single .NewsContents01 .Head01 p:last-child {
    background: #7FFF00;
}
.single:not(.single-staff) .main-section{
	border:1px solid #333;
	padding:50px;
	margin: 50px auto;
	width: 100%;
	background:#fff;
}
.single .entry-meta-item-updated,
.single .entry-meta-item-author{
	display:none;
}
#comments{
	display:none;
}
.vk_post_title_new{
	display:none;
}
.next-prev .vk_post_imgOuter_singleTermLabel{
    background-color: #ffffff;
    color: #333;
    border: 1px solid #333;
}
/*一覧ページ*/
.blog .site-body {
    padding: 0;
    margin-top: 30px;
}
.blog .breadcrumb,
.archive .breadcrumb{
    display:none;
}
.blog .site-footer .breadcrumb,
.archive .site-footer .breadcrumb{
    display:block;
}

.blog .vk_post_imgOuter_singleTermLabel{
	background:#fff !important;;
	color:#333 !important;;
	border: none;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
}
.blog .media-img {
	border: #333 1px solid;
}
.vk_post_imgOuter_singleTermLabel {
    right: auto;
    left: 0;
}
.blog .vk_post.media {
    border: 1px solid #333;
	border-top: 1px solid #333 !important;
    padding: 30px !important;
	margin-bottom: 20px;
}
.vk_posts {
	margin-left: 0;
	margin-right: 0;
}
.vk_post {
    margin-left: 0;
    margin-right: 0;
}
.next-prev{
    justify-content: space-between;
}
.entry-footer {
    margin-top: 20px;
}
/*@media (min-width: 576px) {
    .vk_posts .vk_post-col-sm-12 {
        width: calc(100% - 0px);
	}
}*/
@media screen and (max-width: 600px){
	.blog .vk_post.media {
		flex-direction: column;
	}
	.blog .media-img {
		width: 100%;
		margin-bottom: 20px;
	}
	.vk_post .media-body {
		width: 100%;
	}
	.entry-body>.vk_posts>.vk_post-col-sm-12 .vk_post_excerpt, 
	.main-section>.vk_posts>.vk_post-col-sm-12 .vk_post_excerpt {
        margin-bottom: 10px;
	}
}
@media screen and (max-width:450px){
	.entry-title {
		font-size: 1.5rem;
	}
}
@media screen and (max-width:415px){
	.blog .vk_post.media {
		padding: 20px !important;
	}
}
/*ページ送り*/
ul.page-numbers li span.page-numbers.current {
    color: #333;
    background-color: #f7f960;
	border-radius: 0;
}
ul.page-numbers li a, 
ul.page-numbers li span.page-numbers {
    border: 1px solid #333;
	border-radius: 0;
}
ul.page-numbers li {
    margin: 0 3px;
}
ul.page-numbers li a, ul.page-numbers li span.page-numbers {
    margin-left: 0px;
}
ul.page-numbers li:last-child>.page-numbers {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
ul.page-numbers li:first-child>.page-numbers {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
@media screen and (max-width: 575px){
	.single:not(.single-staff) .main-section {
		width:88%;
	}
}
@media screen and (max-width: 500px){
	.single .main-section {
    	padding: 30px 6%;
	}
}
/*--------------------------ページトップボタン---------------------------*/
.scrolled .page_top_btn{
	display:none;
}
/*--------------------------404---------------------------*/
.error404 .main-section {
	width: 88%;
	margin: auto;
}
.error404 .page-header {
	min-height: 250px;
}
.error404 h1.page-header-title {
    padding-top: 70px;
}
@media screen and (max-width: 600px){
	.error404 h1.page-header-title {
		font-size: 1.5rem;
	}
}
@media screen and (max-width: 450px){
	.error404 h1.page-header-title {
		font-size: 1.2rem;
	}	
}	
/*--------------------------ローディング---------------------------*/
#loading {
	width: 100vw;
	height: 100vh;
	transition: all 1s;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;display: flex;
	align-items: center;
}
.loader {
	background:url(images/cropped-favicon.png);
	background-repeat:no-repeat;
	background-size:contain;
	margin: 100px auto;
	position: relative;
	width: 120px;
    height: 120px;
	animation: loader-anime 1.1s forwards ease;
	/*font-size: 25px;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	text-indent: -9999em;
	-webkit-animation: load5 1.1s infinite ease;
	animation: load5 1.1s infinite ease;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);*/
}
@-webkit-keyframes loader-anime{
  0%{opacity:0;}
	50% {opacity:1;}
	100% {opacity:0;}
}
/*--------------------------ローディングここまで---------------------------*/
.spinner {
  width: 100px;
  height: 100px;
  margin: 200px auto;
  background-color: #fff;
  border-radius: 100%;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}
/* Loading Animation */
@keyframes sk-scaleout {
  0% {
    transform: scale(0);
  } 100% {
    transform: scale(1.0);
    opacity: 0;
  }
}
/* Hide Loading Block */
.loaded {
  opacity: 0;
  visibility: hidden;
}