@charset "utf-8";
/* CSS Document */

.main_visual {background-image: url(../img/course/future/main.png), url(../img/common/main_bg.jpg);}
@media screen and (max-width: 767px) {
	.main_visual {background-image: url(../img/course/future/main_sp.png), url(../img/common/main_bg.jpg);}
	.main_visual span {
		font-size: 5vw;
	}
}


.fx-table {
	display:flex;
	width:100%;
}
.fx-table thead {
	width:8.22%;
	font-size:12px;
	min-width:64px;
}
.fx-table tbody {
	 -webkit-flex: 1;
	 -moz-flex: 1;
	 -ms-flex: 1;
	 -o-flex: 1;
	 flex: 1;
    display: block;
    overflow: auto;
}
.fx-table tbody tr.fx {
	min-width:690px;
}
@media screen and (max-width: 767px) {
	.fx-table tbody {
		 overflow-x:scroll;
		 -webkit-overflow-scrolling: touch;
		 -webkit-flex: auto;
		 -moz-flex: auto;
		 -ms-flex: auto;
		 -o-flex: auto;
		 flex: auto;
	}
}
.fx-table tr:first-child th,
.fx-table tr:first-child td{
	border-top:solid 1px #d4d4d4;
}
.fx-table tr th {
	border-left: solid 1px #d4d4d4;
	background-color:#e5e5e5;
	font-weight: bold;
}
.fx-table tr th.sm {
	font-size:11px;
}
.fx-table .fx {
	display:flex;
	border-bottom:solid 1px #d4d4d4;
	font-size:12px;
}
.fx-table .fx td,
.fx-table .fx th {
	border-right:solid 1px #d4d4d4;
}
.fx-table .fx td {
	font-weight: bold;
}
.fx-table .fx td.bor-n {
	border-right:none;
}
.fx-table .bg_r  { background-color: #de3434; color:#ffffff; }
.fx-table .bg_p  { background-color:#fce5ef; }
.fx-table .bg_b  { background-color:#ffefdf; }
.fx-table .bg_g  { background-color:#189000; color:#ffffff; }
.fx-table .bg_wb { background-color:#2fa6ee; color:#ffffff; }
.fx-table .bg_db { background-color:#001f50; color:#ffffff; }
.fx-table .bg_lb { background-color:#e5f4fd; }
.col_1,.col_2,.col_3,.col_4,.col_5,.col_6,.col_7,.col_8,.col_9,
.col_10,.col_11,.col_12,.col_13,.col_14,.col_15,.col_16,.col_17{
	box-sizing:border-box;
	text-align:center;
}
.fx-table .col_1 { flex-grow:1; width:1%; height:32px; display: flex; align-items:center; justify-content:center; }
.fx-table .fx.fhn .col_1 { height:0px !important; padding: 0px !important; }
.fx-table .col_2 { flex-grow:2; width:2%; height:32px; display: flex; align-items:center; justify-content:center; }
.fx-table .fx.fhn .col_2 { height:0px !important; padding: 0px !important; }
.fx-table .col_3 { flex-grow:3; width:3%; height:32px; display: flex; align-items:center; justify-content:center; }
.fx-table .fx.fhn .col_3 { height:0px !important; padding: 0px !important; }
.fx-table .col_4 { flex-grow:4; width:4%; height:32px; display: flex; align-items:center; justify-content:center; }
.fx-table .fx.fhn .col_4 { height:0px !important; padding: 0px !important; }
.fx-table .col_5 { flex-grow:5; width:5%; height:32px; display: flex; align-items:center; justify-content:center; }
.fx-table .fx.fhn .col_5 { height:0px !important; padding: 0px !important; }
.fx-table .col_6 { flex-grow:6; width:6%; height:32px; display: flex; align-items:center; justify-content:center; }
.fx-table .fx.fhn .col_6 { height:0px !important; padding: 0px !important; }
.fx-table .col_7 { flex-grow:7; width:7%; height:32px; display: flex; align-items:center; justify-content:center; }
.fx-table .fx.fhn .col_7 { height:0px !important; padding: 0px !important; }
.fx-table .col_8 { flex-grow:8; width:8%; height:32px; display: flex; align-items:center; justify-content:center; }
.fx-table .fx.fhn .col_8 { height:0px !important; padding: 0px !important; }
.fx-table .col_9 { flex-grow:9; width:9%; height:32px; display: flex; align-items:center; justify-content:center; }
.fx-table .fx.fhn .col_9 { height:0px !important; padding: 0px !important; }
.fx-table .col_10 { flex-grow:10; width:10%; height:32px; display: flex; align-items:center; justify-content:center; }
.fx-table .fx.fhn .col_10 { height:0px !important; padding: 0px !important; }
.fx-table .col_11 { flex-grow:11; width:11%; height:32px; display: flex; align-items:center; justify-content:center; }
.fx-table .fx.fhn .col_11 { height:0px !important; padding: 0px !important; }
.fx-table .col_12 { flex-grow:12; width:12%; height:32px; display: flex; align-items:center; justify-content:center; }
.fx-table .fx.fhn .col_12 { height:0px !important; padding: 0px !important; }
.fx-table .col_13 { flex-grow:13; width:13%; height:32px; display: flex; align-items:center; justify-content:center; }
.fx-table .fx.fhn .col_13 { height:0px !important; padding: 0px !important; }
.fx-table .col_14 { flex-grow:14; width:14%; height:32px; display: flex; align-items:center; justify-content:center; }
.fx-table .fx.fhn .col_14 { height:0px !important; padding: 0px !important; }
.fx-table .col_15 { flex-grow:15; width:15%; height:32px; display: flex; align-items:center; justify-content:center; }
.fx-table .fx.fhn .col_15 { height:0px !important; padding: 0px !important; }
.fx-table .col_16 { flex-grow:16; width:16%; height:32px; display: flex; align-items:center; justify-content:center; }
.fx-table .fx.fhn .col_16 { height:0px !important; padding: 0px !important; }
.fx-table .col_17 { flex-grow:17; width:17%; height:32px; display: flex; align-items:center; justify-content:center; }
.fx-table .fx.fhn .col_17 { height:0px !important; padding: 0px !important; }
.fx-table .col_18 { flex-grow:18; width:18%; height:32px; display: flex; align-items:center; justify-content:center; }
.fx-table .fx.fhn .col_18 { height:0px !important; padding: 0px !important; }
.fx-table .col_19 { flex-grow:19; width:19%; height:32px; display: flex; align-items:center; justify-content:center; }
.fx-table .fx.fhn .col_19 { height:0px !important; padding: 0px !important; }
.fx-table .col_20 { flex-grow:20; width:20%; height:32px; display: flex; align-items:center; justify-content:center; }
.fx-table .fx.fhn .col_20 { height:0px !important; padding: 0px !important; }

.fx-table .col_100 { flex-grow:1; width:100%; height:32px; display: flex; align-items:center; justify-content:center; box-sizing:border-box; }
.fx-table .fx.fhn .col_100 { height:0px !important; }
.fx-table .fx.fhn {
	height:0px !important;
	overflow:visible;
	border: none !important;
	z-index:20;
	position:relative;
    line-height: 0px;
    font-size: 16px;
	font-weight:bold;
}


.br_sp {
	display: none;
}

@media screen and (max-width: 767px) {
	br.tablet {
		display:none;
	}
	.br_sp {
		display: block;
	}
}
@media screen and (max-width: 767px) {
	.future h3 {
		font-size: 1em;
	}
}
.future .fb {
	font-weight:bold;
}
.future_pc {
	display:flex;
}
.future_pc figure {
	display:flex;
	justify-content:center;
	align-items:center;
	width:175px;
	min-width:175px;
}

.future_pc_detal dl {
	display:flex;
	padding:0;
	margin:0 0 20px 0;
}
.future_pc_detal dl dt {
	background-color:#001f50;
	color:#ffffff;
	text-align: center;
	width:102px;
	min-width:102px;
	height:34px;
	display: flex;
	justify-content:center;
	align-items:center;
	padding:0 0 0 0;
	margin:0;
}
.future_pc_detal dl dd {
	padding:6px 0 0 0;
	margin:0 0 0 20px;
}

@media screen and (max-width: 767px) {
	.future_pc figure {
		display:none;
	}
	.future_pc_detal dl {
		display:block;
	}
	.future_pc_detal dl dd {
		margin:0;
	}
}

.future_environment {
	border:solid 1px #b2bbca;
	background-color:#eceef2;
	padding:20px;
}

.future_environment dl dt {
	border-bottom: dotted 1px #b2bbca;
	font-family: '游明朝体', YuMincho, '游明朝', 'Yu Mincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', serif;
	color:#001f50;
	font-weight:bold;
	padding: 0 0 6px 0;
	margin:0 0 10px 0;
}
.future_environment dl dd ul li{
	padding:0 0 0 20px;
	position:relative;
	font-size:1.4rem;
	margin-bottom:5px;
}
.future_environment dl dd ul li:before {
	content:'■';
	position:absolute;
	left:0;
	top:0;
}



.future_user {
	display:flex;
	margin-bottom:20px;
}

.future_user figure{
	width:137px;
	min-width:137px;
	text-align:center;
}
.future_user dl {
	margin-left:37px;
}
.future_user dl dt {
	margin:0 0 10px 0;
}
.future_user dl dd {
	background-color:#eceef2;
	border: solid 1px #b2bbca;
	border-radius:42px;
	padding:20px;
	position:relative;
	font-size:1.4rem;
}
.future_user dl dd:after {
	content:'';
	position:absolute;
	display:block;
    left: -32px;
    top: 20px;
	background-image:url(../img/course/future/balloon.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:33px;
	height:34px;
}
@media screen and (max-width: 500px) {
	.future_user figure{
		width:60px;
		min-width:60px;
		text-align:center;
		padding-top:30px;
	}
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none){
	.future_environment dl dt{font-family: "メイリオ";}
	.fx-table thead{display: block;}
}


/*ie*/
@media screen and (max-width: 767px) and (-ms-high-contrast: active) and , screen and (max-width: 767px) and (-ms-high-contrast: none) {
	.fx-table tbody {
		display: block;
	}
}


@media screen and (min-width: 1001px) {
	main {
		max-width: 70%;
	}
	.sidebar {
		min-width: 20%;
	}
	.fx-table tbody {
		overflow: auto;
	}
}