/* ---------------------------------------
    company
-----------------------------------------*/
/* header
--------------------------------*/
#header:not(.is-scrolled):not(.navOpen) {
	background-color: transparent;
}
#header:not(.is-scrolled):not(.navOpen) .logo a {
	background-color: #fff;
}
#header:not(.is-scrolled):not(.navOpen) .menu_trigger span {
	background-color: #fff;
}
#header:not(.is-scrolled):not(.navOpen) .header_menu .gnav li {
	color: #fff;
}
#header:not(.is-scrolled):not(.navOpen) .header_menu .gnav li.btn a {
	border-color: #fff;
}
#header:not(.is-scrolled):not(.navOpen) .header_menu .gnav li.btn a .arw {
	border-color: #fff;
}
#header:not(.is-scrolled):not(.navOpen) .header_menu .gnav li.btn a .arw::before {
	border-color: #fff;
}

.main {
	padding-top: 0;
}

/* sec_mv
--------------------------------*/
#sec_mv {
	padding: 20.4rem 0 25.2rem;
	background: url(../img/company/mv_bg.jpg) no-repeat center bottom/cover;
}
#sec_mv * {
	color: #fff;
}
#sec_mv .txt_wrap {
	max-width: max-content;
	margin: 0 auto;
}
#sec_mv .txt_wrap .lead_txt {
	width: 36.2rem;
	margin-bottom: 5.2rem;
}
@media screen and (max-width: 767px) {
	#sec_mv .txt_wrap .lead_txt {
		width: 27.6rem;
		margin-bottom: 4rem;
	}
}
#sec_mv .txt_wrap .txt {
	font-size: 1.6rem;
	line-height: 2;
}
#sec_mv .txt_wrap .txt + .txt {
	margin-top: 2em;
}
@media screen and (max-width: 767px) {
	#sec_mv .txt_wrap .txt span {
		display: inline-block;
		letter-spacing: -0.025em;
		margin: 0 -0.5em;
	}
}

/* sec_company
--------------------------------*/
#sec_company {
	margin-top: 16rem;
}
@media screen and (max-width: 767px) {
	#sec_company {
		margin-top: 10rem;
	}
}
#sec_company .cnt_wrap {
	width: 84rem;
	margin-left: auto;
}
@media screen and (max-width: 767px) {
	#sec_company .cnt_wrap {
		width: 100%;
		margin-top: 5rem;
	}
}
#sec_company .cnt_wrap .company_tb {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #000;
}
#sec_company .cnt_wrap .company_tb th, #sec_company .cnt_wrap .company_tb td {
	vertical-align: top;
	line-height: 1.75;
	padding: 3rem 0;
	border-bottom: 1px solid #000;
}
@media screen and (max-width: 767px) {
	#sec_company .cnt_wrap .company_tb th, #sec_company .cnt_wrap .company_tb td {
		padding: 2rem 0;
	}
}
#sec_company .cnt_wrap .company_tb th {
	width: 15rem;
}
@media screen and (max-width: 767px) {
	#sec_company .cnt_wrap .company_tb th {
		width: 5em;
	}
}
#sec_company .cnt_wrap .company_tb td {
	padding-left: 3rem;
}
@media screen and (max-width: 767px) {
	#sec_company .cnt_wrap .company_tb td {
		padding-left: 1.5rem;
	}
}
#sec_company .cnt_wrap .company_tb td .map {
	width: 100%;
	height: 32rem;
	margin-top: 2rem;
}
@media screen and (max-width: 767px) {
	#sec_company .cnt_wrap .company_tb td .map {
		height: 24rem;
	}
}
#sec_company .cnt_wrap .company_tb td .map iframe {
	width: 100%;
	height: 100%;
}

/* sec_facility
--------------------------------*/
#sec_facility {
	margin-top: 16rem;
}
@media screen and (max-width: 767px) {
	#sec_facility {
		margin-top: 10rem;
	}
}
#sec_facility .facility_list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 4.8rem 4rem;
	margin-top: 11rem;
}
@media screen and (max-width: 767px) {
	#sec_facility .facility_list {
		grid-template-columns: repeat(2, 1fr);
		gap: 5rem 1.5rem;
		margin-top: 5rem;
	}
}
#sec_facility .facility_list .item .logo {
	aspect-ratio: 290/193;
}
#sec_facility .facility_list .item .logo a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #A2A2A2;
}
@media screen and (max-width: 767px) {
	#sec_facility .facility_list .item .logo a img {
		transform: scale(0.75);
	}
}
#sec_facility .facility_list .item .ttl {
	font-size: 1.6rem;
	margin-top: 1rem;
}
@media screen and (max-width: 767px) {
	#sec_facility .facility_list .item .ttl {
		font-size: 1.3rem;
		margin-top: 0.6rem;
	}
}
#sec_facility .facility_other {
	margin-top: 9rem;
}
@media screen and (max-width: 767px) {
	#sec_facility .facility_other {
		margin-top: 8rem;
	}
}
#sec_facility .facility_other .blk_ttl {
	font-weight: 700;
	font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
	#sec_facility .facility_other .blk_ttl {
		font-size: 1.8rem;
	}
}
#sec_facility .facility_other .facility_list {
	margin-top: 3.2rem;
}
@media screen and (max-width: 767px) {
	#sec_facility .facility_other .facility_list {
		margin-top: 2rem;
	}
}