@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700;800;900&display=swap');




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








/********�v���Z�b�g********/
.pc_only{display:none;}
.sp_only{display:unset;}




/*��������������������������������������������������������������������������������������������������������������������������������*/




/********�{�f�B�E�R���e�i********/
html{font-size:62.5%;}

body{
	position:relative;
	height:100%;
	margin:0;
	padding:0;
	color:#ffffff;
	font-size:62.5%;
}




/********�w�b�_�[********/
header{
	posiion:relative;
	width:100%;
	height:300px;
	overflow:hidden;
}

header #vegas{width:100%; height:100%; background:#000000;}

header #logoWrapper{
	position:absolute; left:0; top:0;
	width:100%;
	height:300px;
	margin-left:0;
}

header #logoWrapper a{
	position:relative;
	display:block;
	width:52vw;
	height:18vw;
}

header #logoWrapper a:after{
	content:"";
	position:absolute; left:0; bottom:0;
	display:block;
	width:100%;
	height:4px;
	margin:0 0 -4px 0;
	background:linear-gradient(to right,#ff6f00,#df004f);
}

header #logoWrapper h1{
	width:100;
	height:100%;
	background:url(/images/logo_h.png) center center / 80% auto no-repeat #ffffff;
	text-indent:-9999px;
}




/********�i�r********/
nav{width:100%; background:#000000;}
nav ul{display:flex; width:100%; margin:0;}
nav ul li{width:calc(100% / 3); height:60px;}

nav ul li a{
	display:flex; justify-content:center; align-items:center;
	width:100%;
	height:100%;
	color:#ffffff;
	font-family:"Noto Sans JP";
	font-size:12.8px;
	font-weight:500;
}
nav ul li a:hover{background:#ef3525; transition:0.8s;}




/********�w�b�h���C��********/
.headline{
	padding:20px 0;
	color:#000000;
	text-align:center;
}
#section_company .headline{color:#ffffff;}

.headline p{
	display:block;
	font-family:"Barlow";
	font-size:36px;
	font-weight:900;
}

.headline span{
	display:block;
	margin-top:4px;
	font-family:"Noto Sans JP";
	font-size:12px;
	font-weight:500;
}




/********WORK(���Ɠ��e)********/
#section_work{padding:20px 0 60px 0;}

.ul_work{
	display:flex; flex-wrap:wrap;
	width:100%;
	margin:0;
	padding:0 24px;
}

.ul_work li{width:100%;}
.ul_work li:nth-of-type(even){margin-left:0;}
.ul_work li:nth-of-type(n+3){margin-top:0;}
.ul_work li:nth-of-type(n+2){margin-top:24px !important;}

.ul_work li:before{
	content:"";
	display:block;
	width:100%;
	height:4px;
	background:linear-gradient(to right,#ff6f00,#df004f);
}

.ul_work li figure{
	display:block;
	width:100%;
	height:240px;
	background:center center / cover no-repeat;
}
.ul_work li:nth-of-type(1) figure{background-image:url(/images/work_01.png);}
.ul_work li:nth-of-type(2) figure{background-image:url(/images/work_02.png);}
.ul_work li:nth-of-type(3) figure{background-image:url(/images/work_03.png);}
.ul_work li:nth-of-type(4) figure{background-image:url(/images/work_04.png);}

.ul_work li p{
	display:block;
	padding:22px;
	background:#000000;
	color:#ffffff;
	font-family:"Noto Sans JP";
	font-size:14.8px;
	font-weight:500;
}




/********COMPANY(��ЊT�v)********/
#section_company{
	padding:20px 0 60px 0;
	background:url(/images/section_company.png) center center / cover no-repeat #000000;
}

.table_company{
	width:calc(100% - 32px);
	margin:0 16px;
	border-collapse:collapse;
	color:#ffffff;
}
.table_company th,
.table_company td{padding:16px; border:solid 2px #ffffff; font-size:12px; line-height:1.68;}
.table_company th{text-align:center; white-space:nowrap;}
.table_company td{}




/********RECRUIT(�̗p���)********/
#section_recruit{padding:20px 0 60px 0;}

.table_recruit{
	width:calc(100% - 32px);
	margin:0 16px;
	border-collapse:collapse;
	color:#000000;
}
.table_recruit th,
.table_recruit td{padding:16px; border:solid 2px #e5e5e5; font-size:12px; line-height:1.68;}
.table_recruit th{background:#fafafa; text-align:center; white-space:nowrap;}
.table_recruit td{}




/********�t�b�^�[********/
footer{padding-bottom:40px;}
footer p{color:#bfbfbf; font-size:10px; text-align:center;}








}//media screen