@charset "utf-8";
/*20221101 AI基礎研修LP
==================================================================================================================*/

#visual {
	background: url(../images/main_bg_pc.jpg) no-repeat center center;
	background-size: cover;
	width: 100%;
	height: auto;
	max-height: 50vw;
}

#visual .txt_area {
	font-size: 2vw;
	line-height: 1;
	padding: 1.5em;
}

#visual .catch {
	padding: 0.3em 1em;
	border-radius: 1.6em;
	margin-bottom: 1em;
}

#visual .point {
	font-size: 150%;
}

#visual .point > li {
	margin: 0.6em 0;
}

#visual .lecture_ttl {
	font-weight: 900;
	font-size: 320%;
	margin: 0;
}



.sctn_intro h2 {
	font-size: 3rem;
	font-weight: 900;
	position: relative;
	padding-bottom: calc( 0.5em + 7px );
}

.sctn_intro h2::after {
	content: "";
	display: block;
	width: 500px;
	max-width: 70%;
	height: 7px;
	background: #4a94be;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX( -50% );
}

.sctn_intro .necessity_list {
	font-size: 1.25rem;
	font-weight: 500;
}



.sctn_basic-knowledge .sec_inr {
	padding: 0;
}

.sctn_basic-knowledge dl {
	position: relative;
	margin-bottom: 1em;
}

.sctn_basic-knowledge dl::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: solid 180px transparent;
	border-top: solid 80px #4a94be;
	position: absolute;
	top: calc( 100% + 1em );
	left: 50%;
	transform: translateX( -50% );
	z-index: -1;
}

.sctn_basic-knowledge dt.bg_blue {
	font-size: 1.5rem;
	margin-bottom: 1em;
	line-height: 1.4;
	padding: 0.3em 1em;
	border-radius: 1em;
}

.sctn_basic-knowledge .knowledge_list > li {
	width: calc( ( 100% - 60px ) / 4 );
	padding: 0.5em;
}

.sctn_basic-knowledge .knowledge_list h3 {
	margin-bottom: 0.3em;
	font-size: 1.375rem;
	padding: 0 0.5rem
}

.sctn_basic-knowledge .knowledge_list p {
	font-weight: 500;
	line-height: 1.6;
	margin: 0;
	padding: 0 0.5rem
}

.sctn_basic-knowledge h2 {
	font-weight: 900;
	font-size: 3rem;
	text-shadow: -2px -2px 1px white, 0 -2px 1px white, 2px -2px 1px white, 0 2px 1px white, 2px 2px 1px white, 0 2px 1px white, -2px 2px 1px white, 0 -2px 1px white;
}



.sctn_recommend .sec_inr {
	padding: 0 0 8vw;
}

.sctn_recommend h2 {
	margin-bottom: 0;
	font-size: 1.5rem;
	line-height: 1;
	padding: 0.5em 0.8em calc( 0.5em - 5px );
	position: relative;
}

.sctn_recommend h2::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: calc( 100% - 3rem );
	top: -3rem;
	border: solid 3rem transparent;
	border-bottom-color: #4a94be;
	z-index: -1;
}

.sctn_recommend .bw_thick {
	border-color: #4a94be;
}

.sctn_recommend .bg_yellow {
	position: relative;
	padding: 1em 420px 1em 2em;
	margin-top: -1px;
}

.sctn_recommend .bg_yellow .img_area {
	width: 400px;
	position: absolute;
	right: 0;
	top: -1em;
	transform: rotate( -8deg );
	box-shadow: 5px 5px 2px rgba(0,0,0,0.2);
}

.sctn_recommend .bg_yellow .list_check > li {
	line-height: 1.4;
	margin: 0.8em 0;
	font-weight: 500;
	font-size: 1.125rem;
}

#footer .inner {
	max-width: unset;
	flex-direction: row-reverse;
}

.ftr_contact {
	border: solid 2px #4a94be;
	margin: 1em 2em;
}

.ftr_contact p.bg_blue {
	line-height: 1.4;
	padding: 0.3em 0.8em;
}

.contact_mail {
	padding: 0.5em 1em;
}

@media (max-width:1099px){
	#visual { max-height: unset;}
	#visual .txt_area { font-size: 2.5vw;}
	#visual .catch { margin: 0;}
	.sctn_intro h2, .sctn_basic-knowledge h2 { font-size: 4.5vw;}
	.sctn_intro .necessity_list, .sctn_recommend .bg_yellow .list_check > li { font-size: 1rem;}
	.sctn_basic-knowledge .knowledge_list h3 { font-size: 1.25rem;}
	.sctn_basic-knowledge dl::after { border-top-width: 8vw;}
	.sctn_recommend .bg_yellow { padding-right: calc( 35% + 20px );}
	.sctn_recommend .bg_yellow .img_area { width: 35%;}
}

@media (max-width:899px){
	.sctn_intro .necessity_list { text-align: left;}
	.sctn_intro .necessity_list > li { padding-left: 1.3em; position: relative;}
	.sctn_intro .necessity_list > li::before { content: "\02022"; position: absolute; left: 0; top: 0;}
	.sctn_basic-knowledge dl { margin-bottom: 0;}
	.sctn_basic-knowledge dl::after { top: 100%;}
	.sctn_basic-knowledge .knowledge_list { justify-content: center;}
	.sctn_basic-knowledge .knowledge_list > li { width: 300px; max-width: calc( 50% - 20px ); margin: 0 10px 20px;}
}

@media (max-width:799px){
	.sctn_recommend .bg_yellow { padding-right: 2em;}
	.sctn_recommend .bg_yellow .img_area { position: static; transform: none; border: none; box-shadow: none; margin: 1em auto; width: auto; max-width: 90%;}
	.ftr_contact { margin: 1em 0;}
}

@media (max-width:599px){
	#visual .txt_area { font-size: 3.5vw; padding: 1em;}
	#visual .point > li { margin: 0.1em 0 0.3em;}
	#visual .lecture_ttl { line-height: 1;}
	.sctn_intro h2, .sctn_basic-knowledge h2 { font-size: 2rem;}
	.sctn_basic-knowledge dt.bg_blue { font-size: 1.25rem;}
	.sctn_recommend .bg_yellow { padding: 0.5em 1.5em;}
}

@media (max-width:499px){
	.sctn_basic-knowledge h2 > .dib { width: 100%;}
	.sctn_basic-knowledge dl::after { border: solid 40vw transparent; border-top: solid 6rem #4a94be;}
	.contact_mail { font-size: 100%; padding: 0.5em;}
}

@media (max-width:399px){
	.sctn_intro h2, .sctn_basic-knowledge h2 { font-size: 8vw;}
	.sctn_basic-knowledge .knowledge_list > li { width: 100%; max-width: 300px; margin: 0 auto 10px;}
}