/*!
	Theme Name: 
	Theme URI: 
	Author: 
	Author URI: 
	Description: 

	Version: 0.0.1
*/
/************************/ :root {
	--bland: #000;
	--att: #0500EC;
	--backbg: #002383;
	--blandatt: #ff6e00;
	--font-protest: 'Protest Revolution', sans-serif;
	--font-robot:'Roboto', sans-serif;
}
@font-face {
	font-family: 'hiragino-w5';
	src: url('/common/font/hiragino-w5.woff2') format('woff2'), url('/common/font/hiragino-w5.woff') format('woff'), url('/common/font/hiragino-w5.otf') format('opentype');
}
@font-face {
	font-family: 'hiragino-w7';
	font-weight: 700;
	src: url('/common/font/hiragino-w7.woff2') format('woff2'), url('/common/font/hiragino-w7.woff') format('woff'), url('/common/font/hiragino-w7.otf') format('opentype');
}
html {
	font-size: 62.5%;
}
body {
	color: #111;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.7;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
section {
	overflow: hidden;
}
/* loeder  
-----------------------------------*/
#loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 1000;
	transition: ease .8s;
	transition-delay: 2s;
}
#loader-wrapper.active {
	opacity: 0;
	z-index: -1;
}
#loader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/* ここにローダーのスタイルを追加 */
}
#content {
	opacity: 0;
	transition-delay: .5s;
	transition: ease 1s;
}
#content.active {
	opacity: 1;
	/*	margin-top: 67px;*/
}

/* 初期状態 */
.pointbox-an dl,
.pointbox-an li,
.fade-item {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .6s ease, transform .6s ease;
}

/* 表示状態 */
.pointbox-an dl.is-in,
.pointbox-an li.is-in,
.fade-item.is-in {
  opacity: 1;
  transform: translateY(0);
}




.loading {
	display: flex;
	column-gap: 20px;
	font-family: 'Roboto', sans-serif;
}
.loader {
	position: absolute;
	top: calc(50% - 32px);
	left: calc(50% - 32px);
	width: 64px;
	height: 64px;
}
.loader div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	box-sizing: border-box;
	opacity: .8;
}
.titlelogo {
	opacity: 0;
	transition: ease .6s;
	transition-delay: .5s;
}
.titlelogo img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.titlelogo.active {
	opacity: 1;
}
.one {
	width: 1px;
	height: 1px;
	border-radius: 50%;
	border: 1px solid #ccc;
	border-top-color: var(--bland);
	animation: rotate-left 1s linear infinite;
}
.two {
	border-right: 1px solid #CCCC52;
	animation: rotate-right 1s linear infinite;
}
.three {
	border-bottom: 1px solid #FFD933;
	animation: rotate-right 1s linear infinite;
}
.four {
	border-left: 1px solid #FF7F00;
	animation: rotate-right 1s linear infinite;
}
@keyframes rotate-left {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@keyframes rotate-right {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
/* font  
-----------------------------------*/
h1 {
	line-height: 1.5;
	font-family: 'hiragino-w7', "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: clamp(4.3rem, 7vw, 7.3rem);
	letter-spacing: 0.08em;
}
h2 {
	font-size: clamp(2rem, 3vw, 4rem);
	text-align: center;
	font-family: 'hiragino-w7', "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	letter-spacing: 0.02em;
}
h2 span {
	font-size: clamp(1.2rem, 1.5vw, 1.6rem);
	display: block;
	font-weight: 400;
}
h3 {
	font-size: 5rem;
	font-family: 'hiragino-w7', "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
h3 span {
	font-size: 1.4rem;
}
h4 {
	font-size: clamp(1.5rem, 1.6vw, 2rem);
}
.robot {
	font-family: 'Roboto', sans-serif;
}
.r-condensed {
	font-family: 'Roboto Condensed', sans-serif;
}
.protest {
	font-family: "Protest Revolution", sans-serif;
	font-weight: 400;
	font-style: normal;
}
/* link  
-----------------------------------*/
a, a img, button {
	text-decoration: none;
	transition: ease 0.7s;
	color: #303030;
	backface-visibility: hidden;
}
main a:link, main a:visited {
	color: var(--blandatt);
}
main a:hover {
	text-decoration: underline;
	text-underline-offset: 0.2em;
}
.row {
	padding-right: 15px;
	padding-left: 15px;
}
/* container width
-----------------------------------*/
.container {
	margin: auto;
	max-width: 1030px;
	padding: 0px 15px;
	box-sizing: border-box;
	position: relative;
}
.containerin {
	padding: 0 3em;
}
.container760 {
	max-width: 760px;
	margin: auto;
}
/* w750
-----------------------------------*/
.w750 {
	max-width: 830px;
	margin: auto;
	padding: 0px 40px;
}
/* img responsiv 
-----------------------------------*/
main div > img, img.img_responsive {
	max-width: 100%;
	width: auto;
	display: inherit;
}
img.noresponsive310 {
	width: 100%;
	max-width: 100%;
	display: block;
}
/* footer 
-----------------------------------*/
footer {
	background: #000;
	color: #fff;
	text-align: center;
	padding: 0 0 50px;
	font-size: 1.5rem;
}
footer .footlink {
	background: var(--blandatt);
}
footer .footlink ul {
	display: flex;
	column-gap: 2em;
	justify-content: center;
	padding: 3em;
}
footer .footlink a, footer .footlink a:visited {
	color: #fff;
}
footer .footcopy {
	padding: 5em 0 1em;
}
/* pagetop 
-----------------------------------*/
.pagetop {
	display: none;
	position: fixed;
	bottom: 0px;
	right: 2px;
	z-index: 1;
}
.pagetop a {
	color: #000;
	display: flex;
	flex-direction: column;
	align-items: center;
	transition: cubic-bezier(0.02, 1.1, 0.98, 0.53) .3s;
}
.pagetop a span {
	font-size: 1rem;
	writing-mode: vertical-rl;
	margin-top: 1rem;
}
.pagetop a:hover {
	opacity: 0.6;
}
.pagetop a img {
	position: relative;
	right: 1px;
}
.pagetop a:hover img {
	transform: translateY(-10px);
}
.dli-arrow-up {
	display: inline-block;
	vertical-align: middle;
	color: #000;
	line-height: 1;
	position: relative;
	width: 0.1em;
	height: 3em;
	background: currentColor;
}
.dli-arrow-up::before {
	content: '';
	width: 0.65em;
	height: 0.65em;
	border: 0.1em solid currentColor;
	border-left: 0;
	border-bottom: 0;
	transform: rotate(-45deg);
	transform-origin: top right;
	position: absolute;
	top: -0.05em;
	right: 50%;
	box-sizing: border-box;
}
.sp_visible {
	display: none;
}
.sp_hidden {
	display: inherit;
}
.lead {
	font-weight: bold;
	font-size: clamp(1.6rem, 1.8vw, 2rem);
}
/* kv 
-----------------------------------*/
.kventry {
	position: fixed;
	bottom: 6%;
	right: 3%;
	display: block;
	z-index: 3;
}
.kventry a {
	color: var(--bland);
	text-decoration: none;
	font-size: 1.9rem;
	background: #E9ED00;
	border-radius: 100px;
	width: 110px;
	height: 110px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	font-family: var(--font-robot);
	font-weight: 600;
	letter-spacing: 0.08em;
}
.kventry a {
	background-position: right center;
	background-size: 200% auto;
	-webkit-animation: pulse 2s infinite;
	animation: ripple 1.5s infinite;
}
@keyframes ripple {
	0% {
		box-shadow: 0 0 0 0 #E9ED00;
	}
	70% {
		box-shadow: 0 0 0 10px rgb(27 133 251 / 0%);
	}
	100% {
		box-shadow: 0 0 0 0 rgb(27 133 251 / 0%);
	}
}
.kventry a:hover {
	color: #fff;
}
.kventry a span {
	display: block;
	font-size: 1.2rem;
	letter-spacing: 0.01em;
}
#kv .sp-kventry {
	display: none;
}
#kv {
	background: url(/common/img/kvbg.png) no-repeat 0 0;
	background-size: cover;
	height: calc(100svh - 110px);
	position: relative;
}
#kv h1 {
	font-size: clamp(4rem, 5vw, 7rem);
}
#kv .kvsubtext {
	margin: 0;
	text-align: right;
	padding: 1em;
	font-weight: bold;
}
#kv .kvtext {
	position: absolute;
	bottom: 0;
	left: 4%;
	z-index: 1;
}
#kv .img1 {}
#kv .img1 li {
	position: absolute;
	z-index: -1;
}
#kv .img1 li:nth-child(1) {
	width: 400px;
	top: 7%;
	left: 50%;
}
#kv .img1 li:nth-child(2) {
	width: 20px;
	top: 30%;
	left: 3%;
}
#kv .img1 li:nth-child(3) {
	width: 40px;
	top: 21%;
	right: 20px;
}
#kv .img1 li:nth-child(4) {
	width: 40px;
	bottom: 10%;
	left: 40%;
}
#kv .img1 li:nth-child(5) {
	width: 50%;
	bottom: 10%;
	left: -5%;
}
#kv .img1 li:nth-child(6) {
	width: 40px;
	bottom: 24%;
	right: 20%;
}
#kv .staffimg li {
	position: absolute;
}
#kv .staffimg li:nth-child(1) {
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
	max-width: 560px;
	max-height: 560px;
}
#kv .staffimg li:nth-child(2) {
	top: 10%;
	left: 4%;
	max-width: 245px;
}
#kv .staffimg li:nth-child(3) {
	top: 13%;
	right: 2%;
	max-width: 300px;
}
#kv .staffimg li:nth-child(4) {
	bottom: 5%;
	right: 6%;
	max-width: 200px;
}
/*animation*/
.floating-list {
	list-style: none;
	display: flex;
	gap: 20px;
}
.floating-list {
	list-style: none;
	display: flex;
	gap: 20px;
}
.floating-list li {
	display: inline-block;
	animation-name: floatUpDown;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: ease-in-out;
}
/* 共通アニメーション */
@keyframes floatUpDown {
	from {
		transform: translateY(0);
	}
	to {
		transform: translateY(-20px);
	}
}
/* 共通アニメーション */
@keyframes floatleftright {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-1px);
	}
}
/* 個別設定 */
.floating-list li:nth-child(1) {
	animation-duration: 1.8s;
	animation-delay: 0s;
}
.floating-list li:nth-child(2) {
	animation-duration: 3s;
	animation-delay: 0.5s;
}
.floating-list li:nth-child(3) {
	animation-duration: 2.2s;
	animation-delay: 1s;
}
.floating-list li:nth-child(4) {
	animation-duration: 1s;
	animation-delay: 1s;
}
.floating-list li:nth-child(5) {
	animation-duration: 2.3s;
	animation-delay: 1s;
}
.floating-list li:nth-child(6) {
	animation-duration: 0.01s;
	animation-delay: 1s;
	animation-name: floatleftright;
}
/* message 
-----------------------------------*/
#message {
	background: #FFF2E7;
	padding: 60px 0 70px;
}
#message h2 {
	font-size: clamp(2rem, 2.5vw, 3rem);
}
#message p {
	text-align: center;
}
/* working 
-----------------------------------*/
#working {
	padding: 100px 0;
}
#working .workinghead .workingheadtext {
	text-align: center;
}
#working .pointbox {
	padding: 1em;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 1.3em;
	grid-row-gap: 8em;
	margin: 100px 0 50px;
}
#working .pointbox dl {
	position: relative;
	display: flex;
	justify-content: center;
}
#working .pointbox dl dt {
	position: absolute;
	top: -20%;
	margin: auto;
	width: 30%;
	left: 0;
	right: 0;
	text-align: center;
}
#working .pointbox dl dt span {
	display: block;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: clamp(1.8rem, 2.3vw, 3.3rem);
}
#working .pointbox dl dt span + span {
	font-family: var(--font-protest);
	font-size: clamp(6rem, 5vw, 8rem);
	line-height: 1;
}
#working .pointbox dd .pointin {
	width: clamp(170px, 20vw, 300px); /* ビューポートの40%幅（レスポンシブ） */
	aspect-ratio: 1 / 1; /* 正方形に保つ */
	border-radius: 50%; /* 円形に */
	background: var(--att); /* 任意の背景色やグラデーション */
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
#working .pointbox dl:nth-child(odd) dd .pointin {
	background: var(--blandatt);
}
#working .pointbox dl:nth-child(4) dd .pointin h4 {
	margin: clamp(10px, 2vw, 40px) 0 10px 0;
}
#working .pointbox dl:nth-child(6) dd .pointin h4 {
	margin: clamp(10px, 2vw, 20px) 0 10px 0;
	line-height: 1.2;
}
#working .pointbox dd .pointin h4 {
	color: #fff;
	font-size: clamp(1.8rem, 2.3vw, 3.3rem);
	line-height: 1;
	margin: clamp(30px, 4vw, 70px) 0 0 0;
	text-align: center;
}
#working .pointbox dd .pointin h5 {
	color: #fff;
	font-size: clamp(6rem, 8vw, 11rem);
	line-height: 1;
	font-family: "Roboto Condensed", sans-serif;
	text-align: center;
	margin: 0 0 -9px;
}
#working .pointbox dd .pointin small {
	color: var(--bland);
	font-size: clamp(1.6rem, 1.8vw, 2rem);
	font-weight: bold;
}
#working .pointbox dd .pointin h5.jp {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: clamp(3rem, 5vw, 6rem);
}
/* jobdescription 
-----------------------------------*/
#jobdescription {
	background: var(--blandatt);
	color: #fff;
	position: relative;
	padding: 50px 0;
}
#jobdescription .bgjobtxt {
	position: absolute;
	right: 0;
	top: 20%;
	margin: auto;
	z-index: 1;
}
#jobdescription .img2col {
	display: flex;
	justify-content: center;
	gap: 1em;
}
#jobdescription h2 span {
	color: var(--bland);
}
/* employee 
-----------------------------------*/
#employee {
	background: #FFF7F2;
	padding: 50px 0;
}
#employee p {
	text-align: center;
}
#employee .employee-benefits {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1em;
	margin: 50px 0;
}
#employee .employee-benefits dl {
	border: 8px solid var(--blandatt);
	border-radius: 5px;
	text-align: center;
	display: flex;
	flex-direction: column;
	min-height: 310px;
	background: #fff;
}
#employee .employee-benefits dl dt {
	color: var(--blandatt);
	font-size: clamp(1.5rem, 2.3vw, 2.5rem);
	line-height: 1.2;
	padding: 1em 0 0;
	font-weight: bold;
}
#employee .employee-benefits dl dd.img {
	margin: auto;
}
#employee .employee-benefits dl dd.img img {
	width: 50%;
}
#employee .employee-benefits dl dd.text {
	padding: 1em;
}
/* dayoff 
-----------------------------------*/
#dayoff {
	padding: 50px 0;
}
#dayoff p {
	text-align: center;
	font-size: clamp(1.5rem, 1.8vw, 2rem);
}
#dayoff .dayoffbox {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1em;
	margin: 50px 0;
}
#dayoff .dayoffbox dl {
	border: 2px solid var(--blandatt);
	border-radius: 5px;
	text-align: center;
	display: flex;
	flex-direction: column;
	min-height: 310px;
}
#dayoff .dayoffbox dl dt {
	background: var(--blandatt);
	color: #fff;
	font-size: clamp(1.8rem, 2vw, 2.2rem);
	font-weight: 500;
	padding: 0.2em;
}
#dayoff .dayoffbox dl dd.img {
	margin: auto;
	padding: 2em 1em 0;
}
#dayoff .dayoffbox dl dd.img img {
	width: 50%;
}
#dayoff .dayoffbox dl dd.text {
	padding: 1em;
}
/* youtube 
-----------------------------------*/
#youtube {
	margin: 50px 0;
}
#openModalBtn {
	cursor: pointer;
	position: relative;
	margin: auto;
	padding: 0;
	border: 0;
	background: transparent;
	line-height: 0;
	display: block;
}
#openModalBtn img {
	max-width: 750px;
	margin: auto;
	width: 100%;
}
.video_play {
	display: inline-block;
	position: absolute;
	width: 1em;
	height: 1em;
	border: 0.05em solid rgb(255 8 0);
	border-radius: 50%;
	color: rgb(255 8 0);
	font-size: 130px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
#openModalBtn:hover .video_play {
	border: 0.05em solid #fff;
	color: #fff;
}
.video_play::before {
	position: absolute;
	top: 50%;
	left: 30%;
	transform: translateY(-50%);
	width: 0px;
	height: 0px;
	border: 0.3em solid transparent;
	border-left: 0.5em solid currentColor;
	box-sizing: border-box;
	content: "";
}
.modal {
	display: none;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	opacity: 0;
	transition: opacity 0.4s ease;
	pointer-events: none;
}
.modal.show {
	display: block;
	opacity: 1;
	pointer-events: auto;
}
.modal-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 90%;
	width: 768px;
}
.close {
	position: absolute;
	top: 0.5em;
	right: 0.8em;
	font-size: 2em;
	color: #000;
	cursor: pointer;
}
.iframe-wrap {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}
.iframe-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* recruitment
-----------------------------------*/
#recruitment {
	padding: 100px 0;
}
#recruitment h2 {
	text-align: left;
	font-size: clamp(2rem, 2.5vw, 3rem);
	margin: 0 0 2em;
}
#recruitment .recruitinfo {}
#recruitment .recruitinfo dl {
	border-bottom: 1px solid #C1C1C1;
	margin-bottom: 1em;
	padding-bottom: 1em;
	display: grid;
	grid-template-columns: 160px 1fr;
}
#recruitment .recruitinfo dl dt {
	font-weight: bold;
}
#recruitment .recruitinfo dl dd {}
#recruitment .recruitinfo dl dd .recruitlist1 li {
	display: grid;
	grid-template-columns: 5em 1fr;
	column-gap: 1em;
}
#recruitment .recruitinfo dl dd .recruitlist1 li.notlist {
	display: block;
}
#recruitment .recruitinfo dl dd .recruitlist2 li {
	display: grid;
	grid-template-columns: 5em 1fr;
	column-gap: 1em;
}
#recruitment .recruitinfo dl dd .recruitlist2 li span:first-child {
	white-space: nowrap;
}
/* joinus connection
-----------------------------------*/
.footbtn {
	display: flex;
	column-gap: 3em;
	margin: auto;
	justify-content: center;
}
.footbtn li {
	width: 50%;
	max-width: 400px;
}
.footbtn a {
	width: 100%;
	position: relative;
	font-size: clamp(2rem, 2.5vw, 3rem);
	display: block;
	font-weight: bold;
	border-radius: 5px;
	padding: 20px 30px 15px;
	box-sizing: border-box;
	line-height: 1.3;
}
.footbtn a:hover {
	text-decoration: none;
}
.footbtn a::after {
	content: '';
	display: block;
	position: absolute;
	right: 20px;
	width: 43px;
	height: 43px;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: right .3s;
}
.footbtn a:hover::after {
	right: 10px;
}
.footbtn a span {
	font-size: clamp(1.6rem, 1.8vw, 2rem);
	display: block;
}
#joinus {
	background-color: var(--blandatt);
	padding: 110px 0;
}
#joinus h2 {
	color: #fff;
	text-align: center;
	margin: 1em auto;
}
#joinus p {
	text-align: center;
}
#joinus .joinbtn li a {
	background-color: var(--att);
	color: #fff;
}
#joinus .joinbtn li a::after {
	background: url("/common/img/svg/arrow_white.svg");
}
#connection {
	background-color: var(--backbg);
	padding: 3em 0 4em;
}
#connection h2 {
	color: #fff;
	margin: 0 auto 1em;
}
#connection .connectionbtn li a {
	background: #fff;
	color: var(--backbg);
}
#connection .connectionbtn li a::after {
	background: url("/common/img/svg/arrow_color.svg");
}
/* medhia query 
-----------------------------------*/
@media(max-width:1000px) {
	#kv .staffimg li:nth-child(2) {
		max-width: 200px;
	}
	#kv .staffimg li:nth-child(3) {
		display: none;
	}
}
@media (max-width: 768px) {
	/*sp visible hidden*/
	.sp_visible {
		display: inherit;
	}
	.sp_hidden {
		display: none;
	}
	.dli-arrow-up{
		display: none;
	}
	body {
		font-size: 1.4rem;
	}
	h2 {
		margin-bottom: 2em;
	}
	#content.active {
		margin-top: 0;
	}
	/*kv*/
	.kventry {
		display: none;
	}
	#kv .sp-kventry {
		position: fixed;
		grid-template-columns: 30px 1fr;
		bottom: 110px;
		right: 0;
		display: flex;
		align-items: center;
		z-index: 4;
		transform: translateX(calc(100% - 0px));
		transition: transform 0.2s ease;
		/* overflow: hidden; */
	}
	#kv .sp-kventry span.toggle {
		display: flex;
		align-items: center;
		justify-content: center;
		background: #e9ed00;
		cursor: pointer;
		height: 100%;
		line-height: 1;
		top: 0;
		width: 40px;
		border-radius: 5px 0px 0px 5px;
		position: absolute;
		left: -40px;
		margin: 0;
	}
	#kv .sp-kventry span.toggle::before {
		content: '';
		clip-path: polygon(0 0, 0% 100%, 100% 50%);
		display: block;
		background: var(--bland);
		width: 10px;
		height: 10px;
		transform: rotate(180deg);
	}
	#kv .sp-kventry a.entry-link {
		display: flex;
		align-items: center;
		white-space: nowrap;
		padding: 10px 20px;
		text-decoration: none;
		background: #E9ED00;
		color: #000;
		font-weight: bold;
		border-left: 1px solid var(--bland);
		flex-direction: column;
		line-height: 1;
		letter-spacing: 0.02em;
	}
	#kv .sp-kventry.open {
		transform: translateX(0);
	}
	#kv .sp-kventry.open span.toggle::before {}
	#kv .sp-kventry a.entry-link span {
		display: block;
		font-size: 1.2rem;
		line-height: 1.4;
	}
	#kv {
		height: 100svh;
	}
	#kv .swiper {
		position: absolute;
		top: calc(100% - 86%);
		width: 100%;
		left: 0;
		right: 0;
	}
	#kv .img1 li:nth-child(1) {
		width: 100px;
		top: 7%;
		left: 50%;
	}
	#kv .kvsubtext {
		display: none;
	}
	#kv .kvtext {
		left: 0;
		padding: 0px 10px;
	}
	#kv .kvtext p {
		width: 200px;
	}
	#kv .img1 li:nth-child(5) {
		display: none;
	}
	#kv .img1 li:nth-child(4) {
		width: 40px;
		bottom: 40%;
		right: 5%;
	}
	/*message*/
	#message p {
		text-align: left;
	}
	#message p br {
		display: none;
	}
	/*job description*/
	#jobdescription .img2col {
		gap: 1em;
		flex-direction: column;
	}
	#jobdescription .bgjobtxt {
		top: 3%;
	}
	#employee {
		padding: 50px 0;
	}
	#employee .employee-benefits {
		grid-template-columns: repeat(2, 1fr);
		margin: 50px 0 0;
	}
	#employee .employee-benefits dl {
		border: 4px solid var(--blandatt);
		min-height: 200px;
	}
	#employee .employee-benefits dl:nth-child(2) dd.img img {
		width: 50px;
	}
	/*workng*/
	#working {
		padding: 50px 0;
	}
	#working .pointbox {
		padding: 0;
		grid-template-columns: repeat(2, 1fr);
		column-gap: 1.3em;
		grid-row-gap: 5em;
		margin: 100px 0 0;
	}
	#working .pointbox dd .pointin small {
		margin-top: 5px;
	}
	#working .pointbox dd .pointin {}
	#working .pointbox dl dt {
		top: -27%;
	}
	/*youtube*/
	#youtube {
		margin: 1em 0 4em;
	}
	/*dayoff*/
	#dayoff {
		padding: 50px 0;
	}
	#dayoff .dayoffbox {
		grid-template-columns: repeat(2, 1fr);
		gap: 1em;
	}
	#dayoff .dayoffbox dl {
		min-height: 220px;
	}
	#dayoff .dayoffbox dl dd.text{
		font-size: 1.4rem;
		line-height: 1.3;
	}
	/*youtube*/
	.video_play {
		font-size: 50px;
	}
	/*recruit info*/
	#recruitment {
		padding: 50px 0;
	}
	#recruitment .recruitinfo dl {
		grid-template-columns: 110px 1fr;
	}
	/*footer*/
	#joinus {
		padding: 50px 0;
	}
	.footbtn {
		justify-content: center;
		flex-direction: column;
		gap: 2em;
		align-items: center;
	}
	.footbtn li {
		width: 100%;
		max-width: 400px;
	}
	footer .footlink ul {
		display: flex;
		column-gap: 2em;
		justify-content: center;
		padding: 3em;
		flex-direction: column;
		gap: 1em;
	}
}
@media(max-width:580px) {}