@charset "utf-8";

#main {
	padding-left: 0;
	padding-right: 0;
}


/* タイトル部分
------------------------------------------ */
#main .con_h2.page_title {
	margin-bottom: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}
#main #page_title_index {
	margin-bottom: 20px;
	padding: 0;
}
#main #page_title_j {
	border-top: 4px solid #EA7BB3;
	background-color: #FFECF6;
}
#main #page_title_g3 {
	border-top: 4px solid #6BB6D9;
	background-color: #E9F2F7;
}
#main #page_title_g2 {
	border-top: 4px solid #8EC643;
	background-color: #EEF9DF;
}
#main #page_title_g1 {
	border-top: 4px solid #FF9933;
	background-color: #FEEAD5;
}
#main #page_title_nenrei {
	border-top: 4px solid #BE58B9;
	background-color: #F2E3F1;
}
#main #page_title_nenrei p.read {
	margin-top: -1em;
	padding-bottom: 1.5em;
	font-size: 1.6rem;
	line-height: 1.75;
	background-color: #F2E3F1;
}

/* タイトル見出し背景 */
#main .con_h2.page_title .main_ttl {
	margin: 0;
	padding: 0.8em 0;
	text-align: center;
}
#main #page_title_index .main_ttl {
	padding: 0;
	color: #0e357f;
	height: 43vw;
	text-align: left;
	background: url("../../images/pagetitle_bg.jpg") no-repeat top center;
	background-size: cover;
}

/* タイトル文字 */
#main .con_h2.page_title .main_ttl span {
	border-left: 0;
	font-size: 1.9rem;
}
#main #page_title_index .main_ttl span {
	font-size: 2.3rem;
	line-height: 43vw;
	padding-left: 0.8em;
}
#main .con_h2.page_title .main_ttl span strong {
	font-size: 2.7rem;
}
#main #page_title_j .main_ttl span strong,
#main #page_title_nenrei .main_ttl span strong {
	font-size: 2.6rem;
}

/* タイトル文字下背景濃い部分のテキスト（PC/SP共通） */
#main .con_h2.page_title p.sub_ttl {
	clear: both;
	padding: 4% 5%;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	color: #fff;
	background-color: #0e357f;
	border-radius: 0;
}
#main #page_title_j p.sub_ttl { background-color:#EA7BB3; }
#main #page_title_g3 p.sub_ttl { background-color:#6BB6D9; }
#main #page_title_g2 p.sub_ttl { background-color:#8EC643; }
#main #page_title_g1 p.sub_ttl { background-color:#FF9933; }
#main #page_title_nenrei p.sub_ttl { background-color:#BE58B9; }


#page_title_nenrei + .section .sub_ttl_nenrei {
	border-left: 0;
	margin-bottom: 0;
	
	padding: 4% 5%;
	font-size: 2rem;
	line-height: 1.5;
	color: #fff;
	background-color: #BE58B9;
}


/* コンテンツ
------------------------------------------ */
.txt {
	padding-left: 10px;
	padding-right: 10px;
}

/* サブタイトル */
#main .subttl {
	padding: 4% 5%;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.5;
	color: #fff;
	background-image: none;
	background-color: #0e357f;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}
#main .subttl span {
	padding-left: 0;
	background: none;
}
.course_nenrei #main .subttl {
	background-color: #BE58B9;
}


/* 見出し */
#course #main .con_h3_2 strong {
	font-size: 120%;
	color: #fff;
}

/* ボタン */
#course #main .link_btn {
	text-align: center;
}
#course #main .link_btn a {
	display: inline-block;
	width: 94%;
	padding: 20px 0;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	line-height: 1;
	text-decoration: none;
	background-image: linear-gradient(0deg, #3864b6 49%, #6a8bc8 50%);
	border-radius: 5px;
	box-sizing: border-box;
	position: relative;
}
#course #main .link_btn a::before,
#course #main .link_btn a::after {
	content: "";
	position: absolute;
	top: calc(50% - 1.5px);
	right: 10px;
	width: 10px;
	height: 3px;
	border-radius: 5px;
	background-color: #fff;
	transform-origin: calc(100% - 1.5px) 50%;
}
#course #main .link_btn a::before {
  transform: rotate(45deg);
}

#course #main .link_btn a::after {
  transform: rotate(-45deg);
}


/* 画像 */
#course #main .photo img.w280 {
	width: 100%;
	height: auto;
}


/*My時間割・カリキュラム*/

#course #main .jikanwari_ttl {
	margin-bottom: 15px;
}
#main .pink_txt {
	margin-bottom: 0 !important;
	color: #ea7bb3;
}
#main .blue_txt {
	margin-bottom: 0 !important;
	color: #0093d7;
}
#main .green_txt {
	margin-bottom: 0 !important;
	color: #8EC643;
}
#main .orange_txt {
	margin-bottom: 0 !important;
	color: #F87819;
}

#course #main .course_expl {
	display: block;
}
#course #main .course_expl li {
	width: 100%;
	background-color: transparent;
}

#course #main .course_expl li dt {
	text-align: left;
}
#course #main .course_expl li dt .hanrei {
	display: inline;
	color: #666;
}
#course #main .course_expl li dt .icon {
	position: relative;
	padding-left: 20px;
}
#course #main .course_expl li dt .icon::before {
	position: absolute;
	content: "";
	left: 0;
	top: -1px;
	width: 20px;
	height: 20px;
}
#course #main .course_expl li dt .icon.class::before {
	background-color: #e0ecb2;
}
#course #main .course_expl li dt .icon.kobetsu::before {
	background-color: #fbd9d0;
}


/* 教育ローン */
#course #main #loan .course_intro_ttl {
	color: #fff;
	background: #999;
}




/* 社会人・ブランクのある方へ
------------------------------------------ */
#course.course_nenrei .lead_area {
	display: flex;
	flex-wrap: wrap;
}
#course.course_nenrei #main .lead_area .lead_text {
	order: 1;
}
#course.course_nenrei #main .lead_area .lead_img {
	order: 0;
	margin-bottom: 15px;
}
#course.course_nenrei #main .lead_area .lead_img img {
	float: none;
	width: 100%;
	margin: 0;
}
#course.course_nenrei #main .lead_area .lead_list {
	order: 2;
}
#course.course_nenrei #main .lead_area .lead {
	margin-bottom: 15px;
	padding: 15px 10px 15px 15px;
	background-color: #F2E3F1;
}
#course.course_nenrei #main .lead_area #nenrei {
	margin-bottom: 0;
}
#course.course_nenrei #main .lead_area #nenrei li {
	color: #be58b9;
}
#course.course_nenrei #main .pur_bg {
	background-color: #F2E3F1;
}