@charset "UTF-8";

@media screen and (min-width: 768px),print {
.p-course__works.speed {
	background: #fff;
}

.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.speed {
	position: absolute;
	right: -56px;
	top: 102px;
	z-index: 1;
	width: 52px;
	aspect-ratio: 1;
}

.slide-arrow.prev-arrow.speed {
	left: -56px;
	position: absolute;
	top: 102px;
	z-index: 1;
	width: 52px;
	aspect-ratio: 1;
}

.p-speed__fv {
	padding: 21px 0 116px;
}

.p-speed__fv-items {
	display: grid;
	grid-template-columns: 1fr minmax(calc(763 / 1428  * 100%),763px);
	gap: calc(58 / 1428 * 100%);
	margin-inline: auto;
	max-width: 1428px;	
	width: 95%;	
}

.p-speed__fv-item-left {
	padding-top: 34px;
}

.p-speed__fv-left-ttl {
	margin-bottom: 30px;
	padding-left: 115px;
}

.p-speed__fv-left-ttl2 {
	margin-bottom: 30px;
	text-align: end;
}

.p-speed__fv-left-txt {
	margin-left: auto;
	max-width: 462px;
	width: 95%;
	font-size: 16px;
	line-height: 2.125;
	letter-spacing: 0.08em;
}

.p-speed__fv-item-right img {
	border: 3px solid #000000;
	height: auto;
	width: 100%;
}

.p-speed__merit {
	background: #fff;
	padding: 117px 0 128px;
}

.l-inner.speed-merit {
	margin-inline: auto;
	max-width: 1400px;
	width: 100%;
}

.p-speed__merit-items {
	display: grid;
	gap: 75px 0;
	grid-template-columns: repeat(1, 1fr);
}

.p-speed__merit {
	padding: 90px 0 134px;
}

.p-speed__merit-items {
	display: grid;
	gap: 60px 0;
	grid-template-columns: repeat(1, 1fr);
}

.p-speed__merit-item {
	background: url(../images/speed/merit_bg.png) no-repeat top center/cover;
	height: 746px;
	width: 100%;
}

.p-speed__merit-item-top {
	margin-bottom: 60px;
	margin-inline: auto;
	max-width: 1200px;
	width: 95%;
	padding-top: 54px;
}

.p-speed__merit-item-top img {
	height: auto;
	width: 100%;
}

.p-speed__merit-item-bottom {
	display: grid;
	gap: 4.2857142857%;
	grid-template-columns: 1fr minmax(42.8571428571%, 600px);
	margin-inline: auto;
	max-width: 1200px;
	width: 95%;
}

.p-speed__merit-item-bottom-txt {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 2.1111111111;
	margin-bottom: 19px;
}

.p-speed__merit-item-bottom-txt2 {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.08em;
	line-height: 2.125;
	margin-bottom: 18px;
}

.p-speed__merit-item-bottom-txt3 {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.08em;
	line-height: 2.125;
}

.p-speed__merit-item-bottom-img img {
	width: 100%;
	height: auto;
}

.p-speed__merit-item-bottom-img2 img {
	width: 100%;
	height: auto;
}

}

@media screen and (min-width:768px) and ( max-width:1300px) {
	.p-speed__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-speed__fv-left-ttl {
		padding-left: 0;
	}

	.p-speed__fv-left-ttl2 {
		text-align: center;
	}

	.p-speed__fv-left-txt {
		margin: auto;
		
	}
}


@media screen and (min-width:768px) and ( max-width:1100px) {
.slide-arrow.next-arrow.speed {
	right: -36px;
	width: 40px;
}
.slide-arrow.prev-arrow.speed {
	left: -36px;
	width: 40px;
}

.p-speed__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-speed__fv-left-ttl img {
	width: 400px;
	height: auto;
}

.p-speed__fv-left-ttl2 {
	text-align: start;
}

.p-speed__fv-left-ttl2 img {
	width: 320px;
	height: auto;
}

.p-speed__fv-item-left {
	padding-top: 0;
}

.p-speed__fv-left-txt {
	width: 100%;
	margin: 0;
}

.p-speed__fv {
	padding: 24px 0;
}

.p-speed__merit-item-bottom {
	display: grid;
	grid-template-columns: 1fr minmax(calc(400 / 1100  * 100%),400px);
	gap: calc(24 / 1100 * 100%);
} 

.p-speed__merit-item {
	height: 110%;
}

}


@media screen and (max-width: 767px) {
.p-speed__fv {
	margin-bottom: 14.1vw;
	padding-top: 7.246vw;
}

.p-speed__fv-items {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	margin-inline: auto;
	max-width: 94.203vw;
	width: 95%;
}

.p-speed__fv-item-left {
	display: contents;
}

.p-speed__fv-left-ttl {
	margin-bottom: -6.763vw;
	order: 1;
	position: relative;
	text-align: center;
	z-index: 2;
}

.p-speed__fv-left-ttl2 {
	margin-bottom: 6.039vw;
	margin-right: auto;
	order: 3;
	padding-left: 3vw;
}

.p-speed__fv-left-ttl2 img {
	height: auto;
	width: 77.295vw;
}

.p-speed__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-speed__fv-item-right {
	margin-bottom: 7vw;
	order: 2;
	position: relative;
	z-index: 1;
}

.p-speed__fv-item-right img {
	border: 0.7vw solid #000000;
	height: auto;
	width: 100%;
}	

.p-course__works-items-wrap {
	background: #F2F2F2;
	height: 103.6vw;
	padding: 7.488vw 0 0;
	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.speed {
	aspect-ratio: 1;
	position: absolute;
	right: -7.2vw;
	top: 19.4vw;
	width: 6vw;
	z-index: 1;
}

.slide-arrow.prev-arrow.speed {
	aspect-ratio: 1;
	left: -7.2vw;
	position: absolute;
	top: 19.4vw;
	width: 6vw;
	z-index: 1;
}

.p-course__works.speed {
	background: #fff;
}

.p-speed__merit {
	background: #fff;
	padding: 19.324vw 0 19.9vw;
}

.p-speed__merit-items {
	display: grid;
	gap: 9.662vw 0;
	grid-template-columns: repeat(1, 1fr);
}

.p-speed__merit-item {
	background: url(../images/speed/merit_bg_sp.png) no-repeat top center/cover;
	height: 293vw;
	width: 100%;
}

.p-speed__merit-item.item02 {
	height: 302vw;
}

.p-speed__merit-item.item03 {
	height: 302vw;
}

.p-speed__merit-item-top {
	margin: 0;
	margin-bottom: 7vw;
	margin-right: auto;
	max-width: 92.9vw;
	padding: 3.8vw 0 0 5.3vw;
	width: 95%;
}

.p-speed__merit-item-top img {
	height: auto;
	width: 100%;
}

.p-speed__merit-item-top.item01 img {
	height: auto;
	width: 64.01vw;
}

.p-speed__merit-item-bottom {
	display: grid;
	gap: 0;
	grid-template-columns: repeat(1, 1fr);
	margin-inline: auto;
	max-width: 89.372vw;
	width: 95%;
}

.p-speed__merit-item-bottom-txt-wrap {
	display: contents;
}

.p-speed__merit-item-bottom-txt {
	font-size: 4.348vw;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 2.1111111111;
	margin-bottom: 3.2vw;
	order: 2;
}

.p-speed__merit-item-bottom-txt2 {
	font-size: 3.865vw;
	font-weight: 400;
	letter-spacing: 0.08em;
	line-height: 2.125;
	margin-bottom: 4.2vw;
	order: 3;
}

.p-speed__merit-item-bottom-txt3 {
	font-size: 3.865vw;
	font-weight: 400;
	letter-spacing: 0.08em;
	line-height: 2.125;
	order: 5;
}

.p-speed__merit-item-bottom-img {
	margin-bottom: 5.2vw;
	order: 1;
}

.p-speed__merit-item-bottom-img2 {
	max-width: 82.1vw;
	width: 95%;
	margin-inline: auto;
	margin-bottom: 5.2vw;
	order: 4;
}
}
	