@charset "UTF-8";

/* company
----------------------------------------------------*/
main {
	background-color: var(--gray-02);
	padding-bottom: 18.75vw;
	@media (768px <= width) {
		padding-bottom: calc(168 * var(--vw-unit));
	}
}
.hero {
	background: var(--black-02) url(../img/bg_company_sp.jpg) no-repeat center center/cover;
	padding-block: calc(80 * var(--vw-unit-768));
	margin-bottom: 13vw;
	@media (768px <= width) {
		background-image: url(../img/bg_company.png);
		padding-block: calc(120 * var(--vw-unit));
		margin-bottom: calc(200 * var(--vw-unit));
	}
	& .innerWrap {
		max-width: calc(1240px + 80px);
		padding-inline: 40px;
		margin-inline: auto;
		& h1 {
			& img {
				width: 46.3vw;
				@media (768px <= width) {
					max-width: calc(455 * var(--vw-unit));
				}
			}
		}
	}
}
.companyWrap {
	max-width: 1240px;
	margin-inline: auto;
	& .company {
		margin-left: auto;
		margin-right: calc(50% - 50vw);
		background-color: var(--white-01);
		padding-inline: min(9.1vw,175px);
		padding-bottom: calc(196 * var(--vw-unit));
		& .companyWrap {
			max-width: 890px;
			padding-top: calc(90 * var(--vw-unit-768));
			@media (768px <= width) {
				padding-top: calc(140 * var(--vw-unit));
				margin-inline: 0 auto;
			}
			@media (1240px <= width) {
				padding-top: 140px;
			}
			& > section {
				& .companyTable {
					& div {
						display: flex;
						flex-direction: column;
						margin-bottom: 5.34vw;
						@media (768px <= width) {
							flex-direction: row;
							align-items: center;
							margin-bottom: calc(96 * var(--vw-unit));
							& dt {
								flex-basis: 8em;
							}
						}
						@media (1240px <= width) {
							margin-bottom: 68px;
						}
						&.multipleLines {
							align-items: flex-start;
						}
						& dt {
							font-weight: 700;
							@media (width < 768px) {
								margin-bottom: 0.4em;
							}
						}
						& dd {
							flex: 1;
						}
					}
				}
				& p {
					& iframe {
						@media (width < 768px) {
							aspect-ratio: 1/1;
							height: auto;
						}
						width: 100%;
					}
				}
				&:first-of-type {
					margin-bottom: calc(90 * var(--vw-unit-768));
					@media (768px <= width) {
						margin-bottom: calc(180 * var(--vw-unit));
					}
					@media (1240px <= width) {
						margin-bottom: 148px;
					}
					& h2 {
						width: min(54vw,453px);
						margin-bottom: calc(50 * var(--vw-unit-768));
						@media (768px <= width) {
							width: min(23vw,442px);
							margin-bottom: calc(128 * var(--vw-unit));
						}
						@media (1240px <= width) {
							margin-bottom: 96px;
						}
					}
				}
				&:last-of-type {
					& h2 {
						width: min(64.27vw,482px);
						margin-bottom: calc(40 * var(--vw-unit-768));
						@media (768px <= width) {
							width: min(27.2vw,522px);
							margin-bottom: calc(60 * var(--vw-unit));
						}
					}
				}
			}
		}
	}
}