@charset "UTF-8";

@media screen and (min-width: 768px),print {
.p-course__works.know {
	background: #fff;
	padding-top: 120px;
}

.p-course__works-items-wrap {
	background: #F2F2F2;
	height: 490px;
	padding: 40px 0 0;
	width: 100%;
}

.p-course__works-items {
	margin: auto;
	max-width: 1524px;
	width: 90%;
}

.p-course__works-item {
	padding: 0 10px;
}

.p-course__works-item-link img {
	height: auto;
	margin-bottom: 3px;
	width: 100%;
}

.p-course__works-item-area {
	background: #929292;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1.68px;
	line-height: 1.5714285714;
	margin-bottom: 20px;
	padding: 9px 0;
	text-align: center;
}

.p-course__works-item-name {
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 1.2px;
	line-height: 1.5882352941;
	margin-bottom: 16px;
}

.p-course__works-item-txt {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1.12px;
	line-height: 2;
}

.slide-arrow.next-arrow.know {
	position: absolute;
	right: -56px;
	top: 102px;
	z-index: 1;
	width: 52px;
	aspect-ratio: 1;
}

.slide-arrow.prev-arrow.know {
	left: -56px;
	position: absolute;
	top: 102px;
	z-index: 1;
	width: 52px;
	aspect-ratio: 1;
}

.p-know__fv {
	padding: 21px 0 116px;
}

.p-know__fv-items {
	display: grid;
	grid-template-columns: 1fr minmax(calc(763 / 1200  * 100%),763px);
	gap: calc(58 / 1200 * 100%);
	margin-inline: auto;
	max-width: 1200px;	
	width: 95%;	
}

.p-know__fv-item-left {
	padding-top: 34px;
	position: relative;
	z-index: 2;
}

.p-know__fv-left-ttl {
	margin-bottom: 30px;	
}

.p-know__fv-left-ttl2 {
	margin-bottom: 30px;
	padding-left: 50px;
}

.p-know__fv-left-txt {
	padding-left: 50px;
	font-size: 16px;
	line-height: 2.125;
	letter-spacing: 0.08em;
	max-width: 490px;
	width: 95%;
}

.p-know__fv-item-right img {
	border: 3px solid #000000;
	height: auto;
	width: 100%;
}

.p-know__fv-item-right {
	position: relative;
	left: -219px;
	z-index: 1;
}

.p-know__merit {
	background: #fff;
	margin-bottom: 0px;
	padding: 78px 0 0;
}

.l-inner.know-merit {
	margin-inline: auto;
	max-width: 1240px;
	width: 95%;
}

.p-know__merit-items {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
}

.p-know__merit-num {
	margin-bottom: 48px;
	padding-left: 23px;
}

.p-know__merit-ttl {
	margin-bottom: 44px;
	padding-left: 23px;
}

.p-know__merit-center {
	display: grid;
	gap: 3%;
	grid-template-columns: minmax(48%, 600px) 1fr;
}

.p-know__merit-left {
	position: relative;
	left: 19px;
}

.p-know__merit-txt-items {
	margin-bottom: 19px;
}

.p-know__merit-txt-items li {
	border-bottom: 1px dashed #cfcfcf;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 2.1111111111;
	padding-left: 33px;
	position: relative;
}

.p-know__merit-txt-items li::before {
	background: url(../images/knowledge/oukan.svg) no-repeat center center/contain;
	content: "";
	height: 16px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 23px;
}

.p-know__merit-txt-items li span {
	color: #E7322F;
}

.p-know__merit-txt {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 2.1111111111;
	margin-bottom: 17px;
	white-space: nowrap;
}

.p-know__merit-txt2 {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.08em;
	line-height: 2.125;
	margin-bottom: 27px;
}

.p-know__merit-txt2.item02 {
	margin-bottom: 18px;
}

.p-know__merit-txt3 {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.08em;
	line-height: 2.125;
}

.p-know__merit-right {
	position: relative;
	z-index: 2;
	right: -20px;
}

.p-know__merit-right.item01:before {
	aspect-ratio: 1;
	background: url(../images/knowledge/01.svg) no-repeat center center/contain;
	content: "";
	position: absolute;
	right: 23px;;
	top: -246px;
	width: 260px;
}

.p-know__merit-right.item02 img {
	border: 6px solid #100100;
}

.p-know__merit-right.item02:before {
	aspect-ratio: 1;
	background: url(../images/knowledge/02.svg) no-repeat center center/contain;
	content: "";
	position: absolute;
	right: 0;
	top: -272px;
	width: 321px;
}

.p-know__merit-right.item03 {
	top: -86px;
}

.p-know__merit-right.item03 img {
	border: none;
}

.p-know__merit-right.item03:before {
	aspect-ratio: 1;
	background: url(../images/knowledge/03.svg) no-repeat center center/contain;
	content: "";
	position: absolute;
	right: 0;
	top: -190px;
	width: 323px;
}

.p-know__merit-right.item03::after {
	background: url(../images/knowledge/human.png) no-repeat center center/contain;
	bottom: -106px;
	content: "";
	height: 189px;
	right: 10px;
	position: absolute;
	width: 379px;
	z-index: 1;
}

.p-know__merit-right img {
	border: 6px solid #E7322F;
	height: auto;
}

.p-know__merit-bottom {
	background: #E7322F;
	height: 190px;
	margin: 0 calc(50% - 50vw);
	position: relative;
	top: -80px;
	width: 100vw;
	z-index: 1;
}

.p-know__merit-bottom.item02 {
	background: #100100;
	top: -56px;
}

.p-know__merit-bottom.item03 {
	top: -170px;
}

.p-know__merit-bottom-items-wrap {
	margin-inline: auto;
	max-width: 1240px;
	width: 95%;
}

.p-know__merit-bottom-items {
	display: grid;
	gap: 0 26px;
	grid-template-columns: repeat(3, 1fr);
	max-width: 688px;
	position: relative;
	top: -244px;
	left: 19px;
	width: 95%;
	z-index: 3;
}

.p-know__merit-bottom-items.item02 {
	top: -218px;
}

.p-know__merit-bottom-items.item03 {
	top: -330px;
}

.p-know__merit-item {
	margin-bottom: -132px;
}

.p-know__merit-item.item02 {
	margin-bottom: -73px;
}


.p-know__merit-bottom-item img {
	border: 3px solid #fff;
	height: auto;
	width: 100%;
}



}

@media screen and (min-width:768px) and ( max-width:1300px) {
	.p-know__fv-items {
		display: grid;
		grid-template-columns: 1fr minmax(calc(640 / 1300  * 100%),640px);
		gap: calc(40 / 1300 * 100%);
		margin-inline: auto;
		max-width: 1300px;	
		width: 95%;	
	}
	
	.p-know__fv-left-ttl {
		padding-left: 0;
	}

}


@media screen and (min-width:768px) and ( max-width:1100px) {
.slide-arrow.next-arrow.know {
	right: -36px;
	width: 40px;
}
.slide-arrow.prev-arrow.know {
	left: -36px;
	width: 40px;
}

.p-know__fv-items {
	display: grid;
	grid-template-columns: 1fr minmax(calc(500 / 1100  * 100%),500px);
	gap: calc(32 / 1100 * 100%);
	margin-inline: auto;
	max-width: 1100px;	
	width: 95%;	
}

.p-know__fv-left-ttl img {
	width: 400px;
	height: auto;
}

.p-know__fv-left-ttl2 {
	text-align: start;
}

.p-know__fv-left-ttl2 img {
	width: 320px;
	height: auto;
}

.p-know__fv-item-left {
	padding-top: 0;
}

.p-know__fv-left-txt {
	width: 100%;
	margin: 0;
}

.p-know__fv {
	padding: 24px 0;
}

.p-know__fv-item-right {
	left: 0;
}

.p-know__merit-num {
	padding-left: 0;
}

.p-know__merit-ttl {
	padding-left: 0;
}

.p-know__merit-ttl img {
	max-width: 800px;
	width: 70%;
}

.p-know__merit-txt {
	white-space: wrap;
}

.p-know__merit-left {
	left: 0;
}

.p-know__merit-center {
	display: grid;
	grid-template-columns: 1fr minmax(calc(400 / 1100  * 100%),400px);
	gap: calc(32 / 1100 * 100%);
}

.p-know__merit-bottom-items {
	margin-inline: auto;
	left: 0;
	top: -140px;
}

.p-know__merit-bottom.item02 {
	top: 30px;
}

.p-know__merit-bottom-items.item02 {
	top: -130px;
}

.p-know__merit-item.item02 {
	margin-bottom: 0;
}

.p-know__merit-bottom {
	top: 24px;
}

.p-know__merit-bottom.item03 {
	top: 32px;
	height: 160px;
}

.p-know__merit-bottom-items.item03 {
	top: -111px;
	width: 70%;
	margin: 0;
}

.p-know__merit-right.item03::after {
	right: 25px;
	bottom: -312px;
	width: 240px;
}

.p-know__merit-item {
	margin-bottom: -32px;
}

.p-know__merit {
	margin-bottom: -72px;
}


}


@media screen and (max-width: 767px) {
.p-know__fv {
	margin-bottom: 14.1vw;
	padding-top: 7.246vw;
}

.p-know__fv-items {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	margin-inline: auto;
	max-width: 94.203vw;
	width: 95%;
}

.p-know__fv-item-left {
	display: contents;
}

.p-know__fv-left-ttl {
	margin-bottom: -6.763vw;
	order: 1;
	position: relative;
	text-align: center;
	z-index: 2;
}

.p-know__fv-left-ttl2 {
	margin-bottom: 5vw;
	margin-right: auto;
	order: 3;
	padding-left: 3vw;
}

.p-know__fv-left-ttl2 img {
	height: auto;
	width: 59.2vw;
}

.p-know__fv-left-txt {
	font-size: 3.865vw;
	font-weight: 400;
	letter-spacing: 0.08em;
	line-height: 2.125;
	margin-inline: auto;
	max-width: 89.372vw;
	order: 4;
	width: 95%;
}

.p-know__fv-item-right {
	margin-bottom: 7vw;
	order: 2;
	position: relative;
	z-index: 1;
}

.p-know__fv-item-right img {
	border: 0.7vw solid #000000;
	height: auto;
	width: 100%;
}	

.p-course__works-items-wrap {
	background: #F2F2F2;
	height: auto;
	padding: 2.488vw 0 5vw;
	width: 100%;
}

.p-course__works-items {
	margin: auto;
	max-width: 82.126vw;
	width: 95%;
}

.p-course__works-item {
	padding: 0;
}

.p-course__works-item-link img {
	height: auto;
	margin-bottom: 0.725vw;
	width: 100%;
}

.p-course__works-item-area {
	background: #929292;
	color: #fff;
	display: block;
	font-size: 3.382vw;
	font-weight: 700;
	letter-spacing: 0.406vw;
	line-height: 1.5714285714;
	margin-bottom: 4.8vw;
	padding: 1.1vw 0;
	text-align: center;
}

.p-course__works-item-name {
	font-size: 4.106vw;
	font-weight: 700;
	letter-spacing: 0.29vw;
	line-height: 1.5882352941;
	margin-bottom: 0.8vw;
}

.p-course__works-item-txt {
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.271vw;
	line-height: 2;
}

.slide-arrow.next-arrow.know {
	aspect-ratio: 1;
	position: absolute;
	right: -7.2vw;
	top: 19.4vw;
	width: 6vw;
	z-index: 1;
}

.slide-arrow.prev-arrow.know {
	aspect-ratio: 1;
	left: -7.2vw;
	position: absolute;
	top: 19.4vw;
	width: 6vw;
	z-index: 1;
}

.p-course__works.know {
	background: #fff;
}

.p-know__merit {
	background: #fff;
	padding: 14.8vw 0 6.5vw;
}

.l-inner.know-merit {
	margin-inline: auto;
	max-width: 89.372vw;
	width: 95%;
}

.p-know__merit-items {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
}

.p-know__merit-item {
	margin-bottom: 27vw;
	display: grid;
	grid-template-columns: repeat(1,1fr);
}

.p-know__merit-item.item02 {
	margin-bottom: 26vw;
}

.p-know__merit-num {
	margin-bottom: 7.971vw;
	order: 1;
}

.p-know__merit-ttl {
	margin-bottom: 6.039vw;
	order: 2;
}

.p-know__merit-ttl.item03 {
	margin-bottom: -6.9vw;
	order: 2;
}


.p-know__merit-center {
	display: contents;
}

.p-know__merit-left {
	order: 4;
}

.p-know__merit-right {
	order: 3;
	margin-bottom: 4.7vw;
}

.p-know__merit-right.item01:before {
	content: none;
}

.p-know__merit-right.item02:before {
	content: none;
}

.p-know__merit-right.item03 img {
	border: none;
}

.p-know__merit-right.item03:before {
	content: none;
}

.p-know__merit-bottom.item03::after {
	background: url(../images/knowledge/human_sp.png) no-repeat center center/contain;
	bottom: 0;
	content: "";
	height: 36.957vw;
	position: absolute;
	right: 12vw;
	width: 73.874vw;
	z-index: 3;
}

.p-know__merit-right img {
	border: 1.4vw solid #000;
	height: auto;
	width: 100%;
}

.p-know__merit-bottom {
	background: #E7322F;
	height: 64.976vw;
	margin: 0 calc(50% - 50vw);
	position: relative;
	top: 25.6vw;
	width: 100vw;
	z-index: 1;
	order: 5;
}

.p-know__merit-bottom.item02 {
	background: #100100;
	top: 25.2vw;
}

.p-know__merit-bottom.item03 {
	top: 34.1vw;
	height: 83.9vw;
	position: relative;
	z-index: auto;
}

.p-know__merit-bottom-items-wrap {
	margin-inline: auto;
	max-width: 82.126vw;
	width: 95%;
}

.p-know__merit-bottom-items {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	margin-inline: auto;
	max-width: 82.126vw;
	width: 95%;
	margin-top: -54vw;
	position: relative;
	z-index: 2;
	order: 6;
}

.p-know__merit-bottom-items.item02 {
	top: -0.9vw;
}

.p-know__merit-bottom-items.item03 {
	top: -9.5vw;
}

.p-know__merit-bottom-item img {
	height: auto;
	width: 100%;
}

.p-know__merit-txt {
	font-size: 4.348vw;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 2;
	margin-bottom: 3.9vw;
}

.p-know__merit-txt2 {
	font-size: 3.865vw;
	font-weight: 400;
	letter-spacing: 0.08em;
	line-height: 2;
	margin-bottom: 4.9vw;
}

.p-know__merit-txt3 {
	font-size: 3.865vw;
	font-weight: 400;
	letter-spacing: 0.08em;
	line-height: 2;
}

.p-know__merit-txt-items {
	margin-bottom: 7.246vw;
}

.p-know__merit-txt-items li {
	border-bottom: 1px dashed #cfcfcf;
	font-size: 4.348vw;
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 2.1111111111;
	padding-left: 7.971vw;
	position: relative;
}

.p-know__merit-txt-items li::before {
	background: url(../images/knowledge/oukan.svg) no-repeat center center/contain;
	content: "";
	height: 3.865vw;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 5.556vw;
}

.p-know__merit-txt-items li span {
	color: #E7322F;
}

.p-know__merit-txt-items li.top::before {
	top: 3.8vw;
}

.merit-txt-top-br {
	display: block;
	content: "";
	margin: -3vw 0;
}

}