@charset "UTF-8";

/* ---------------------------------------------------

	Layout - Requirements
	採用情報　	https://entetsu-drivingschool.co.jp/comics/
	
	Base

--------------------------------------------------- */

/* ---------------------------------------------------	

	Coommon

--------------------------------------------------- */
#ls_comics #int-copy:after { display: none; }
@media screen and (min-width: 751px) {
}
@media screen and (max-width: 750px) {
#int-cpy-ttl { line-height: 1.5; }
}

/* ---------------------------------------------------	

	Wrap

--------------------------------------------------- */
.cmc-wrap { margin: 0 auto; }
.cmc-block {}
.cmc-list {}
@media screen and (min-width: 751px) {
.cmc-wrap { max-width: 1000px; }
.cmc-block {}
.cmc-list {}
}
@media screen and (max-width: 750px) {
.cmc-wrap {}
.cmc-block {}
.cmc-list {}
}
/* ------------------------------------------------ */
.cmc-list .item {
	border-bottom: 1px solid rgba(0, 0, 0, .5);
	display: flex;
	align-items: center;
	justify-content: flex-start;
	}
.cmc-list .item:last-child { border-bottom: none; }
.cmc-list .item .thumb {
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	}
.cmc-list .item .thumb a {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	}
.cmc-list .item .thumb img { position: relative; }
.cmc-list .item .ttlarea a {
	color: initial;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
	}
.cmc-list .item .ttlarea span.num {
	background-color: rgba(0, 130, 205, 1);
	color: rgba(255, 255, 255, 1);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	}
.cmc-list .item .ttlarea span.ttl { line-height: 1.75; }
.cmc-list .item .des { line-height: 1.75; }
@media screen and (min-width: 751px) {
.cmc-list .item { padding: 30px 0; }
.cmc-list .item .thumb {
	max-width: 200px;
	border-radius: 10px;
	}
.cmc-list .item .thumb img { transition: all .3s; }
.cmc-list .item .thumb a:hover img { transform: scale(1.1); }
.cmc-list .item .con { padding-left: 30px; }
.cmc-list .item .ttlarea a { transition: all .3s; }
.cmc-list .item .ttlarea a:hover { color: rgba(0, 130, 205, 1); }
.cmc-list .item .ttlarea span.num {
	font-size: 20px;
	margin-right: 15px;
	padding: 7.5px 20px;
	}
.cmc-list .item .ttlarea span.ttl { font-size: 25px; }
.cmc-list .item .des {
	font-size: 18px;
	margin-top: 15px;
	}
}
@media screen and (max-width: 750px) {
.cmc-list .item { padding: 30px 0; }
.cmc-list .item .thumb {
	max-width: 100px;
	border-radius: 10px;
	}
.cmc-list .item .con { padding-left: 20px; }
.cmc-list .item .ttlarea span.num {
	font-size: 18px;
	margin-right: 15px;
	padding: 7.5px 20px;
	}
.cmc-list .item .ttlarea span.ttl {
	font-size: 20px;
	margin-top: 5px;
	}
.cmc-list .item .des {
	font-size: 15px;
	margin-top: 15px;
	}
}