@charset "UTF-8";
/*
	ページ専用スタイルシート

	////////// id・class名の命名規則 //////////

	（１） クラスの命名規則としてprefix（接頭辞）を付与すること。また先頭は必ず小文字指定とする。
	（例：「.exampleClass」というクラスを作る場合、頭にhogeを付けて「.hoge-exampleClass」とすること。「hoge」の部分は何でもよい。「page」など）
*/

/* -------------------------------------------------------------
	【 ブレイクポイント値・カラーコード参照 】
	以下の数値・カラーコードは、ページ内で使用しているものです。
	スタイルを記述する際に参考にしてください。
------------------------------------------------------------- */
:root {
	--breakpoint-sp: 736px;

	//  size
	//----------------------------------------------------------------------
	--page-width: 1200px;
	--main-width: 860px;
	--side-width: 300px;

	//  colors
	//----------------------------------------------------------------------
	--txtColor: #333;
	--overlayBg: rgba(0, 0, 0, 0.8);
	--red: #f43838;
	--red-light: #ff5c5c;
	--blue: #0f218b;
	--blue-light: #749ddb;
	--gray: #cccccc;
	--gray-dark: #959595;
	--gray-light: #dcdcdc;
	--gray-exLight: #f8f8f8;
	--gray-border: #dcdcdc;
	--gray-bg: #f8f8f8;
	--gray-bgDark: #e9e9e9;
	--black: #222;
	--green: #63c5d2;
}

/*
	hoge-exampleClass
------------------------------------------------------------- */
.hoge-exampleClass {
	color: #f00;
	background-color: #eee;
	border: 1px solid #f00;
}
/* PC style only */
@media screen and (min-width: 737px) {
}
/* SP style only */
@media screen and (max-width: 736px) {
}


/*
	先行して作成した分
------------------------------------------------------------- */
/*common*/
hr {
    margin-top: 24px;
    margin-bottom: 24px;
    border: 0;
    border-top: 1px solid #eee;
}
.text-center {
	text-align: center;
}
.i-link {
	text-decoration: none;
	&:hover {
		text-decoration: underline;
	}
}

.i-caretLink {
	text-decoration: none;
	&:hover {
		text-decoration: underline;
	}
}

.i-toTop {
	text-align: right;
	color: var(--blue);
	& > a {
		text-decoration: none;
		&:hover {
			text-decoration: underline;
		}
	}
	&::before {
		content: '';
		display: inline-block;
		width: 0;
		height: 0;
		border-bottom: 4px solid var(--blue-light);
		border-right: 5px solid transparent;
		border-left: 5px solid transparent;
		margin-right: .5em;
	}
}
.i-box {
	border-radius: 15px;
	padding: 30px;
	margin-bottom: 30px;
	margin-top: 20px;
}
.i-box-blue {
	background: #f1f7fc;
}
.i-box-yellow {
	background: #fffade;
}
.i-box-orange {
	background: #ffebcd;
}
.i-box-green {
	background: #d4ede7;
}
.i-box_contents {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	gap: 10px;
}
.i-box_body {
	flex-grow: 1;
}
.i-box_skill {
	display: inline-block;
	background: #acacac;
	color: #fff;
	padding: 3px 5px;
	margin-top: 20px;
}
.i-box_img {
	position: relative;
	-ms-align-self: flex-start;
	align-self: flex-start;
	flex-shrink: 0;
	& > a {
		display: block;
		& > span {
			position: absolute;
			bottom: 0;
			right: 0;
			background-color: var(--blue);
			color: #fff;
			display: inline-block;
			padding: 4px 8px;
		}
		& > img {
			width: 380px;
		}
	}
}
.i-boxImg {
	box-shadow: 1px 1px 2px 2px #CCC;
	background-color: #FFF;
	padding: 7px;
	margin: 7px;
	& > img {
		width: 180px;
	}
}

@media screen and (max-width: 736px){
	.i-box {
		padding: 20px 15px;
	}
	.i-box_contents {
		display: block;
	}
	.i-box_img {
		margin-top: 20px;
	}
	.i-boxImg {
			display: block;
			margin: 0 auto;
			width: 164px;
	}
}
.i-title {
		font-weight: bold;
		font-size: 24px;
		margin-top: 0;
		line-height: 1.3;
		& > span {
			font-size: 16px;
			font-weight: normal;
		}
	}
.i-desc {
	font-size: 18px;
	font-weight: bold;
}
@media screen and (max-width: 736px){
	.i-titleArea {
		padding: 10px;
	}
	.i-title {
		font-size: 18px;
	}
	.i-desc {
		font-size: 12px;
		margin-top: 3px;
	}
}

.i-sec_contents {
	width: 96%;
	margin: auto;
}
.i-sec_desc {
	background: #fef5dc;
	padding: 1em;
	border-radius: 5px;
	margin: 1em auto;
	i {
		color: #e79412;
	}
}
.i-sec_subttl {
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.i-sec_ttl {
	position: relative;
	width: 100%;
	margin: 0 0 .5em;
	font-size: 1.2em;
	background: #63b8ee;
	padding: 20px .5em 15px;
	color: #fff;
	text-align: center;
	border-bottom: 1px solid #000;
	padding-bottom: 0.5em;
	line-height: 1;
	& > span {
		position: absolute;
		top: -25%;
		left: 50%;
		transform: translateX(-50%);
		background: #fff;
		border: 1px solid #74c0ff;
		display: block;
		font-size: 70%;
		color: #74c0ff;
		padding: 5px 10px;
	}
}

/*common*/


/* .pageID-openSeminar */
.pageID-openSeminar {
	.i-titleArea {
		background: url('/files/co/page/open_seminar/opencourse.jpg') no-repeat center / cover;
		padding: 35px 20px;
		background-size: contain;
		aspect-ratio: 1200 / 260;
	}
	.i-title {
		font-weight: bold;
		font-size: 24px;
		margin-top: 0;
		line-height: 1.3;
		& > span {
			font-size: 16px;
			font-weight: normal;
		}
	}
	.i-desc {
		font-size: 18px;
		font-weight: bold;
	}
	@media screen and (max-width: 736px){
		.i-titleArea {
			padding: 10px;
		}
		.i-title {
			font-size: 18px;
		}
		.i-desc {
			font-size: 12px;
			margin-top: 3px;
		}
	}

	.i-sec_ttl {
		position: relative;
		width: 100%;
		margin: 0 0 .5em;
		font-size: 1.2em;
		background: #63b8ee;
		padding: 20px .5em 15px;
		color: #fff;
		text-align: center;
		border-bottom: 1px solid #000;
		padding-bottom: 0.5em;
		line-height: 1;
		& > span {
			position: absolute;
			top: -25%;
			left: 50%;
			transform: translateX(-50%);
			background: #fff;
			border: 1px solid #74c0ff;
			display: block;
			font-size: 70%;
			color: #74c0ff;
			padding: 5px 10px;
		}
	}
	.i-sec_contents {
		width: 96%;
		margin: auto;
	}
	.i-sec_desc {
		background: #fef5dc;
		padding: 1em;
		border-radius: 5px;
		margin: 1em auto;
		i {
			color: #e79412;
		}
	}
	.i-sec_subttl {
		font-size: 1.2rem;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.i-search {
		a {
			text-decoration: none;
			&:hover {
				text-decoration: underline;
				opacity: 1;
			}
		}
		img {
			float: right;
		}
	}
	@media screen and (max-width: 736px){
		.i-search {
			img {
				float: none;
			}
		}
	}

}/* .pageID-openSeminar */

/* .pageID-salesProcess */
.pageID-salesProcess {
	.i-flexTxt {
		.btn {
			display: -webkit-inline-flex;
			display: -moz-inline-flex;
			display: -ms-inline-flex;
			display: -o-inline-flex;
			display: inline-flex;
		}
	}
	.i-ttl-recommended {
		border-bottom: 1px solid #333;
		padding: 10px;
		font-size: 1.2rem;
		margin-bottom: 1.5rem;
		margin-top: 0;
		.i-ttl-tag {
			display: inline-block;
			background: #fff45c;
			margin-right: 5px;
			padding: 3px 15px;
		}
		.i-tag {
			display: inline-block !important;
			font-size: 12px !important;
			color: var(--blue) !important;
			background-color: #fff !important;
			border: 1px solid var(--blue) !important;
			border-radius: 4px !important;
			padding: 6px 8px !important;
			margin-left: .5em !important;
			font-weight: 500 !important;
			line-height: 1 !important;
		}
	}
	.i-box {
		border-radius: 15px;
		padding: 30px;
		margin-bottom: 3rem;
		margin-top: 20px;
	}
	.i-box-blue {
		background: #f1f7fc;
	}
	.i-box_contents {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		gap: 10px;
	}
	.i-box_body {
		flex-grow: 1;
	}
	.i-box_skill {
		display: inline-block;
		background: #acacac;
		color: #fff;
		padding: 3px 5px;
		margin-top: 20px;
	}
	.i-box_img {
		position: relative;
		-ms-align-self: flex-start;
		align-self: flex-start;
		flex-shrink: 0;
		& > a {
			display: block;
			& > span {
				position: absolute;
				bottom: 0;
				right: 0;
				background-color: var(--blue);
				color: #fff;
				display: inline-block;
				padding: 4px 8px;
			}
			& > img {
				width: 380px;
			}
		}
	}
	@media screen and (max-width: 736px){
		.i-box {
			padding: 20px 15px;
		}
		.i-box_contents {
			display: block;
		}
		.i-box_img {
			margin-top: 20px;
		}
	}

	.i-programTable {
		.program-name {
			width: 30%;
		}
		.program-skill {
			width: 40%;
		}
		.newcomer {
			width: 7%;
		}
		.young {
			width: 7%;
		}
		.leader {
			width: 7%;
		}
		.management {
			width: 9%;
		}
		td {
			img {
				margin-left: .5em;
			}
			a {
				text-decoration: none;
				&:hover {
					text-decoration: underline;
				}
			}
		}
	}

	.i-faq_q {
		font-weight: bold;
	}
	.i-faq_a {
		& > span {
			font-weight: bold;
		}
	}
	.btnList_item {
		border: none;
		& > .btn {
			border-radius: 5px;
			padding: 20px;
			i {
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				right: 10px;
			}
		}
	}

	.i-tag {
		display: inline-block;
		font-size: 12px;
		color: var(--blue);
		background-color: #fff;
		border: 1px solid var(--blue);
		border-radius: 4px;
		padding: 6px 8px;
		margin-left: .5em;
		font-weight: 500;
		line-height: 1;
	}

}/* .pageID-salesProcess */

/* .pageID-devops */
.pageID-devops {

	.imgTxt {
		justify-content: flex-start;
		gap: 30px;
	}
	.imgTxt_body {
		max-width: 60%;
		& > :first-child {
			margin-top: 0;
		}
	}
	@media screen and (max-width: 736px){
		.imgTxt_body {
			max-width: 100%;
		}
	}

	.i-borderTitle {
		margin: 20px 0 10px;
		padding: 5px 0 0;
		border-top: 2px solid #CCC;
	}
	.i-interviewTitle {
		margin: 30px 0 0;
	}
	.i-borderTitle_txt {
		font-size: 1.2em;
		font-weight: bold;
		color: #313131;
		text-shadow: 1px 2px 0px #dcdcdc;
	}
	.i-boxImg {
		box-shadow: 1px 1px 2px 2px #CCC;
		background-color: #FFF;
		padding: 7px;
		margin: 7px;
		& > img {
			width: 180px;
		}
	}
	@media screen and (max-width: 736px){
		.i-boxImg {
			display: block;
			margin: 0 auto;
			width: 164px;
		}
	}

	.i-indentTxt {
		padding-left: 2em;
		margin-top: 20px;
		& > :first-child {
			margin-top: 0;
		}
	}

	.i-toTop {
		border-bottom: 2px solid #ccc;
		padding-bottom: 30px;
	}
	.panel_title {
		font-weight: bold;
	}
	.panel_profile {
		margin-top: 10px;
		font-weight: bold;
	}
	.panel_indentTxt {
		padding-left: 1em;
		margin-top: 5px;
	}

}/* .pageID-devops */
/* .pageID-mailForm */
.pageID-mailForm {
	.mail_hero {
    position: relative;
    width: 100%;
    position: relative;
    background: url(/files/co/page/form/hrd_mail.jpg) no-repeat;
    background-size: contain;
    aspect-ratio: 1200 / 260;
    color: #fff;
}
	h1 {
		font-size: 1.7em;
		font-weight: bold;
		line-height: 1.3em;
		margin: 0;
		padding: 65px 0 15px 75px;
	}
} 
/* .pageID-mailForm */
/* .pageID-guideApplication */
.pageID-guideApplication {
	.introduction_desc_box {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		color: #fff;
		padding: 20px;
		text-align: center;
		height: 260px;
		background: url(/files/co/page/guide/il_square01.jpg) no-repeat;
		background-size: contain;
		margin-bottom: 40px;
	}
	.introduction_desc_box .introduction_desc_txt {
		background: rgba(0, 53, 126, 0.8);
		font-size: 1.4rem;
		font-weight: bold;
	}
	@media screen and (max-width: 736px){
		.introduction_desc_box {
			height: auto;
			background-size: cover;
		}
	}

	.registration_flow {
		background: #EDF4FC;
		padding: 20px;
		margin: 20px auto 60px;
		border-radius: 20px;
		.stepbar {
			background: #fff;
			border-radius: 15px;
			padding: 20px;
			margin: 20px auto 40px;
		}
	}

	.stepbar .stepbarwrap {
		position: relative;
		margin: 2em 0;
	}
	
	.stepbar .stepbarwrap .steptitle {
		position: relative;
		display: flex;
		align-items: end;
		z-index: 2;
	}
	.stepbar .stepbarwrap .steptitle .stepcircle {
		width: 80px;
	}
	.stepbar .stepbarwrap .steptitle p {
		margin: 1em;
		font-weight: bold;
		font-size: 1.2em;
	}
	.stepbar .stepbarwrap .steptxt {
		display: flex;
		justify-content: space-between;
		padding-left: 6em;
		gap: 1em;
	}

	.stepbar .stepbarwrap .stepline {
		width: 1px;
		height: 100%;
		background-color: #002C80;
		position: absolute;
		top: 2em;
		left: 40px;
		z-index: 1;
	}
	@media screen and (max-width: 736px){
		.stepbar .stepbarwrap .steptxt {
			display: block;
			padding-left: 60px;
		}
		.stepbar .stepbarwrap .steptitle .stepcircle {
			width: 56px;
		}
		.stepbar .stepbarwrap .steptitle p {
			margin: .5em;
		}
		.stepbar .stepbarwrap .stepline {
			left: 29px;
		}
	}

	.entry_box {
		background: #EDF4FC;
		padding: 20px;
	}
	.entry_box .text_center {
		text-align: center;
	}
	.entry_box .type {
		display: flex;
		justify-content: space-between;
		margin-bottom: 20px;
	}
	@media screen and (max-width: 736px){
		.entry_box .type {
			display: block;
		}
	}
	.type_box {
		width: 49%;
		padding: 20px;
		background: #fff;
		border-radius: 15px;
		text-align: center;
		display: flex;
		flex-direction: column;
	}
	.type_box_txt {
		flex-grow: 1;
	}
	@media screen and (max-width: 736px){
		.type_box {
			width: 100%;
			&:last-child {
				margin-top: 20px;
			}
		}
	}
	
	.box_faq dt:before {
		content: "Q";
	}
	.box_faq dd:before {
    content: "A";
	}
	.box_faq dl {
		padding-left: 3%;
	}
	.box_faq dt:before, .box_faq dd:before {
		position: absolute;
		left: 5%;
		font-weight: 600;
		font-size: 1.3em;
	}
	.related_link {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.related_link.multi:after {
		content: "";
		display: block;
		width: 32%;
		height: 0;
	}
	.related_link .related_link_thumb {
		width: auto;
		height: auto;
		margin-right: 2%;
	}
	.related_link.multi .related_link_thumb img {
		width: 130px;
		height: 100px;
		-o-object-fit: cover;
		object-fit: cover;
	}
	.related_link_txt {
		font-size: 14px;
	}
	.related_link a {
		display: flex;
		justify-content: space-between;
		width: 32%;
		border: 1px solid #b9b9b9;
		color: #333;
		align-items: center;
		margin-bottom: 1rem;
	}
	.registration_area {
		padding: 0 20px 20px;
		display: flex;
		justify-content: space-between;
	}
	.registration_type {
		width: 48%;
	}
	table caption {
		caption-side: top !important;
	}
	@media screen and (max-width: 736px){
		.related_link {
			display: block;
		}
		.related_link a {
			width: 100%;
		}
	}
}
/* .pageID-guideApplication */
/* .pageID-registration */
.pageID-registration {
	.kiyakuarea {
		height: 300px;
	}
}
/* .pageID-registration */

/* .pageID-illustratedThinking */

@media screen and (min-width: 890px) {
    .pageID-illustratedThinking {
		.merit {
			display: flex;
			justify-content: space-around;
			flex-wrap: wrap;
		}
		.merit li {
			display: flex;
			align-items: center;
			background: #fff;
			border-radius: 20px;
			width: calc((100% / 3) - 20px);
			padding: 10px;
			margin: 10px 0;
			font-size: 1.1rem;
		}
		.merit li:nth-child(1) {
			margin-left: 16%;
		}
		.merit li:nth-child(2), .merit li:nth-child(2){
			margin-right: 16%;
		}
		.merit li span {
			display: flex;
			justify-content: center;
			align-items: center;
			background: #000;
			width: 1em;
			height: 1em;
			border-radius: 50px;
			aspect-ratio: 1 / 1;
			color: #fff;
			font-size: 1.2em;
			margin-right: 5px;
		}
		.katsuyou {
			display: flex;
		}
		.img-responsive {
			display: block;
			max-width: 100%;
			height: auto;
		}
	}
}
/* .pageID-illustratedThinking */
/* .pageID-bbtEssentials */
.pageID-bbtEssentials {
	.page_nav {
		display: flex;
		justify-content: space-around;
		margin: 2em auto 3em;
		font-weight: bold;
		flex-wrap: wrap;
	}
	.page_nav div {
		width: 50px;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
	.page_nav a {
		display: block;
		position: relative;
		border: 2px solid #00509a;
		text-align: center;
		padding: 20px 5px 30px;
		flex-basis: 20%;
		line-height: 1;
		color: #000;
		transition: all .3s;
	}
	.page_nav a:hover {
		text-decoration: none;
		background: #00509a;
		color: #fff;
	}
	.page_nav a:after {
		position: absolute;
		bottom: 15px;
		left: 50%;
		content: "";
		display: block;
		width: 10px;
		height: 10px;
		border-top: 2px solid #00509a;
		border-right: 2px solid #00509a;
		transform: rotate(135deg) translateX(50%);
    	transition: all .3s;
	}
	.page_nav a:hover:after {
		bottom: 12px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
	}
	a:link {
		color: #00509a;
		text-decoration: none;
	}
	.page_nav a b {
		display: block;
		font-size: 1.2rem;
		margin-bottom: 1rem;
		text-decoration: underline;
	}
	.issue_box {
   		display: flex;
	}
	.issue_box dl {
		width: 48%;
	}
	.issue_box_01 {
		background: #f9ddb3;
	}
	.issue_box dd {
		padding: 1em;
		font-size: 14px;
	}
	.issue_box_02 {
		background: #c3e0ff;
	}
	.issue_box_01 + div {
		display: flex;
		align-self: center;
	}
	.ttl_point_num {
		font-size: 12rem;
		font-weight: bold;
		position: relative;
		z-index: -1;
		color: #eaf6ff;
		top: 10rem;
		left: -2rem;
		line-height: 1;
		margin-top: -10rem;
	}
	.box_point .box_desc .ttl_point {
		text-align: center;
		font-size: 1.5rem;
		margin-bottom: 2rem;
	}
	.col-md-6 {
		width: 50%;
		float: left;
	}
	#topic04 {
		position: relative;
		top: 4rem;
	}
	.point04_box {
		background: #eaf6ff;
		padding: 25px;
		font-size: 12px;
	}
	.point04_box_ttl {
		font-size: 22px;
		font-weight: bold;
		color: #1067ba;
	}
	.point04_box_wrap {
		display: flex;
		justify-content: space-between;
		margin-top: 10px;
	}
	.point04_card {
		background: #fff;
		width: calc((100% / 3) - 20px);
		padding: 15px;
		border-radius: 15px;
	}
}

/* .pageID-bbtEssentials */
/* .pageID-projectManagement */
.pageID-projectManagement {
	.f-c-lbb {
		color: #0b549d;
	}
	.f-big03 {
		font-size: 1.3em;
	}
	.feature_box .imgTxt_body h3 {
		float: left;
		font-size: 1.8rem;
		margin: 0 10% 0 0 !important;
		margin-bottom: 1rem !important;
		padding: 0 15px;
		display: flex;
		align-items: center;
		color: #0b549d;
	}
	.feature_box:nth-child(3) .imgTxt_body h3 {
		margin: 0 !important;
		padding: 0;
	}
	.feature_box:nth-child(4) .imgTxt_body h3 {
		margin-right: 22% !important;
	}
	
	.feature_box .imgTxt_body h3 span {
		display: block;
		font-size: 280%;
		color: #aaa;
		padding-right: 15px;
	}
	.feature_box-full h3 {
		font-size: 1.8rem;
		margin: 0 10% 0 0 !important;
		margin-bottom: 1rem !important;
		padding: 0 15px;
		display: flex;
		align-items: center;
		color: #0b549d;
	}
	.feature_box-full h3 span {
		display: block;
		font-size: 280%;
		color: #aaa;
		text-align: center;
		padding-right: 10px;
	}
	.course_box {
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.course_box a {
		display: block;
		width: calc((100% / 3) - 15px);
		padding: 15px;
		text-decoration: none;
		border: 1px solid #ccc;
		border-radius: 15px;
	}
	.attnarea {
		margin: 0 0 20px;
		padding: 1em 1em 0.5em;
		border: solid 1px #ababab;
	}
	@media screen and (max-width: 736px){
		.course_box {
			display: block;
		}
		.course_box a {
			width: 100%;
			&:last-child {
				margin-top: 20px;
			}
		}
		.feature_box .imgTxt_body h3 {
			margin-right: 0 !important;
		}
		.feature_box:nth-child(4) .imgTxt_body h3 {
			margin-right: 0 !important;
		}
		.feature_box-full h3 {
			margin-right: 0 !important;
		}
	}
}
/* .pageID-projectMnaagement */
/* .pageID-guideRegulation */
.pageID-guideRegulation {
	.iLearning-bullet-list li {
		list-style-type: square !important;
		display:list-item;
		margin-left: 1.5em;
        padding-left: 0.5em;
	}
}
/* .pageID-guideRegulation */
/* .pageID-guideVendorIbm */
.pageID-guideVendorIbm {
	.cont02 {
		text-align: center;
		vertical-align: middle;
		color: #FFF;
		font-weight: bolder;
		font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
		letter-spacing: 2px;
		padding: 1em 0;
		font-size: 1.2em;
		margin-top: 16px;
		background-color: #00347d;
		height: 70px;
	}
	.attnarea {
		margin: 1em 0 20px;
		padding: 0em 1em 1em;
		border: solid 1px #ababab;
	}
	.bgRoyalBlue {
		background-color: #3f5dba;
		color: #fff;
	}
	.iLearning-bullet-list li {
		list-style-type: square !important;
		display:list-item;
		margin-left: 1.5em;
        padding-left: 0.5em;
	}
}

/* .pageID-guideVendorIbm */
/* .pageID-itSkills */
.pageID-itSkills {
	.box_blue {
		padding: 2em 1em;
		margin: 2em 0;
		color: #fff;
		background: #172e76;
		line-height: 1.7;
	}
	td, th{
		border: none;
		text-align: center;
	}
	img.SP30_wawiwa {
		width: 50%;
	}
	.design01 {
		width: 50%;
		border-collapse: collapse;
		border-spacing: 0;
		border: solid 3px #9dabc0;
	}
	.design01 th {
		padding: 10px;
		text-align: center;
		background: #d3dfe2;
		border: solid 1px #778ca3;
		font-weight: bold;
		color: #000;
	}
	.design02 {
		width: 50%;
		border-collapse: collapse;
		border-spacing: 0;
		border: solid 3px #9dabc0;
	}
	.design02 th {
		padding: 10px;
		text-align: center;
		background: #d3e1f1;
		border: solid 1px #778ca3;
		font-weight: bold;
		color: #000;
	}
	.container_wawiwa {
		display: flex;
		flex-wrap: wrap;
	}
	.column_wawiwa {
		width: 50%;
	}
	.hr_box {
		padding: 1.5em;
		margin: 2em 0;
		border: solid 2px #aaaaaa;
	}
	.box_c_lg {
		padding: 2em;
		margin: 2em 0;
		background: #eeeeee;
		border-radius: 10px;
	}
	.i-boxImg {
		padding: 0;
		box-shadow: none;
		background-color: transparent;
		img {
			border-radius: 10px;
		}
	}
	@media screen and (max-width: 736px) {
		.column_wawiwa {
			width: 100%;
		}
	}
}

/* .pageID-itSkills */
/* .pageID-instructors */
.pageID-instructors {
	.f-bold {
		font-weight: bold;
	}
	th, td {
		border: none;
	}
	.instructors-box {
		display: flex;
		flex-wrap: wrap;
	}
	.instructors-item:not(:nth-child(3n+3)) {
		margin-right: 2%;
	}
	.instructors-item:nth-child(1) {
		background-color: #acc8d1;
	}
	.instructors-item:nth-child(2) {
		background-color: #bbddb7;
	}
	.instructors-item:nth-child(3) {
		background-color: #ebd2ae;
	}
	.instructors-item {
		width: 32%;
		border-radius: 10px;
		font-weight: bold;
		text-align: center;
		padding: 10px;
		width: calc((100% - 30px * 2) / 3);
		background-color: #fff;
		white-space: nowrap;
	}
	.instructors-item a {
		color: #fff;
		text-decoration: none;
	}
	.instructors-item a:hover {
		text-decoration: underline;
	}
	.il820_nomargin hr {
		border-top: 1px dashed #bbb;
		width: 100%;
	}
	.instructors_01 {
		width: 100%;
		background: #acc8d1;
		color: #FFF;
		font-weight: bolder;
		padding: 8px 20px;
		font-size: 1.1em;
		letter-spacing: 1px;
		border-radius: 5px;
	}
	.instructors_02 {
		width: 100%;
		background: #bbddb7;
		color: #FFF;
		font-weight: bolder;
		padding: 8px 20px;
		font-size: 1.1em;
		letter-spacing: 1px;
		border-radius: 5px;
	}
	.instructors_03 {
		width: 100%;
		background: #ebd2ae;
		color: #FFF;
		font-weight: bolder;
		padding: 8px 20px;
		font-size: 1.1em;
		letter-spacing: 1px;
		border-radius: 5px;
	}
	.box_gray_suare_ins {
		padding: 1em;
		margin: 2em 0;
		background: #FFF;
		border: solid 2px #73b0c0;
		color: #5f6768;
	}
	img.new_border_radius {
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		margin-left: 15px;
	}
	.ins_part {
		padding: 2px 0.5em;
		margin: 3px 3px;
		font-weight: bold;
		color: #fff;
		background: #5da5bc;
		border-radius: 6px;
		display: inline-block;
	}
	.ins_part p {
		margin-top: 0;
	}
	.iLearning-bullet-list li {
		list-style-type: square !important;
		display:list-item;
		margin-left: 1.5em;
        padding-left: 0.5em;
	}
}

/* .pageID-instructors */
/* .pageID-guideLocation */
.pageID-guideLocation {
	.ancList {
		display: grid;
		gap: 16px;
		grid-template-columns: repeat(8, 1fr);
		margin: 30px 0 0;
	}
	.ancList .btn::after{
		content: "\ea02";
		font-family: "icons";
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		display: inline-block;
		font-size: 0.4em;
		padding: 2px 0 0 6px;
	}
	.areaBox {
		margin: 50px 0 30px;
	}
	.area_head {
		background-color: #e0ecfc;
		color: #000;
		font-size: 1.5rem;
		font-weight: 700;
		line-height: 1.33;
		padding: 12px 50px 12px 22px;
		position: relative;
		text-align: left;
	}
	.cateList_btn:after, .cateList_btn:before {
		background-color: #0f218b;
		content: "";
		display: inline-block;
		height: 1px;
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
		transition: all .4s;
		width: 20px;
	}
	.cateList_btn:after {
		transform: translateY(-50%) rotate(90deg);
	}
	.category_item {
		border-color: #0f218b;
		color: #0f218b;
	}
	/* アコーディオン */
	.venueToggle {
		display: none;
	}
	.venueLabel {		/*タイトル*/
		padding: 1em;
		display: block;
		color: #000;
		background:#fff;
		border-bottom: 1px solid #dcdcdc ;
	}
	.venueLabel::before{		/*タイトル横の矢印*/
		content:"\ea0c";
		font-family: "icons";
		text-rendering: auto;
		color: #333;
		font-weight: lighter;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		display: inline-block;
		font-size: 1.0em;
		/* font-size: 3.0em; */
		position: absolute;
		top: 20px;
		right: 20px;
		-webkit-transform: rotate(45deg);
	    transform: rotate(135deg);
	}
	.venueLabel,
	.venueContent {
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transform: translateZ(0);
		transition: all 0.3s;
	}
	.venueContent {		/*本文*/
		height: 0;
		margin-bottom:10px;
		padding:0 20px;
		overflow: hidden;
	}
	.venueToggle:checked + .venueLabel + .venueContent {	/*開閉時*/
		height: auto;
		padding:20px ;
		transition: all .3s;
	}
	.venueToggle:checked + .venueLabel::before {
		content:"ー";
		font-family: "icons";
		text-rendering: auto;
		color: #333;
		font-weight: lighter;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		display: inline-block;
		/* font-size: 3.0em; */
		position: absolute;
		font-size: 1.5em;
		top: 15px;
		right: 18px;
		-webkit-transform: rotate(90deg);
	    transform: rotate(180deg);
	}
	.txtShowBigMap {
		float: right;
	}
	
}


/* .pageID-guideLocation */

/* .pageID-caseStudy */
.pageID-caseStudy {
	.related-articles {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		border-top: 1px solid var(--gray-border);
	}
	.related-articles_item {
		padding: 20px 20px 20px 0;
		border-bottom: 1px solid var(--gray-border);
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		gap: 20px;
		color: var(--txtColor);
		font-weight: bold;
		text-decoration: none;
		line-height: 1.4;
		&:nth-child(2n) {
			padding: 20px 0 20px 20px;
			border-left: 1px solid var(--gray-border);
		}
	}
	@media screen and (max-width: 736px){
		.related-articles {
			display: block;
		}
		.related-articles_item {
			padding: 10px;
			&:nth-child(2n) {
				padding: 10px;
				border-left: none;
			}
		}
	}
}
/* .pageID-caseStudy */

/* .pageID-form */
.pageID-form {
	.form-contents {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 50px;
	}
	.form-archive {
		background-color: var(--blue);
		border-radius: 8px;
		margin-top: 10px;
		color: #fff;
		font-weight: bold;
		padding: 4px 10px;
	}
	.hr_box {
		padding: 1.5em;
		border: solid 2px #aaaaaa;
		.mktoButton {
			width: auto;
		}
	}
	@media screen and (max-width: 736px){
		.form-contents {
			display: block;
		}
		.hr_box {
			padding: 1em;
		}
	}
}
/* .pageID-form */

/* .pageID-newCourseList */
.pageID-newCourseList {
	.recommendCourse > :first-child {
		margin-top: 0;
	}
	.recommendCourse_item {
		background-color: #fff;
		box-shadow: 0 1px 10px 0 #0400001a;
		border-radius: 10px;
		margin-top: 10px;
	}
	.recommendCourse_link {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		gap: 20px;
		align-items: center;
		padding: 20px 40px 20px 20px;
		position: relative;
		text-decoration: none;
		color: var(--txtColor);
	}
	.recommendCourse_link::after {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		content: "\ea14";
		font-family: icons;
		font-size: 8px;
		position: absolute;
		right: 20px;
		text-rendering: auto;
		top: 50%;
		transform: translateY(-50%);
	}
	.recommendCourse_img {
		flex-shrink: 0;
	}
	.recommendCourse_title {
		color:var(--blue);
		font-size: 18px;
		font-weight: bold;
		margin-top: 0;
	}
	.recommendCourse_detail {
		font-size: 14px;
		margin-top: 10px;
	}

	@media (hover: hover) {
		.recommendCourse_link:hover {
			opacity: 1;
		}
		.recommendCourse_link:hover .recommendCourse_title {
			text-decoration: underline;
		}
	}

	@media screen and (max-width: 736px) {
		.recommendCourse_item {
		}
		.recommendCourse_link {
			padding: 10px 20px 10px 10px;
			gap: 10px;
		}
		.recommendCourse_link::after {
			right: 10px;
		}
		.recommendCourse_title {
			font-size: 15px;
			line-height: 1.4;
		}
		.recommendCourse_detail {
			font-size: 12px;
			line-height: 1.4;
		}
	}
	.courseListHead {
		font-size: 1.5rem;
		line-height: 1.4;
		margin: 40px 0 30px;
		padding-bottom: 16px;
		color: var(--blue);
		border-bottom: 1px solid var(--blue);
		text-align: center;
	}
}
/* .pageID-newCourseList */

/* .pageID-ai */
.pageID-ai {
	.i-caseTree > :first-child {
		margin-top: 0;
	}
	.i-caseTree_block {
		display: flex;
		gap: 90px;
		align-items: center;
		margin-top: 30px;
	}
	.i-caseTree_title {
		color: #fff;
		background-color: var(--blue);
		width: 200px;
		min-height: 100px;
		text-align: center;
		font-weight: bold;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 28px;
		flex-shrink: 0;
		line-height: 1.5;
		position: relative;
	}
	.i-caseTree_title::after {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		transform: translate(100%, -50%);
		width: 50px;
		height: 0.5px;
		background-color: #333;
	}
	.i-caseTree_body {
		position: relative;
	}
	.i-caseTree_body > :first-child {
		margin-top: 0;
	}
	.i-caseTree_body::after {
		content: '';
		position: absolute;
		top: 30px;
		left: -40px;
		width: 0.5px;
		height: calc(100% - 60px);
		background-color: #333;
	}
	.i-caseTree_item {
		display: flex;
		align-items: center;
		margin-top: 20px;
	}
	.i-caseTree_subTitle {
		background-color: var(--blue-light);
		color: #fff;
		text-align: center;
		padding: 15px 28px;
		min-width: 200px;
		font-weight: bold;
		position: relative;
	}
	.i-caseTree_subTitle::after {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		transform: translate(-100%, -50%);
		width: 40px;
		height: 0.5px;
		background-color: #333;
	}
	.i-caseTree_detail {
		background-color: #fff;
		font-size: 14px;
		padding: 0 20px;
		line-height: 1.43;
	}

	@media screen and (max-width: 736px) {
		.i-caseTree_block {
			display: block;
		}
		.i-caseTree_title {
			width: 100%;
			min-height: 0;
			padding: 10px 20px;
		}
		.i-caseTree_title::after {
			content: none;
		}
		.i-caseTree_body {
			margin-top: 10px;
		}
		.i-caseTree_body::after {
			content: none;
		}
		.i-caseTree_item {
			align-items: stretch;
			margin-top: 10px;
		}
		.i-caseTree_subTitle {
			min-width: 150px;
			padding: 10px 10px;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.i-caseTree_subTitle::after {
			content: none;
		}
		.i-caseTree_detail {
			padding: 10px 10px;
			font-size: 13px;
		}
	}

	.i-ba > :first-child {
		margin-top: 0;
	}

	.i-ba_block {
		background-color: #e9e9e9;
		display: grid;
		padding: 10px;
		grid-template-columns: 170px 335px 335px;
		margin-top: 36px;
		position: relative;
	}

	.i-ba_block::after {
		content: '';
		clip-path: polygon(0 0, 100% 0, 50% 100%);
		background-color: #b3b3b3;
		width: 28px;
		height: 17px;
		position: absolute;
		bottom: -10px;
		left: 80px;
		transform: translateY(100%);
	}

	.i-ba_block:last-child::after {
		content: none;
	}

	.i-ba_title {
		color: var(--blue);
		background-color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 1.5;
		font-weight: bold;
		text-align: center;
		padding: 10px 5px;
	}

	.i-ba_before,
	.i-ba_after {
		padding: 13px 20px 20px;
	}

	.i-ba_name {
		text-decoration: underline;
		font-family: Poppins, sans-serif;
		font-size: 14px;
		text-underline-offset: 0.3em;
		text-align: center;
		line-height: 1;
		margin-bottom: 10px;
	}

	.i-ba_before {
		background-color: #dbdbdb;
	}

	.i-ba_after {
		background-color: var(--blue);
		color: #fff;
	}

	.i-ba_txt {
		font-size: 14px;
		font-weight: bold;
		text-indent: -1em;
		padding-left: 1em;
		margin-top: 0;
		line-height: 1.71;
	}

	@media screen and (max-width: 736px) {
		.i-ba_block {
			display: block;
		}
		.i-ba_block::after {
			left: 50%;
			transform: translate(-50%, 100%);
		}
		.i-ba_before,
		.i-ba_after {
			padding: 10px 10px 14px;
		}
	}

	.i-support {
		background-color: #e9e9e9;
		font-size: 24px;
		line-height: 1.25;
		color: var(--blue);
		font-weight: bold;
		padding: 15px 10px;
		text-align: center;
		position: relative;
		margin-top: 40px;
	}

	.i-support .btn {
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
		width: 170px;
		&::after {
			transform: translateY(-50%) rotate(90deg);
		}
	}

	@media screen and (max-width: 736px) {
		.i-support .btn {
			position: relative;
			transform: none;
			top: 0;
			right: 0;
			margin: 10px auto 0;
		}
	}

	.i-divisions {
		margin-top: 25px;
		position: relative;
	}

	.i-divisions::after {
		content: '';
		background: url('/assets/images/pages/ai/triangle.png') no-repeat center / contain;
		display: inline-block;
		width: 194px;
		height: 167px;
		position: absolute;
		top: 55%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: -2;
	}

	.i-divisions_bottom {
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 44px auto 0;
		gap: 26px;
	}

	.i-divisions_bottom .i-divisions_block {
		margin: 0;
	}

	.i-divisions_block {
		width: 340px;
		text-align: center;
		margin: 0 auto;
		position: relative;
		min-height: 286px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.i-divisions_block::after {
		content: '';
		display: inline-block;
		width: 286px;
		height: 286px;
		border-radius: 50%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: -1;
	}

	.i-divisions_block-01 .i-divisions_title {
		color: #63c5d2;
	}

	.i-divisions_block-01::after {
		background-color: #e1f6f9;
	}

	.i-divisions_block-02 .i-divisions_title {
		color: var(--blue);
	}

	.i-divisions_block-02::after {
		background-color: #e8ebf7;
	}

	.i-divisions_block-03 .i-divisions_title {
		color: var(--blue-light);
	}

	.i-divisions_block-03::after {
		background-color: #e3f2fb;
	}

	.i-divisions_title {
		font-size: 24px;
		font-weight: bold;
		line-height: 1.25;
		margin-top: 0;
	}

	.i-divisions_txt {
		margin-top: 15px;
	}

	.i-divisions_btn {
		width: 100%;
		color: #fff;
		margin-top: 20px;
	}

	@media screen and (max-width: 736px) {
		.i-divisions::after {
			content: none;
		}
		.i-divisions_bottom {
			display: block;
			margin-top: 0;
		}
		.i-divisions_bottom .i-divisions_block {
			margin: 10px auto 0;
		}
	}

	.i-skillTable tr {
		border-top: 1px solid var(--blue);
	}

	.i-skillTable tr:has(> th) td {
		border-top: none;
	}

	.i-skillTable tr:last-child {
		border-bottom: 1px solid var(--blue);
	}

	.i-skillTable thead tr {
		border: none;
	}

	.i-skillTable_head {
		border: none;
		background-color: transparent;
		padding: 0 1px;
		width: 152px;
		font-weight: bold;
	}

	.i-skillTable_headInner {
		padding: 10px;
	}

	.i-skillTable_headInner-green {
		background-color: #e1f6f9;
		color: var(--green);
	}

	.i-skillTable_headInner-blueLight {
		background-color: #e3f2fb;
		color: var(--blue-light);
	}

	.i-skillTable_headInner-blue {
		background-color: #e8ebf7;
		color: var(--blue);
	}

	.i-skillTable_th {
		background-color: transparent;
		color: var(--blue);
		border: none;
		vertical-align: top;
		font-weight: bold;
		padding: 10px 20px;
		width: 220px;
	}

	.i-skillTable_td {
		border-left: none;
		border-right: none;
		border-bottom: none;
		padding: 0 1px;
		font-weight: 500;
	}

	.i-skillTable_tdInner {
		padding: 5px 10px;
	}

	.i-skillTable_tdInner-green {
		background-color: #e1f6f9;
		text-align: center;
	}

	.i-skillTable_tdInner-blueLight {
		background-color: #e3f2fb;
		text-align: center;
	}

	.i-skillTable_tdInner-blue {
		background-color: #e8ebf7;
		text-align: center;
	}

	@media screen and (max-width: 736px) {
		.i-skillTable {
			min-width: 580px;
		}
		.i-skillTable_head {
			font-size: 12px;
			width: 110px;
		}
		.i-skillTable_headInner {
			padding: 8px 8px;
		}
		.i-skillTable_th {
			padding: 10px 6px;
			font-size: 12px;
			width: 80px;
		}
		.i-skillTable_td {
			font-size: 12px;
			width: 100px;
		}
		.i-skillTable_tdInner {
			padding: 5px 8px;
		}
	}

	.i-pyramid_col {
		color: #fff;
		font-weight: bold;
		font-size: var(--rem-18px-pc);
		text-align: center;
		margin: 0 auto;
		padding: 18px 10px;
	}
	.i-pyramid_col-01 {
		background-color: #3ebcea;
		width: 200px;
	}
	.i-pyramid_col-02 {
		background-color: #189ecf;
		width: 300px;
		position: relative;
	}
	.i-pyramid_col-02::after {
		content: url('/assets/images/pages/ai/icon_plus.svg');
		position: absolute;
		bottom: -12px;
		left: 50%;
		transform: translate(-50%, 100%);
	}
	.i-pyramid_col-03 {
		background-color: #72d6e3;
		width: 400px;
		margin-top: 60px;
	}
	.i-pyramid_col-04 {
		background-color: #63c5d2;
		width: 500px;
	}

	.i-pyramid-s .i-pyramid_col {
		font-size: 15px;
		padding: 15px 4px;
	}
	.i-pyramid-s .i-pyramid_col-01 {
		width: 150px;
		position: relative;
	}
	.i-pyramid-s .i-pyramid_col-01::before,
	.i-pyramid-s .i-pyramid_col-02::before {
		content: '';
		display: inline-block;
		width: 100%;
		height: 0.5px;
		background-color: var(--blue);
		position: absolute;
		top: 50%;
		right: 0;
		transform: translate(100%, -50%);
		z-index: -1;
	}
	.i-pyramid-s .i-pyramid_col-02 {
		width: 190px;
		position: relative;
	}
	.i-pyramid-s .i-pyramid_col-03 {
		width: 220px;
	}
	.i-pyramid-s .i-pyramid_col-04 {
		width: 250px;
	}

	@media screen and (max-width: 736px) {
		.i-pyramid_col {
			padding: 10px 10px;
		}
		.i-pyramid_col-01 {
			width: 180px;
		}
		.i-pyramid_col-02 {
			width: 230px;
		}
		.i-pyramid_col-03 {
			width: 280px;
		}
		.i-pyramid_col-04 {
			width: 330px;
		}
		.i-pyramid-s .i-pyramid_col::before {
			content: none;
		}
	}
	/* i-divisionTable */
	.i-divisionTable-01 .i-divisionTable_title {
		color: #63c5d2;
	}
	.i-divisionTable-01 .i-divisionTable_table {
		background-color: #e1f6f9;
	}

	.i-divisionTable-02 .i-divisionTable_title {
		color: #749ddb;
	}
	.i-divisionTable-02 .i-divisionTable_table {
		background-color: #dcecfa;
	}

	.i-divisionTable-03 .i-divisionTable_title {
		color: #a4c4f4;
	}
	.i-divisionTable-03 .i-divisionTable_table {
		background-color: #e3f2fb;
	}

	.i-divisionTable-04 .i-divisionTable_title {
		color: #0f218b;
	}
	.i-divisionTable-04 .i-divisionTable_table {
		background-color: #e0e4f7;
	}

	.i-divisionTable-05 .i-divisionTable_title {
		color: #6f7fd9;
	}
	.i-divisionTable-05 .i-divisionTable_table {
		background-color: #e8ebf7;
	}

	.i-divisionTable_title {
		text-align: center;
		font-size: var(--rem-20px-pc);
		font-weight: bold;
	}

	.i-divisionTable_table {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}

	.i-divisionTable_table-4col {
		grid-template-columns: repeat(4, 1fr);
	}

	.i-divisionTable_col {
		border-right: 1px solid var(--gray-border);
		padding: 14px 20px;
	}

	.i-divisionTable_col:last-child {
		border: none;
	}

	.i-divisionTable_row {
		display: flex;
		justify-content: space-between;
	}

	.i-divisionTable_name {
		font-weight: 500;
	}

	/* media query */
	@media screen and (max-width: 736px) {
		.i-divisionTable_table {
			display: block;
		}
		.i-divisionTable_col {
			border-right: none;
			border-bottom: 1px solid var(--gray-border);
			padding: 10px 15px;
		}
		.i-divisionTable_row {
			justify-content: center;
			gap: 20px;
		}
		.i-divisionTable_name {
			min-width: 8em;
		}
	}

	/* i-programList */
	.i-programList {
		margin-right: 45px;
	}

	.i-programList > :first-child {
		margin-top: 0;
	}

	.i-programList_block {
		border: 1px solid var(--blue);
		margin-top: 20px;
		position: relative;
	}

	.i-programList_block-caretUp {
		position: relative;
		margin-top: 60px;
	}

	.i-programList_block-caretUp::before {
		content: '';
		position: absolute;
		top: -20px;
		left: 50%;
		transform: translate(-50%, -100%);
		display: inline-block;
		width: 84px;
		height: 22px;
		background-color: #c9c9c9;
		clip-path: polygon(50% 0, 100% 100%, 0 100%);
	}

	.i-programList_title {
		color: #fff;
		background-color: var(--blue);
		font-weight: bold;
		text-align: center;
		font-size: 20px;
		padding: 6px 10px;
	}

	.i-programList_body {
		background-color: #fff;
		padding: 10px;
	}

	.i-programList_body > :first-child {
		margin-top: 0;
	}

	.i-programList_note {
		border: 2px solid var(--red);
		color: var(--red);
		text-align: center;
		font-weight: bold;
		padding: 2px 10px;
		margin-top: 10px;
	}

	.i-programList_lead {
		color: #63c5d2;
		text-align: center;
		font-weight: 500;
		margin-top: 10px;
		line-height: 1.2;
		margin-bottom: 8px;
		position: relative;
	}

	.i-programList_lead-blue {
		color: var(--blue);
	}

	.i-programList_lead-caretUp {
		margin-top: 26px;
		position: relative;
	}

	.i-programList_lead-caretUp::before {
		content: '';
		position: absolute;
		top: -6px;
		left: 50%;
		transform: translate(-50%, -100%);
		display: inline-block;
		width: 42px;
		height: 11px;
		background-color: #c9c9c9;
		clip-path: polygon(50% 0, 100% 100%, 0 100%);
	}

	.i-programList_cover {
		padding: 10px;
		background-color: #ebfafc;
		margin-top: 30px;
	}

	.i-programList_cover > :first-child {
		margin-top: 0;
		position: relative;
	}

	.i-programList_cover > :first-child::before {
		top: -20px;
		position: absolute;
	}

	.i-programList-top {
		margin-right: 0;
	}

	.i-programList-top .i-program_tag > span {
		min-width: 120px;
	}

	/* media query */
	@media screen and (max-width: 736px) {
		.i-programList {
			margin-right: 15px;
		}
		.i-programList_title {
			font-size: 16px;
		}
	}

	.i-program {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 10px;
		position: relative;
	}

	.i-program > div:not([class]) {
		flex-shrink: 0;
	}

	.i-program_block {
		background-color: #e9e9e9;
		padding: 8px 10px 10px;
		position: relative;
		max-width: 360px;
		flex-grow: 1;
		display: flex;
		flex-direction: column;
		align-self: stretch;
		text-decoration: none;
		color: #333;
	}

	.i-program_block-caretRight::after {
		content: '';
		clip-path: polygon(0 0, 100% 50%, 0 100%);
		width: 9px;
		height: 14px;
		background-color: #c9c9c9;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translate(100%, -50%);
	}

	.i-program_code {
		font-size: 12px;
		font-family: Poppins, sans-serif;
		line-height: 1.5;
		display: block;
	}

	.i-program_title {
		font-weight: bold;
		line-height: 1.5;
		margin-top: 0;
		margin-bottom: 8px;
	}

	.i-program_tag {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 5px;
		margin-top: auto;
	}

	.i-program_tag > span {
		background-color: #fff;
		font-size: 12px;
		min-width: 150px;
		flex-grow: 1;
		text-align: center;
		padding: 2px 1px;
		line-height: 1.5;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.i-program_tag-3col {
		grid-template-columns: repeat(3, 1fr);
	}

	.i-program_tag-3col > span {
		min-width: 100px;
	}

	.i-program_caretRight {
		position: relative;
	}

	.i-program_caretRight::before {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		transform: translate(50%, -50%);
		display: inline-block;
		width: 11px;
		height: 42px;
		background-color: #c9c9c9;
		clip-path: polygon(0 0, 100% 50%, 0 100%);
	}

	/* media query */
	@media screen and (max-width: 736px) {
		.i-program {
			display: block;
		}
		.i-program > :first-child {
			margin-top: 0;
		}
		.i-program_block {
			margin-top: 10px;
			margin-left: auto;
			margin-right: auto;
		}
		.i-program_block-caretRight::after {
			right: auto;
			top: auto;
			left: 50%;
			bottom: 2px;
			transform: translate(50%, 100%) rotate(90deg);
		}
		.i-program_tag > span {
			min-width: 100px;
		}
		.i-program_tag-3col > span {
			min-width: 80px;
		}
		.i-program_caretRight::before {
			top: auto;
			right: auto;
			bottom: 10px;
			left: 50%;
			transform: translate(-50%, 100%) rotate(90deg);
		}
	}
	.i-titleLeft {
		align-self: stretch;
		display: flex;
		align-items: center;
		justify-content: center;
		writing-mode: vertical-rl;
		margin-right: 20px;
	}

	.i-titleLeft-01 {
		background-color: #749ddb;
	}

	.i-titleLeft-02 {
		background-color: #a4c4f4;
	}

	.i-titleLeft-03 {
		background-color: #6f7fd9;
	}

	.i-titleLeft-04 {
		background-color: #a1ace8;
	}

	.i-titleLeft_txt {
		font-size: 20px;
		color: #fff;
		padding: 10px;
		font-weight: 500;
	}

	@media screen and (max-width: 736px) {
		.i-titleLeft {
			margin-right: 10px;
		}
		.i-titleLeft_txt {
			font-size: 14px;
			padding: 10px 6px;
		}
	}

	@media screen and (max-width: 736px) {
		.imgTxt-pc {
			display: flex;
		}
	}

	.i-blockTxt {
		border: 2px solid var(--green);
		text-align: center;
		width: 780px;
		margin-left: auto;
		padding: 5px 10px;
		margin-top: 20px;
		position: relative;
	}

	.i-blockTxt_txt {
		font-size: 20px;
		font-weight: 500;
		color: var(--green);
	}

	.i-blockTxt::after {
		content: url('/assets/images/pages/ai/icon_arrow.png');
		position: absolute;
		top: 6px;
		right: 10px;
		transform: translateY(-100%);
	}

	@media screen and (max-width: 736px) {
		.i-blockTxt {
			max-width: 100%;
		}
		.i-blockTxt::after {
			right: 0;
			top: 163px;
			transform: scaleY(1.5) translateY(-100%);
		}
	}

	.i-btnTxt {
		color: var(--blue);
		font-weight: bold;
		font-size: 18px;
	}

	.i-btnTxt > a {
		text-decoration: none;
		display: flex;
		align-items: center;
	}

	.i-btnTxt span {
		height: 20px;
		width: 20px;
		display: inline-flex;
		align-items: center;
		background-image: linear-gradient(0deg, #f4f6fa, #f6f6f6 0, #f8f8f8 0, #fff);
		border: 1px solid #d8d8d8;
		border-radius: 50%;
		box-shadow: 0 1px 1.84px 0.16px #27364038;
		flex-shrink: 0;
		justify-content: center;
		transition: all 0.4s;
		margin-left: 9px;
	}

	.i-btnTxt span::before {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-family: icons;
		text-rendering: auto;
		color: #ccc;
		content: "\ea04";
		font-size: 7px;
	}

	.i-btnTxt::after {
		content: '';
	}


	@media screen and (max-width: 736px){
		.imgTxt {
			&-pc {
				display: -webkit-flex;
				display: -moz-flex;
				display: -ms-flex;
				display: -o-flex;
				display: flex;
			}
		}
	}

}
/* .pageID-ai */

/* .pageID-a380 */
.pageID-a380 {
	.headLine3 {
		&.headLine3-system {
			color: #66CC9A;
			border-color: #66CC9A;
		}
		&.headLine3-operating {
			color: #0068b7;
			border-color: #0068b7;
		}
		&.headLine3-dx {
			color: #5430B3;
			border-color: #5430B3;
		}
	}

	.pm_subnav_area {
		display: flex;
		justify-content: space-around;
		font-size: 1.8rem;
		margin-top: 20px;
	}
	.pm_subnav .button {
		width: 32%;
		display: block;
		padding: 0.5rem;
		border-radius: 4px;
		color: #fff;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
		font-size: 18px;
		text-decoration: none;
		text-align: center;
		transition: transform 0.3s;
		font-weight: bold;
		&.system {
			background: #66CC9A;
		}
		&.operating {
			background: #0068b7;
		}
		&.dx {
			background: #5430B3;
		}
	}

	@media screen and (max-width: 736px){
		.pm_subnav_area {
			-webkit-flex-direction: column;
			-moz-flex-direction: column;
			-ms-flex-direction: column;
			-o-flex-direction: column;
			flex-direction: column;
			gap: 10px;
		}
		.pm_subnav .button {
			width: 100%;
		}
	}

	.pmcourse_nav {
		height: 300px;
		padding: 10px;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-template-rows: repeat(4, 1fr);
		gap: 3px;
	}
	#system .pmcourse_nav {
		background: url(/assets/images/pages/a-380/bg_001.png) no-repeat center;
		background-size: cover;
	}
	#operating .pmcourse_nav {
		background: url(/assets/images/pages/a-380/bg_002.png) no-repeat center;
		background-size: cover;
	}
	#dx .pmcourse_nav {
		background: url(/assets/images/pages/a-380/bg_003.png) no-repeat center;
		background-size: cover;
	}
	.pmcourse_nav_icon {
		text-align: center;
		grid-column-start: 1;
		grid-row: 1 / 4;
		padding-top: 20px;
	}

	.img-responsive {
		margin: auto;
		height: 100%;
		display: block;
		max-width: 100%;
	}

	.step {
		display: block;
		padding: 5px;
		border-radius: 4px;
		color: #fff;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
		text-align: center;
		transition: transform 0.3s;
	}
	.step:hover {
		transform: translateY(10px);
		opacity: 1;
	}
	.step-entry.pmG {
		background: #effaf0;
	}
	.step-basic.pmG {
		background: #4ac58c;
	}
	.step-advanced.pmG {
		background: #007f4e;
	}
	.step-entry.pmB {
		background: rgb(243, 252, 253);
	}
	.step-basic.pmB {
		background: rgb(39, 168, 197);
	}
	.step-advanced.pmB {
		background: rgb(3, 96, 131);
	}
	.step-entry.pmP {
		background: rgb(250, 243, 253);
	}
	.step-basic.pmP {
		background: rgb(202, 151, 241);
	}
	.step-advanced.pmP {
		background: rgb(107, 76, 189);
	}
	.step-entry {
		color: #333 ;
		grid-column-start: 1;
		grid-row-start: 4;
		text-decoration: none;
	}
	.step-basic {
		grid-column-start: 2;
		grid-row-start: 3;
		text-decoration: none;
	}
	.step-advanced {
		grid-column-start: 3;
		grid-row-start: 2;
		text-decoration: none;
	}
	.step-title {
		font-size: 20px;
		font-weight: bold;
	}
	.step-desc {
		font-size: 12px;
	}

	@media screen and (max-width: 736px){
		.pmcourse_nav {
			display: flex;
			flex-direction: column-reverse;
			justify-content: center;
		}
		#system .pmcourse_nav {
			background:  url(/assets/images/pages/a-380/bg_001_sp.png) no-repeat center;
			background-size: contain;
		}
		#operating .pmcourse_nav {
			background:  url(/assets/images/pages/a-380/bg_002_sp.png) no-repeat center;
			background-size: contain;
		}
		#dx .pmcourse_nav {
			background:  url(/assets/images/pages/a-380/bg_003_sp.png) no-repeat center;
			background-size: contain;
		}
		.pmcourse_nav_icon {
			display: none;
		}

		.step {
			width: 80%;
			margin: 10px auto;
		}
	}

	.panel {
		&.panel-green01,
		&.panel-green02,
		&.panel-green03 {
			.i-panelTitle {
				color: #66CC9A;
			}
		}
		&.panel-blue01,
		&.panel-blue02,
		&.panel-blue03 {
			.i-panelTitle {
				color: rgb(0, 104, 183);
			}
		}
		&.panel-purple01,
		&.panel-purple02,
		&.panel-purple03 {
			.i-panelTitle {
				color: rgb(84, 48, 179);
			}
		}
		&.panel-green01 {
			background: #f9fef9;
		}
		&.panel-green02 {
			background: #effaf5;
		}
		&.panel-green03 {
			background: #e5f2ef;
		}
		&.panel-blue01 {
			background: rgb(243, 252, 253);
		}
		&.panel-blue02 {
			background: rgb(233, 246, 249);
		}
		&.panel-blue03 {
			background: rgb(229, 239, 242);
		}
		&.panel-purple01 {
			background: rgb(252, 249, 254);
		}
		&.panel-purple02 {
			background: rgb(245, 234, 252);
		}
		&.panel-purple03 {
			background: rgb(228, 222, 243);
		}
	}
	.i-panelTitle {
		font-size: 24px;
		text-align: center;
	}

	@media screen and (max-width: 736px){
		.panel {
			padding: 20px 10px 10px;
		}
	}

	.column_link {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.column_card {
		width: calc(25% - 10px);
		border: 1px solid rgb(204, 204, 204);
		margin-bottom: 10px;
	}
	.column_card a:link {
		color: currentcolor;
		text-decoration: none;
	}
	.column_card a:hover {
		color: rgb(0, 53, 126);
		text-decoration: none;
		transition: 0.5s ease-out;
	}
	.column_card a:hover .column_btn {
		transition: 0.5s ease-out;
		background: rgb(255, 255, 255);
		color: rgb(0, 53, 126);
		border: 1px solid rgb(0, 53, 126);
	}
	.column_link .column_card_img {
		width: 100%;
	}
	.column_link .column_card_img img {
		width: 100%;
		height: 96px;
		object-fit: cover;
	}
	.column_link .column_card_body {
		padding: 5px;
	}
	.column_card-title {
		margin: 5px auto;
		line-height: 1.2;
	}
	.column_link .column_btn {
		margin-top: 5px;
		background: rgb(0, 53, 126);
		color: rgb(255, 255, 255);
		font-size: 12px;
		display: inline-block;
		padding: 6px 12px;
		line-height: 1.5;
		text-align: center;
		border: 1px solid transparent;
		border-radius: 2px;
	}

	@media screen and (max-width: 736px){
		.column_link {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: 10px;
		}
		.column_card {
			width: 100%;
		}
	}
}
/* .pageID-a380 */

/* .pageID-seminarDetailPage */
.pageID-seminarDetailPage {
	margin-top: 60px;
	.headLine3 {
		font-weight: bold;
	}

	@media screen and (max-width: 736px){
		.imgTxt-around .imgTxt_left {
			float: left;
		}
	}
}
/* .pageID-seminarDetailPage */

/* .pageID-ranking */
.i-rankingTable {
	border-top: 1px dotted var(--gray-border);
	padding-top: 30px;
	margin-top: 20px;
}

.i-rankingTable_row {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	gap: 2px;
}

.i-rankingTable_row:hover {
	background-color: #fffdd8;
}

.i-rankingTable_rank,
.i-rankingTable_tags,
.i-rankingTable_title {
	border-bottom: 1px solid #333;
	padding: 2px;
}

.i-rankingTable_rank {
	flex-shrink: 0;
	min-width: 84px;
	color: #763201;
	font-weight: bold;
}

.i-rankingTable_body {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-grow: 1;
	gap: 2px;
}

.i-rankingTable_tags {
	min-width: 84px;
	flex-shrink: 0;
}

.i-rankingTable_tags > span {
	display: block;
}

.i-rankingTable_title {
	margin-top: 0;
	flex-grow: 1;
}

.i-rankingTable_title > a {
	font-weight: bold;
}

@media screen and (max-width: 736px) {
	.i-rankingTable_row {
		gap: 0;
	}
	.i-rankingTable_rank {
		min-width: 50px;
	}
	.i-rankingTable_body {
		display: block;
	}
	.i-rankingTable_tags {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		gap: 10px;
	}
}
/* .pageID-ranking */

/* .pageID-leadership */
.pageID-leadership {
	.troubleBox {
		padding: 40px 15px;
	}
	.troubleBox:nth-child(odd) {
		background: #FCFCFC;
	}

	.speechbox {
		display: flex;
		align-items: center;
		margin-bottom: 2rem;
		img {
			width: 25%;
		}
	}
	.speechbubble {
		width: 73%;
		position: relative;
		margin-left: 20px;
		padding: 25px;
		border-radius: 15px;
		background-color: #d6eff4;
		text-align: left;
		font-size: 18px;
		font-weight: 600;
		color: #000000;
		&::after {
			content: "";
			position: absolute;
			top: 50%;
			left: 0;
			border-style: solid;
			border-width: 10px 20px 10px 0;
			border-color: transparent #d6eff4 transparent transparent;
			translate: -100% -50%;
		}
	}

	@media screen and (max-width: 736px){
		.speechbubble {
			font-size: 12px;
		}
	}
}
/* .pageID-leadership */

/* .pageID-dx */
.pageID-dx {
	.cm02 {
		background-color: #00347E;
		color: #fff;
		padding: 20px;
		text-align: center;
		margin-bottom: 30px;
		position: relative;
		margin-top: 50px;
		p {
			font-size: 17px;
			font-weight: bold;
			margin-top: 0;
			span {
				background-color: #fff;
				display: inline-block;
				color: #00347E;
				padding: 2px 20px 0px 20px;
				margin: 0px 5px;
			}
		}
		div {
			font-size: 24px;
			font-weight: bold;
			line-height: 1.4;
			margin-top: 10px;
		}
	}
	.cm02::after {
		content: '';
		width: 30px;
		height: 30px;
		border: 15px solid;
		border-color: transparent transparent #00347E #00347E;
		position: absolute;
		left: 50%;
		bottom: -25px;
		margin-left: -15px;
		transform: rotate(-45deg);
	}

	@media screen and (max-width: 736px){
		.cm02 {
			padding: 20px 10px;
			margin-bottom: 20px;
			p {
				font-size: 16px;
				letter-spacing: 0px;
				span {
					padding: 2px 10px 0px 10px;
					margin: 0px 5px 5px 5px;
				}
			}
			div {
				font-size: 19px;
			}
		}
		.cm02::after {
			width: 20px;
			height: 20px;
			border-width: 10px;
			bottom: -20px;
			margin-left: -10px;
		}
	}

	.list01 {
		ul {
			display: -webkit-flex;
			display: -moz-flex;
			display: -ms-flex;
			display: -o-flex;
			display: flex;
			justify-content: space-between;
		}
		li {
			width: calc((100% - 40px) / 3);
			background-color: #E9F0F3;
			text-align: center;
			font-weight: bold;
			letter-spacing: 0px;
			padding: 140px 5px 30px 5px;
			position: relative;
			display: block;
		}
		li::before {
			content: '';
			width: 100px;
			height: 64px;
			background-color: #5FB1E9;
			position: absolute;
			top: 65px;
			right: 38px;
			opacity: 0.4;
		}
		li::after {
			content: '';
			width: 120px;
			height: 84px;
			position: absolute;
			left: 50%;
			margin-left: -60px;
			top: 25px;
		}
		li:nth-child(1)::after {
			background: url(/assets/images/pages/dx/illust01.png) no-repeat center;
			background-size: contain;
		}
		li:nth-child(2)::after {
			background: url(/assets/images/pages/dx/illust02.png) no-repeat center;
			background-size: contain;
		}
		li:nth-child(3)::after {
			background: url(/assets/images/pages/dx/illust03.png) no-repeat center;
			background-size: contain;
		}
	}

	@media screen and (max-width: 736px){
		.list01 {
			ul {
				flex-flow: column;
				gap: 15px 0px;
			}
			li {
				width: 100%;
				padding: 10px 15px 10px 145px;
				text-align: left;
				min-height: 130px;
				display: flex;
				align-items: center;
			}
			li::before {
				width: 65px;
				height: 39px;
				top: 70px;
				right: auto;
				left: 60px;
			}
			li::after {
				width: 87px;
				height: 63px;
				left: 30px;
				margin-left: 0px;
				top: 30px;
			}
		}
	}
	.dxPanelHead {
		&::before {
			content: attr(data-num);
			font-size: 30px;
			margin-right: 20px;
			font-weight: bold;
			display: inline-block;
			vertical-align: top;
			margin-top: -6px;
			font-family: sans-serif;
		}
	}

	.dxCourseList {
		margin-top: 10px;
	}
}
/* .pageID-dx */

/* .pageID-readiness */
.pageID-readiness {
	.il_hero {
		position: relative;
		h2 {
			font-size: 39.5px;
		}
	}
	.hero_text03 {
		position: absolute;
		color: #000000;
		font-weight: 700;
		line-height: 1.4em;
		top: 1.6em;
		left: 1.6em;
		font-size: 28px;
	}

	@media screen and (max-width: 736px){
		.hero_text03 {
			font-size: 18px;
			h2 {
				font-size: 18px;
			}
		}
	}

	.apbox01 {
		padding: 1.2em 1.4em;
		color: #282828;/*文字色*/
		background: #edf3db;
		border: none;
		border-radius: 20px;/*角の丸み*/
		text-align: left;
	}
	.apbox01 p {
		margin: 0;
		padding: 0;
	}

	@media screen and (max-width: 736px){
		.apbox01 {
			width: 100%;
		}
	}

	.apbox03 {
		padding: 1.2em 1.4em;
		margin: 1.5em 0;
		color: #282828;/*文字色*/
		background: #bbe0f0;
		border: none;
		border-radius: 20px;/*角の丸み*/
		text-align: left;
	}
	.apbox03 p {
		margin: 0;
		padding: 0;
	}

	@media screen and (max-width: 736px){
		.apbox03 {
			width: 100%;
		}
	}
	.imgTxt_left {
		width: 50%;
	}
	@media screen and (max-width: 736px){
		.imgTxt_left {
			width: 100%;
		}
	}
	.color-orc {
		color: #b84901;
	}
	.panel {
		border-radius: 10px;
	}
	.readinessCourse {
		margin-top: 20px;
		& > :first-child {
			margin-top: 0;
		}
		.courseLinkS {
			margin-bottom: 0;
			line-height: 1.4;
			flex-grow: 1;
		}
		.courseLinkS_name {
			a {
				text-decoration: none;
			}
		}
	}
	.readinessCourse_row {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-ms-align-items: center;
		align-items: center;
		gap: 20px;
		margin-top: 10px;
	}
	.readinessCourse_head {
		flex-shrink: 0;
		margin-top: 0;
		font-size: 14px;
	}
	@media screen and (max-width: 736px){
		.readinessCourse {
			.courseLinkS {
				margin-top: 5px;
			}
		}
		.readinessCourse_row {
			display: block;
		}
		.readinessCourse_head {
			width: 100%;
		}
	}
}
/* .pageID-readiness */

/* .pageID-employee */
.pageID-employee {
	.elcol_3 {
		display: flex;
		flex-wrap: wrap;
		.anc {
			flex-grow: 1;
			justify-content: flex-start;
		}
		.anc_btn {
			width: 300px;
			&:last-child {
				&::after {
					transform: translate(0, -50%) rotate(-90deg);
				}
				&:hover {
					&::after {
						transform: translate(35%, -50%) rotate(-90deg);
					}
				}
			}
		}
	}
	@media screen and (max-width: 736px){
		.elcol_3 {
			display: block;
			.anc {
				margin: 20px 0 20px;
			}
			.anc_btn {
				width: 100%;
			}
		}
	}

	.jobList {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
		margin-top: 20px;
	}
	.jobList_block {
		border: 2px solid var(--gray-border);
		border-radius: 10px;
		padding: 10px 16px;
		color: #666;
	}
	.jobList_title {
		margin-top: 0;
		font-weight: bold;
	}
	.jobList_body {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
		gap: 20px;
		margin-top: 20px;
	}
	.jobList_detail {
		margin-top: 0;
		font-size: 12.8px;
	}
	.jobList_img {
		flex-shrink: 0;
	}
	.jobList_type {
		font-size: 12.8px;
	}
	.jobList_link {
		margin-top: 5px;
		text-align: right;
		& > a {
			text-decoration: none;
			&:hover {
				text-decoration: underline;
			}
		}
	}

	@media screen and (max-width: 736px){
		.jobList {
			display: block;
			& > :first-child {
				margin-top: 0;
			}
		}
		.jobList_block {
			margin-top: 10px;
		}
	}

	.iLearning-rule-black {
		margin-top: 80px;
		hr {
			border: 1px solid #222;
		}
	}

}
/* .pageID-employee */

/* .pageID-redHat */
 .pageID-redHat {
 	@media screen and (max-width: 736px){
	 	.editorTmplImgTxt-around {
	 		.editorTmplImgTxt_right {
	 			float: right;
	 		}
	 	}
 	}
 }
/* .pageID-redHat */

/* .pageID-coursesDetail */
 .pageID-coursesDetail {
 	.inquiry {
		background: #c7d7e4;
		display: flex;
		justify-content: space-evenly;
		padding: 50px 0;
		margin: 6rem auto;
	}
	@media screen and (max-width: 736px) {
		.inquiry {
			flex-direction: column;
			padding: 2rem;
		}
	}
	.inquiry .btn {
		display: block;
		width: 32%;
		padding: 1em 0;
		transition: background 0.5s, color 0.5s;
		font-weight: bold;
		text-align: center;
	}
	@media screen and (max-width: 736px) {
		.inquiry .btn {
			width: 100%;
			margin-bottom: 1rem;
		}
	}
	@media screen and (max-width: 736px) {
		.inquiry .btn-blue:hover {
			background: #fff;
			color: #00347d;
		}
	}
	.inquiry_contact {
		border: 1px solid #d5812c;
		background: #d5812c;
		color: #fff !important;
	}
	.inquiry_contact:hover {
		background: #fff;
		color: #d5812c !important;
	}

	.i-ttl-recommended {
		border-bottom: 1px solid #333;
		padding: 10px;
		font-size: 17px;
		margin-bottom: 1.5rem;
		margin-top: 0;
	}
	.i-tag {
		display: inline-block;
		font-size: 12px;
		color: var(--blue);
		background-color: #fff;
		border: 1px solid var(--blue);
		border-radius: 4px;
		padding: 6px 8px;
		margin-left: .5em;
		font-weight: 500;
		line-height: 1;
	}

	.target .sec_inner {
		padding: 30px 20px;
	}
	@media screen and (max-width: 736px) {
		.target .sec_inner {
			padding: 10px;
		}
	}

	.target dt {
		display: flex;
		align-items: center;
		color: #E68A00;
		font-size: 18px;
		font-weight: bold;
	}
	.target dt::before {
		display: block;
		margin-inline-end: 8px;
		content: url("/assets/images/pages/courses/sales/check.svg");
		filter: invert(49%) sepia(99%) saturate(854%) hue-rotate(6deg) brightness(96%) contrast(101%);
	}
	.target dd {
		margin-bottom: 40px;
		padding-left: 28px;
	}
	@media screen and (max-width: 736px) {
		.target dd {
			padding-left: 0;
		}
	}

	.panel {
		border-radius: 10px;
	}

 }
/* .pageID-coursesDetail */

/* .pageID-guideLocation */
 .pageID-guideLocation {
 	.btnAreaAncList {
 		font-weight: 400;
 	}
 	@media screen and (max-width: 736px){
	 	.ancList {
	 		display: -webkit-flex;
	 		display: -moz-flex;
	 		display: -ms-flex;
	 		display: -o-flex;
	 		display: flex;
	 		-webkit-flex-wrap: wrap;
	 		-moz-flex-wrap: wrap;
	 		-ms-flex-wrap: wrap;
	 		-o-flex-wrap: wrap;
	 		flex-wrap: wrap;
	 	}
 	}
 }
/* .pageID-guideLocation */

/* .pageID-layerFollowUp */
.pageID-layerFollowUp {
	.il_hero {
		background-size: contain;
	}
}
/* .pageID-layerFollowUp */

/* .pageID-consultingPdps  */
.pageID-consultingPdps  {
	.session_case_box dl {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.session_case_box dt {
		float: none;
		-ms-align-self: flex-start;
		align-self: flex-start;
	}
		.session_case_box dd {
    width: calc(100% - 5em);
    margin-bottom: 15px;
	}
}
/* .pageID-consultingPdps  */

/* .pageID-manufacturing  */
.pageID-manufacturing  {
	@media screen and (max-width: 736px){
		.imgTxt {
			display: block;
		}
	}
}
/* .pageID-manufacturing  */

/*	先行して作成した分
------------------------------------------------------------- */


/*
	通常時、非表示要素のものをwysiwygエディタに登録すると、wysiwygエディタの「ビジュアルモード」だと【非表示の状態】が再現されてしまうので何も見えない状態になります。
	これを防ぐために、wysiwygエディタ内で表示する要素のみに対して、非表示要素を表示しておく処理が必要になります。
	※可能な範囲で大丈夫です。

	.mce-content-body  ←  wysiwygエディタ編集エリアを囲っている親のclass
------------------------------------------------------------- */
.mce-content-body .sampleClass {
	display: block;
	opacity: 1;
}