@charset "UTF-8";

#header {
	height: 390px;
	border-top: 2px solid #80442B;
	width: 100%;
	background-image: url(../skill/top.webp);
	background-position: 80% bottom;
}
#text01{width: 100%;}

.content-column{margin: 30px 0;}
.course-body{display: flex; justify-content: space-between; gap: 20px;}
.catchphrase{font-size: 1rem; position: relative; padding-left: 1.2em; border-bottom: 1px dotted #ccc; margin: -15px 0 8px 0;}
.catchphrase svg{height: 1.1em; position: absolute; top: 50%; transform: translateY(-50%); margin-left: -1.2em;}

.course-box{width: 100%;}
.course-img-box{width: 100%; display: flex; justify-content: space-between; gap: 10px;}
.course-img{width: 100%; height: 180px; background: no-repeat center/cover;}

@media (max-width: 767px) {
	#header{height: 70vw;}

	.course-body,.course-img-box,.course-img{flex-wrap: wrap;}

}