@charset "utf-8";
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
.headLine01 .en {
	color: #ff7e10;
}
.headLine01 .jp:before {
	background: #ff7e10;
}
.headLine02 {
	color: #ff7e10;
	background-image: url(../img/family/ttl_bg.png);
}
.cvBox {
	background: #feba01;
}
.comBtn a {
	background-color: #feba01;
	border-color: #feba01;
}
.comBtn a:before {
	background-color: #ff7e10;
}
.comBtn .bgWhite {
	color: #ff7e10;
}
.comBtn .bgWhite::after {
	background-image: url(../img/family/icon02.png);
}
ul.comBtn a {
	background-color: #ff7e10;
}
.headLine03 {
	border-color: #ff7e10;
}
.comTable th {
	border-color: #ff7e10;
}
#gHeader .menuList a:after {
	background: #ff7e10;
}
#gHeader .comBtn a {
	background-color: #feba01;
}
#gHeader .comBtn li:last-child .bgWhite {
	background-color: #fff;
	border: 1px solid #feba01;
	color: #feba01;
}
#gHeader .comBtn li:last-child .bgWhite:after {
	background-image: url(../img/family/icon01.png);
}
#main .mainVisual .foo li {
	aspect-ratio: 128/60;
}
#main .mainVisual .foo:after {
	width: 65%;
	height: 100%;
	mix-blend-mode: multiply;
	background: linear-gradient(90deg, #646464 0%, #fff 60%, #fff 100%);
	opacity: 0.55;
}
#main .mainVisual .ttlBox {
	bottom: 13.1rem;
}
#main .mainVisual .title {
	width: 30.6rem;
}
#main .mainVisual .cvBox {
	position: static;
	border-top: none;
	border-bottom: 0.1rem solid #0f0f0f;
}
#main .mainVisual .cvBox .ttl {
	color: #141413;
}
#main .mainVisual .cvBox .ttl .en {
	color: #ff7e10;
}
#main .mainVisual .cvBox .comBtn a {
	background-color: #feba01;
}
#main .mainVisual .cvBox .comBtn .bgWhite {
	background-color: #fff;
	border: 1px solid #feba01;
	color: #feba01;
}
#main .mainVisual .cvBox .comBtn .bgWhite:after {
	background-image: url(../img/family/icon01.png);
}
#main .interview .imgBox .txtBox {
	box-shadow: 0.8rem 0.7rem 0 #feba01;
}
#main .interview .imgBox02 .txtBox {
	box-shadow: -1rem 0.7rem 0 #feba01;
}
#main .interview .imgBox .txtBox .tag {
	background: #ff7e10;
}
#main .interview .imgBox .btn a {
	background-image: url(../img/family/btn_over.png);
}
#main .valueList .ttl span {
	color: #ff7e10;
}
#main .value .bgBox .imgBox .txtBox .ttlBox .ttl span {
	color: #ff7e10;
}
#main .recruit .comTtlBox p a {
	color: #ff7e10;
}
#main .recruit .methodList > li {
	border-color: #feba01;
}
#main .recruit .methodList > li:first-child {
	background-color: #feba01;
}
#main .recruit .methodList .dotList li::before {
	background-color: #ff7e10;
}
#main .recruit .flowList li {
	color: #ff7e10;
}
#main .company h2 .en {
	color: #ff7e10;
}
#main .interview .imgBox .dotList li::before, .pupBox .dotList li::before {
	background-color: #ff7e10;
}
.pupBox h2, .pupBox .bgBox .txtBox h3 {
	color: #ff7e10;
}
.pupBox .bgBox {
	border-top-color: #feba01;
}
@media all and (min-width: 897px) {
	.comBtn a:hover {
		color: #fff;
	}
	.comBtn a:hover:after {
		background-image: url(../img/common/icon01.png);
	}
	.pupBox .close a:hover {
		background: #ff7e10;
	}
	#main .recruit .methodList > li:last-child .comBtn a:hover {
		border-color: #141413;
	}
	#main .mainVisual .cvBox .comBtn .bgWhite:hover, #gHeader .comBtn li:last-child .bgWhite:hover {
		color: #fff;
		border-color: #141413;
	}
	#main .mainVisual .cvBox .comBtn .bgWhite:hover:after, #gHeader .comBtn li:last-child .bgWhite:hover:after {
		background-image: url(../img/common/icon01.png);
	}
	#gHeader .menuList a:hover {
		color: #ff7e10;
	}
}
@media all and (max-width: 896px) {
	.menu, .menuBox {
		background-color: #feba01;
	}
	#main .mainVisual .foo li {
		aspect-ratio: 375/427;
	}
	#main .mainVisual .foo:after {
		width: 100%;
		height: 40%;
		top: auto;
		bottom: 0;
		opacity: 1;
		background: linear-gradient(360deg, #646464 0%, #737373 24.63%, #fff 100%);
	}
	#main .mainVisual .ttlBox {
		bottom: 30rem;
		padding: 0 1.5rem;
	}
	#main .mainVisual .title {
		width: 58%;
		margin-left: auto;
	}
	#main .interview .imgBox .txtBox {
		box-shadow: 0.6rem 0.7rem 0 #feba01 !important;
	}
	#main .interview .imgBox .txtBox .h3Ttl {
		margin-bottom: 5.5rem;
	}
	#main .interview .content {
		padding-bottom: 7rem;
	}
}