@charset "UTF-8";
/* CSS Document */

.header_menu .header_menu_list li{
	border-left: 1px solid #fff;
}
.transform .header_menu .header_menu_list li{
	border-left: 1px solid #E2E2E2;
}

/*PC Layout
===================================*/

@media screen and (min-width: 769px) {
	#header{
		background: none;
		transition: background-color .5s; 
	}
	#header.transform{
		background: #fff;
	}
	.head_menu01 a,.language i,.language,.lang-item.current-lang a, .lang_ja.active, .lang_en.active,.lang-item a, .lang_ja, .lang_en{
		color: #fff;
	}
	.lang-item.current-lang a, .lang_ja.active, .lang_en.active{
		border-color: #fff;
	}
	.lang-item:last-child:before{
		background: #fff;
	}
	.transform .head_menu01 a,.transform .language i,.transform .language,.transform .lang-item.current-lang a,.transform .lang_ja.active,.transform .lang_en.active,.transform .lang-item a,.transform .lang_ja, .lang_en{
		color: #565962;
	}
	.transform .lang-item.current-lang a,.transform .lang_ja.active,.transform .lang_en.active{
		border-color: #565962;
	}
	.transform .lang-item:last-child:before{
		background: #565962;
	}
	#contents{
		padding-top: 0px;
	}
	.header_menu .header_menu_list li a{
		color: #fff;
	}
	#header.transform .header_menu .header_menu_list li a{
		color: #565962;
	}
	.header_wrap-layout .logo_btn a {
		background: url(common/images/recruit_logo_pc@2x) no-repeat;
	}

}

.sec-about_us p{
	font-family: "ta-miyabi", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 2.2rem;
}
.main_bg{
	background: none;
}
.main_bg video{
	width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}
.header_wrap-layout .logo_btn a {
    display: block;
    width: 100%;
    height: 100%;
	background-size: contain;
}

/*SP Layout
===================================*/

@media screen and (max-width: 768px) {
.sec-about_us p{
	font-size: 1.6rem;
}
.info01-img,.info02-img,.recruit_img{
	display: none;
}
.line-img {
    width: 30%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.recruit_info_list-item{
	width: 80%;
}
.recruit_info_list-item a{
	font-size: 1.6rem;
	padding: 1.2vw 0;
}
.recruit_info_list {
    margin: 5vw auto 5vw;
}
.more_btn{
    width: 100%;
    height: auto;
}
.more_btn a {
    font-size: 1.5rem;
    position: relative;
    top: 0;
    left: 0;
    padding: 0.8em 1.6em 0.8em 1.3em;
    text-indent: -.25em;
    display: block;
    width: auto;
}
.sec-cross_talk .name_02 p{
	max-width: 100%;
}
.recruit_info_list-item a:before{
	width: 4vw;
}
.sec-our_works .more_btn{
	width: 80%;
}
.item-box-wrap dd{
	font-size: 1.4rem;
}
}