@charset "utf-8";
/*------------------------------------------------------------
	jigyo02
------------------------------------------------------------*/
@media all and (min-width: 897px) {
	#main .schedule {
		padding-bottom: 275px;
	}
	#main .role .photoBox {
		margin: -234px 0 20px 80px;
		width: 489px;
		position: relative;
	}
	#main .role .photoBox .txtImg {
		margin-right: -111px;
		position: absolute;
		right: 100%;
		top: -52px;
	}
	#main .role .photoBox .txtImg img {
		width: auto;
		height: 124px;
		max-width: inherit;
	}
	#main .create .info01 .comCareer {
		margin: 0 13px;
		padding: 16px 0 36px;
	}
	#main .create .imgBox {
		align-items: center;
	}
	#main .create .imgBox .textBox p:last-child {
		margin-bottom: 0;
	}
	#main .create01 {
		margin-bottom: 163px;
	}
	#main .schedule.schedule01 {
		padding-bottom: 240px;
	}
	#main .role01 {
		margin-bottom: 265px;
		padding-top: 96px;
	}
	#main .role01 .photoBox {
		margin: -280px 0 20px 37px;
		width: 415px;
	}
	#main .role01 .photoBox .txtImg {
		margin-right: -9px;
		right: 100%;
		top: -18px;
	}
	#main .comBtmImgBox {
		margin: 85px 0 65px;
		gap: 0 40px;
		transform: translateX(-13px);
	}
	#main .comBtmImgBox .photoBox {
		width: 622px;
	}
	#main .comBtmImgBox .textBox {
		transform: translateY(-48px);
	}
}
@media all and (max-width: 896px) {
	#main .role .photoBox {
		position: relative;
	}
	#main .role .photoBox .txtImg {
		margin-right: -77px;
        position: absolute;
        right: 100%;
        top: -21px;
	}
	#main .role .photoBox .txtImg img {
		width: auto;
        height: 35px;
        max-width: inherit;
	}
	#main .comBtmImgBox {
		margin-bottom: 70px;
	}
}