@media print,
screen and (min-width:768px) {

	#manager .m-container {
		width: 1200px;
	}

	#manager .print {
		margin-bottom: 30px;
	}

	.manager-nav {
		display: flex;
		justify-content: space-between;
		padding: 10px 0;
	}

	.manager-nav li {
		width: 100%;
		height: 42px;
		border-left: 1px solid #fff;
	}

	.manager-nav li:last-child {
		border-right: 1px solid #fff;
	}

	.manager-nav li a {
		display: flex;
		align-items: center;
		width: 100%;
		height: 100%;
		padding: 0 20px;
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		position: relative;
	}

	.manager-nav li a::after {
		content: url(/open-course/img/common/icon_allow-white-btm.png);
		height: 4px;
		display: inline-block;
		position: absolute;
		top: 50%;
		right: 16px;
	}

	.manager-training {
		display: flex;
		justify-content: space-between;
		height: 100%;
	}

	.manager-training__block {
		width: 100%;
		max-width: 464px;
	}

	.manager-training__block--wide {
		width: 100%;
		max-width: 720px;
	}

	.manager-training__block--wide .manager-inner {
		position: relative;
	}

	.manager-training__block--wide .manager-flex + p {
		margin-top: 77px;
	}

	.manager-training__block--wide .manager-btn {
		position: absolute;
		bottom: 42px;
	}

	.manager-label {
		background: #F79700;
		display: inline-flex;
		align-items: center;
		padding: 4px 16px 4px;
		height: 45px;
		color: #fff;
		font-size: 18px;
		font-weight: 700;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}

	.manager-label--blue {
		background: #5487AF;
		display: inline-flex;
		align-items: center;
		padding: 4px 16px 4px;
		height: 45px;
		color: #fff;
		font-size: 14px;
		line-height: 1.2;
		font-weight: 700;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}

	.manager-inner {
		border-top: 4px solid #F79700;
		background: #FEFCF0;
		padding: 32px;
		height: calc(100% - 45px);
	}

	#already .manager-inner:not(:last-child) {
		margin-bottom: 32px;
	}

	.manager-inner--blue {
		border-top: 4px solid #5487AF;
		background: #F0FCFF;
		padding: 32px;
		height: calc(100% - 45px);
	}

	.manager-heading {
		border-left: 4px solid #F79700;
		padding-left: 8px;
		font-size: 24px;
		margin: 0 0 24px;
	}

	.manager-heading a {
		color: #000;
		text-decoration: underline;
	}

	.manager-heading a:hover {
		text-decoration: none;
	}

	.manager-font-red {
		color: #AF1010;
		font-weight: bold;
	}

	.manager-font-large {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 10px !important;
		text-align: center;
		margin-top: 24px;
	}

	.manager-font-center {
		text-align: center;
	}

	.manager-font-center span {
		font-size: 12px;
    }
    
    .manager-font-gray, .manager-font-gray--12 {
		color: #666;
	}

	.manager-font-gray {
		font-size: 14px;
    }
    
    .manager-font-gray--12 {
		font-size: 12px;
	}

	.manager-font-bold {
		font-weight: bold;
	}

	.manager-font-blue {
		color: #0069BB;
		font-weight: bold;
	}

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

	#training .manager-flex {
		margin-bottom: 24px;
	}

	.manager-flex__block-340 {
		width: 100%;
		max-width: 340px;
	}

	.manager-flex__block-300 {
		width: 100%;
		max-width: 300px;
		margin-top: 45px;
	}

	.manager-flex__block-712 {
		width: 100%;
		max-width: 742px;
	}

	.manager-flex__block-392 {
		width: 100%;
		max-width: 362px;
	}

	.manager-flex__block-120 {
		width: 100%;
		max-width: 120px;
		margin-right: 10px;
	}

	.manager-btns {
		display: flex;
		justify-content: center;
		margin-bottom: 10px;
	}

	.manager-btn{
		width: 100%;
		align-items: center;
	}

	.manager-btn a {
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
		height: 50px;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #35A5EB;
		text-decoration: none;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		position: relative;
	}

	.manager-btn.-purple a {
		background: #A770E6;
	}

	.manager-btn.-light-blue a {
		background: #7CC9FF;
	}

	.manager-btn.-blue a {
		background: #4777E5;
	}

	.manager-btn a:hover {
		opacity: 0.8;
	}

	.manager-btn a:after {
		content: "";
		font-family: FontAwesome;
		content: "\f144";
		color: #fff;
		position: absolute;
		right: 16px;
		top: 50%;
		transform: translateY(-50%);
	}

	.manager-other {
		margin: 40px 0 60px;
	}

	.manager-other__heading {
		font-weight: bold;
		font-size: 24px;
		text-align: center;
		margin-bottom: 8px;
	}

	.manager-other__text {
		color: #0069BB;
		font-weight: bold;
		font-size: 22px;
		text-align: center;
		margin-bottom: 32px;
	}

	.manager-other__list {
		display: flex;
		justify-content: space-between;
	}

	.manager-other__item {
		width: 390px;
		border: 1px solid #666;
		padding: 32px;
	}

	.manager-other__item-title {
		font-size: 24px;
		font-weight: bold;
		color: #F39700;
		text-align: center;
	}

	.manager-other__item-link a {
		color: #000;
		text-decoration: underline;
	}

	.manager-other__item-link a:hover {
		color: #666;
		text-decoration: none;
	}

	.manager-teacher {
		background: #fff;
		padding: 20px;
	}

	.manager-teacher__heading {
		font-weight: bold;
        margin-bottom: 8px;
        font-size: 14px;
	}

	.manager-teacher__text {
		width: 192px;
	}

	.manager-teacher__text p {
		font-size: 12px;
	}

	.manager-teacher__name {
		font-size: 14px !important;
		font-weight: bold;
		margin-bottom: 8px !important;
		margin-top: 10px;
	}

	#manager .courseTable__skill {
		width: 120px;
	}

	#manager .courseTable__permisson,
	#manager .courseTable__skill {
		width: 120px;
	}

	#manager .courseTable__genre {
		width: 160px;
	}

	#manager .courseTable tbody tr td:nth-last-child(-n+2) {
		width: 400px;
	}

	#manager .themeTable tbody ul {
		width: 100%;
	}

	#manager .visual {
		padding-top: 30px;
		background: url("/open-course/img/manager/bg_visual.jpg") center top no-repeat;
	}

	#manager .visual__title {
		margin-bottom: 15px;
	}

	.visual__lead {
		width: 750px;
		font-size: 16px;
		line-height: 1.4;
	}

	#manager .lnav__floater {
		background: #F39700;
	}

	#manager .section__head {
		margin-bottom: 20px;
	}

	#manager .section__header.m-header {
		margin-bottom: 24px;
		font-size: 22px;
		background: #0069bb;
		color: #fff;
		font-weight: 700;
		padding: 0 !important;
	}

	#manager .section__header h3 {
		margin: auto;
		text-align: center;
		padding: 12px 0;
	}

	#manager .section__inner {
		max-width: 1200px;
		width: 100%;
		margin: 0 auto 32px;
		font-size: 16px;
	}

	#manager .section__inner p:not(:last-child) {
		margin-bottom: 20px;
	}

	#manager .theme__inner {
		overflow: hidden;
		background-color: #f1f9ff;
		padding: 0 50px 0 40px;
	}

	#manager .theme__list {
		float: left;
		width: 430px;
		margin-top: 50px;
	}

	#manager .theme__list > li {
		margin-bottom: 10px;
	}

	#manager .theme__list > li a {
		font-weight: bold;
		color: #5f85be;
		background: url("/open-course/img/manager/icon_theme_arc-allow_01.png") left center no-repeat;
		padding-left: 25px;
	}

	#manager .theme__list > li:last-child {
		margin-bottom: 0;
	}

	#manager .theme__list > li:last-child a {
		background-image: url("/open-course/img/manager/icon_theme_arc-allow_02.png");
	}

	#manager .theme__fig {
		position: relative;
		float: right;
		width: 440px;
		height: 195px;
		margin: 23px 0 25px;
	}

	#manager .theme__fig:before,
	#manager .theme__fig:after {
		position: absolute;
		bottom: 0;
		content: '';
	}

	#manager .theme__fig:before {
		bottom: 35px;
		left: 214px;
		height: 105px;
		width: 13px;
		background-color: #8e8ed2;
	}

	#manager .theme__fig:after {
		left: 207px;
		bottom: 136px;
		width: 0;
		height: 0;
		border-width: 18px 14px;
		border-color: transparent transparent #8e8ed2 transparent;
		border-style: solid;
	}

	#manager .theme__figItem {
		position: absolute;
		width: 100%;
	}

	#manager .theme__figItem a {
		width: 100%;
		display: inline-block;
		padding: 7px 10px 7px 2.5em;
		text-indent: -1.5em;
		color: #fff;
		font-weight: bold;
		background-color: #70a4e2;
		background-image: url("/open-course/img/common/icon_allow-white-btm.png");
		background-position: right 11px center;
		background-repeat: no-repeat;
		border-radius: 3px;
	}

	#manager .theme__figItem a:hover {
		text-decoration: none;
	}

	#manager .theme__figItem--02,
	#manager .theme__figItem--03 {
		width: 190px;
	}

	#manager .theme__figItem--02 a {
		padding: 18px 10px 17px 2.5em;
	}

	#manager .theme__figItem--04 a {
		background-color: #8e8ed2;
	}

	#manager .theme__figItem--05 a {
		background-color: #50b337;
	}

	#manager .theme__figItem--01 {
		top: 112px;
		left: 0;
	}

	#manager .theme__figItem--02 {
		top: 46px;
		left: 0;
	}

	#manager .theme__figItem--03 {
		top: 46px;
		right: 0;
	}

	#manager .theme__figItem--04 {
		top: 158px;
		left: 0;
	}

	#manager .theme__figItem--05 {
		top: 0;
		left: 0;
	}

	#manager .section {
		line-height: 1.57143;
	}

	#manager .section ul.list {
		margin: 20px 0;
	}

	#manager .section ul.list li {
		margin: 5px 0;
	}

	#manager .checkTitle {
		font-size: 128.5714%;
		margin-top: 30px;
		margin-bottom: 15px;
		padding: 15px 15px 5px 40px;
		border-bottom: 1px solid #0069bb;
		line-height: 1.8;
		font-weight: bold;
		color: #0069bb;
		position: relative;
	}

	#manager .checkTitle:before {
		position: absolute;
		display: block;
		content: "";
		width: 11px;
		height: 16px;
		top: 50%;
		left: 13px;
		border: solid 3px #0069bb;
		border-left: 0;
		border-top: 0;
		-moz-transform: translateY(-50%) rotate(45deg);
		-ms-transform: translateY(-50%) rotate(45deg);
		-webkit-transform: translateY(-50%) rotate(45deg);
		transform: translateY(-50%) rotate(45deg);
		background-color: white;
	}

	#manager .userVoice > li {
		border-bottom: solid 1px #cccccc;
		padding-bottom: 1em;
		margin-bottom: 1.2em;
		font-size: 16px;
	}

	/*# sourceMappingURL=manager.css.map */



	.video-manager {
		width: 736px;
		height: 254px;
		overflow: hidden;
		position: relative;
		margin: 20px auto 50px 0px;
	}

	.video-manager video {
		position: absolute;
		top: 0;
		left: 0;
	}

	.video-manager a {
		display: inline-block;
		padding: 5px 10px;
		font-size: 12px;
		background-color: #0068b7;
		border-radius: 6px;
		color: #FFF;
		position: absolute;
		top: 15px;
		right: 15px;
		text-decoration: none;
	}

	.video-manager a:hover {
		opacity: 0.6;
	}

	#manager .banner_area {
		display: flex;
	}

	#manager .banner_area:not(:last-child) {
		margin-bottom: 15px;
	}

	#manager .banner_area__img {
		margin-right: 10px;
	}

	#manager .mb50 {
		margin-bottom: 50px !important;
	}

	#manager .mb0 {
		margin-bottom: 0px !important;
	}

	#manager .mt15 {
		margin-top: 15px !important;
	}

	#manager .section .cl_orenge {
		color: rgb(240, 100, 1);
	}

	#manager .section .fwb {
		font-weight: bold;
		font-size: 105%;
    }
    .icon_arrow {
        height: 17px;
        width: 17px;
        display: inline-block;
        position: relative;
        background: #0068b7;
        border-radius: 40px;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        margin-right: 5px;
        margin-top: -2px;
        vertical-align: middle;
    }
    .icon_arrow:before {
        content: '';
        height: 0;
        width: 0;
        display: block;
        border: 4px transparent solid;
        border-right-width: 0;
        border-left-color: #fff;
        position: absolute;
        top: 4px;
        left: 7px;
    }
    .articleBox-content {
        width: 100%;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
		}

	.pcHide-spShow {
  	display: none !important;
	}
	.spHide-pcShow {
		display: block !important;
	}
}

@media print {

	.l-headBar,
	.l-breadcrumbs__wrap,
	.lnav,
	.print,
	.m-banner,
	.m-related,
	.-pc-global-footer {
		display: none;
	}

	ul {
		list-style: none;
	}

	.manager-inner,
	.manager-inner--blue {
		height: inherit;
	}

	.articleBox-content{
		display: none;
	}
}



.manager-training__block--wide{
	max-width:100%;
}
.manager-flex__block-340.ex01{
	max-width:750px;
}
.manager-training__block--wide .manager-flex + p.ex02{
	margin-top:0px;
}
#training .manager-flex.ex03{
	margin-bottom:0;
}
.manager-flex__block-300.ex04{
	margin-top:0;
}


.manager-training__block--wide .manager-btns.ex05{
	max-width:640px;
}
.manager-training__block--wide .manager-btn.ex06{
	position:unset;
}

.manager-training__block--wide .manager-btn.ex06 a{
	margin:0;
}


#manager .new_blocks_01{
	border:1px solid #F79700;
		border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	background:#FEFCF0;
	padding:0 0 0 0;
	margin:0 0 15px 0;
    display: flex;
	width:32%;
	padding:25px;
	box-shadow:2px 2px 0px #F79700;
}
#manager .new_blocks_01 > *{
   flex-shrink: 0; /* fix IE11 */
}
#manager .new_blocks_01 .ttl{
	font-size:15px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	display:inline-block;
	width:100%;
	border-left: 4px solid #F79700;
    padding-left: 15px;
    font-size:17px;
    line-height:21pt;
}
#manager .new_blocks_01 .ttl a:hover{
	text-decoration:underline;
}
#manager .new_blocks_01 p{
	padding:20px 0 0 0;
}
#manager .new_blocks_01 .manager-btn{
margin-top: auto; /* 位置を下に揃える */
  margin-bottom: 0; /* 装飾 */
  text-align: center; /* センタリング */
}


#manager .new_base_01{
	display:flex;
 justify-content: space-between
}

#manager .new_blocks_01 .grand-child {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto; /* fix IE11 */
    width:100%;
}
.flex3 .new_blocks_01 .grand-child > *{
   flex-shrink: 0; /* fix IE11 */
}
.flex3 .grand-child .link {
  margin-top: auto; /* 位置を下に揃える */
  margin-bottom: 0; /* 装飾 */
  text-align: center; /* センタリング */
}