@charset "utf-8";
/*======================================
教材紹介
========================================*/
/*****
セット内容・金額
*****/
.intro_set{
	text-align: center;
	margin-top: 1em;
	padding: 1em;
	background-color: #fffada;
}
.text_set01,
.text_set02,
.text_set03,
.text_set04,
.text_set05{
	font-size: clamp(1.4rem,1.6vw,1.6rem);
}

.text_set01{}
.text_set02{}
.text_set03{}
.text_set04{}
.text_set05{}

.text_set_ttl{
	color: var(--red_color);
	width: 100%;
	max-width: 420px;
	margin: 0.5em auto;
	padding: 0.5em;
	border: solid 1px var(--red_color);
	background-color: #fff;
}

/*****
カリキュラム
*****/
.ttl_curriculum{
	font-size: clamp(1.7rem,2.8vw,2.4rem);
	text-align: center;
	color: #fff;
	margin-bottom: 0.5em;
	padding: 0.25em;
	background-color: var(--shadow_color);
}

.curri_area{}
.curri_set{
	margin-top: 1.5em;
}
.curri_img{
	text-align: center;
}
.curri_set_ttl{
	text-align: center;
	color: #fff;
	margin: 0.5em 0;
	padding: 0.25em 1em;
	border-radius: 2em;
	background-color: var(--red_color);
}
.curri_set_cap{
	font-size: 0.85em;
}

/*****
特長
*****/
.feature_ttl{
	font-size: clamp(2rem,2.6vw,2.6rem);
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 1em;
}


/* ===========================================
	MediaQueries
=========================================== */
/* PC----------------------------- */
@media (min-width: 768px){
	/*****
	開発者のメッセージ
	*****/
	.intro_box01 .ttl_type01,
	.intro_box01 .btn_normal{
		margin: 0;
	}
	
	/*****
	セット内容・金額
	*****/
	/*.intro_set{
		aspect-ratio: 460 / 250;
		position: relative;
	}*/
	
	.text_set01,
	.text_set02{
		width: 35%;
	}
	.text_set03,
	.text_set04,
	.text_set05{
		width: 32%;
		margin-top: 1em;
	}
	
	.text_set01{
		margin-right: 5%;
	}
	.text_set02{}
	.text_set03{
		order: 2;
	}
	.text_set04{
		order: 3;
	}
	.text_set05{
		order: 1;
	}
	
	/*****
	カリキュラム
	*****/
	.curri_area{
		display: flex;
		justify-content: space-between;
		padding-top: 1em;
	}
	.curri_set{}
	.curri_area .curri_set:nth-of-type(1){
		width: 35%;
	}
	.curri_area .curri_set:nth-of-type(2){
		width: 60%;
	}
	.curri_img{
		display: flex;
		align-items: flex-end;
	}
	.curri_img img{
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;
	}
	.curri_area .curri_set:nth-of-type(1) .curri_img{
		aspect-ratio: 292 / 200;
	}
	.curri_area .curri_set:nth-of-type(2) .curri_img{
		aspect-ratio: 501 / 200;
	}
}

/* スマホ----------------------------- */
@media (max-width: 767px){
	/*****
	セット内容・金額
	*****/
	.text_set01,
	.text_set02,
	.text_set03,
	.text_set04,
	.text_set05{
		margin-top: 2em;
	}
	
	.text_set01{
		margin-top: 0;
	}
	.text_set02{}
	.text_set03{}
	.text_set04{}
	.text_set05{}
	
	/*****
	カリキュラム
	*****/
	.curri_area .curri_set:nth-of-type(1) .curri_img{
		width: 70%;
		margin: 0 auto;
	}
}