@charset "utf-8";
/*======================================
学習管理ツール
========================================*/
/*****
合格をサポートする学習管理ツール
*****/
.ttl_tools{
	font-size: clamp(2rem,3vw,3rem);
	font-weight: bold;
	text-align: center;
	color: #fff;
	margin: 2.5em 0 1em 0;
	padding: 0.5em 1em;
	background-color: var(--shadow_color);
}

.tools_img_a{}
.tools_img_b{}
.comment_box{
	color: #fff;
	margin-top: 1em;
	padding: 1em;
	border-radius: 0.5em;
	background-color: var(--shadow_color);
	position: relative;
}
.comment_box::before{
	content: '';
	display: block;
	width: 2em;
	height: 2em;
	background-color: var(--shadow_color);
	clip-path: polygon(0 100%,65% 0,100% 100%);
	position: absolute;
	bottom: calc(100% - 1px);
	right: 10%;
}


/* ===========================================
	MediaQueries
=========================================== */
/* PC----------------------------- */
@media (min-width: 768px){
	/*****
	合格をサポートする学習管理ツール
	*****/
	.tools_img_a{
		width: 28%;
	}
	.tools_img_b{
		width: 70%;
	}
	
}

/* スマホ----------------------------- */
@media (max-width: 767px){
	/*****
	合格をサポートする学習管理ツール
	*****/
	.tools_img_a{
		width: 80%;
		margin: 0 auto 1em auto;
	}
	.tools_img_b{}
	
}