/* ========================================
   3UPラボ - お仕事ページベース
   ======================================== */
.section--work_header{
	padding:var(--spacing-2xl) 0;
	text-align:center;
}
.header__title{
	color:var(--color-primary);
	padding:var(--spacing-lg) 0;
}
.work-title__text{
	color:var(--color-primary);
}
.work-body__text{
	padding:var(--spacing-lg) 0;
	font-size:var(--font-size-common);
}
.section--intoro{
	border-top:1px solid var(--color-secondary);
}
.intoro-text1 {
	color:var(--color-primary);
}

.intoro-text2 {
	margin-bottom:3vw;
}

.intoro-text3 {
	text-decoration: underline;
}

.intoro-main {
	font-size: var(--font-size-xs);
	width:800px;
	max-width:90vw;
	margin:0 auto;
	display:flex;
	flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}
.intoro-main div{
	width:100%;
}
.intoro-movie {
	width:400px;
	max-width:90vw;
	text-align:center;
	margin:var(--spacing-lg) auto;
}
.intoro-movie iframe{
	width:100% !important;
    height: auto !important;
	aspect-ratio: 5 / 3;
}
a.work-underline {
    text-decoration: underline;
}


@media (min-width: 768px) {
	
	.intoro-text1 ,.intoro-text2 {
		font-size:var(--font-size-sm);
	}
	.intoro-text2 {
		margin-bottom:20px;
	}
	.intoro-main {
		flex-direction: row;
	}
	.intoro-main div{
		width:45%;
	}


}