@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;
}

/*
	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*/
em {
	font-style: normal;
}
.indent {
  text-indent: -1em;
  padding-left: 0.8em;
  line-height: 1em;
}

.csHeadLine1 {
	border-bottom: 1px solid #333333;
}

.csHeadLine2-blackBd {
    border-color: #333333;
}

.csHeadLine2-navyBg {
	background: #00347d;
	color: #fff;
	font-size: 1.5rem;
	padding: 5px;	
}

.csHeadLine2-greyBg {
	background: #d3d3d3;
	color: #000;
	font-size: 1.5rem;
	padding: 5px;
}

.csHeadLine3-navyBl {
	border-left: 6px solid #0f218b;
}

.csHeadLine3-blueBl {
	border-left: 6px solid #2da8f2;
	color: #2da8f2;
}

.csHeadLine3-greenBl {
	border-left: 6px solid #029692;
	color: #029692;
}

.csHeadLine3-orangeBl {
	border-left: 6px solid #e58638;
	color: #e58638;
}

.csHeadLine4-navyBl {
	border-left: 6px solid #00347d;
	color: #00347d;
}

.csHeadLine4-blueBl {
	border-left: 6px solid #2da8f2;
	color: #2da8f2;
}

.csHeadLine4-greenBl {
	border-left: 6px solid #63c5d2;
	color: #63c5d2;
}

.csHeadLine4-orangeBl {
	border-left: 6px solid #f4b17a;
	color: #f4b17a;
}
	
hr { 
    margin-top: 24px;
    margin-bottom: 24px;
    border: 0;
    border-top: 1px solid #eee;
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.text-top {
	vertical-align: top;
}
.text-baseline {
	vertical-align: baseline;
}
.text-middle {
	vertical-align: middle;
}
.text-bottom {
	vertical-align: bottom;
}
.text-no-decoration {
	text-decoration: none;
}
.text-nowrap {
	white-space: nowrap;
}
.text-nowrap-pc {
	white-space: nowrap;
	@media screen and (max-width: 736px){
		white-space: unset;
	}
}
.item-end {
	align-items: flex-end !important;
}
.f-left {
	float: left;
}
.f-right {
	float: right;
}
.no-border {
	border: none !important;
}
.i-marker {
	font-weight: bold;
	font-size: 18px;
	
}

.i-marker.i-marker_yellow {
	background: linear-gradient(rgba(255, 255, 255, 0) 40%, #ffff99 70%);
}
.i-marker.i-marker_blue {
	background: linear-gradient(rgba(255, 255, 255, 0) 40%, #c0ebff 70%);
}
.i-marker.i-marker_green {
	background: linear-gradient(rgba(255, 255, 255, 0) 40%, #a4ebe0 70%);	
}
.i-marker.i-marker_orange {
	background: linear-gradient(rgba(255, 255, 255, 0) 40%, #ffe5bf 70%);	
}
.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-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;
}
.i-box {
	border-radius: 15px;
	padding: 30px;
	margin-bottom: 3rem;
	margin-top: 20px;
}
.i-box-blue {
	background: #f1f7fc;
}
.i-box-lightblue {
	background: #e0ecfc;
}
.i-box-lightgray, .iColor-black25 {
	background: #f1f1f1;
}
.i-box-gray {
    background: #e9e9e9;
}
.i-box-darkgray {
	background: #959595;
}
.i-box-yellow {
	background: #fffdf0;
}
.i-box-lightgreen {
	background: #ebffe7;
}
.i-box-red {
	background: #ffe9e0;
}
.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;
	}
}
.bordered-solid {
	border: 1px solid #c5c5c5;
}
.bordered-dotted {
	border: 1px dotted #c5c5c5;
}
.color-green {
	color: #a4ca3f !important;
}
.color-white {
	color: #fff !important;
}
.color-yellow {
	color: #eeb606 !important;
}
.color-navy {
	color: #07325a !important;	
}

.bg-white {
	background-color: #fff !important;
}
.bg-darkgray {
	background-color: #a0a0a0 !important;
}
.bg-none {
	background-color: inherit !important;
}
.bg-navy {
	background-color: #07325a !important;
}
.font-b {
	font-weight: bold !important;
}
.font-bb {
	font-weight: bolder !important;
}
.font-strong {
	font-weight: 900 !important;
}
@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_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;
}/*common*/

/* .pageID-cancelpolicy */
.pageID-cancelpolicy {
	.znav {
		margin-bottom: 0;
    	background-color: #c7d7e4;
		.menu {
			.grid li {
				padding: 0.3em 0em 0.3em 1em ; 
				border-left: 1px solid #fff;
			}
			.grid li:last-of-type {
				border-right: 1px solid #fff;
				padding-right: 1em;
			}
		}
	}
	
}
/* .pageID-cancelpolicy */

/* .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;
		& > span {
			display: inline-block;
			background: #fff45c;
			margin-right: 5px;
			padding: 3px 15px;
		}
	}
	.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-maker {
		font-weight: bold;
		font-size: 18px;
		background: linear-gradient(rgba(255, 255, 255, 0) 40%, #F7FD9B 70%);
	}

	.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-companyOverview */
.pageID-companyOverview {
	.category_item {
		border-color: #0f218b;
		color: #0f218b;
	}	
	.companyBox, .historyBox {
		table th {
			width: 1%;
			white-space: nowrap;
		}
	}
	.historyBox table th {
		border: none;
		border-right: 1px solid #dcdcdc;
		background: none; 
		color: #000;
		padding-right: 40px;
		@media (max-width: 768px) {
			padding-right: 20px;;
		}
	}
	.historyBox table td {
		border: none;
		padding-left: 40px;
		@media (max-width: 768px) {
			padding-left: 20px;
		}
	}
	.historyBox table th:after {
		content: "";
		position: relative;
		top: 50%;
		right: -120px;
		transform: translate(0%, -120%);
		width: 16px;
		height: 16px;
		border-radius: 50%;
		background: #00347E;
		display: block;
		@media (max-width: 768px) {
			right: -88px;
		}
	}
}
/* .pageID-companyOverview */
/* .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%;
		}
	}
	.classtable a {
		background-color: initial;
		color: #0f218b;
		text-decoration: none;
	}
	.classtable a:hover {
		text-decoration-line: underline;
	}
}
/* .pageID-guideApplication */
/* .pageID-ilSquare */
.pageID-ilSquare {
	.category_item {
		border-color: #0f218b;
		color: #0f218b;
	}	
}
/* .pageID-ilSquare */
/* .pageID-registration */
.pageID-registration {
	.kiyakuarea {
		height: 300px;
	}
	.feedback_btn-no:before {
		content: "";
	}
	.feedback_btn-yes:before {
		content: "";
	}
}
/* .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;
		@media (max-width: 768px) {
			width: 100%;
		}
	}
	a.btn-blue {
		color: #fff !important;
	} 
	a.btn-blue:hover {
		color: #00509a !important;
	} 
	.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;
		text-decoration: none;
		@media (max-width: 768px) {
			flex-basis: 48%;
        	margin-bottom: 2vw;
		}
	}
	.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;
	}
	.page_nav a b {
		display: block;
		font-size: 1.2rem;
		margin-bottom: 1rem;
		text-decoration: underline;
	}
	.issue_box {
   		display: flex;
		@media (max-width: 768px) {
        	flex-direction: column;
		}
	}
	.issue_box dl {
		width: 48%;
		@media (max-width: 768px) {
        	width: 100% !important;
		}	
	}
	.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;
		@media (max-width: 768px) {
        	transform: rotate(90deg);
		}
	}
	.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;
	}
	.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;
		@media (max-width: 768px) {
			display: block !important;
		}
	}
	.point04_card {
		background: #fff;
		width: calc((100% / 3) - 20px);
		padding: 15px;
		border-radius: 15px;
		@media (max-width: 768px) {
			width: 100% !important;
			margin-bottom: 2rem;
		}
	}
}

/* .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;
	}
}
/* .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;
	}
	a.hover-under-line {
		text-decoration: none;
	}
	a.hover-under-line:hover {
		text-decoration-line: underline;
	}
}
/* .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: #85a8c7;
		height: 70px;
	}
	.attnarea {
		margin: 1em 0 20px;
		padding: 0em 1em 1em;
		border: solid 1px #ababab;
	}
	.bgRoyalBlue {
		background-color: royalblue;
		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%;
		}
	}
	ul.wawiwa li {
		position: relative;
		margin: 0px 0px 0px 30px;
	}
	ul.wawiwa li::after {
		display: block;
		content: '';
		position: absolute;
		top: .8em;
		left: -1em;
		width: 6px;
		height: 6px;
		background-color: #666;
		border-radius: 100%;
		text-indent: -2em;
	}
}

/* .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-employee */
.pageID-employee {
	.caretBtn>a:first-of-type::before {
		top: 35%;
		transform: rotate(90deg);
	}
}
/* .pageID-employee */
/* .pageID-guideLocation */
.pageID-guideLocation {
	.ancList {
		display: grid;
		gap: 16px;
		grid-template-columns: repeat(8, 1fr);
		margin: 30px 0 0;
	}
	.btnAreaAncList {
		color: #000;
		font-weight: 300;
	}
	.btnAreaAncList:hover {
		background-color: #e9e9e9 !important;
		color: #0f218b !important;
		font-weight:900;
	}
	.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;
	}
	.area_head h2 {
		color: #000;
		font-weight: 500;
		line-height: 1.33;
		font-size: 1.35rem;
	}
	.seminar_head a {
		font-size: 1.2rem;
	}
	.seminar_head>a:hover:before {
        content: none;
    }
	.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;
	}
	.txtShowBigMap {
		float: right;
	}
	
}
/* .pageID-guideLocation */
/* .pageID-guideLocationNewhire */
.pageID-guideLocationNewhire {
	.ancList {
        display: grid;
        gap: 16px;
        grid-template-columns: repeat(2, 1fr);
        margin: 30px 0 0;
		@media screen and (max-width: 736px) {
			grid-template-columns: repeat(1, 1fr);
		}
    }
	.btnAreaAncList {
		color: #000;
		font-weight: 300;
	}
	.btnAreaAncList:hover {
		background-color: #e9e9e9 !important;
		color: #0f218b !important;
		font-weight:900;
	}
	.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;
	}
	.category_item {
        border-color: #0f218b;
        color: #0f218b;
    }
	.txtShowBigMap {
		float: right;
	}
}
/* .pageID-guideLocationNewhire */
/* .pageID-excelBasic */
.pageID-excelBasic {
	.tri-arrow {
		position: relative;
		text-align: center;
		font-size: 1.25em;
		font-weight: bold;
		margin: 3em auto 0.5em;
	}
	.tri-arrow::after {
		content: "";
		display: block;
		position: relative;
		top: -50px;
		left: calc(50% - 40px);
		background: #b5e5a4;
		height: calc(tan(60deg) * 80px / 2);
		width: 80px;
		clip-path: polygon(0 0, 100% 0, 50% 100%);
		z-index: -10;
		@media screen and (max-width: 736px){
			top: -65px;
		}	
	}
	.box_green_suare {
		padding: 1em;
		margin: 2em 0;
		border: solid 2px #009944;
	}
	.feature li, .feature li span {
		font-size: 1.25em;
		font-weight: bold;
	}
	.feature img {
		max-width: 3em;
		display: inline-block;
		margin: 0 10px;
	}
	.i-box ul {
		list-style: disc;
	}
	.i-box ul>li{
		display: list-item;
	}
}
/* .pageID-excelBasic */
/* .pageID-itBasicEngineer */
.pageID-itBasicEngineer {
	.theme-list {
		display: grid;
        gap: 0.5em;
        grid-template-columns: repeat(4, 1fr);
        margin: 30px 0 0;
		@media screen and (max-width: 736px){
			grid-template-columns: repeat(2, 1fr);	
		}	
	}
	.display-img img{
		width: 60%;
		@media screen and (max-width: 736px){
			width: 100%;
		}	
	}
}
/* .pageID-itBasicEngineer */
/* .pageID-diLite */
.pageID-diLite {
	.ui-ux.responsiveTable td {
		border: 1px solid #344a58;
		padding: 5px 20px;
		vertical-align: middle;
		a {
			text-decoration: none;
		}
		a:hover {
			text-decoration: underline;
		}
	}
	.ui-ux01 {
		background-color: #3e8c27;
		text-align: center;
		font-weight: bold;
		color: #fff;
	}
}
/* .pageID-diLite */
/* .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-leadership */
.pageID-leadership {
	.grid.card {
		@media screen and (max-width: 736px){
			gap: var(--row-gap-sp, 5px) var(--column-gap-sp, 5px);
		}
	}
	.pageLinkGraph {
		grid-template-columns: repeat(4, 1fr);
		@media screen and (max-width: 736px){
			display: grid;
			grid-template-columns: repeat(2, 1fr);
		}
	}
	.pageLinkGraph_block {
        margin-top: 0;
        /* min-height: 203px; */
    }
	.pageLinkGraph_txt {
		font-size: 14px;
		margin-top: 10px;
		min-height: 110px;
		display: block;
	}
}
/* .pageID-leadership */
/* .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;
	}
	@media screen and (max-width: 736px){
		.form-contents {
			display: block;
		}
		.hr_box {
			padding: 1em;
		}
	}
}
/* .pageID-form */
/* .pageID-elTrial */
.pageID-elTrial {
	.sec_cta {
		width: 92%;
		padding: 1em;
		margin: 2em auto;
		border: 1px solid #ccc;
		border-radius: 15px;
	}
}
/* .pageID-elTrial */
/* .pageID-prospective */
.pageID-prospective {
	.hero_text01 {
		position: relative;
		color: #ffffff;
		font-weight: 700;
		line-height: 1.4em;
		top: -9.4em;
		left: 1.6em;
		font-size: 2em;
		margin-bottom: -4.5em;
		@media screen and (max-width: 736px){
			font-size: 1.5em;
			top: -5em;
			left: 0.8em;
		}
	}
	.box3 {
		padding: 0.5em 1em;
		margin: 2em 0;
		background: #FFF;
		border: solid 2px #dedfe3;
		border-radius: 10px;
	}
	.apbox03 {
		padding: 1.2em 1.4em;
		margin: 1.5em 0;
		color: #282828;
		background: #bbe0f0;
		border: none;
		border-radius: 20px;
		width: 100%;
		text-align: left;
	}
}
/* .pageID-prospective */

/* .pageID-layerFollowUp */
.pageID-layerFollowUp {
	.il_hero {
		background-image: url(/files/co/page/layer/nh_training.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		color: #fff;
	}
	.box3 {
		padding: 0.5em 1em;
		margin: 2em 0;
		background: #FFF;
		border: solid 2px #dedfe3;
		border-radius: 10px;
	}
	.box3 caption {
		caption-side: top;
		display: inline-block;
		
	}
	.box3 caption i {
			content: '';
			background-color: #6c757d;	
			border-radius: 50%;
			width: 20px;
		}

	.no-border td {
		border: none;
		vertical-align: top !important;
	}
	.no-radius {
		border-radius: 0;
	}
	.apbox01 {
		margin: 1.5em 0;
		color: #282828;
		background: #edf3db;
		border: none;
		border-radius: 20px;
		width: 100%;
		text-align: left;
	}

	.apbox03 {
		color: #282828;
		background: #bbe0f0;
		border: none;
		border-radius: 20px;
		width: 100%;
		text-align: left;
	}
	.bl_media_container {
		display: flex;
		flex-wrap: wrap;
		margin: calc(-30px / 2);
		padding: 30px;
	}
	.bl_media_itemWrapper {
		width: calc(100% / 3 - 30px);
		margin: calc(30px / 2);
	}
	.bl_media_item {
		outline: 1px solid #000;
	}
	
}

/* .pageID-layerFollowUp */
/* .pageID-dxSkillMap */
.pageID-dxSkillMap {
	.anc {
		display: grid;
		font-weight: 700;
		gap: 20px 30px;
		grid-template-columns: repeat(1, 1fr);
		margin: 20px 0 60px;
	}
	.responsiveTable th, .responsiveTable td{
		border: none;
	} 
	.apbox01 {
		margin: 1.5em 0;
		color: #282828;
		background: #edf3db;
		border: none;
		border-radius: 20px;
		width: 100%;
		text-align: left;
	}
}
/* .pageID-dxSkillMap */
/* .pageID-engagement */
.pageID-engagement {
	.responsiveTable th, .responsiveTable td{
		border: none;
	} 	
	.responsiveTable tbody {
		border: 1px solid #dcdcdc;
	}
	table.map-table {
		border-collapse: separate;
		border-spacing: 5px;
	}
	.map-table td.haed_orange {
		border-color: #ff9700;
		background-color: #ff9700;
		color: #fff;
		text-align: center;
		font-weight: bold;
		font-size: 21px;
		@media screen and (max-width: 736px){
			font-size: 17px;
		}
	}

	.map-table td.haed_blue {
		border-color: #019ecf;
		background-color: #019ecf;
		color: #fff;
		text-align: center;
		font-weight: bold;
		font-size: 21px;
		@media screen and (max-width: 736px){
			font-size: 17px;
		}
		width: 33%;
	}
	.map-table td.head_lightblue {
		border-color: #e8f7ff;
		background-color: #e8f7ff;
		text-align: center;
		font-weight: bold;
		font-size: 16px;
		@media screen and (max-width: 736px){
			font-size: 13px;
		}
	}
	.map-table td.body_orange {
		border-color: #ff9700;
		background-color: #ffede6;
		vertical-align: baseline;
		font-size: 16px;
		@media screen and (max-width: 736px){
			font-size: 13px;
		}
	}
	.map-table td.body_blue {
		border-color: #019ecf;
		background-color: #e6f7ff;
		vertical-align: baseline;
		font-size: 16px;
		@media screen and (max-width: 736px){
			font-size: 13px;
		}
	}
	table.map-table td {
		border-radius: 10px;
		width: 33%;
	}
	.engagement-text {
		padding: 8px 0 8px 0;
	}
	.td-link {
		overflow: hidden;
	}
	.td-link a {
		text-decoration: none;
		color: #000;  
		display: block;
		margin: -75px;
		padding: 75px 75px;
	}
}
/* .pageID-engagement */
/* .pageID-consultingPdps */
.pageID-consultingPdps {
	.session_flow_inner {
		background: #efefef;
		padding: 0.5em;
		font-size: 0.8rem;
	}
	.session_flow_inner ul {
		margin: 0 0 10px -10px;
	}
	.session_flow_inner ul > li {
		display: list-item;
	}
	.session_flow_inner ol {
		margin: 0 0 10px -10px;
	} 
	.feature-session {
		padding: 10px;
		background-color: #eeeeee;
		border-radius: 5px;
	}
	.session-flow h3 {
		text-align: center;
	}
	.session_case_box img {
		width: 80px;
		float: left;
		margin-bottom: 2em;
		margin-right: 1em;
	}
	.session_case_box dl {
		margin-left: 0;
	}
	.session_case_box:nth-of-type(3) img {
		margin-bottom: 10em;
	}
	.session_case_box dt {
		float: left;
		width: 4.5em;
		margin-bottom: 2em;
		margin-right: 0.5em;
		text-align: center;
		border-radius: 15px;
		background: #b7eae4;
		margin-bottom: 15px;
	}
	.session_case_box dt:nth-of-type(2) {
		background: #a8d3e2;
	}
	.session_case_box dt:nth-of-type(3) {
		background: #e0b7e8;
	}
	.session_case_box dd {
		margin-bottom: 15px;
	}
	@media screen and (max-width: 736px){
		.session_case_box dl {
			margin-left: 0;
		}
		
	}
} 
/* .pageID-consultingPdps */
/* .pageID-assessmentTool */
.pageID-assessmentTool {
	.responsiveTable th {
		width: 20%;
		@media screen and (max-width: 736px){
			width: 100%;
		}	
	}
}
/* .pageID-assessmentTool */
/* .pageID-communityMiraijuku */
.pageID-communityMiraijuku {
	.f-mirai-hero_desc {
		margin-top: 1.4rem;
		font-size: 1.4rem;
		color: #DAAF08;
		text-align: center;
		font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	}	
	.headLine2.headLine2-mj {
		font-family: 'Noto Serif JP', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
		padding: 1rem 0rem 1.5rem;
		margin-bottom: 1.5rem;
		border-bottom: 3px solid #DAAF08;
		border-image-source: linear-gradient(90deg, #fff 0%, #DAAF08 40%, #FEE9A0 50%, #DAAF08 60%, #fff 100%);
		border-image-slice: 1;
		border-width: 3px;
		font-weight: bold;
		font-size: 26px;
		text-align: center;
		letter-spacing: 3px;
	}
	.headLine3.headLine3-mj {
		color: #000;
		padding-left: 0;
		border-left: none;
		font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    	font-size: 1.4em;
	}
	.headLine3.headLine3-St {
		color: #000;
		padding-left: 0;
		border-left: none;
		font-family: "Noto Serif JP", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		position: relative;
		padding: 1rem;
		font-size: 1.4em;
		letter-spacing: 2px;
		font-weight: bold;
		text-align: center;
		border-bottom: 1px solid #012456;
	}
	.headLine3.headLine3-St:before {
		content: attr(data-number);
		display: block;
		margin-bottom: 0.75em;
		margint-top: -0.2em;
		color: #012456;
		font-size: 1.6em;
		@media screen and (max-width: 736px) {
			margin-top: 0;
		}
	}
	.headLine3.headLine3-St:after {
		content: "";
		position: absolute;
		display: block;
		top: 55px;
		left: 50%;
		transform: translateX(-50%);
		width: 1px;
		height: 20px;
		background-color: #012456;
		margin-bottom: 10px;
	}
	.headLine4.headLine4-mj {
		color: #000;
		padding-left: 0;
		font-size: 1.2rem;
		padding: 0.3em;
		border-bottom: 1px solid #aaa;
		border-left: 0;
	}
	.miraijuku-report {
		gap: var(--row-gap-pc, 5px) var(--column-gap-pc, 20px);
	}
	@media screen and (max-width: 736px) {
		.dataThTable td {
			display: flex;
			list-style: none;
			width: 100%;
			padding: 0;
			border: 1px solid #555;
		}
		.dataThTable td p{
			width: 70%;
		}
		.dataThTable td p a {
			text-decoration: none;
			color: #000;
		}
		.dataThTable>tbody>tr {
			padding: 0;
		}
		.dataThTable>tbody>tr>[data-th]:before {
			position: relative;
			background-color: #959595;
			color: #fff;
			content: attr(data-th);
			display: block;
			font-weight: 700;
			padding: 2px 0;
			margin-right: 5px;
			text-align: center;
			width: 30%;
			float: left;
		}
	}
}
/* .pageID-communityMiraijuku */
/* .pageID-tripleThinking */
.pageID-tripleThinking {
	.has-shadow {
		box-shadow: 1px 1px 2px;
		padding: 10px;
		min-height: 420px;
		@media screen and (max-width: 736px){
			min-height: 330px;
		}
	}
	.caption {
		margin-bottom: -30px;
	}
	.new {
		overflow: hidden;
	}
	.new span {
		position: relative;
		display: inline-block;
		top: -238px;
		left: -25px;
		width: 100px;
		padding: 2px 10px;
		background: #cc0c0c;
		color: #fff;
		text-align: center;
		transform: rotate(-45deg);
		margin-bottom: -238px;
	}
	.course_area_box a {
		text-decoration: none;
		color: #000;
	}
	.course_area_box .box_ttl.ttl_blue {
    	background: #0b5395;
	}
	.course_area_box .box_ttl.ttl_green {
		background: #009644;
	}
	.course_area_box .box_ttl.ttl_darkgreen {
		background: #007434;
	}
	.course_area_box .box_ttl.ttl_orange {
		background: #f27300;
	}
	.course_area_box .box_ttl.ttl_gray {
		background: #404040;
	}
	.course_area_box .box_ttl {
		text-align: center;
		color: #fff;
		padding: 5px;
		font-size: 14px;

	}
	.box_gray_suare_ins {
		padding: 1em;
		margin: 2em 0;
		background: #FFF;
		border: solid 2px #73b0c0;
		color: #5f6768;
	}
}
/* .pageID-tripleThinking */
/* .pageID-pduCourse */
.pageID-pduCourse {
	.ancList {
		display: grid;
		gap: 16px;
		grid-template-columns: repeat(2, 1fr);
		margin: 30px 0 0;
		@media screen and (max-width: 736px){
			gap: 5px;
			grid-template-columns: repeat(1, 1fr);	
		}
	}
	caption {
		caption-side: top;
		color: #6c757d;
		padding-bottom: .75rem;
		padding-top: .75rem;
	}
	.i-programTable {
		td {
			width: 25%;
			img {
				margin-left: .5em;
			}
			a {
				text-decoration: none;
				&:hover {
					text-decoration: underline;
				}
			}
		}
	}
}
/* .pageID-pduCourse */
/* .pageID-managementTraining */
.pageID-managementTraining {
	.ancList {
		display: grid;
		gap: 16px;
		grid-template-columns: repeat(2, 1fr);
		margin: 30px 0 0;
		@media screen and (max-width: 736px){
			gap: 5px;
			grid-template-columns: repeat(1, 1fr);	
		}
	}
	.detail-link span {
		position: relative;
		/*right: -169px;*/
        bottom: 42px;
		display: inline-block;
		background: #00347d;
		color: #fff;
		padding: 3px 15px;
		transition: background 0.5s, color 0.5s;
		@media screen and (max-width: 736px){
			/*right: -192px;*/
       		bottom: 38px;	
		}
	}
	.detail-link span::after {
		display: inline-block;
		margin-left: 0.5rem;
		content: "\f0a9";
		font-family: "Font Awesome 6 Free";
		font-weight: 900;
		font-size: 1.2rem;
	}
	.scrollTable {
		th, td {
			width: 50%;
		}
	}
	.related-seminar.grid {
		line-height: 1.0em;
		@media screen and (max-width: 736px){
        	gap: var(--row-gap-sp, 5px) var(--column-gap-sp, 10px);
		}
    }
	.related-seminar .grid.card {
		gap: var(--row-gap-sp, 5px) var(--column-gap-sp, 5px);	
	}
	@media screen and (max-width: 736px){
		img.width-all-sp {
			width: 100%;
		}
	}
	@media (max-width: 768px) {
		.pageLinkGraphA {
			display: grid; gap: 20px;
			grid-template-columns: repeat(2, 1fr);
		}
	}
	@media (min-width: 768px) {
		.pageLinkGraphA {
			display: grid; gap: 20px;
			grid-template-columns: repeat(3, 1fr);
		}
	}
	.pageLinkGraphA_block {
		background-color: #fff;
		border: 1px solid #dcdcdc;
		padding: 10px 20px;
		position: relative;
	}
	.pageLinkGraphA_txt {
		font-size: 14px;
		margin-top: 10px;
	}
}
/* .pageID-managementTraining */
/* .pageID-agile */
.pageID-agile {
	.ancList {
		display: grid;
		gap: 16px;
		grid-template-columns: repeat(2, 1fr);
		margin: 30px 0 0;
		@media screen and (max-width: 736px){
			grid-template-columns: repeat(1, 1fr);	
		}
	}
	.program-name, .program-skill {
		width: 33%;
		text-align: center;
		@media screen and (max-width: 736px){
			width: unset;
			white-space: nowrap;
		}
	}
	.program-name {
		@media screen and (max-width: 736px){
			width: 33%;
		}	
	}
	.scrollTable .program-skill:first-of-type {
		@media screen and (max-width: 736px){
			width: 33%;
		}		
	}
	.related-seminar.grid {
		line-height: 1.0em;
		gap: var(--row-gap-sp, 10px) var(--column-gap-sp, 10px);
		@media screen and (max-width: 736px){
        	gap: var(--row-gap-sp, 5px) var(--column-gap-sp, 5px);
		}
    }
	.related-seminar .grid.card {
		gap: var(--row-gap-sp, 5px) var(--column-gap-sp, 10px);	
	}
	.i-programTable {
		td {
			a {
				text-decoration: none;
				&:hover {
					text-decoration: underline;
				}
			}
		}
	}
}
/* .pageID-agile */
/* .pageID-reskilling */
.pageID-reskillingDigital {
	.responsiveTable th, .responsiveTable td{
		border: none;
	} 	
	.box_gray_round {
		padding: 0.5em 1em;
		margin: 2em 0;
		color: #7d7d7d;
		background: #FFF;
		border: solid 3px #a0a0a0;
		border-radius: 10px;
	}
}
/* .pageID-reskilling */
/* .pageID-redhatOnline */
.pageID-redhatOnline {
	.attnarea {
		margin: 0 0 20px;
		padding: 1em 1em 0.5em;
		border: solid 1px #ababab;
	}
}
/* .pageID-redhatOnline */
/* .pageID-redhatHow */
.pageID-redhatHow {
	.attnarea {
		margin: 0 0 20px;
		padding: 1em 1em 0.5em;
		border: solid 1px #ababab;
	}
}
/* .pageID-redhatHow */
/* .pageID-ibmTraining */
.pageID-ibmTraining {
	.it_anchor {
		width: 100%;
		padding: 3px 10px 10px;
		margin-top: 5px;
		background: #efefef;
		text-align: left;
		font-size: 1em;
		color: #777777;
		a {
			text-decoration: none;
			color: #777777;
		}
	}
	.it_anchor li {
		margin: 0 20px 8px 0;
    	padding-left: 20px;
		list-style: none;
		display: inline;
	}
}
/* .pageID-ibmTraining */
/* .pageID-application */
.pageID-application {
	.link-pw {
		margin-top: 1em;
		display: block;
		padding: 1.5em;
		border: 1px dotted #dcdcdc;
		text-decoration: none;
	}
}
/* .pageID-application */
/* .pageID-manufacturing */
.pageID-manufacturing {
	.imgTxt {
		display: flex;
	}

	.imgTxt_left, .imgTxt_body {
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
	}
}
/* .pageID-manufacturing */
/* .pageID-customerSuccess */
.pageID-customerSuccess {
	.agenda {
		margin-bottom: 6rem;
		border: 2px solid #2589d0;
		border-radius: 3px;
		a {
			text-decoration: none;
			color: #333;
		}
	}
	.agenda_ttl {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0;
		padding: 10px 0;
		background-color: #2589d0;
		color: #fff;
		font-weight: 600;
		font-size: 1.1em;
	}
	.undr-yellow {
 	   background: linear-gradient(transparent 60%, yellow 30%);
	}
	.fa-arrow-right{
		padding-top: 0.1em;
		font-weight: 900;
		font-size: 3em;
		margin-right: 5px;
		float: left;
	}
	.sec-table .bd-none {
		background-color: inherit !important;
		border: none !important;
	}
	.sec-table th {
		background-color: inherit;
		color: #333;
	}
	.sec-table td {
		text-align: center;
	}
	.sec-table th.support {
		text-align: center;
		font-weight: 2rem;
		font-weight: bold;
		background: #bbd9f2;
	}
	.sec-table th.success {
		text-align: center;
		font-weight: 2rem;
		font-weight: bold;
		background: #73bcf8;
	}
	.point-icon {
		text-align: center;
		color: #fff;
		padding-top: -2px;
		.point-num {
			font-size: 1.5em;
			line-height: 0.8em;
			padding-bottom: 3px;
		}
	}
	.point-ttl, .point-txt h4 {
		text-align: center;
	}
	.point-ttl {
		padding-top: 15px;
	}
	.point-txt::before {
		content: "";
		position: relative;
		top: -24px;
		left: 50%;
		margin-left: -15px;
		border-style: solid;
		border-color: transparent transparent #f9f9f9 transparent;
		border-width: 0 20px 20px 20px;
		width: 0px;
		height: 0px;
	}


	.point-txt {
		background-color: #f9f9f9;
		border-radius: 15px;
		display: flex;	
    	flex-direction: column;
		color: #555;
		margin: 1.5em 0;
    	padding: 7px 10px;
		font-size: 15px;
	}
	.point-icon.one {
		background-color: #1285ee;
	}
	.point-icon.two {
		background-color: #0e6abe;
	}
	.point-icon.three {
		background-color: #0b508f;
	}
	.point-icon.four {
		background-color: #083763;
	}
	.card {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		gap: 10px 10px;
		flex-direction: column;
		min-width: 0;
		word-wrap: break-word;
		background-color: #fff;
		background-clip: border-box;
		@media screen and (max-width: 736px){
			width: 90%;
			margin-bottom: 1.2rem;
		}		
	}
	.card-wrapper {
		border: 1px solid rgba(0, 0, 0, 0.125);
		border-radius: 0.25rem;
	}
	.card-cont {
		padding: 7px;
		border: 1px solid rgba(0, 0, 0, 0.125);
		border-radius: 0.25rem;
		img {
		display: block;
		height: 12rem;
		margin: 2rem auto;
		}
		h3 {
			text-align: center;
			font-weight: bold;
			font-size: 1.2em;
		}
	}	
	.card-tag {
		display: inline-block;
		position: relative;
		box-sizing: border-box;
		padding: 10px;
		margin: 10px 0 0 -28px;
		width: calc(60% + 20px);
		font-size: 1.2rem;
		color: white;
		background: #0b508f;
	}
	.card-tag:before {
		position: absolute;
		content: "";
		top: 100%;
		left: 0;
		border: none;
		border-bottom: solid 15px transparent;
		border-right: solid 20px #083763;
	}
	.ancList {
		display: grid;
		gap: 16px;
		grid-template-columns: repeat(1, 1fr);
		margin: 30px 0 0;
	}

}
/* .pageID-customerSuccess */
/* .pageID-inbasket */
.pageID-inbasket {
	.voice-box {
		background-color: #fff;
		border-radius: 15px;
		padding: 15px;
	}
}
/* .pageID-inbasket */
/* pageID-guideIlSquare */
.pageID-guideIlSquare {
	.newsb {
		padding: 0.2em 1em;
		margin: 0;
		color: #fff;
		background-color: #1067ba;
		font-weight: bold;
		font-size: 1.2em;
		text-align: center;
	}
	.hr_box {
		padding: 1.5em;
		margin: 2em 0;
		border: solid 2px #aaaaaa;
	}
	.responsiveTable th {
		white-space: nowrap;
	}
	@media screen and (max-width: 736px) {
		.dataThTable>tbody>tr>[data-th]:before {
			background-color: #1067ba;
			color: #fff;
			content: attr(data-th);
			display: block;
			font-weight: 700;
			padding: 2px 0;
			text-align: center;
			width: 100%;
    	}
	}
	
}
/* pageID-guideIlSquare */
/* pageID-certificationRecommend */
.pageID-certificationRecommend {
	.i-box-yellow ul {
		list-style: none;
		li a {
			color: #777;
			text-decoration: none;;
		}
	}
	.i-box-yellow h2 {
		    width: 100%;
			font-size: 1.25em;
			text-align: center;
			margin-bottom: 10px !important;
			color: #6daf4d;
			border-bottom: 1px solid #6daf4d;
			padding-bottom: 10px;
	}
	.course-name {
		color: #6daf4d;
		font-size: 1.15em;
		margin-bottom: 0.5em;
	}
}
/* pageID-certificationRecommend */
/* pageID-recruit */
.pageID-recruit {
	.intro {
		background: linear-gradient(rgba(0, 0, 0, .4),  rgba(0, 0, 0, .4)),  url(/files/co/page/company/intro-bg.jpg) no-repeat center bottom;
		display: table;
		background-size: cover;
		width: 100%;
		padding-top: 150px;
		padding-bottom: 100px;
		p {
			position: relative;
			top: 2.2rem;
			color: #fff;
			font-size: 1.85em;
			font-weight: 400;
			margin-top: 0;
			margin-bottom: 20px;
			letter-spacing: 3px;
			line-height: 1em;
		}
	}
	.recruite-box {
		padding: 5px 30px;
    	background: #F6F6F6;
	}
	.portfolio-item {
		margin: 15px 0;
	}
	.portfolio-item .hover-bg {
		overflow: hidden;
		position: relative;
	}
	.hover-bg .hover-text {
		position: absolute;
		text-align: center;
		margin: 0 auto;
		color: #333;
		background: rgba(255, 255, 255, 0.75);
		padding: 30% 0 0 0;
		height: 100%;
		width: 100%;
		opacity: 0;
		transition: all 0.5s;
		border-radius: 0 50px 0 50px;
	}
	.hover-bg:hover .hover-text {
		opacity: 1;
	}
	.hover-bg .hover-text>h4 {
		opacity: 0;
		color: #e5004f;
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		transition: all 0.3s;
		font-size: 26px;
		font-weight: 400;
	}
	.hover-bg:hover .hover-text>h4 {
		opacity: 1;
		-webkit-backface-visibility: hidden;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	/* a {
		color: #333;
		font-weight: 400;
		text-decoration: none;
	} */
	.portfolio-item img {
		border-radius: 0 50px 0 50px;
		padding: 0 10px 0 0;
	}
	ul.flow_list li {
		border: 5px solid #ccc;
		border-radius: 10px;
		margin-bottom: 35px;
		padding: 10px 10px;
		position: relative;
	}
	ul.flow_list li::after {
		bottom: -40px;
		color: #ccc;
		content: "▼";
		font-size: 24px !important;
		left: 48%;
		position: absolute;
	}
	ul.flow_list li.last::after {
		content: "";
	}
	ul.flow_list p {
		margin-top: 0;
		font-size: 14px;
	}
}
/* pageID-recruit */
/* pageID-onlineTraining */
.pageID-onlineTraining {
	.anc {
		display: grid;
		flex-wrap: wrap;
		font-weight: 700;
		gap: 20px 5px;
		grid-template-columns: repeat(4, 1fr);
		margin: 20px 0 60px;
		@media screen and (max-width: 736px){
			grid-template-columns: repeat(1, 1fr);	
		}
	}
	.anc_btn {
		display: block;
		padding: 5px;
		position: relative;
		text-align: center;
		text-decoration: none;
		transition: opacity .3s;
		width: calc(100% - 5px);
		@media screen and (max-width: 736px){
			width: 100%;
		}
	}
	.feature-img {
		border-radius: 20px;
		width: 200px;
	}
}
/* pageID-onlineTraining */
/* pageID-cloudNative */
.pageID-cloudNative {
	hr {
		border-top: 1px dotted #ccc;
		height: 1px;
	}
}
/* pageID-cloudNative */
/* .pageID-agileScrumMaster */
.pageID-agileScrumMaster {
	.responsiveTable th, .responsiveTable td{
		border: none;
	} 
	.dataThTable th {
		width: 20%;
	}
	.box_gray_suare {
		padding: 0.5em 1em;
		margin: 3px;
		background: #FFF;
		border: solid 2px #a0a0a0;
	}

	@media screen and (max-width: 736px){
		.dataThTable tr {
			border: none;
		}
		.dataThTable th {
			width: 100%;
		}	
	}
}
/* .pageID-agileScrumMaster */
/* .pageID-spssCourseMaterial */
.pageID-spssCourseMaterials{
	.grid {
		margin-top: 0;
		gap: var(--row-gap-pc, 0) var(--column-gap-pc, 0);
	}
}
/* .pageID-spssCourseMaterial */
/* .pageID-certification */
.pageID-certification {
	.ancList-private {
		display: grid;
		gap: 5px;
		grid-template-columns: repeat(5, 1fr);
		@media screen and (max-width: 736px){
			grid-template-columns: repeat(2, 1fr);	
		}
		margin: 30px 0 0;
	}
	caption {
		caption-side: top;
		display: inline-block;
		white-space: nowrap;
	}
}
/* .pageID-certification */
/* .pageID-subsidy */
.pageID-subsidy {
	.anc.anc-gray {
		display: grid;
		flex-wrap: wrap;
		font-weight: 700;
		gap: 10px;
		grid-template-columns: repeat(1, 1fr);
		margin: 20px 0 60px;
	}
	.anc_btn {
		text-align: left;
		width: 95%;
	}
	.anc_btn::after {
		right: auto;
		margin-left: 5px;
	}
	.anc_btn:nth-of-type(1)::after {
		right: 270px;
		@media screen and (max-width: 736px){
			right: auto;
			top: 53%;
		}	
	}
	.anc_btn:nth-of-type(2)::after {
		right: 195px;
		@media screen and (max-width: 736px){
			right: auto;
			top: 70%;
		}	
	}
	.anc_btn:nth-of-type(3)::after {
		right: 230px;
		@media screen and (max-width: 736px){
			right: auto;
			top: 70%;
		}	
	}
	.anc_btn:nth-of-type(4)::after {
		right: 240px;
		@media screen and (max-width: 736px){
			right: auto;
			top: 53%;
		}	
	}
	.ins_part {
		padding: 2px 0.5em;
		margin: 3px 3px;
		font-weight: bold;
		color: #fff;
		background: #5da5bc;
		border-radius: 6px;
		display: inline-block;
	}
}
/* .pageID-subsidy */
/* .pageID-aiUtilizationProgram */
.pageID-aiUtilizationProgram {
	.page_nav {
		display: flex;
		justify-content: space-around;
		margin: 2em auto 3em;
		font-weight: bold;
		flex-wrap: wrap;
		@media (max-width: 768px) {
			width: 100%;
		}
	}
	.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;
		@media (max-width: 768px) {
			flex-basis: 48%;
        	margin-bottom: 2vw;
		}
	}
	.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 {
		text-decoration: none;
	}
	.page_nav a b {
		display: block;
		font-size: 1.2rem;
		margin-bottom: 1rem;
		text-decoration: underline;
	}
		.issue_box {
   		display: flex;
	}
	.box_schema_item {
		display: flex;
		justify-content: center;
		width: 80%;
		margin: 0 auto;
	}
	.box_schema dl {
 	   width: 30%;
	}
	.box_schema dt {
		width: 70%;
		margin: 0 15%;
		aspect-ratio: 1 / 1;
	}
	.box_schema_arrow {
		flex-basis: 8%;
		padding-top: 6rem;
	}
	.box_cta_btn a.blue {
		background: #1067ba;
	}
	.box_cta_btn a.orange {
		background: #fca300;
	}
	.box_cta_btn a {
		display: block;
		color: #fff;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		padding: 0px;
	}
	.ttl_point_num {
		font-size: 10rem;
		font-weight: bold;
		position: relative;
		z-index: -1;
		color: #eaf6ff;
		top: 11rem;
		left: -2rem;
		line-height: 1;
		margin-top: -10rem;
		@media (max-width: 768px) {
			top: 8rem;	
		}
	}
	.box_point .box_desc .ttl_point {
		text-align: center;
		font-size: 1.5rem;
		margin-bottom: 2rem;
		
	}
	.box_point .box_desc.point05 {
		position: relative;
		margin: 2rem auto;
		padding: 1.5rem 10% 0.5rem 0;
		padding-right: 18%;
		background: url(/files/co/page/it-skills/ai-utilization-program-point05.png) no-repeat right center;
		background-size: contain;
		@media (max-width: 768px) {
			background-size: 30%;
        	padding-right: 10%;
		}
	}
	#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;
		@media (max-width: 768px) {
			display: block;
			width: 98%;
		}
	}
	.point04_card {
		background: #fff;
		width: calc((100% / 3) - 20px);
		padding: 15px;
		border-radius: 15px;
		@media (max-width: 768px) {
			width: 98%;
			margin-bottom: 2rem;
		}
		dl {
			margin-top: 0;
		}
	}
	.point04_card dt {
		text-align: center;
		font-weight: bold;
		font-size: 18px;
		margin-bottom: 10px;
	}
	.point01_box {
		display: flex;
		align-items: center;
	}
	.point01_box dl {
		width: 48%;
	}
	.point01_box_kangaku {
		background: #cba46b;

	}
	.point01_box_ibm {
		background: #82adda;
	}
	.point01_box dd {
		padding: 1em;
		@media (max-width: 768px) {
			padding-left: 0;
		}	
		
		font-size: 12px;
	}
	.cross {
		position: relative;
		display: inline-block;
		width: 45px;
		height: 4px;
		background: #333;
		transform: rotate(45deg);
		vertical-align: middle;
	}
	.cross::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #333;
		transform: rotate(90deg);
	}
}
/* .pageID-aiUtilizationProgram */
/* .pageID-legacyToModern */
.pageID-legacyToModern {
	.regacy_box1 {
		padding: 1em;
		margin: 2em 0;
		font-weight: bold;
		border: solid 3px #1f4e78;
	}
	.normal-box1 {
		margin: 0;
		padding: 0.1em 1em;
		background-color: #f39800;
		font-weight: bold;
		font-size: 1.2em;
		font-family: "M PLUS Rounded 1c";
		border-radius: 10px;
		display: inline-block;
		p {
			margin-top: 0;
		}
	}
}
/* .pageID-legacyToModern */
/* .pageID-eLearning */
.pageID-eLearning {
	.anc_btn {
		width: calc(50% - 20px);
	}
}
/* .pageID-eLearning */
/*	先行して作成した分
------------------------------------------------------------- */


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

	.mce-content-body  ←  wysiwygエディタ編集エリアを囲っている親のclass
------------------------------------------------------------- */
.pageID-readiness {
	@media (max-width: 768px) {
		.sp-display-none {
			display: none !important;
		}
		.pageLinkGraphA {
			display: grid; gap: 20px;
			grid-template-columns: repeat(1, 1fr);
		}
	}
	@media (min-width: 768px) {
		.column_card {
			border: 1px solid #ccc;
			margin-bottom: 10px;
			width: calc(33% - 10px);
		}
		.pageLinkGraphA {
			display: grid; gap: 20px;
			grid-template-columns: repeat(3, 1fr);
		}
	}
	.pageLinkGraphA_block {
		background-color: #fff;
		border: 1px solid #dcdcdc;
		padding: 10px 20px;
		position: relative;
	}
	.pageLinkGraphA_txt {
		font-size: 14px;
		margin-top: 10px;
	}
}

.mce-content-body .sampleClass {
	display: block;
	opacity: 1;
}

.btnSquareNavy_btn.down_arrow::after{
	content: "\ea07";
}

/* FAQボーダー線 */
.faq-hasAnswer .faq_link.f_border{
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
}

/* 関連情報下線 */
.related_link.multi>a{
	text-decoration: none;
}
.related_link.multi>a>.related_link_txt>h3{
	text-decoration: underline;
}

/* 資格flex */
.course_link_s_block .course_link_s_name{
	display: inline-block;
	margin-right: auto;
}
@media screen and (max-width: 736px){
	.course_link_s_block .course_link_s_name{
		width: 100%;
	}
}
.course_link_s_block .course_link_s_days{
	display: inline-block;
	min-width: 7%;
}

.pageID-certificationRecommend .grid.sort .grid_col{
	width: 48%;
}
.pageID-certificationRecommend .grid.sort .grid_col>ul{
	width: 100%;
}
.pageID-certificationRecommend .grid.sort .grid_col>ul>li>a{
	font-size: 18px;
}
@media screen and (max-width: 736px){
	.pageID-certificationRecommend .grid.sort .grid_col{
		width: 100%;
	}
}

.recommended-course .grid_col-2-12{
	order: 2;
}
@media screen and (max-width: 736px){
	.recommended-course .grid_col-2-12{
		width: calc((100% + var(--column-gap, 20px)) / 12 * 4 - var(--column-gap, 20px));
	}
	.recommended-course .grid_col-10-12{
		width: calc((100% + var(--column-gap, 20px)) / 12 * 8 - var(--column-gap, 20px));
	}
}
.recommended-course>h2{
	margin-top: 80px;
}
.recommended-course>.course-detail>h3{
	margin-top: 60px;
}
@media screen and (max-width: 736px){
	.recommended-course>h2{
		margin-top: 60px;
	}
}
@media screen and (min-width: 737px){
	.pageID-illustratedThinking .imgTxt.i-sec_desc .imgTxt_left{
		width: 10%;
	}
}
.pageID-illustratedThinking .imgTxt.i-sec_desc .imgTxt_body>p{
	margin-top: 0;
}
.pageID-illustratedThinking .cp_table tr td ul{
	padding-left: 2em;
}
.pageID-illustratedThinking .cp_table tr td ul li{
	display: list-item;
}
@media screen and (min-width: 737px){
	.pageID-illustratedThinking .col-md-offset-1 dl.d_feature dt{
		padding-left: 2em;
	}
	.pageID-illustratedThinking .col-md-offset-1 dl.d_feature dd,.pageID-illustratedThinking .d_feature_box>figure{
		margin: 20px auto 0;
		width: 80%;
	}
}

.pageID-elearning .anc .anc_btn{
	text-align: left;
	justify-content: flex-start;
}
@media screen and (min-width: 737px){
	.pageID-elearning .anc .anc_btn.col_6{
		width: calc(50% - 20px);
	}
	.pageID-elearning .caretBtn.caretBtn-gray>a span{
		font-size: 14px;
	}
}
@media screen and (max-width: 736px){
	.pageID-elearning .courseLinkS .courseLinkS_name{
		width: 100%;
	}
}
.pageID-elearning .grid{
	align-items: center;
	margin-top: 40px;
}
@media screen and (max-width: 736px){
	.pageID-elearning .grid>div{
		width: 100%;
	}
	.pageID-elearning .grid>div.grid_col-10-12>a{
		line-height: 1.8;
	}
}
@media screen and (max-width: 736px){
	.pageID-redhat_online .courseLinkS .courseLinkS_name{
		width: 100%;
	}
}
.pageID-redhat_online {
	.iLearning-bullet-list{
		padding-left: 1.5em;
		>li{
			list-style-type: square;
            background-image: none;
            display: list-item;
		}
	}
	.headLine6{
		font-size: 1.125rem;
		margin-top: 40px;
	}
	.hr_box{
		padding: 1.5em;
		margin: 1em 0 2em;
		border: solid 2px #aaaaaa;
		>ul{
			padding-left: 1rem;
			margin: 0 0 20px;
		}
	}
	.iLearning-rule{
		margin: 10px 0;
		border-top: 1px dotted #CCC;
		height: 1px;
		clear: both;
	}
}

.pageID-customer-success {
	.agenda {
		margin-bottom: 6rem;
		border: 2px solid #2589d0;
		border-radius: 3px;
	}
	.agenda_ttl {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0;
		padding: 10px 0;
		background-color: #2589d0;
		color: #fff;
		font-weight: 600;
		font-size: 1.1em;
	}
	.agenda > ol {
		padding: 1em 1em 1em 3em;
		margin-top: 0px;
	}
	.supplement {
		display: flex;
		align-items: center;
	}
	.icon-arrow {
		padding: 5px 0;
		color: #083763;
		font-size: 5rem;
		margin-right: 1rem;
		margin-bottom: 1rem;
	}
	.fa-solid, .fass {
		font-weight: 900;
	}
	.div-flex {
		flex: 0 0 auto;
		width: 100%;
	}
	.th-lightblue {
		background-color: #bbd9f2;
		text-align: center;
		color: #000;
	}
	.th-blue {
		background-color: #73bcf8;
		text-align: center;
		color: #000;
	}
	.th-white {
		background-color: #fff;
		color: #000;
	}
	td {
		text-align: center;
	}
	.sec-point {
	    display: flex;
	    justify-content: space-around;
	}
	.sec-point .point-box {
	    width: 24%;
	    display: flex;
	    flex-direction: column;
	}
	.sec-point .point-icon {
	    color: #fff;
	    line-height: 1;
	    margin-bottom: 1rem;
	    text-align: center;
	    padding: 0.2rem;
	}
	.sec-point .point-icon.one {
		background: #1285ee;
	}
	.sec-point .point-icon.two {
		background: #0e6abe;
	}
	.sec-point .point-icon.tree {
		background: #0b508f;
	}
	.sec-point .point-icon.four {
		background: #083763;
	}
	.sec-point .point-num {
		font-size: 2.8rem;
	}
	.sec-point .point-ttl {
		text-align: center;
		font-size: 1.7rem;
		font-weight: bold;
	}
	.sec-point .point-txt {
		display: flex;
		flex-direction: column;
		border-radius: 15px;
		position: relative;
		margin: 1.5em 0;
		padding: 7px 10px;
		min-width: 120px;
		max-width: 100%;
		color: #555;
		font-size: 16px;
		background: #f9f9f9;
	}
	.sec-point .point-txt::before {
		content: "";
		position: absolute;
		top: -30px;
		left: 50%;
		margin-left: -15px;
		border: 15px solid transparent;
		border-bottom: 15px solid #f9f9f9;
	}

	@media (max-width: 768px) {
		.sec-point {
			flex-wrap: wrap;
		}
		.sec-point .point-box {
			width: 49%;
		}
		.card {
			width: 90%;
			margin-bottom: 1.2rem;
			position: relative;
			display: flex;
			flex-direction: column;
			min-width: 0;
			word-wrap: break-word;
			background-color: #fff;
			background-clip: border-box;
			border: 1px solid rgba(0, 0, 0, 0.125);
			border-radius: 0.25rem;
		}
		.sec-card {
			align-items: center;
			flex-direction: column;
		}
	}
	.row {
		/* --bs-gutter-x: 1.5rem; */
		--bs-gutter-y: 0;
		display: flex;
		flex-wrap: wrap;
		margin-top: calc(var(--bs-gutter-y) * -1);
		margin-right: calc(var(--bs-gutter-x) / -2);
		margin-left: calc(var(--bs-gutter-x) / -2);
	}
	.sec-card {
		justify-content: space-between;
	}
	.card p {
		padding: 10px;
	}
	.card-tag {
		display: inline-block;
		position: relative;
		box-sizing: border-box;
		padding: 10px;
		margin: 10px 0 0 -21px;
		width: calc(60% + 20px);
		font-size: 17px;
		color: white;
		background: #0b508f;
	}
	.card-tag:before {
		position: absolute;
		content: "";
		top: 100%;
		left: 0;
		border: none;
		border-bottom: solid 15px transparent;
		border-right: solid 20px #083763;
	}
	 .card-cont h3 {
		text-align: center;
		font-weight: bold;
		font-size: 1.1rem;
	}
	.card-cont img {
		display: block;
		height: 11rem;
		margin: 2rem auto;
	}
	.text-center {
		text-align: center;
	}
	.pt-15 {
		padding-top: 15px !important;
	}
	@media (min-width: 768px) {
		.col-md-3 {
			flex: 0 0 auto;
			width: 25%;
		}
		.col-md-9 {
			flex: 0 0 auto;
			width: 75%;
		}
		.card {
			width: 31%;
			position: relative;
			display: flex;
			flex-direction: column;
			min-width: 0;
			word-wrap: break-word;
			background-color: #fff;
			background-clip: border-box;
			border: 1px solid rgba(0, 0, 0, 0.125);
			border-radius: 0.25rem;
		}
	}
	.f-big03 {
		font-size: 1.3em;
	}
	.f-big01 {
		font-size: 1.1em;
	}
	.f-small01 {
		font-size: 0.9em;
		margin-top: 10px;
	}
	.i-link {
		text-decoration: none;
		&:hover {
			text-decoration: underline;
		}
	}
	.point-problem {
		text-align: center;
	}
}