@charset "utf-8";

/* カスタマイズ用css */



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

		サービスカラーの設定

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

/*　　学研ナーシングサポート　　カラー 01：濃い色　　02：薄い色
-------------------------------------------------------*/
#service-gns .service-bgcolor01 {
	background-color: #14a83b;
}
#service-gns .service-bordercolor01 {
	border-color: #14a83b;
}
#service-gns .service-color01 {
	color: #14a83b;
}
#service-gns .service-bgcolor02 {
	background-color: #eaf5ed;
}

/*　　ビジュアルナーシングメソッド　　カラー 01：濃い色　　02：薄い色
-------------------------------------------------------*/
#service-vnm .service-bgcolor01 {
	background-color: #E95098;
}
#service-vnm .service-bordercolor01 {
	border-color: #E95098;
}
#service-vnm .service-color01 {
	color: #E95098;
}
#service-vnm .service-bgcolor02 {
	background-color: #FCEAF3;
}

/*　　看護師の特定行為研修　　カラー 01：濃い色　　02：薄い色
-------------------------------------------------------*/
#service-tk .service-bgcolor01 {
	background-color: #0075C1;
}
#service-tk .service-bordercolor01 {
	border-color: #0075C1;
}
#service-tk .service-bgcolor02 {
	background-color: #E1EFF8;
}

/*　　特定行為　実践サポート　　カラー 01：濃い色　　02：薄い色
-------------------------------------------------------*/
#service-tk-jissen .service-bgcolor01 {
	background-color: #009FE8;
}
#service-tk-jissen .service-bordercolor01 {
	border-color: #009FE8;
}
#service-tk-jissen .service-bgcolor02 {
	background-color: #E1EFF8;
}

/*　　特定行為　B課程　　カラー 01：濃い色　　02：薄い色
-------------------------------------------------------*/
#service-tk-b .service-bgcolor01 {
	background-color: #662D89;
}
#service-tk-b .service-bordercolor01 {
	border-color: #662D89;
}
#service-tk-b .service-bgcolor02 {
	background-color: #F8EEFF;
}

/*　　学研介護サポート　　カラー 01：濃い色　　02：薄い色
-------------------------------------------------------*/
#service-gks .service-bgcolor01 {
	background-color: #F6A20E;
}
#service-gks .service-bordercolor01 {
	border-color: #F6A20E;
}
#service-gks .service-bgcolor02 {
	background-color: #FFF3DC;
}

/*　　学研訪問看護サポート　　カラー 01：濃い色　　02：薄い色
-------------------------------------------------------*/
#service-hks .service-bgcolor01 {
	background-color: #003F8E;
}
#service-hks .service-bordercolor01 {
	border-color: #003F8E;
}
#service-hks .service-bgcolor02 {
	background-color: #F3F5F8;
}

/*　　看護実践シミュレーション（病院向け）　　カラー 01：濃い色　　02：薄い色
-------------------------------------------------------*/
#service-sim .service-bgcolor01 {
	background-color: #0D6B4C;
}
#service-sim .service-bordercolor01 {
	border-color: #0D6B4C;
}
#service-sim .service-bgcolor02 {
	background-color: #E8F5F0;
}

/*　　看護実践シミュレーション（看護学校向け）　　カラー 01：濃い色　　02：薄い色　　03：セカンドカラー
-------------------------------------------------------*/
#service-school-sim .service-bgcolor01 {
	background-color: #9BBC50;
}
#service-school-sim .service-bordercolor01 {
	border-color: #9BBC50;
}
#service-school-sim .service-bgcolor02 {
	background-color: #F0F8DE;
}
#service-school-sim .service-bgcolor02 {
	background-color: #F0F8DE;
}
#service-school-sim .service-bgcolor03 {
	background-color: #F4B91C;
}
#service-school-sim .service-bgcolor03 {
	background-color: #F4B91C;
}

/*　　オプションサービス　　カラー 01：濃い色　　02：薄い色
-------------------------------------------------------*/
#service-option .service-bgcolor01 {
	background-color: #777DB1;
}
#service-option .service-bordercolor01 {
	border-color: #777DB1;
}
#service-option .service-bgcolor02 {
	background-color: #F3F5FF;
}

/*　　研修制作・運営支援　　カラー 01：濃い色　　02：薄い色
-------------------------------------------------------*/
#service-sub .service-bgcolor01 {
	background-color: #0053A7;
}
#service-sub .service-bordercolor01 {
	border-color: #0053A7;
}
#service-sub .service-bgcolor02 {
	background-color: #D0E7FF;
}

/*　　最新情報（お知らせ・コラム・イベント）　　カラー 01：濃い色　　02：薄い色
-------------------------------------------------------*/
#post .post-bgcolor01 {
	background-color: #009944;
}
#post .post-bordercolor01 {
	border-color: #009944;
}
#post .post-bgcolor02 {
	background-color: #eaf5ed;
}


/*　　NEW
-------------------------------------------------------*/
.service-new-bgcolor {
	background: #FF0000;
}
.service-new-bordercolor {
	border-color: #FF0000;
}


/*　　学研ナーシングサポート
-------------------------------------------------------*/
.service-gns01 li {
	width: 224px;
}
.service-gns02 li {
	width: 420px;
}

@media screen and (min-width: 768px) and (max-width: 1270px){
.service-gns01 li {
	width: 25%;
}
.service-gns02 li {
	width: 45%;
}
}

@media screen and (max-width: 767px){
.service-gns01 li {
	width: 50%;
}
.service-gns02 li {
	width: 100%;
}
}




/*　　コース
-------------------------------------------------------*/
.service-course {
	padding: 30px;
	background: #f7f7f7;
}
.course-list01 > li {
	width: 48.596%;
	margin-top: 20px;
	border: 1px solid;
	overflow: hidden;
}
.course-list01 > li:nth-child(1),
.course-list01 > li:nth-child(2) {
	margin-top: 0;
}
.course-list02 li {
	margin-top: 10px;
}
.service-course dl {
	display: table;
	width: 100%;
	height: 100%;
}
.service-course dl dt {
	display: table-cell;
	width: 35.018%;
	padding: 10px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}
.service-course dl dd {
	display: table-cell;
	width: calc(100% - 35.018%);
	padding: 15px;
	font-size: 1.4rem;
	background: #fff;
	vertical-align: middle;
}
.service-course dl.box-row2 dt {
	width: 17.017%;
}
.service-course dl.box-row2 dd {
	width: calc(100% - 17.017%);
}
.course-list01 li.course01-border {
	border-color: #45BD32;
}
.course01-bg {
	background: #45BD32;
}
.course-list01 li.course02-border {
	border-color: #22A86B;
}
.course02-bg {
	background: #22A86B;
}
.course-list01 li.course03-border {
	border-color: #24B2A2;
}
.course03-bg {
	background: #24B2A2;
}
.course-list01 li.course04-border {
	border-color: #2891C5;
}
.course04-bg {
	background: #2891C5;
}
.course-list01 li.course05-border {
	border-color: #517ABC;
}
.course05-bg {
	background: #517ABC;
}
.course-list01 li.course06-border {
	border-color: #777DB1;
}
.course06-bg {
	background: #777DB1;
}
.course-list01 li.course07-border {
	border-color: #8C5DAD;
}
.course07-bg {
	background: #8C5DAD;
}
.course-list01 li.course08-border {
	border-color: #A9458C;
}
.course08-bg {
	background: #A9458C;
}
.course-list01 li.course09-border {
	border-color: #C53C89;
}
.course09-bg {
	background: #C53C89;
}
.course-list01 li.course10-border {
	border-color: #CC4272;
}
.course10-bg {
	background: #CC4272;
}
.course-list01 li.course11-border {
	border-color: #D2495B;
}
.course11-bg {
	background: #D2495B;
}
.course-list01 li.course12-border {
	border-color: #DA5019;
}
.course12-bg {
	background: #DA5019;
}
.course-list01 li.course13-border {
	border-color: #E16F41;
}
.course13-bg {
	background: #E16F41;
}
.course-list01 li.course14-border {
	border-color: #EDAD0B;
}
.course14-bg {
	background: #EDAD0B;
}
.course-list01 li.course15-border {
	border-color: #f1bc39;
}
.course15-bg {
	background: #f1bc39;
}
.course-list01 li.course16-border {
	border-color: #B5D145;
}
.course16-bg {
	background: #B5D145;
}
.course-list01 li.course17-border {
	border-color: #A4C520;
}
.course17-bg {
	background: #A4C520;
}
.course17-txt {
	color: #A4C520;
}
.course17-txt02 {
	padding: 5px;
	text-align: center;
	background: #EBF3CA;
}
.course-list01 li.course18-border {
	border-color: #C5A05A;
}
.course18-bg {
	background: #C5A05A;
}
.course-list01 li.course19-border {
	border-color: #BDB950;
}
.course19-bg {
	background: #BDB950;
}


@media screen and (min-width: 768px) and (max-width: 1270px){
.service-course {
	padding: 15px;
}
.service-course dl dt {
	padding: 10px;
	font-size: 1.2rem;
}
.service-course dl dd {
	padding: 10px;
	font-size: 1.2rem;
}
}

@media screen and (max-width: 767px){
.service-course {
	padding: 10px;
}
.course-list01 > li {
	width: 100%;
	margin-top: 10px;
}
.course-list01 > li:nth-child(2) {
	margin-top: 10px;
}
.service-course dl dt {
	padding: 10px;
	font-size: 1.2rem;
}
.service-course dl dd {
	padding: 10px;
	font-size: 1.2rem;
}
.service-course dl.box-row2 dt {
	width: 35.018%;
}
.service-course dl.box-row2 dd {
	width: calc(100% - 35.018%);
}
}

