
/***********************
	pcのみ
	********************/

@media screen and (min-width: 769px) {

	.lower_top._without_image {
		padding: 100px 0 25px 0;
		height: auto;
		border-bottom: solid 1px #959595;
	}
	.lower_top._without_image:after {
		content: "";
		display: block;
		line-height: 0;
		overflow: hidden;
		position: absolute;
		left: 0;
		bottom: -2px;
		width: 8%;
		border-bottom: 3px solid #fff;
	}
	.lower_top._without_image .txtArea {
		position: relative;
	}
	.lower_top .txtArea span {
		color: #393939;
	}

.course_top{
	max-width: 1165px;
	margin: 0 auto;
	padding: 20px 0 50px 0;
}

.course_top h2{
	font-size: 1.7em;
	letter-spacing: 0.2em;
	position: relative;
	display: inline-block;
	font-weight: 500;
	color: #555;
}
	.course_top .txtArea {
		display: inline-block;
	}
	.course_top .txtArea span {
		display: inline-block;
		color: #444;
		font-weight: 500;
		font-size: 1.4em;
	}


#course_premiere .course_top .txtArea {
	border-bottom: solid 3px #F8E581;
	padding: 0 0.6em;
}

#course_classique .course_top .txtArea {
	border-bottom: solid 3px #f2d0cb;
}

#course_bijoux .course_top .txtArea {
	border-bottom: solid 3px #c4d8f6;
}

#course_creatif .course_top .txtArea {
	border-bottom: solid 3px #eecca1;
}
	#course_instructor_classique .course_top .txtArea {
		border-bottom: solid 3px #ccc;
	}

	#course_instructor_bijoux .course_top .txtArea {
		border-bottom: solid 3px #ccc;
	}

/*.course_top h2::after{
	content: "";

	width: 100%;
	height: 6px;
	background-color: #F8E581;
	position: absolute;
	bottom: 0;
	left: 0;
}*/

.course_top span{
	font-size: 1.2em;
	display: block;
	margin-top: 15px;
}

.lower_course{
	
}

.lower_courseArea{
	
}

.lower_courseArea .outline{
	margin-bottom: 100px;
}

.lower_courseArea .gray{
	margin-bottom: 10px;
	display: block;
}

.lower_courseArea .txt_ttl{
	font-size: 1.6em;
    margin-bottom: 20px;
}

.lower_courseArea .lead{
	margin: 30px auto 0;
	font-size: 1.5em;
	line-height: 1.75em;
}
ul.course_summary {
	margin-bottom: 50px;
	padding-left: 1em;
}
ul.course_summary li {
	display: block;
	line-height: 2.3;
}
	ul.course_summary li span:after {
		content: '/';
		padding: 0 10px;
	}
	.course_items_list {
		display: flex;
		width: 100%;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: 60px;
	}
	.course_items_list li {
		width: 420px;
		text-align: center;
		padding-bottom: 40px;
	}
	.course_items_list li .items_img{
		width: 100%;
		border: #b3b3b3 1px solid;
	}
	.course_items_list li .items_ttl{
		font-size: 1.1em;
		line-height: 1.5;
		padding: 20px 0 10px;
		color: #DF7787;
	}
	.course_items_list li .items_desc{
		font-size: 1em;
	}

	.course_list{
	
}

.course_list .listArea{
	font-family: "Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,Georgia,serif;
	border: solid 1px #B3B3B3;
	border-bottom: none;
	border-right: none;
	width: 100%;
	margin-bottom: 50px;
}

.course_list .listArea table{
	width: 100%;
	font-size: 0.9em;
}

.course_list .listArea tr{
	border-bottom: solid 1px #B3B3B3;
	text-align: center;
	vertical-align: middle;
}



.course_list .listArea th{
	border-right: solid 1px #B3B3B3;
	padding: 15px 5px;
	/*background-color: #FFFDE1;*/
	vertical-align: middle;
}
	/*#course_classique .course_list .listArea th {*/
	/*	background-color: #f8f2f1;*/
	/*}*/
	/*#course_bijoux .course_list .listArea th {*/
	/*	background-color: #eff3f9;*/
	/*}*/
	/*#course_creatif .course_list .listArea th {*/
	/*	background-color: #f8f1e8;*/
	/*}*/

.course_list .listArea th:nth-of-type(1){
	width: 90px;
}

.course_list .listArea th:nth-of-type(3),
.course_list .listArea th:nth-of-type(6){
	width: 130px;
}

.course_list .listArea th:nth-of-type(4),
.course_list .listArea th:nth-of-type(5){
	width: 170px;
}

	#course_bijoux .course_list .listArea th:nth-of-type(1) {
		width: 70px;
	}
	#course_bijoux .course_list .listArea th:nth-of-type(3) {
		width: 50px;
	}
	#course_bijoux .course_list .listArea th:nth-of-type(4),
	#course_bijoux .course_list .listArea th:nth-of-type(5),
	#course_bijoux .course_list .listArea th:nth-of-type(6){
		width: 150px;
	}

	#course_creatif .course_list .listArea th:nth-of-type(1) {
		width: 80px;
	}
	#course_creatif .course_list .listArea th:nth-of-type(2),
	#course_creatif .course_list .listArea th:nth-of-type(4) {
		width: 150px;
	}
	#course_creatif .course_list .listArea th:nth-of-type(3),
	#course_creatif .course_list .listArea th:nth-of-type(5) {
		width: 80px;
	}
	#course_creatif .course_list .listArea th:nth-of-type(7){
		width: 70px;
	}

.course_list .listArea td{
	border-right: solid 1px #B3B3B3;
	padding: 15px 5px;
	vertical-align: middle;
	line-height: 1.35em;
}

.course_list .listArea td.vertical {
	width: 40px;
}

.course_list .listArea td.vertical span {
	writing-mode: vertical-lr;
}

.course_list .price{
	width: 40%;
	text-align: center;
	/*background-color: #FFFDE1;*/
	padding: 15px 0;
	border-bottom: solid 1px #B3B3B3;
	font-size: 1.2em;
	margin: 0 0 20px auto;
}
	/*#course_classique .course_list .price {*/
	/*	background-color: #f8f2f1;*/
	/*}*/
	/*#course_bijoux .course_list .price {*/
	/*	background-color: #eff3f9;*/
	/*}*/
	/*#course_creatif .course_list .price {*/
	/*	background-color: #f8f1e8;*/
	/*}*/

.course_list .price span{
	font-size: 14px;
}

.course_list .goodsimg{
	margin-bottom: 10px;
}

.course_list .comment{
	width: 40%;
	font-size: 0.9em;
	text-align: center;
	margin: 0 0 0 auto;
}


	.gray{
		display: block;
		font-size: 0.9em;
		margin-top: 50px;
		margin-bottom: 15px;
	}

	.txt_ttl{
		font-size: 1.6em;
		margin-bottom: 50px;
	}

	.intro_list dl{
		margin-bottom: 70px;
	}
	.intro_list dl#creatif {
		margin-bottom: 150px;
	}

	.intro_list dl dt{
		margin-bottom: 20px;
		position: relative;
		font-weight: 500;
	}

	.intro_list dl dt::after{
		content: "";
		display: block;
		width: 100%;
		height: 2px;
		margin-top: 20px;
	}

	.intro_list dl dt .moreBtn {
		position: absolute;
		top: 23px;
		width: 120px;
		padding-left: 20px;
		background: #fff;
		box-sizing: content-box;
		margin: 0;
		z-index: 11;
	}

	.intro_list dl dt .moreBtn a {
		-webkit-filter: grayscale(100%);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: grayscale(100%);
		transition: .5s;
	}

	.intro_list dl .list_ttl01::after{
		background: #F8E581;
		width: 40%;
	}
	.intro_list dl .list_ttl01 .moreBtn{
		left: 40%;
	}

	.intro_list dl .list_ttl02::after{
		background: #F2D0CB;
		width: 50%;
	}
	.intro_list dl .list_ttl02 .moreBtn{
		left: 50%;
	}

	.intro_list dl .list_ttl03::after{
		background: #C4D8F6;
		width: 60%;
	}
	.intro_list dl .list_ttl03 .moreBtn{
		left: 60%;
	}

	.intro_list dl .list_ttl04::after{
		background: #EECCA1;
		width: 70%;
	}
	.intro_list dl .list_ttl04 .moreBtn{
		left: 70%;
	}

	.intro_list dl .list_ttl05::after{
		background: #ccc;
		width: 90%;
	}
	.intro_list dl .list_ttl05 .moreBtn{
		left: 90%;
	}

	.intro_list dl .list_ttl06::after{
		background: #ccc;
		width: 90%;
	}
	.intro_list dl .list_ttl06 .moreBtn{
		left: 90%;
	}

	.intro_list dl dt span{
		font-size: 1em;
	}

	.intro_list dl dt p{
		font-size: 1.3em;
		margin-top: 20px;
		margin-bottom: 0px;
	}

	.intro_list dl dt .mincho span{
		font-size: 0.8em;
	}

	.intro_list dl dd{
		position: relative;
	}

	.intro_list dl dt .moreBtn a{
		display: block;
		width: 100%;
		height: 100%;
	}

	.intro_list dl dt  .moreBtn a:hover {
		-webkit-filter: grayscale(0);
		-moz-filter: grayscale(0);
		-ms-filter: grayscale(0);
		-o-filter: grayscale(0);
		filter: grayscale(0);
	}

	.intro_list dl dd.ill {
		margin-top: 30px;
	}

	.intro_list dl dd p{
		font-size: 1.1em;
		line-height: 1.75em;
	}

	.intro_list dl dd p span{
		font-size: 0.85em;
	}
	.ttl_area {
		height: 190px;
		text-align: center;
	}

	.ttl_area .txt_ttl {
		color: #393939;
		display: inline-block;
		/*border-bottom: #393939 1px solid;*/
		font-size: 1.8em;
		padding: 1em 0.5em 0.3em 0.5em;
		margin-bottom: 0.6em;
		font-weight: 500;
		letter-spacing: 4px;
	}

	.ttl_area .gray {
		font-size: 0.9em;
		color: #393939;
		margin-top: 0;
		margin-bottom: 4em;
		display: block;
	}

	.ttl_area .gray + h4 {
		margin-top: 0;
	}

	.ttl_area p + h4 {
		margin-top: 30px;
	}

	.flow {
		position: relative;
		background: #fff;
		padding: 20px;
		width: 100%;
		margin: 0 auto 100px auto;
	}
	.flow::before {
		content: "";
		width: 15px;
		height: calc(100% - 40px);
		border-left: #e1c500 1px dotted;
		display: block;
		position: absolute;
		top: 20px;
		left: 90px;
	}
	.flow > li {
		position: relative;
		padding-left: 170px;
		list-style-type: none;
	}
	.flow > li:not(:last-child) {
		margin-bottom: 30px;
	}
	.flow > li:last-child:after {
		content: '';
		width: 15px;
		height: 6em;
		background: #fff;
		display: block;
		position: absolute;
		top: 0;
		left: 60px;
	}
	.flow > li .icon {
		font-size: 1em;
		font-weight: 500;
		line-height: 1;
		color: #e1c500;
		background: #fff;
		border: #e1c500 1px solid;
		border-radius: 1em;
		padding: 0.5em 0;
		width: 140px;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		text-align: center;
	}
	.flow > li dl {
		text-align: left;
		position: relative;
	}
	.flow > li dl dt {
		border-bottom: #e1c500 1px solid;
		padding: 0.5em 1em;
		margin-bottom: 0.5em;
	}
	.flow > li dl dd {
		padding-left: 2em;
		line-height: 2;
	}


	.flow.flow_premiere:before { border-left: #FABE00 1px dotted; }
	.flow.flow_premiere > li .icon { color: #FABE00; border: #FABE00 1px solid; }
	.flow.flow_premiere > li dl dt { border-bottom: #FABE00 1px solid; }
	.flow.flow_classique:before { border-left: #DF7787 1px dotted; }
	.flow.flow_classique > li .icon { color: #DF7787; border: #DF7787 1px solid; }
	.flow.flow_classique > li dl dt { border-bottom: #DF7787 1px solid; }
	.flow.flow_bijoux:before { border-left: #00A3DC 1px dotted; }
	.flow.flow_bijoux > li .icon { color: #00A3DC; border: #00A3DC 1px solid; }
	.flow.flow_bijoux > li dl dt { border-bottom: #00A3DC 1px solid; }
	.flow.flow_creatif:before { border-left: #C47118 1px dotted; }
	.flow.flow_creatif > li .icon { color: #C47118; border: #C47118 1px solid; }
	.flow.flow_creatif > li dl dt { border-bottom: #C47118 1px solid; }
	.sec_flow {
		margin-top: 100px;
	}
	.inner_ttl {
		margin-bottom: 50px;
	}
	.inner_ttl h3 {
		font-size: 1.6em;
		padding-bottom: 20px;
	}
	.inner_ttl h3 + span {
		font-size: 1.1em;
	}
	ul.flow_image {
		display: flex;
		justify-content: space-between;
	}

	ul.flow_image.flow_premiere li {
		border: #888 1px solid;
		height: 160px;
		padding: 25px 0 0 0;
		font-size: 1.15em;
		position: relative;
		text-align: center;
		font-weight: 500;
	}

	ul.flow_image.flow_premiere li:nth-child(1) {
		width: 275px;
		background-image: url(/eab_web/course/img/premiere_flow1.png);
		background-position: bottom 8px center;
		background-size: 250px auto;
		background-repeat: no-repeat;
		font-size: 1em;
	}

	ul.flow_image.flow_premiere li:nth-child(2) {
		width: 275px;
		background-image: url(/eab_web/course/img/premiere_flow2.png);
		background-position: bottom 8px center;
		background-size: 290px auto;
		background-repeat: no-repeat;
		font-size: 1em;
	}

	ul.flow_image.flow_premiere li:nth-child(3) {
		width: 275px;
		background-image: url(/eab_web/course/img/premiere_flow3.png);
		background-position: top 10px right 10px;
		background-size: 100px auto;
		background-repeat: no-repeat;
		text-align: left;
		padding: 15px 0 0 20px;
		font-size: 1em;
		line-height: 1.6;
	}

	ul.flow_image.flow_premiere li:nth-child(1):after {
		content: '';
		width: 30px;
		height: 30px;
		background-image: url(/eab_web/course/img/flow_plus.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		position: absolute;
		right: -42px;
		top: 70px;
	}

	ul.flow_image.flow_premiere li:nth-child(2):after {
		content: '';
		width: 30px;
		height: 30px;
		background-image: url(/eab_web/course/img/flow_arrow.png);
		background-repeat: no-repeat;
		background-size: 80%;
		background-position: center center;
		position: absolute;
		right: -42px;
		top: 70px;
	}


	ul.flow_image.flow_classique li {
		border: #888 1px solid;
		height: 160px;
		padding: 25px 0 0 0;
		font-size: 1.15em;
		position: relative;
		text-align: center;
		font-weight: 500;
	}

	ul.flow_image.flow_classique li:nth-child(1) {
		width: 600px;
		font-size: 1em;
	}

	ul.flow_image.flow_classique li:nth-child(2) {
		width: 275px;
		background-image: url(/eab_web/course/img/classique_flow3.png);
		background-position: top 0 right 10%;
		background-size: 100px auto;
		background-repeat: no-repeat;
		font-size: 0.9em;
		text-align: left;
		padding: 70px 0 0 20px;
	}

	ul.flow_image.flow_classique li:nth-child(1):after {
		content: '';
		width: 30px;
		height: 30px;
		background-image: url(/eab_web/course/img/flow_arrow.png);
		background-repeat: no-repeat;
		background-size: 80%;
		background-position: center center;
		position: absolute;
		right: -42px;
		top: 70px;
	}
	ul.flow_image.flow_classique li ul.flow_image_inner {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	ul.flow_image.flow_classique li ul.flow_image_inner li {
		border: none;
		height: 135px;
		padding: 0;
	}
	ul.flow_image.flow_classique li ul.flow_image_inner li:after {
		content: none;
	}
	ul.flow_image.flow_classique li ul.flow_image_inner li:nth-child(1) {
		width: 260px;
		background-image: url(/eab_web/course/img/classique_flow1.png);
		background-position: bottom 20px center;
		background-size: 210px auto;
		background-repeat: no-repeat;
		font-size: 0.9em;
	}

	ul.flow_image.flow_classique li ul.flow_image_inner li:nth-child(2) {
		width: 300px;
		background-image: url(/eab_web/course/img/classique_flow2.png);
		background-position: bottom 20px center;
		background-size: 210px auto;
		background-repeat: no-repeat;
		font-size: 0.9em;
		text-align: center;
	}
	ul.flow_image.flow_classique li ul.flow_image_inner li:nth-child(1):after {
		content: '';
		width: 28px;
		height: 28px;
		background-image: url(/eab_web/course/img/flow_arrow.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		position: absolute;
		right: -32px;
		top: 45px;
	}

	ul.flow_image.flow_bijoux li {
		border: #888 1px solid;
		height: 160px;
		padding: 25px 0 0 0;
		font-size: 1.15em;
		position: relative;
		text-align: center;
		font-weight: 500;
	}

	ul.flow_image.flow_bijoux li:nth-child(1) {
		width: 600px;
		font-size: 1em;
	}

	ul.flow_image.flow_bijoux li:nth-child(2) {
		width: 275px;
		background-image: url(/eab_web/course/img/bijoux_flow4.png);
		background-position: center right 10px;
		background-size: 150px auto;
		background-repeat: no-repeat;
		font-size: 0.9em;
		text-align: left;
		padding: 52px 0 0 20px;
		line-height: 1.6;
	}

	ul.flow_image.flow_bijoux li:nth-child(1):after {
		content: '';
		width: 30px;
		height: 30px;
		background-image: url(/eab_web/course/img/flow_arrow.png);
		background-repeat: no-repeat;
		background-size: 80%;
		background-position: center center;
		position: absolute;
		right: -42px;
		top: 70px;
	}
	ul.flow_image.flow_bijoux li ul.flow_image_inner {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	ul.flow_image.flow_bijoux li ul.flow_image_inner li {
		border: none;
		height: 135px;
		padding: 0;
	}
	ul.flow_image.flow_bijoux li ul.flow_image_inner li:after {
		content: none;
	}
	ul.flow_image.flow_bijoux li ul.flow_image_inner li:nth-child(1) {
		width: 260px;
		background-image: url(/eab_web/course/img/bijoux_flow1.png);
		background-position: bottom 8px center;
		background-size: 250px auto;
		background-repeat: no-repeat;
		font-size: 0.9em;
	}

	ul.flow_image.flow_bijoux li ul.flow_image_inner li:nth-child(2) {
		display: flex;
		justify-content: space-between;
		text-align: center;
		width: 300px;
		background-image: url(/eab_web/course/img/bijoux_flow2.png);
		background-position: bottom 8px center;
		background-size: 290px auto;
		background-repeat: no-repeat;
		font-size: 0.95em;
	}
	ul.flow_image.flow_bijoux li ul.flow_image_inner li:nth-child(2) span {
		display: block;
		width: 45%;
		line-height: 1.6;
		font-size: 90%;
	}

	ul.flow_image.flow_bijoux li ul.flow_image_inner li:nth-child(1):after {
		content: '';
		width: 28px;
		height: 28px;
		background-image: url(/eab_web/course/img/flow_arrow.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		position: absolute;
		right: -32px;
		top: 45px;
	}



	ul.flow_image.flow_creatif li {
		border: #888 1px solid;
		height: 160px;
		padding: 25px 0 0 0;
		font-size: 1.15em;
		position: relative;
		text-align: center;
		font-weight: 500;
	}

	ul.flow_image.flow_creatif li:nth-child(1) {
		width: 680px;
		font-size: 1em;
	}

	ul.flow_image.flow_creatif li:nth-child(2) {
		width: 180px;
		text-align: center;
		padding: 30px 20px 30px 30px;
		font-size: 140%;
		font-weight: bold;
		line-height: 2;
		letter-spacing: 0.4em;
	}

	ul.flow_image.flow_creatif li:nth-child(1):after {
		content: '';
		width: 30px;
		height: 30px;
		background-image: url(/eab_web/course/img/flow_arrow.png);
		background-repeat: no-repeat;
		background-size: 80%;
		background-position: center center;
		position: absolute;
		right: -42px;
		top: 70px;
	}
	ul.flow_image.flow_creatif li ul.flow_image_inner {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	ul.flow_image.flow_creatif li ul.flow_image_inner li {
		border: none;
		height: 135px;
		padding: 0;
		text-align: center;
	}
	ul.flow_image.flow_creatif li ul.flow_image_inner li:after {
		content: none;
	}
	ul.flow_image.flow_creatif li ul.flow_image_inner li:nth-child(1) {
		width: 250px;
		background-image: url(/eab_web/course/img/creatif_flow1.png);
		background-position: bottom 20px center;
		background-size: 210px auto;
		background-repeat: no-repeat;
		font-size: 0.9em;
		margin-right: 30px;
	}

	ul.flow_image.flow_creatif li ul.flow_image_inner li:nth-child(2) {
		font-weight: 500;
		letter-spacing: 0;
		text-align: center;
		width: 110px;
		background-image: url(/eab_web/course/img/creatif_flow2.png);
		background-position: bottom 25px center;
		background-size: auto 60%;
		background-repeat: no-repeat;
		font-size: 0.9em;
		line-height: 1;
	}
	ul.flow_image.flow_creatif li ul.flow_image_inner li:nth-child(3) {
		font-weight: 500;
		letter-spacing: 0;
		text-align: center;
		width: 140px;
		background-image: url(/eab_web/course/img/creatif_flow3.png);
		background-position: bottom 25px center;
		background-size: auto 55%;
		background-repeat: no-repeat;
		font-size: 0.9em;
	}
	ul.flow_image.flow_creatif li ul.flow_image_inner li:nth-child(4) {
		font-weight: 500;
		letter-spacing: 0;
		text-align: center;
		width: 140px;
		background-image: url(/eab_web/course/img/creatif_flow4.png);
		background-position: top 55px center;
		background-size: 65% auto;
		background-repeat: no-repeat;
		font-size: 0.9em;
		margin-right: 10px;
	}

	ul.flow_image.flow_creatif li ul.flow_image_inner li:nth-child(1):after {
		content: '';
		width: 28px;
		height: 28px;
		background-image: url(/eab_web/course/img/flow_plus.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		position: absolute;
		right: -20px;
		top: 55px;
		transform: rotate(45deg);
	}

	ul.flow_image.flow_creatif li ul.flow_image_inner li:nth-child(2):after,
	ul.flow_image.flow_creatif li ul.flow_image_inner li:nth-child(3):after {
		content: '';
		width: 25px;
		height: 25px;
		background-image: url(/eab_web/course/img/flow_plus.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		position: absolute;
		right: -10px;
		top: 55px;
	}

	.comingsoon {
		font-size: 1.5em;
		width: 100%;
		height: auto;
		padding: 3em;
		margin: 5em auto;
		text-align: center;
		border: #ccc 1px solid;
	}

}


/***********************
	spのみ
	********************/
@media screen and (max-width: 768px) {

.course_top{
	width: 100%;
	padding: 50px 0 30px 0;
}

.course_top h2{
	font-size: 1.5em;
	letter-spacing: 0.2em;
	display: inline-block;
	border-bottom: solid 3px #F8E581;
}

#course_premiere .course_top h2 {
	border-bottom: solid 3px #F8E581;
}

#course_classique .course_top h2 {
	border-bottom: solid 3px #f2d0cb;
}

#course_bijoux .course_top h2 {
	border-bottom: solid 3px #c4d8f6;
}

	#course_creatif .course_top h2 {
		border-bottom: solid 3px #eecca1;
	}

	#course_instructor_classique .course_top h2 {
		border-bottom: solid 3px #ccc;
	}

	#course_instructor_bijoux .course_top h2 {
		border-bottom: solid 3px #ccc;
	}

.course_top span{
	font-size: 1em;
	margin-top: 10px;
	display: block;
}

section .inner {
	width: 100%;

}

section .inner.intro {
	width: 90%;
	margin: 0 auto;
	padding-top: 3em;
}

.lower_courseArea .outline{
	margin-bottom: 60px;
}

.lower_courseArea .gray{
	margin-bottom: 10px;
	display: block;
	font-size: 0.8em;
}

.lower_courseArea .txt_ttl{
	font-size: 1.4em;
    margin-bottom: 20px;
}

.lower_courseArea .lead{
	margin: 30px auto 15px;
	font-size: 4vw;
	line-height: 1.75em;
}

.course_list{
	
}

.course_list .list_wrap{
	width: 100%;
}

.course_list .listArea{
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,Georgia,serif;
	border: solid 1px #B3B3B3;
	border-bottom: none;
	border-right: none;
	width: 100%;
	margin-bottom: 30px;
}

.course_list .listArea table{
	width: 100%;
	font-size: 0.75em;
}

.course_list .listArea tr{
	border-bottom: solid 1px #B3B3B3;
	text-align: center;
	vertical-align: middle;
}



.course_list .listArea th{
	border-right: solid 1px #B3B3B3;
	padding: 15px 5px;
	/*background-color: #FFFDE1;*/
	vertical-align: middle;
}
	/*#course_classique .course_list .listArea th {*/
	/*	background-color: #f8f2f1;*/
	/*}*/
	/*#course_bijoux .course_list .listArea th {*/
	/*	background-color: #eff3f9;*/
	/*}*/
	/*#course_creatif .course_list .listArea th {*/
	/*	background-color: #f8f1e8;*/
	/*}*/



.course_list .listArea td{
	border-right: solid 1px #B3B3B3;
	padding: 15px 5px;
	vertical-align: middle;
	line-height: 1.35em;
}

.course_list .listArea td.vertical span {
	writing-mode: vertical-lr;
}

	#course_creatif .course_list .listArea table.tbl-scrol {
		display: block;
		overflow-x: scroll;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}

	#course_creatif .course_list .listArea table.tbl-scrol th:nth-of-type(1) {
		min-width: 5em;
	}
	#course_creatif .course_list .listArea table.tbl-scrol th:nth-of-type(2),
	#course_creatif .course_list .listArea table.tbl-scrol th:nth-of-type(4) {
		min-width: 8em;
	}
	#course_creatif .course_list .listArea table.tbl-scrol th:nth-of-type(3),
	#course_creatif .course_list .listArea table.tbl-scrol th:nth-of-type(5) {
		min-width: 3em;
	}
	#course_creatif .course_list .listArea table.tbl-scrol th:nth-of-type(7){
		min-width: 3em;
	}

	#course_creatif .course_list .listArea table td {
		min-width: 1.5em;
		padding: 0.5em 0.5em !important;
	}
	#course_creatif .course_list .listArea table.tbl-scrol td {
		min-width: 1.5em;
		padding: 0.5em 0.5em !important;
	}


	.course_list .price{
	width: 100%;
	text-align: center;
	/*background-color: #FFFDE1;*/
	padding: 35px 0;
	border: solid 1px #B3B3B3;
		margin-bottom: 10px;
	font-size: 1.15em;
}
	/*#course_classique .course_list .price {*/
	/*	background-color: #f8f2f1;*/
	/*}*/
	/*#course_bijoux .course_list .price {*/
	/*	background-color: #eff3f9;*/
	/*}*/
	/*#course_creatif .course_list .price {*/
	/*	background-color: #f8f1e8;*/
	/*}*/

.course_list .price span{
	font-size: 14px;
}

.course_list .goodsimg{
	width: 100%;
	margin-bottom: 10px;
}

.course_list .comment{
	font-size: 0.75em;
}

	.gray{
		display: block;
		font-size: 0.95em;
		margin-bottom: 15px;
	}

	.txt_ttl{
		font-size: 4.8vw;
		margin-bottom: 50px;
		line-height: 1.5em;
	}

	.intro_list dl{
		margin-bottom: 70px;
	}

	.intro_list dl dt{
		margin-bottom: 20px;
	}

	.intro_list dl dt::after{
		content: "";
		display: block;
		width: 100%;
		height: 2px;
		margin-top: 10px;
	}

	.intro_list dl .list_ttl01::after{
		background-color: #F8E581;
	}

	.intro_list dl .list_ttl02::after{
		background-color: #F2D0CB;
	}

	.intro_list dl .list_ttl03::after{
		background-color: #C4D8F6;
	}

	.intro_list dl .list_ttl04::after{
		background-color: #EECCA1;
	}

	.intro_list dl .list_ttl05::after{
		background-color: #B3B3B3;
	}

	.intro_list dl dt span{
		font-size: 1em;
	}

	.intro_list dl dt p{
		font-size: 1.1em;
		margin-top: 10px;
		margin-bottom: 5px;
	}

	.intro_list dl dt p span{
		font-size: 0.8em;
		display: block;
		margin-top: 5px;
	}

	.intro_list dl dd{
		position: relative;
	}
	.intro_list dl dd.ill{
		padding-top: 1em;
	}

	.intro_list dl dd .moreBtn{
		width: 90px;
		height: auto;
		margin: 15px auto;
		margin-right: 0;
		margin-left: auto;

	}

	.intro_list dl dd .moreBtn a{
		display: block;
		width: 100%;
		height: 100%;
	}

	.intro_list dl dd p{
		font-size: 1em;
		line-height: 1.75em;
	}

	.intro_list dl dd p span{
		font-size: 0.9em;
	}

	.flow {
		position: relative;
		background: #fff;
		padding: 20px;
		width: 100%;
		margin: 0 auto;
	}
	.flow::before {
		content: "";
		width: 15px;
		height: calc(100% - 40px);
		border-left: #e1c500 1px dotted;
		display: block;
		position: absolute;
		top: 20px;
		left: 16%;
	}
	.flow > li {
		position: relative;
		padding-left: 30%;
		list-style-type: none;
	}
	.flow > li:not(:last-child) {
		margin-bottom: 30px;
	}
	.flow > li:last-child:after {
		content: '';
		width: 15px;
		height: 6em;
		background: #fff;
		display: block;
		position: absolute;
		top: 0;
		left: 60px;
	}
	.flow > li .icon {
		font-size: 1em;
		line-height: 1;
		color: #e1c500;
		background: #fff;
		border: #e1c500 1px solid;
		border-radius: 1em;
		padding: 0.5em 0;
		width: 25%;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		text-align: center;
	}
	.flow > li dl {
		text-align: left;
		position: relative;
	}
	.flow > li dl dt {
		font-weight: 500;
		border-bottom: #e1c500 1px solid;
		padding: 0.5em  0 0.5em 1em;
		margin-bottom: 0.5em;
	}
	.flow > li dl dt._long {
		font-size: 13px;
		line-height: 1.4;
	}

	.flow > li dl dd {
		padding-left: 1em;
		font-size: 0.9em;
		line-height: 2;
	}
	.flow.flow_premiere:before { border-left: #FABE00 1px dotted; }
	.flow.flow_premiere > li .icon { color: #FABE00; border: #FABE00 1px solid; }
	.flow.flow_premiere > li dl dt { border-bottom: #FABE00 1px solid; }
	.flow.flow_classique:before { border-left: #DF7787 1px dotted; }
	.flow.flow_classique > li .icon { color: #DF7787; border: #DF7787 1px solid; }
	.flow.flow_classique > li dl dt { border-bottom: #DF7787 1px solid; }
	.flow.flow_bijoux:before { border-left: #00A3DC 1px dotted; }
	.flow.flow_bijoux > li .icon { color: #00A3DC; border: #00A3DC 1px solid; }
	.flow.flow_bijoux > li dl dt { border-bottom: #00A3DC 1px solid; }
	.flow.flow_creatif:before { border-left: #C47118 1px dotted; }
	.flow.flow_creatif > li .icon { color: #C47118; border: #C47118 1px solid; }
	.flow.flow_creatif > li dl dt { border-bottom: #C47118 1px solid; }

	.sec_flow {
		margin-top: 100px;
	}


	ul.course_summary {
		margin-bottom: 50px;
	}
	ul.course_summary li {
		display: flex;
		line-height: 2.1;
		font-size: 4vmin;
	}
	ul.course_summary li span:nth-child(1) {
		display: block;
		width: 4.8em;
	}
	ul.course_summary li span:nth-child(2) {
		display: block;
		width: calc( 100% - 4.8em );
	}

	ul.course_summary li span:nth-child(1):after {
		content: '/';
		padding: 0 0.6em;
	}
	.course_items_list {
		display: flex;
		width: 100%;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: 60px;
	}
	.course_items_list li {
		width: 420px;
		text-align: center;
		padding-bottom: 40px;
	}
	.course_items_list li .items_img{
		width: 100%;
		border: #b3b3b3 1px solid;
	}
	.course_items_list li .items_ttl{
		font-size: 1.1em;
		line-height: 1.5;
		padding: 10px 0 10px 0;
		color: #DF7787;
	}
	.course_items_list li .items_desc{
		font-size: 0.9em;
	}
	.inner_ttl {
		padding: 0 1em;
		margin-bottom: 2em;
	}
	.inner_ttl h3 {
		font-size: 1.5em;
		padding-bottom: 20px;
	}
	.inner_ttl h3 + span {
		font-size: 1.1em;
	}

	ul.flow_image {
		display: flex;
		flex-wrap: wrap;
	}

	ul.flow_image li {
		border: #888 1px solid;
		width: 100%;
		padding: 2em 0 180px 0;
		font-size: 5vmin;
		position: relative;
		text-align: center;
		font-weight: 500;
	}

	ul.flow_image.flow_premiere li:nth-child(1) {
		width: 100%;
		background-image: url(/eab_web/course/img/premiere_flow1.png);
		background-position: bottom 22% center;
		background-size: auto 52%;
		background-repeat: no-repeat;
		margin-bottom: 4em;
		padding: 2em 0 8em 0;
	}

	ul.flow_image.flow_premiere li:nth-child(2) {
		background-image: url(/eab_web/course/img/premiere_flow2.png);
		background-position: bottom 20% center;
		background-size: auto 60%;
		background-repeat: no-repeat;
		margin-bottom: 4em;
		padding: 2em 0 8em 0;
	}

	ul.flow_image.flow_premiere li:nth-child(3) {
		background-image: url(/eab_web/course/img/premiere_flow3.png);
		background-position: top 30% right 5%;
		background-size: auto 86%;
		background-repeat: no-repeat;
		margin-bottom: 50px;
		text-align: left;
		padding: 2em 0 7em 1em;
		line-height: 1.7;
	}
	.intro_list ul.flow_image.flow_premiere li:nth-child(3) {
		margin-bottom: 0;
	}

	ul.flow_image.flow_premiere li:nth-child(1):after {
		content: '';
		width: 100%;
		height: 2em;
		display: block;
		background-image: url(/eab_web/course/img/flow_plus.png);
		background-repeat: no-repeat;
		background-size: 2em 2em;
		background-position: center center;
		position: absolute;
		bottom: -3em;
	}

	ul.flow_image.flow_premiere li:nth-child(2):after {
		content: '';
		width: 100%;
		height: 2em;
		display: block;
		background-image: url(/eab_web/course/img/flow_arrow.png);
		background-repeat: no-repeat;
		background-size: 2em 2em;
		background-position: center center;
		position: absolute;
		bottom: -3em;
		transform: rotate(90deg);
	}

	ul.flow_image.flow_classique li:nth-child(1) {
		width: 100%;
		margin-bottom: 2.8em;
		padding: 2em 0 2em 0;
	}

	ul.flow_image.flow_classique li:nth-child(2) {
		background-image: url(/eab_web/course/img/classique_flow3.png);
		background-position: top 0 right 10%;
		background-size: auto 86%;
		background-repeat: no-repeat;
		margin-bottom: 50px;
		padding: 2em 0 8em 2em;
		text-align: left;
	}
	.intro_list ul.flow_image.flow_classique li:nth-child(2) {
		margin-bottom: 0;
	}

	ul.flow_image.flow_classique li:nth-child(1):after {
		content: '';
		width: 100%;
		height: 2em;
		display: block;
		background-image: url(/eab_web/course/img/flow_arrow.png);
		background-repeat: no-repeat;
		background-size: 2em 2em;
		background-position: center center;
		position: absolute;
		bottom: -2.5em;
		transform: rotate(90deg);
	}
	ul.flow_image.flow_classique li ul.flow_image_inner {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	ul.flow_image.flow_classique li ul.flow_image_inner li {
		border: none;
		height: auto;
		padding: 0;
	}
	ul.flow_image.flow_classique li ul.flow_image_inner li:after {
		content: none;
	}
	ul.flow_image.flow_classique li ul.flow_image_inner li:nth-child(1) {
		width: 100%;
		background-image: url(/eab_web/course/img/classique_flow1.png);
		background-position: bottom 25% center;
		background-size: auto 70%;
		background-repeat: no-repeat;
		padding-bottom: 8em;
		font-size: 0.9em;
		margin-bottom: 4em;
	}

	ul.flow_image.flow_classique li ul.flow_image_inner li:nth-child(2) {
		width: 100%;
		background-image: url(/eab_web/course/img/classique_flow2.png);
		background-position: bottom center;
		background-size: auto 70%;
		background-repeat: no-repeat;
		padding-bottom: 8em;
		font-size: 0.9em;
		margin-bottom: 0;
		text-align: center;
	}
	ul.flow_image.flow_classique li ul.flow_image_inner li:nth-child(1):after {
		content: '';
		width: 100%;
		height: 2em;
		display: block;
		background-image: url(/eab_web/course/img/flow_arrow.png);
		background-repeat: no-repeat;
		background-size: 2em 2em;
		background-position: center center;
		position: absolute;
		bottom: -2em;
		transform: rotate(90deg);
	}


	ul.flow_image.flow_bijoux li:nth-child(1) {
		width: 100%;
		margin-bottom: 2.8em;
		padding: 2em 0 2em 0;
	}

	ul.flow_image.flow_bijoux li:nth-child(2) {
		background-image: url(/eab_web/course/img/bijoux_flow4.png);
		background-position: center right 10%;
		background-size: 48% auto;
		background-repeat: no-repeat;
		margin-bottom: 50px;
		padding: 4em 2em 4em 2em;
		text-align: left;
		line-height: 1.5;
		font-size: 4.4vmin;
	}
	.intro_list ul.flow_image.flow_bijoux li:nth-child(2) {
		margin-bottom: 0;
	}

	ul.flow_image.flow_bijoux li:nth-child(1):after {
		content: '';
		width: 100%;
		height: 2em;
		display: block;
		background-image: url(/eab_web/course/img/flow_arrow.png);
		background-repeat: no-repeat;
		background-size: 2em 2em;
		background-position: center center;
		position: absolute;
		bottom: -2.5em;
		transform: rotate(90deg);
	}
	ul.flow_image.flow_bijoux li ul.flow_image_inner {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	ul.flow_image.flow_bijoux li ul.flow_image_inner li {
		border: none;
		height: auto;
		padding: 0;
	}
	ul.flow_image.flow_bijoux li ul.flow_image_inner li:after {
		content: none;
	}
	ul.flow_image.flow_bijoux li ul.flow_image_inner li:nth-child(1) {
		width: 100%;
		background-image: url(/eab_web/course/img/bijoux_flow1.png);
		background-position: bottom 25% center;
		background-size: auto 70%;
		background-repeat: no-repeat;
		padding-bottom: 8em;
		font-size: 0.9em;
		margin-bottom: 4em;
	}

	ul.flow_image.flow_bijoux li ul.flow_image_inner li:nth-child(2) {
		display: flex;
		justify-content: space-between;
		text-align: center;
		width: 100%;
		background-image: url(/eab_web/course/img/bijoux_flow2.png);
		background-position: bottom center;
		background-size: 88% auto;
		background-repeat: no-repeat;
		padding-bottom: 7em;
		font-size: 0.9em;
		margin-bottom: 0;
	}
	ul.flow_image.flow_bijoux li ul.flow_image_inner li:nth-child(2) span {
		width: 45%;
		text-align: center;
		line-height: 1.5;
	}

	ul.flow_image.flow_bijoux li ul.flow_image_inner li:nth-child(1):after {
		content: '';
		width: 100%;
		height: 2em;
		display: block;
		background-image: url(/eab_web/course/img/flow_arrow.png);
		background-repeat: no-repeat;
		background-size: 2em 2em;
		background-position: center center;
		position: absolute;
		bottom: -2em;
		transform: rotate(90deg);
	}





	ul.flow_image.flow_creatif li:nth-child(1) {
		width: 100%;
		margin-bottom: 50px;
		padding: 2em 0 2em 0;
	}

	ul.flow_image.flow_creatif li:nth-child(2) {
		padding: 1em;
		text-align: center;
		font-size: 8vmin;
		font-weight: bold;
		line-height: 2;
	}

	ul.flow_image.flow_creatif li:nth-child(1):after {
		content: '';
		width: 100%;
		height: 2em;
		display: block;
		background-image: url(/eab_web/course/img/flow_arrow.png);
		background-repeat: no-repeat;
		background-size: 2em 2em;
		background-position: center center;
		position: absolute;
		bottom: -2.5em;
		transform: rotate(90deg);
	}
	ul.flow_image.flow_creatif li ul.flow_image_inner {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	ul.flow_image.flow_creatif li ul.flow_image_inner li {
		border: none;
		height: auto;
		padding: 0;
	}
	ul.flow_image.flow_creatif li ul.flow_image_inner li:after {
		content: none;
	}
	ul.flow_image.flow_creatif li ul.flow_image_inner li:nth-child(1) {
		width: 100%;
		background-image: url(/eab_web/course/img/creatif_flow1.png);
		background-position: bottom 25% center;
		background-size: auto 70%;
		background-repeat: no-repeat;
		padding-bottom: 8em;
		font-size: 0.9em;
		margin-bottom: 4em;
	}

	ul.flow_image.flow_creatif li ul.flow_image_inner li:nth-child(2) {
		text-align: center;
		font-weight: 500;
		width: 20%;
		background-image: url(/eab_web/course/img/creatif_flow2.png);
		background-position: bottom center;
		background-size: 70% auto;
		background-repeat: no-repeat;
		padding-bottom: 5em;
		font-size: 0.8em;
		margin-bottom: 0;
		line-height: 1.4;
		margin-left: 1em;
	}

	ul.flow_image.flow_creatif li ul.flow_image_inner li:nth-child(3) {
		text-align: center;
		font-weight: 500;
		width: 20%;
		background-image: url(/eab_web/course/img/creatif_flow3.png);
		background-position: bottom center;
		background-size: 70% auto;
		background-repeat: no-repeat;
		padding-bottom: 5em;
		font-size: 0.8em;
		margin-bottom: 0;
		line-height: 1.4;
	}

	ul.flow_image.flow_creatif li ul.flow_image_inner li:nth-child(4) {
		text-align: center;
		font-weight: 500;
		width: 20%;
		background-image: url(/eab_web/course/img/creatif_flow4.png);
		background-position: bottom 20% center;
		background-size: 100% auto;
		background-repeat: no-repeat;
		padding-bottom: 5em;
		font-size: 0.8em;
		margin-bottom: 0;
		line-height: 1.4;
		margin-right: 1em;
	}

	ul.flow_image.flow_creatif li ul.flow_image_inner li:nth-child(1):after {
		content: '';
		width: 100%;
		height: 2em;
		display: block;
		background-image: url(/eab_web/course/img/flow_plus.png);
		background-repeat: no-repeat;
		background-size: 2em 2em;
		background-position: center center;
		position: absolute;
		bottom: -2em;
		transform: rotate(45deg);
	}

	ul.flow_image.flow_creatif li ul.flow_image_inner li:nth-child(2):after,
	ul.flow_image.flow_creatif li ul.flow_image_inner li:nth-child(3):after {
		content: '';
		width: 100%;
		height: 1.5em;
		display: block;
		background-image: url(/eab_web/course/img/flow_plus.png);
		background-repeat: no-repeat;
		background-size: 1.5em 1.5em;
		background-position: center center;
		position: absolute;
		right: -3em;
		top: 58%;
	}

	.mline {
		line-height: 1.6;
	}

	.comingsoon {
		font-size: 1.5em;
		width: 100%;
		height: auto;
		padding: 3em;
		margin: 5em auto;
		text-align: center;
		border: #ccc 1px solid;
	}
}