@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : course.css
 author     : Ability Consultant
 style info : コース情報
=================================================================== */
.box_container {
	max-width: 1140px;
	margin: auto;
}

@media only screen and (max-width: 1140px) {
	.box_container {
		width: 95%;
	}
}

@media print {
	.box_container {
		width: 95%;
	}
}

.ie8 .box_container {
	width: 95%;
}

.box_container:after, .con_layout .box_layout:after, .con_layout .box_layout .box_l:after, .con_layout .box_layout .box_l .wrap:after, .box_des:after {
	content: "";
	display: table;
	clear: both;
}

#bg_page {
	background-image: url(../course/images/bg_title-pc.jpg);
}

@media only screen and (max-width: 767px) {
	#bg_page {
		background-image: url(../course/images/bg_title-sp.jpg);
	}
}

.box_container {
	display: block;
}

/* -----------------------------------------------------------
	xxx
----------------------------------------------------------- */
.con_intro {
	margin-bottom: 83px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_intro {
		margin-bottom: 83px;
	}
}

@media only screen and (max-width: 767px) {
	.con_intro {
		margin-bottom: 50px;
	}
}

.con_intro .box_container {
	overflow: hidden;
	margin-bottom: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_intro .box_container {
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 767px) {
	.con_intro .box_container {
		margin-bottom: 30px;
	}
}

.con_intro .box_container .box_l {
	float: left;
	width: 44.73684%;
}

.con_intro .box_container .box_l .st {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	font-size: 215%;
	font-weight: normal;
	margin-bottom: 5px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_intro .box_container .box_l .st {
		font-size: 215%;
	}
}

@media only screen and (max-width: 767px) {
	.con_intro .box_container .box_l .st {
		font-size: 179%;
	}
}

@media only screen and (max-width: 767px) {
	.con_intro .box_container .box_l {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.con_intro .box_container .box_l .st {
		line-height: 1.5;
	}
}

.con_intro .box_container .right {
	float: right;
	width: 50%;
	padding-bottom: 37px;
	position: relative;
}

@media only screen and (max-width: 767px) {
	.con_intro .box_container .right {
		float: none;
		width: 100%;
		background-size: 1000px auto;
	}
	.con_intro .box_container .right img {
		width: 100%;
	}
}

.con_intro .box_container .right span {
	position: absolute;
}

.con_intro .box_container .right span:nth-of-type(1) {
	top: 25%;
	left: 45%;
}

.con_intro .box_container .right span:nth-of-type(2) {
	bottom: 44%;
	left: 44%;
}

.con_intro .box_container .right span:nth-of-type(3) {
	bottom: 40%;
	left: 49%;
}

.con_intro .box_container .right span:nth-of-type(4) {
	bottom: 35%;
	left: 55%;
}

.con_intro .box_container .right span:nth-of-type(5) {
	left: 43%;
	bottom: 20%;
}

.con_intro .box_container .right span:nth-of-type(6) {
	left: 38%;
	bottom: 47%;
}

.con_intro .box_container .right span:nth-of-type(7) {
	left: 30%;
	top: 32%;
}

.con_intro .box_container .right span:nth-of-type(8) {
	left: 17%;
	top: 25%;
}

.con_intro .box_container .right span:nth-of-type(9) {
	left: 24%;
	top: 14%;
}

.con_intro .box_container .right span:nth-of-type(10) {
	left: 52%;
	top: 25%;
}

.con_intro .box_container .right span:nth-of-type(11) {
	left: 58%;
	top: 44%;
}

.con_intro .box_container .right span:nth-of-type(12) {
	left: 58%;
	bottom: 24%;
}

.con_intro .box_container .right span:nth-of-type(13) {
	left: 63%;
	bottom: 20%;
}

.con_intro .box_container .right span:nth-of-type(14) {
	left: 68%;
	bottom: 36%;
}

.con_intro .box_container .right span:nth-of-type(15) {
	right: 17%;
	top: 31%;
}

.con_intro .box_container .right span:nth-of-type(16) {
	right: 22%;
	top: 21%;
}

.con_intro .box_container .right span:nth-of-type(17) {
	right: 31%;
	top: 26%;
}

.con_intro .box_container .right span:nth-of-type(18) {
	right: 38%;
	top: 21%;
}

.con_intro .box_container .right span a {
	display: block;
	box-sizing: border-box;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #095e30;
	border: solid 1px #095e30;
	color: #fff;
	width: 26px;
	text-align: center;
	font-family: "Times New Roman", serif;
	text-decoration: none;
}

@media only screen and (max-width: 767px) {
	.con_intro .box_container .right span a {
		width: 22px;
		height: 22px;
		font-size: 70%;
	}
}

.con_date {
	margin-bottom: 83px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_date {
		margin-bottom: 83px;
	}
}

@media only screen and (max-width: 767px) {
	.con_date {
		margin-bottom: 50px;
	}
}

.con_date .box_container {
	overflow: hidden;
	margin-bottom: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_date .box_container {
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 767px) {
	.con_date .box_container {
		margin-bottom: 30px;
	}
}

.con_date .box_container .box_l {
	float: left;
	width: 47.36842%;
}

@media only screen and (max-width: 1024px) {
	.con_date .box_container .box_l {
		float: none;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}

.con_date .box_container .box_l table th {
	width: 70px;
	padding: 0 6px;
}

.con_date .box_container .box_l table td {
	text-align: center;
	padding: 0;
}

.con_date .box_container .box_r {
	float: right;
	width: 47.36842%;
}

@media only screen and (max-width: 1024px) {
	.con_date .box_container .box_r {
		float: none;
		width: 100%;
		padding-top: 40px;
	}
}

.con_date .box_container .box_r table th {
	text-align: center;
}

.con_date .box_container .box_r .btn {
	padding-top: 1em;
	text-align: center;
}

.con_layout .box_layout {
	margin-bottom: 60px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_layout .box_layout {
		margin-bottom: 50px;
	}
}

@media only screen and (max-width: 767px) {
	.con_layout .box_layout {
		margin-bottom: 30px;
	}
}

.con_layout .box_layout h3 span {
	font-size: 79%;
}

.con_layout .box_layout .box_l {
	float: left;
	width: 56.14035%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_layout .box_layout .box_l {
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.con_layout .box_layout .box_l {
		width: 100%;
		margin-bottom: 20px;
	}
}

.con_layout .box_layout .box_l .wrap .img {
	float: left;
	margin-right: 6%;
	width: 30%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_layout .box_layout .box_l .wrap .img {
		width: 25%;
	}
}

@media only screen and (max-width: 767px) {
	.con_layout .box_layout .box_l .wrap .img {
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.con_layout .box_layout .box_l .wrap .img {
		text-align: center;
	}
}

.con_layout .box_layout .box_l .wrap .box_t {
	float: left;
	width: 55%;
	padding-top: 2%;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_layout .box_layout .box_l .wrap .box_t {
		width: 67%;
	}
}

@media only screen and (max-width: 767px) {
	.con_layout .box_layout .box_l .wrap .box_t {
		width: 100%;
	}
}

.con_layout .box_layout .box_l .wrap .box_t table {
	margin-bottom: 2%;
}

.con_layout .box_layout .box_l .wrap .box_t .txt {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", serif;
	font-size: 143%;
}

.con_layout .box_layout .box_l .wrap .txt {
	clear: both;
}

.con_layout .box_layout .box_r {
	float: right;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_layout .box_layout .box_r {
		clear: both;
		float: none;
		text-align: center;
		padding-top: 1em;
	}
}

.con_layout .box_layout .box_r .img {
	margin-bottom: 25px;
	text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.con_layout .box_layout .box_r .img {
		margin-bottom: 25px;
	}
}

@media only screen and (max-width: 767px) {
	.con_layout .box_layout .box_r .img {
		margin-bottom: 15px;
	}
}

.con_layout .box_layout .box_r .btn {
	text-align: right;
}

@media only screen and (max-width: 1024px) {
	.con_layout .box_layout .box_r .btn {
		text-align: center;
	}
}

/*アコーディオン*/
.con_layout .acc {
	display: none;
}

.con_layout .st_mid_center {
	position: relative;
	text-decoration: none;
	text-align: center;
	display: block;
	width: 100%;
	color: #fff;
	background: #002B00;
	padding: 10px 0;
}

.con_layout .st_mid_center i {
	position: absolute;
	top: 30%;
	left: 3%;
	-webkit-transform: rotate(90deg) !important;
	transform: rotate(90deg) !important;
}

.box_des {
	padding-top: 40px;
	text-align: center;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.box_des {
		padding-top: 30px;
	}
}

@media only screen and (max-width: 767px) {
	.box_des {
		padding-top: 20px;
	}
}

.box_des .wrap {
	display: inline-block;
	padding: 15px;
	border: 1px #ccc solid;
	margin: auto;
}

.box_des .wrap .box_l {
	float: left;
	padding-right: 45px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.box_des .wrap .box_l {
		padding-right: 15px;
	}
}

@media only screen and (max-width: 767px) {
	.box_des .wrap .box_l {
		padding-right: 0;
	}
}

.box_des .wrap .box_l li {
	text-align: left;
}

.box_des .wrap .box_l li:first-child {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	/* for no-flexbox browsers */
}

.box_des .wrap .box_l li:first-child:before {
	display: inline-table;
	width: 100px;
	border-top: 2px dashed #ec4da6;
	content: "";
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex: 1;
	flex-grow: 1;
	margin-right: 1em;
}

.box_des .wrap .box_l li:nth-child(2) {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	/* for no-flexbox browsers */
}

.box_des .wrap .box_l li:nth-child(2):before {
	display: inline-table;
	width: 100px;
	border-top: 2px dashed #4abbef;
	content: "";
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex: 1;
	flex-grow: 1;
	margin-right: 1em;
}

.box_des .wrap .box_l li:nth-child(3) {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	/* for no-flexbox browsers */
}

.box_des .wrap .box_l li:nth-child(3):before {
	display: inline-table;
	width: 100px;
	border-top: 3px solid #dcdcdd;
	content: "";
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex: 1;
	flex-grow: 1;
	margin-right: 1em;
}

.box_des .wrap .box_l li:last-child:before {
	display: inline-table;
	content: "";
	background: url(../course/images/ic_koya.png) no-repeat center;
	width: 100px;
	height: 14px;
	vertical-align: middle;
	margin-right: 1em;
}

.box_des .wrap .box_r {
	float: left;
}

.box_des .wrap .box_r li {
	text-align: left;
}

.box_des .wrap .box_r li:first-child:before {
	display: inline-table;
	content: "";
	background: url(../course/images/ic_flag.png) no-repeat right;
	width: 15px;
	height: 18px;
	vertical-align: middle;
}

/*# sourceMappingURL=../maps/course.css.map */