@charset "utf-8";


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

	/* companyLayout
=========================================*/
	.companyLayout {
		width: 100%;
		background: #FFF;
		padding: 60px 15px 55px;
	}
	.companyLayoutInner {
		margin: 0 auto;
	}
	.companyLayout > .companyLayoutInner > *:first-child,
	.companyLayout > .companyLayoutInner > section:first-child > .companyHeading {
		margin-top: 0;
	}

	/* companyHeading
	=========================================*/
	.companyHeading {
		margin-top: 60px;
	}
	.companyHeading .companyHeadingTitle {
		color: #333;
		font-size: 24px;
		font-weight: bold;
		line-height: 1.4;
	}

	/* companyCard
	=========================================*/
	.companyCardWrap {
		margin-top: 18px;
	}
	.companyCardWrap > *:first-child {
		margin-top: 0;
	}
	.companyCard {
		width: 100%;
		margin-top: 28px;
	}
	.companyCard > [class*="companyCardType"] {
		display: flex;
		column-gap: 15px;
		text-decoration: none;
	}
	.companyCard .companyCardHead {
		width: calc((100% - 15px) / 2);
	}
	.companyCard .companyCardBody {
		width: calc((100% - 15px) / 2);
	}
	.companyCard .companyCardTitle {
		color: #333;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.4;
	}
	.companyCard a.companyCardType .companyCardTitle::after {
		content: "";
		background: url(/hc/english/common/img/com_ic02.png) no-repeat center 50%;
		background-size: 10px auto;
		display: inline-block;
		height: 12px;
		width: 12px;
		margin-left: 6px;
	}
	.companyCard .companyCardDescription {
		margin: 8px 0 0;
		color: #333;
		font-size: 14px;
		line-height: 1.6;
	}
}