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

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

	.about_list_box .txtArea p {
		font-size: 1em;
	}
	.about_list_box::before {
		content: none;
	}
	#about .block_about_us,
	#about .block_about_gj {
		position: relative;
	}
	#about .block_about_us:before {
		content: '';
		display: block;
		width: 260px;
		height: 300px;
		background-image: url(/eab_web/common/img/bg_photo_jewerly1.png);
		background-repeat: no-repeat;
		background-position: left 0 bottom 0;
		background-size: 260px auto;
		position: absolute;
		bottom: -120px;
		left: -20px;
	}
	#about .block_about_gj:before {
		content: '';
		display: block;
		width: 120px;
		height: 120px;
		background-image: url(/eab_web/common/img/bg_photo_jewerly3.png);
		background-repeat: no-repeat;
		background-position: left 0 bottom 0;
		background-size: 120px auto;
		position: absolute;
		bottom: -70px;
		right: 10px;
	}
	#about .block_about_us .txtArea {
		background: none;
	}

	section .inner {
		text-align: center;
		width: 925px;
	}
	#about .sec0_top .about_list {
		margin-top: 70px;
	}

	.about_list_box .txtArea .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.2em;
		font-weight: normal;
		letter-spacing: 4px;
	}
	.about_list_box .txtArea .txt_bold {
		font-weight: normal;
	}

	.about_list_box .txtArea .gray {
		font-size: 0.9em;
		color: #393939;
		margin-bottom: 4em;
		display: block;
	}
	.about_list_box .txtArea .gray + h4 {
		margin-top: 0;
	}
	.about_list_box .txtArea p + h4 {
		margin-top: 30px;
	}


	.about_list {
		margin-top: 0;
	}

	.about_list_box .txtArea .txt_bold {
		font-size: 1.5em;
		margin-bottom: 30px;
	}
	#curriculum,
	#curriculum2 {
		padding-bottom: 50px;
	}

	#curriculum .about_list_box .txtArea .txt_bold + p,
	#curriculum2 .about_list_box .txtArea .txt_bold + p {
		line-height: 2.4em;
	}
	#curriculum2 .about_list_box .txtArea .txt_bold + p {
		line-height: 2.1em;
	}

	.sec_ttl {
		color: #959595;
		width: 925px;
		margin: 0 auto;
		font-size: 88%;
	}
	.sec_ttl:before {
		content: "";
		display: block;
		width: 80px;
		height: 1px;
		background-color: #bbb;
		vertical-align: middle;
		/* margin-right: 1em; */
		margin-top: -5px;
		position: relative;
		left: -95px;
		top: 0.5em;
	}
	.sec_ttl:after {
		content: none;
	}

	.txtArea .txt_subttlx {
		background: none;
		padding: 0;
		color: #393939;
		font-size: 1.5em;
		margin: 1em 0 20px 0;
		font-weight: 500;
		display: inline-block;
	}

	section {
		padding: 2em 0 0 0 ;
	}

	.about_list_box .txtArea {
		margin-top: 0;
		overflow-y: scroll;
		-ms-overflow-style: none;    /* IE, Edge 対応 */
		scrollbar-width: none;       /* Firefox 対応 */
	}
	.about_list_box .txtArea::-webkit-scrollbar {
		display: none;
	}

	.grayArea .diffArea .txt_ttl {
		color: #393939;
		font-size: 1.5em;
		font-weight: 500;
	}

	.figure_list {
		width: 100%;
		margin-top: 20px;
	}
	.about_list_box .txtArea {
		width: 100%;
	}
	.about_list_box .lArea {
		text-align: left;
		float: none;
	}
	.lArea.with-image {
		width: 60%;
		float: left;
	}
	.rArea.with-image {
		width: 60%;
		float: right;
	}
	.lArea.with-image + .rArea {
		width: 35%;
		float: right;
	}
	.lArea.with-image + .rArea:after {
		content: '';
		display: block;
		clear: both;
	}

	ul.figure_list li {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		flex-direction: column;

	}
	ul.figure_list li .figure_title {
		text-align: center;
		font-size: 1.3em;
		font-weight: 500;
		border-bottom: #393939 1px solid;
		color: #222;
		margin: 0.5em 0 0.5em 0;
		width: 100%;
		order: 1;
	}
	ul.figure_list li .figure {
		height: 214px;
		width: 100%;
		order: 3;
	}
	ul.figure_list li .figure.figborder {
		display: flex;
		align-items: center;
		border: #ccc 1px solid;
	}
	ul.figure_list li .figure.figborder img {
		max-height: 212px;
	}
	ul.figure_list li .figure_caption {
		font-size: 0.86em;
		width: 100%;
		order: 2;
		text-align: center;
		margin-bottom: 10px;
		line-height: 1.6;
		letter-spacing: 1px;
		color: #222;
	}
	#system3 ul.figure_list li .figure_caption {
		margin-bottom: 20px;
	}
	#system2 ul.figure_list li .figure_caption {
		min-height: 5em;
	}
	#system1 .txtArea .txt_subttlx {
		margin-bottom: 20px;
		display: inline-block;
	}
	.txtArea .txt_subttlx + .with_h4 {
		font-size: 1.1em;
		color: #393939;
		margin-bottom: 50px;
		padding-left: 15px;
		display: inline-block;
	}
	.txtArea .txt_subttlx + .with_h4 + p {
		font-size: 1.05em;
		padding-left: 62px;
	}
	/*#system3 ul.figure_list li .figure_title {*/
	/*	order: 2;*/
	/*}*/
	/*#system3 ul.figure_list li .figure {*/
	/*	order: 1;*/
	/*}*/
	/*#system3 ul.figure_list li .figure_caption {*/
	/*	order: 3;*/
	/*}*/

	.shopBtn {
		width: 100%;
		margin-top: 60px !important;
	}
	.shopBtn:before {
		content: "";
		display: block;
		clear: both;
	}
	.shopBtn.btn-reverse a {
		width: 400px;
		margin: 0 auto;
		padding: 15px;
	}
	.ttl_area {
		height: 190px;
	}
	.ttl_area.ill-cake {
		background-image: url(/eab_web/common/img/ill_cake.png);
		background-position: left 0px bottom 35px;
		background-repeat: no-repeat;
		height: 250px;
	}
	.about_list_box .lArea.imgArea {
		width: 35%;
		float: left;
	}
	.cnt_list ul li .ttlArea {
		position: relative;
		text-align: left;
	}

	.cnt_list ul li .ttlArea .list_ttl {
		margin-top: 30px;
		font-size: 1.45em;
		margin-bottom: 15px;
		letter-spacing: 0.2em;
	}
	.cnt_list ul li .ttlArea span {
		display: block;
		font-size: 1em;
		margin-bottom: 35px;
		color: #393939 !important;
	}
	.cnt_list ul li .ttlArea .moreBtn img {
		display: none;
	}

	.cnt_list ul li .ttlArea .moreBtn {
		background-image: url(/eab_web/common/img/moreBtn.png);
		width: 116px;
		height: 80px;
		position: absolute;
		right: 0;
		top: -10px;
		transition: 0.5s;
	}
	.cnt_list ul li a:hover .ttlArea .moreBtn {
		background-image: url(/eab_web/common/img/moreBtn_h.png);
	}
	.cnt_list ul li .txtArea {
		text-align: left;
	}
	.pri_box {
		text-align: left;
	}
	.pri_box .txt_ttl {
		font-weight: 500;
	}
	.slideArea {
		margin-bottom: 60px;
	}

	.recommend_block {
		/*border: #000 1px solid;*/
		position: relative;
		/*padding: 70px;*/
		text-align: left;
		margin: 100px 0;
		background-image: url(/eab_web/common/img/recommend_image.png);
		background-size: 323px auto;
		background-position: bottom 10px right;
		background-repeat: no-repeat;
	}
	/*.recommend_block h4 {*/
	/*	font-size: 1.7em;*/
	/*	font-weight: bold;*/
	/*	margin-bottom: 30px;*/
	/*}*/
	.recommend_block h4 {
		display: inline-block;
		font-size: 1.7em;
		font-weight: normal;
		margin-bottom: 60px;
		position: relative;
	}
	.recommend_block h4:after {
		content: '';
		display: block;
		width: 130%;
		height: 10px;
		border-bottom: 1px solid #191919;
		border-right: 1px solid #393939;
		transform: skew(60deg);
		margin: -10px 0 0 -25px;
		position: relative;
		top: 10px;
	}
	/*.recommend_block:after {*/
	/*	position: absolute;*/
	/*	top:10px;*/
	/*	left:10px;*/
	/*	content:"";*/
	/*	height:100%;*/
	/*	width:100%;*/
	/*	z-index:-999;*/
	/*	border: #000 1px solid;*/
	/*}*/
	.recommend_block ul {
		margin-left: 20px;
	}

	.recommend_block ul li {
		line-height: 3;
	}
	.recommend_block ul li::before{
		content: "";
		display: inline-block;
		width: 23px;
		height: 17px;
		background: url(/eab_web/school/img/icon_check.png) no-repeat;
		vertical-align: middle;
		margin-right: 10px;
	}
	.accessArea {
		align-items: flex-start;
	}

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

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

	ul.flow_image.flow_base li:nth-child(1) {
		width: 275px;
		background-image: url(/eab_web/course/img/base_flow1.png);
		background-position: bottom 20px center;
		background-size: 182px auto;
		background-repeat: no-repeat;
	}

	ul.flow_image.flow_base li:nth-child(2) {
		width: 275px;
		background-image: url(/eab_web/course/img/base_flow2.png);
		background-position: bottom 20px center;
		background-size: 182px auto;
		background-repeat: no-repeat;
	}

	ul.flow_image.flow_base li:nth-child(3) {
		color: #DFADA4;
		font-size: 1em;
		font-weight: 500;
		width: 275px;
		background-image: url(/eab_web/course/img/base_flow3.png);
		background-position: bottom 20px center;
		background-size: 92px auto;
		background-repeat: no-repeat;
	}

	ul.flow_image.flow_base 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_base 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;
	}
}


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

	.about_list_box::before {
		content: none;
	}

	section .inner {
		text-align: center;
		width: 100%;
	}

	.about_list_box .txtArea .txt_ttl {
		color: #393939;
		display: inline-block;
		border-bottom: #393939 1px solid;
		font-size: 4.9vw;
		letter-spacing: 4px;
	}

	.about_list_box .txtArea .gray {
		font-size: 0.9em;
		color: #393939;
		margin-bottom: 3em;
		display: block;
	}
	.about_list_box .txtArea .gray + h4 {
		margin-top: 0;
	}

	#about .sec0_top .about_list_box {
		margin-bottom: 15px;
	}
	#about .sec0_top .about_list_box .txtArea .txt_bold + p:nth-of-type(1) {
		margin-bottom: 45px;
	}

	.about_list {
		margin-top: 0;
	}

	.about_list_box .txtArea .txt_bold {
		font-size: 4.8vw;
	}

	#about .block_about_us,
	#about .block_about_gj {
		position: relative;
	}
	#about .block_about_gj {
		margin-bottom: 5em;
	}
	#about .block_about_us:before {
		content: '';
		display: block;
		width: 130px;
		height: 150px;
		background-image: url(/eab_web/common/img/bg_photo_jewerly1.png);
		background-repeat: no-repeat;
		background-position: left 0 bottom 0;
		background-size: contain;
		position: absolute;
		top: -40px;
		left: -7px;
	}
	#about .block_about_gj:before {
		content: '';
		display: block;
		width: 90px;
		height: 90px;
		background-image: url(/eab_web/common/img/bg_photo_jewerly3.png);
		background-repeat: no-repeat;
		background-position: left 0 bottom 0;
		background-size: contain;
		position: absolute;
		bottom: -80px;
		right: 10px;
	}

	.sec_ttl {
		color: #959595;
		margin-bottom: 1em;
	}
	#recommend .sec_ttl,
	#privilege .sec_ttl,
	#works .sec_ttl,
	#news .sec_ttl,
	.sec2 .sec_ttl {
		margin-bottom: 4em;
	}
	.sec_ttl:before {
		content: "";
		display: inline-block;
		width: 20%;
		height: 1px;
		background-color: #959595;
		vertical-align: middle;
		margin-right: 1em;
		margin-top: -5px;
	}
	.sec_ttl:after {
		content: none;
	}

	.txtArea .txt_subttlx {
		background: none;
		padding: 0;
		color: #393939;
		font-size: 4.8vw;
		margin: 1em 0 0.5em 0;
		font-weight: 500;
	}
	.txtArea .txt_subttlx + .with_h4 {
		font-size: 0.8em;
		margin-bottom: 1em;
		color: #393939;
	}
	.txtArea .txt_subttlx2 {
		background: none;
		padding: 0;
		color: #393939;
		margin: 1em 0 1em 0;
		font-weight: 500;
		font-size: 5.2vw;
	}
	.txtArea .txt_subttlx3 {
		background: none;
		padding: 0;
		color: #393939;
		margin: 1em 0 1em 0;
		font-weight: bold;
		font-size: 4.8vw;
	}

	section {
		padding: 2em 0 0 0 ;
	}

	.grayArea {
		padding: 2em 0;
	}

	.grayArea .diffArea {
		text-align: center;
	}

	.grayArea .diffArea .txt_ttl {
		font-size: 4.8vw;
		color: #393939;
		font-weight: 500;
	}
	.grayArea .diff h6 {
		font-weight: 500;
		font-size: 4.8vw;
	}

	.grayArea .diff dl {
		display: block;
		text-align: left;
	}
	.grayArea .diff dl dd {
		width: 100%;
		display: block;
	}
	.grayArea .diff dl dt {
		width: 100%;
		display: block;
		text-align: right;
	}
	.grayArea .diff dl dt img {
		max-width: 40%;
	}
	ul.figure_list li .figure {
		padding: 1em 2em;
	}

	ul.figure_list li .figure_title {
		display: inline-block;
		color: #393939;
		font-weight: 500;
		font-size: 4.8vw;
		min-width: 60%;
		width: auto;
		border-bottom: #393939 1px solid;
		margin: 1em auto 0.5em auto;
	}
	ul.figure_list.list_border li + li:before {
		content: none;
	}
	ul.figure_list li .figure.figborder img {
		border: #ccc 1px solid;
	}
	.ttl_area {
		margin: 2em auto 2em auto;
		position: relative;
	}
	.ttl_area.ill-cake:after {
		content: "";
		display: block;
		width: 3em;
		height: 4em;
		background-image: url(/eab_web/common/img/ill_cake.png);
		background-repeat: no-repeat;
		background-size: 100%;
		position: absolute;
		top: 3em;
	}

	.cnt_list ul li a {
		display: flex;
		flex-wrap: wrap;
	}
	.cnt_list ul li a .imgArea {
		order: 2;
	}
	.cnt_list ul li a .ttlArea {
		order: 1;
		text-align: left;
		min-height: 5em;
	}
	.cnt_list ul li a .ttlArea h3 {
		font-size: 4.8vw;
		font-weight: 500;
		margin-bottom: 0.8em;
	}
	.cnt_list ul li a .ttlArea .gray {
		margin-bottom: 2em;
	}
	.cnt_list ul li a .ttlArea .moreBtn {
		width: 90px;
		height: auto;
		position: absolute;
		right: 0;
		top: 0px;
	}

	.cnt_list ul li a .txtArea {
		order: 3;
		text-align: left;
		margin-bottom: 1em;
		margin-top: 1em;
		width: 100%;
	}

	.pri_box {
		display: flex;
		flex-wrap: wrap;
		text-align: center;
	}
	.pri_box .img {
		order: 3;
		margin: 1em auto 1em auto;
	}
	.pri_box h3 {
		order: 1;
		font-weight: 500;
		font-size: 4.8vw !important;
		display: block;
		width: 100%;
	}
	.pri_box .swaArea {
		order: 2;
		width: 100%;
		font-size: 2.7vmin;
	}
	.newsArea .news_list {
		text-align: left;
		width: 90%;
		margin: 0 auto;
	}

	.sp-btn-force-bottom {
		position: relative;
		padding-bottom: 6em;
	}
	.sp-btn-force-bottom .shopBtn {
		width: 100%;
		position: absolute;
		bottom: 0;
		margin-bottom: 0;
	}
	.sp-btn-force-bottom .shopBtn a {
		width: 90%;
		margin: 0 auto;
	}
	#system1 .imgArea {
		margin-top: 2em;
	}
	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: 1em;
		position: relative;
		text-align: center;
	}

	ul.flow_image.flow_base li:nth-child(1) {
		width: 100%;
		background-image: url(/eab_web/course/img/base_flow1.png);
		background-position: bottom 40px center;
		background-size: auto 86px;
		background-repeat: no-repeat;
		margin-bottom: 50px;
	}

	ul.flow_image.flow_base li:nth-child(2) {
		background-image: url(/eab_web/course/img/base_flow2.png);
		background-position: bottom 40px center;
		background-size: auto 80px;
		background-repeat: no-repeat;
		margin-bottom: 50px;
	}

	ul.flow_image.flow_base li:nth-child(3) {
		color: #CF887B;
		font-size: 1em;
		font-weight: 500;
		background-image: url(/eab_web/course/img/base_flow3.png);
		background-position: bottom 40px center;
		background-size: auto 106px;
		background-repeat: no-repeat;
		margin-bottom: 50px;
	}

	ul.flow_image.flow_base 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: -2.5em;
	}

	ul.flow_image.flow_base 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: -2.5em;
		transform: rotate(90deg);
	}
	.recommend_block {
		position: relative;
		text-align: left;
		margin: 3em 0;
	}
	.recommend_block h4 {
		display: inline-block;
		font-size: 1.3em;
		font-weight: bold;
		margin-bottom: 60px;
		position: relative;
	}
	.recommend_block h4:after {
		content: '';
		display: block;
		width: 130%;
		height: 10px;
		border-bottom: 1px solid #191919;
		border-right: 1px solid #393939;
		transform: skew(60deg);
		margin: -10px 0 0 -5px;
		position: relative;
		top: 10px;
	}
	.recommend_block ul {
		padding-left: 30px;
	}

	.recommend_block ul li {
		line-height: 2;
		position: relative;
	}
	.recommend_block ul li::before{
		content: "";
		display: inline-block;
		width: 23px;
		height: 17px;
		background: url(/eab_web/school/img/icon_check.png) no-repeat;
		vertical-align: middle;
		margin-right: 10px;
		position: absolute;
		left: -30px;
		top: 8px;
	}
	#system2 .about_list_box .txtArea p,
	#system3 .about_list_box .txtArea p {
		font-size: 0.9em;
	}

	#curriculum .about_list_box .imgArea {
		margin-top: 3em;
	}

	#curriculum2 .sec_top {
		width: 92%;
	}

}