/***********************
	全体
	********************/

.gray{
	color: #959595;
}

.pink{
	color: #da7d6c;
}

.current{
	color: #da7d6c;
}

.current a{
	color: #da7d6c;
}

/*** inview ***/
.view_item{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px);
	transition: 1s;
}

.view{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
	
/********
	navArea
	************/	
.navArea,
.sec_ttl{
	/*font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,Georgia,serif;*/
}

.navArea .sideArea{
	
}

.navArea nav{
	
}

/*メニュー開閉ボタン*/
.tglBtn{
		display: block;
		width: 30px;
		height: 30px;
		position: absolute;
		top: 20px;
		right: 0;
		left: 0;
		margin: auto;
		z-index: 1002;
		cursor: pointer;
	}
	
.tglBtn p{
	position: relative;
	width: 30px;
	height: 23px;
	margin: 0 auto;
	
}

.tglBtn span{
		display: block;
		height: 2px;
		background: #000;
		position:absolute;
		width: 100%;
		right: 0;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;	
	}
.tglBtn span:nth-child(1){
		top:0px;
	}
.tglBtn span:nth-child(2){
		width:22px; 
		top: 11px;
	}
	
.tglBtn span:nth-child(3){
		width: 26px;
		top: 21px;
}
	
/*開閉ボタンopen時*/
.open{
}

.open span{
}


.open span:nth-child(1) {
			top: 7px;
		   -webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			transform: rotate(135deg);
		}
.open span:nth-child(2){
	display: none;
}

.open span:nth-child(3) {
			top: 7px;
			width: 100%;
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			transform: rotate(-135deg);
}
	
/********
	header
	************/

header{
	
}

/********
	footer
	************/
footer{
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,Georgia,serif;
}


.error {
	background: #f00;
	color: #fff;
	padding: 1em;
	margin: 1em 0;
	box-sizing: border-box;
	border-radius: 5px;
	line-height: 1.7;
	opacity: 0.6;
}

/********
	main
	************/

h3 span {
	font-style: italic;
	color: #FA9F96;
	font-size: 40px;
}
.about_list {
	position: relative;
}
.numbering {
	position: absolute;
	font-style: italic;
	color: #db7c8a;
	font-size: 40px;
}


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

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

	@media screen and (max-width: 965px) {

		.inner {
			width: 100% !important;
			padding: 0 40px;
		}

		.sec_top {
			width: 100% !important;
		}

	}

	.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;
	}

	/********
        navArea
        ************/
.navArea{
	position: relative;
	z-index: 1000;
	
}

.navArea .sideArea{
	width: 100px;
	height: 100vh;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 1001;
	
}

.navArea .sideInner{
	width: 100%;
	height: 100vh;
	position: relative;
}

.navArea .sideInner .copyright{
	position: absolute;
	bottom: 50%;
}

.navArea .sideInner .btmArea{
	position: absolute;
	bottom: 0;
}

.navArea .sideInner .btmArea .snsArea li{
	margin-bottom: 15px;
}

.navArea nav{
	width: 50%;
	height: 100vh;
	background-color: rgba(255, 255, 255, 0.8);
	top: 0;
	right: 0;
	position: absolute;
	display: none;
	
}

.navArea nav .nav_list{
	width: 100%;
	height: 640px;
	margin: 100px auto;
	overflow-y: scroll;
}

.navArea nav ul li{
	width: 250px;
	margin: 0 auto 40px;
	margin-bottom: 40px;
	
}

.navArea nav ul .course_list,
.navArea nav ul .mypage_list{
	position: relative;
	cursor: pointer;
}

.navArea nav ul .course_list ul,
.navArea nav ul .mypage_list ul{
	margin-left: 10px;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 0;
	display: none;
	
}

.navArea nav ul .course_list ul li,
.navArea nav ul .mypage_list ul li{
	margin-bottom: 20px;
	font-size: 0.9em;
}

.navArea nav ul li .arrow_down{
	display: inline-block;
	width: 9px;
	height: 4px;
	margin-left: 5px;
	vertical-align: text-top;
	
}

.navArea nav ul li a{
	
}

.navArea nav ul li a .en{
	display: inline-block;
	vertical-align: middle;
}

.navArea nav ul li a .jp{
	color: #da7d6c;
	display: none;
	vertical-align: middle;
}

.navArea nav ul li a:hover .en{
	display: none;
}

.navArea nav ul li a:hover .jp{
	display: inline-block;
	
}

.navArea nav ul li .co_txt .en{
	display: inline-block;
	vertical-align: middle;
}

.navArea nav ul li .co_txt .jp{
	color: #da7d6c;
	display: none;
	vertical-align: middle;
}

.navArea nav ul li .co_txt:hover .en{
	display: none;
}

.navArea nav ul li .co_txt:hover .jp{
	display: inline-block;
	
}




/********
	header
	************/
header{
	width: 100%;
}

header .topArea{
	width: 100%;
	height: 100vh;
	position: relative;
	
}



header .topArea .img_wrapper{
	width: auto;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}

header .topArea .imgArea{
	width: auto;
	height: 100%;
	position: relative;
}

/* 効果をかけるためのスタイル設定 */
.top_img .slick-slide{
	/* slickによってelement.styleで付けられるopacityを無効化 */
	opacity: 1 !important;
}
.top_img .slide_item{
	/* フェード要素の初期設定 */
	opacity: 0;
	transition: 0s;
}
.top_img .slick-active .slide_item{
	/* slick-active(効果開始)の際のフェード設定 */
	/* [重要]slick側の設定と同じdurationを取る */
	opacity: 1;
	transition: ease-in-out 5.0s;
}
.top_img .slick-continue .slide_item{
	/* エフェクトの継続用に付与したslick-continueのフェード設定 */
	/* [重要]slick側の設定と同じdurationを取る */
	opacity: 0;
	transition: ease-in-out 5.0s;
}
.top_img .slide_item img{
	/* 画像 ズーム要素の初期設定 */
	transform: scale(1.0, 1.0);
	transition: 0s;

}
.top_img .slick-active img{
	/* 画像　slick-active(効果開始) */
	/* ズームをかける要素には必ずフェードに対して大きめのtransition-durationを取る */
	transform: scale(1.1, 1.1);
	transition: ease-in-out 10.0s; 

}
.top_img .slick-continue img{
	/* 画像　slick-continue */
	/* ズームをかける要素には必ずフェードに対して大きめのtransition-durationを取る */
	transform: scale(1.2, 1.2);
	transition: ease-in-out 10.0s;

}

header .topArea .imgArea ul{
}

header .topArea .imgArea img{
	display: block;
	
}

header .topArea .txtArea{
	position: relative;
	height: 100%;
	margin-left: 10%;
}

header .topArea .txtArea .logo{
	width: 300px;
	position: absolute;
	top: 10%;
	
}

header .topArea .txtArea .lead{
	width: 421px;
	position: absolute;
	top: 40%;
}

header .topArea .txtArea p{
	margin-top: 35px;
	font-size: 0.875em;
	line-height: 2.3;
}

header .topArea .txtArea .lead p {
	background: rgba(255,255,255,0.6);
	padding: 1em;
	color: #000;
}

/********
	main
	************/
section{
	padding: 50px 0;
	width: 100%;
}	

.sec_top{
	width: 1165px;
	margin: 0 auto;
}

/*.sec_ttl{*/
/*	font-size: 0.8em;*/
/*	letter-spacing: 0.1em;*/

/*}*/

/*.sec_ttl::after{*/
/*	content: "";*/
/*	display: inline-block;*/
/*	width: 80%;*/
/*	height: 1px;*/
/*	background-color: #da7d6c;*/
/*	vertical-align: middle;*/
/*	margin-left: 10px;*/
/*	margin-top: -5px;*/
/*}*/
	.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;
	}

section .inner{
	width: 925px;
	margin: 50px auto 50px auto;
}

.about_list{
	margin-top: 50px;
}
	.sec0_top .about_list {
		margin-top: 100px;
	}

.about_list_box{
	margin-bottom: 50px;
	position: relative;
}

.about_list_box .lArea{
	float: left;
	margin-right: 15px;
	text-align: right;
}

.about_list_box .lArea.with_number{
	padding-top: 230px;
}

	.about_list_box .rArea{
		float: right;
		margin-left: 15px;
		text-align: left;
	}


.about_list_box .imgArea{
	width: 426px;
}

.about_list_box .txtArea{
	width: 433px;
	margin-top: 70px;
}

.about_list_box .txtArea span{
	display: block;
	font-size: 0.8em;
	margin-bottom: 15px;
	color: #df6791;
}

#about .block_about_us .txtArea {
	background-image: url(/eab_web/common/img/about_photo.png);
	background-position: right 0 bottom 80px;
	background-repeat: no-repeat;
}

	.about_list_box .txtArea .txt_ttl{
		font-size: 1.52em;
		margin-bottom: 20px;
		color: #df6791;
	}
	.about_list_box .txtArea .txt_ttl.more_margin,
	.about_list_box .txtArea .txt_ttl.more_margin_pc {
		margin-bottom: 100px;
	}

	.about_list_box .txtArea .txt_bold{
		font-size: 1.1em;
		font-weight: bold;
		margin-bottom: 20px;
	}
	.about_list_box .txtArea .txt_bold + p {
		margin-bottom: 30px;
		color: #000;
	}
	.about_list_box .txtArea .txt_bold + p + .txt_bold {
		margin-top: 50px;
	}

	.about_list_box .txtArea .txt_subttl{
		font-size: 1.1em;
		margin-bottom: 30px;
		color: #df6791;
	}

	.txtArea .txt_subttlx{
		font-size: 1.2em;
		margin-bottom: 20px;
		margin-top: 40px;
		background: #F5E4E3;
		padding: 0.7em;
		color: #df6791;
	}

	.about_list_box .txtArea p{
	font-size: 0.82em;
	line-height: 2em;
}
.about_sub_box .txtArea p {
	font-size: 0.82em;
	line-height: 2em;
}
.box_with_number::before{
	content: "";
	display: block;
	width: 210px;
	height: 211px;
	background: url(../img/bg_shape2.png) no-repeat;
	position: absolute;
	left: -20px;
	top: 0;
	z-index: -1;
}

.box_without_number::before{
	content: "";
	display: block;
	width: 210px;
	height: 211px;
	background: url(../img/bg_shape2.png) no-repeat;
	background-size: 100%;
	position: absolute;
	left: 170px;
	top: -110px;
	z-index: -1;
}
	.box_with_number.about_list_box01::before {
		position: absolute;
		left: 306px;
	}

	.about_list_box.box_full .txtArea{
		width: 100% !important;
	}

	.about_list_box.box_full .imgArea{
		width: 100% !important;
		margin-top: 30px;
	}

	.box_without_number .txtArea .txt_ttl{
		margin-bottom: 30px;
	}

	.box_tleft .txtArea {
		text-align: left;
	}

	.box_tleft .txtArea span,
	.box_tleft .txtArea h3 {
		padding-left: 100px;
	}

	.box_tright .txtArea {
		text-align: left;
	}

	.box_tright .txtArea span,
	.box_tright .txtArea h3 {
		padding-left: 0;
		margin-left: -70px;
	}




	.about_list_box02{
	margin-bottom: 60px;
}

.grayArea{
	width: 100%;
	background-color: #FAFAFA;
	padding: 50px 0;
	margin-bottom: 50px;
}

.grayArea .diffArea{
	width: 925px;
	margin: 0 auto;
}

.grayArea .diffArea .top_en{
	display: block;
	font-size: 0.8em;
	margin-bottom: 15px;
	color: #df6791;
}

.grayArea .diffArea .txt_ttl{
	font-size: 1.6em;
	margin-bottom: 45px;
	color: #df6791;
}

.grayArea .diffArea .diff01{
	margin-bottom: 50px;
	position: relative;
}

.grayArea .diffArea .diff01 .illust{
	width: 292px;
	height: auto;
	position: absolute;
	right: 0;
	top: 0;
}

.grayArea .diffArea .diff02{
	
}

.grayArea .diffArea h4{
	font-size: 1.35em;
	margin-bottom: 30px;
}

.grayArea .diffArea .beforedeco{
	width: 45%;
	margin-left: 5%;
	float: left;
}

.grayArea .diffArea .beforedeco .img{
	width: 243px;
	margin-bottom: 20px;
}

.grayArea .diffArea .gajdeco{
	width: 50%;
	float: right;
}

.grayArea .diffArea .gajdeco .img{
	width: 243px;
	margin-bottom: 20px;
}

.grayArea .diffArea .txt .lead{
	font-size: 1.125em;
	margin-bottom: 10px;
	font-weight: 600;
}

.grayArea .diffArea p{
	line-height: 2em;
	font-size: 0.9em;
}

.grayArea .diffArea .diff02 .beforedeco{
	display: flex;
}

.grayArea .diffArea .diff02 .gajdeco{
	display: flex;
}

.grayArea .diffArea .diff02 .img{
	width: 153px;
	margin-right: 10px;
}

.grayArea .diffArea .diff02 .txt{
	
}

.grayArea .diffArea .diff02 .txtArea{
	clear: both;
	margin-left: 55px;
}
	.grayArea .diff {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 40px 0 0 0;
	}
	.grayArea ul {
		display: flex !important;
		width: 760px;
		margin-left: 165px;
	}

	.grayArea ul li {
		width: 380px;
		box-sizing: border-box;
		font-size: 1.125em;
		margin-bottom: 10px;
		font-weight: 600;
	}

	.grayArea .diffArea {
		position: relative;
	}
	.grayArea .diffArea:after {
		content: ' ';
		display: block;
		position: absolute;
		bottom: -100px;
		right: -120px;
		width: 240px;
		height: 180px;
		background-image: url(/eab_web/common/img/diff_illust3.png);
		background-size: 240px 180px;
		background-repeat: no-repeat;
	}
	.grayArea .diff h5 {
		width: 100px;
		display: block;
		font-weight: bold;
	}
	.grayArea .diff h5 span.number {
		font-weight: bold;
		font-size: 1.8em;
		display: block;
		color: #FA9F96;
		margin-bottom: 20px;
	}
	.grayArea .diff .diff_pattern {
		width: 50%;
	}
	.grayArea .diff .diff_pattern h6 {
		font-size: 1.1em;
		margin-bottom: 20px;
	}
	.grayArea .diff dl {
	}
	.grayArea .diff dt {
		padding-left: 50px;
	}
	.grayArea .diff dt img {
		max-width: 30%;
		margin-top: 30px;
	}
	.grayArea .diff dd span {
		font-weight: bold;
		display: block;
	}
	.grayArea .diff dd span.inline {
		display: inline;
	}
	.grayArea .diff dd {
		font-size: 0.8em;
		line-height: 2;
		letter-spacing: 1px;
		color: #000;
	}

	.blockMatome {
		background-image: url(/eab_web/common/img/diff_illust2.png);
		background-position: right bottom;
		background-size: 217px auto;
		background-repeat: no-repeat;
	}

	.txtMatome {
		font-size: 0.9em;
		line-height: 2;
		text-align: center;
	}
	.txtMatome p:first-of-type {
		margin-bottom: 60px;
	}


	.about_school{
	margin-bottom: 70px;
}

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

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

.about_school p{
	margin-bottom: 15px;
}


.numbering.left {
	top: 32px;
	left: -3px;
}
.numbering.right {
	top: 32px;
	right: 550px;
}


.grayArea .diffArea h4 span{
	display: inline-block;
	width: 55px;
	height: auto;
	vertical-align: middle;
	margin-right: 5px;
}

.cnt_list{
	margin: 60px auto 0;
}

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

.cnt_list ul li{
	width: 415px;
	margin-bottom: 100px;
}

.cnt_list ul li a{
	display: block;
	width: 100%;
	height: 100%;
}

.cnt_list ul li .imgArea{
	position: relative;
	width: 415px;
	height: 300px;
	
}

.cnt_list ul li .imgArea .overray{
	position: absolute;
	width: 415px;
	height: 300px;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.2);
	opacity: 0;
	transition: .8s;
}

.cnt_list ul li .txtArea{
	position: relative;
}

.cnt_list ul li .txtArea span{
	display: block;
	font-size: 1em;
	margin-bottom: 35px;
	color: #000 !important;
}

.cnt_list ul li .txtArea .list_ttl{
	margin-top: 30px;
	font-size: 1.45em;
	margin-bottom: 15px;
	letter-spacing: 0.2em;
}

.cnt_list ul li .txtArea p{
	font-size: 0.85em;
	letter-spacing: 1px;
	line-height: 2em;
	color: #000;
}

.cnt_list ul li .txtArea .moreBtn{
	width: 115px;
	height: 80px;
	position: absolute;
	right: 0;
	top: 5px;
}

.cnt_list ul li .txtArea .moreBtn img{
	opacity: 1;
	transition: .5s;
}

.cnt_list ul li .txtArea .moreBtn::after{
	content: "";
	display: block;
	width: 115px;
	height: 80px;
	position: absolute;
	right: 0;
	top: 0px;
	background: url(../img/moreBtn_h.png) no-repeat;
	opacity: 0;
	transition: .5s;
}

.cnt_list ul li a:hover .imgArea .overray{
	opacity: 1;
}

.cnt_list ul li a:hover .txtArea .moreBtn img{
	opacity: 0;
}

.cnt_list ul li a:hover .txtArea .moreBtn::after{
	opacity: 1;
}

.pri_box{
	margin-top: 50px;
	margin-bottom: 50px;
}

.pri_box .txt_ttl{
	font-size: 1.3em;
	margin-bottom: 25px;
}

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

.pri_box .swaArea .txt{
	width: 734px;
	font-size: 14px;
	line-height: 2;
}

.pri_box .swaArea .img{
	width: 156px;
	margin-top: -30px;
}

.pri_box p{
	font-size: 14px;
}

.shopBtn{
	width: 450px;
	margin: 100px auto 0;
	box-sizing: border-box;
	
	
}
.inner .shopBtn {
	margin-top: 50px;
}

.shopBtn a{
	display: block;
	width: 100%;
	height: 100%;
	padding: 25px 0;
	border: solid 2px #F2D0CB;
	background-color: #fff;
	color: #F2D0CB;
	text-align: center;
	transition: .5s;
	font-size: 1.3em;
}

.shopBtn a:hover{
	background-color: #F2D0CB;
	border: solid 2px #F2D0CB;
	color: #fff;
}

	.shopBtn.btn-reverse a{
		display: block;
		width: 100%;
		height: 100%;
		padding: 15px 0;
		border: solid 2px #F2D0CB;
		background-color: #F2D0CB;
		color: #fff;
		text-align: center;
		transition: .5s;
		font-size: 1.3em;
	}

	.shopBtn.btn-reverse a:hover{
		background-color: #fff;
		color: #F2D0CB;
	}

.slideArea{
	margin-top: 50px;
}

.slideArea ul li{
	width: 300px;
	height: auto;
	margin-right: 10px;
}

.newsArea{
	position: relative;
}

.newsArea .news_ttl{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 1.35em;
	margin-bottom: 15px;
	letter-spacing: 0.15em;
	
}

.newsArea .news_list{
	margin-left: 320px;
	height: 200px;
	overflow-y: scroll;
}

.newsArea .news_list dl{
	
}

.newsArea .news_list .row{
	display: flex;
	font-size: 0.8em;
	margin-bottom: 20px;
}

.newsArea .news_list .row dt{
	width: 90px;
	color: #959595;
	margin-right: 10px;
}

.newsArea .news_list .row dd{
	
}


.accessArea{
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
	align-items: flex-start;
}

.accessArea .mapArea{
	width: 575px;
	height: 364px;
}

.accessArea .address{
	margin-top: 0px;
	text-align: left;
}

.accessArea .address .txt_ttl{
	line-height: 2em;
	margin-bottom: 30px;
	font-size: 1.08em;
}

.accessArea .address p{
	font-size: 0.85em;
	line-height: 2em;
}

.accessArea .address .gmBtn{
	margin-top: 20px;
}

.accessArea .address .gmBtn a{
	text-decoration: underline;
}

.accessArea .address .gmBtn a:hover{
	text-decoration: none;
}

footer{
	width: 100%;
	display: flex;
}

.ft_logoArea{
	width: 30%;
	background-color: #F2D0CB;
	position: relative;
	}

.ft_logoArea .ft_logo{
	width: 259px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
}

.ft_logoArea .ft_logo .ft_copy{
	font-size: 0.7em;
	display: block;
	margin-top: 10px;
}

.sitemap{
	width: 70%;
	background-color: #FAFAFA;
}

.sitemap .inner{
	padding: 70px;
}

.sitemap .sitemap_upper{
}

.sitemap .sitemap_upper li{
	display: inline-block;
	font-size: 0.8em;
	margin-right: 20px;
}

.sitemap .sitemap_upper .course_list{
	position: relative;
}

.sitemap .sitemap_upper li ul{
	display: flex;
	flex-wrap: wrap;
	width: 350px;
	position: absolute;
	top: 0;
	left: 80px;
}

.sitemap .sitemap_upper li ul li{
	font-size: 0.95em;
	display: block;
	width: 48%;
	margin-right: 2%;
	margin-bottom: 10px;
}



.sitemap .sitemap_bottom{
	margin-top: 80px;
}

.sitemap .sitemap_bottom li{
	display: inline-block;
	font-size: 0.8em;
	margin-right: 20px;
}

.sitemap ul li a .en{
	display: inline-block;
	vertical-align: middle;
}

.sitemap ul li a .jp{
	color: #da7d6c;
	display: none;
	vertical-align: middle;
}

.sitemap ul li a:hover .en{
	display: none;
}

.sitemap ul li a:hover .jp{
	display: inline-block;
	
}

.sitemap ul li .co_txt .en{
	display: inline-block;
	vertical-align: middle;
}

.sitemap ul li .co_txt .jp{
	color: #da7d6c;
	display: none;
	vertical-align: middle;
}

.sitemap ul li .co_txt:hover .en{
	display: none;
}

.sitemap ul li .co_txt:hover .jp{
	display: inline-block;
	
}

/********
	lower
	************/
.lower_top{
	position: relative;
	/*max-width: 1165px;*/
	height: 450px;
	margin: 0 auto;
	margin-right: 100px;
}

.lower_top .imgArea{
	width: 928px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}

.lower_top .txtArea{
	position: absolute;
	top: 35%;
	left: 8%;
}

.lower_top .txtArea h2{
	font-size: 1.7em;
	margin-bottom: 20px;
	letter-spacing: 0.2em;
}

.lower_top .txtArea span{
	font-size: 1.2em;
}

/********
	カレンダー
	************/
	
.calendar{
	border: 2px solid #B3B3B3;
	width: 100%;
	box-sizing: border-box;
}

.calendar .cal_tbl{
	padding: 10px;
	width: 96%;
	margin: 20px auto;
}

.calendar .month_top{
	width: 100%;
	height: 60px;
	position: relative;
	width: 100%;
	padding: 20px 0;
}


.calendar .month_top .month{
	position: absolute;
	left: 2%;
	font-size: 1.6em;
	display: inline-block;
}

.calendar .month_top .month span{
	font-size: 12px;
	display: inline-block;
	margin-left: 10px;
}

.calendar .month_top .month .en{
	vertical-align: text-top;
	margin-top: 7px;
	
}

.calendar .month_top .month .icon{
	width: 29px;
	height: 32px;
	display: inline-block;
	vertical-align: text-bottom;
	margin-right: 10px;
	
}

.calendar .month_top .ttl{
	text-align: center;
	font-size: 1.15em;
	letter-spacing: 0.2em;
	padding-top: 5px;
}

.calendar .cal_tbl tr{
	border-bottom: solid 1px #B3B3B3;
}

.calendar .cal_tbl tr:last-child{
	border-bottom: none;
}

.calendar .cal_tbl th{
	border-right: solid 1px #B3B3B3;
	width: 125px;
}

.calendar .cal_tbl td{
	border-right: solid 1px #B3B3B3;
	width: 125px;
	height: 125px;
}

.calendar .cal_tbl th:nth-of-type(7),
.calendar .cal_tbl td:nth-of-type(7){
	border-right: none;
}

.calendar .cal_tbl .hol{
	color: #FF8B97;
}
.calendar .cal_tbl .hol,
.calendar .cal_tbl th:nth-of-type(1),
.calendar .cal_tbl td:nth-of-type(1) {
	color: #FF8B97;
}

.calendar .cal_tbl .sat,
.calendar .cal_tbl th:nth-of-type(7),
.calendar .cal_tbl td:nth-of-type(7) {
	color: #7ECEEC;
	
}

.calendar .cal_tbl .day{
	padding: 5px;
	display: block;
}

.calendar .cal_tbl td p{
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
}

.calendar .pager{
	text-align: center;
	margin: 30px auto;
}

.calendar .pager li{
	display: inline-block;
	margin: auto 10px;
}

.calendar .pager li a{
	display: block;
	width: 100%;
	height: 100%;
	padding: 15px 20px;
	border: solid 2px #F2D0CB;
	background-color: #fff;
	color: #F2D0CB;
	text-align: center;
	font-size: 1.1em;
	margin: 0 auto;
}
.btnArea .linkBtn a:hover{
	border: solid 2px #F2D0CB;
	background-color: #F2D0CB;
	color: #fff;
}
	.calendar .pager li a:hover{
	border: solid 2px #F2D0CB;
	background-color: #F2D0CB;
	color: #fff;
}
	#_common_inc_school {
		margin-top: 120px;
		margin-bottom: 180px;
		padding: 0 !important;
	}

	.sec2 {
		padding-bottom: 0;
	}
	.sec2 .inner {
		margin-bottom: 0;
	}

	.figure_list {
		display: flex;
		justify-content: space-between;
	}
	ul.figure_list li{
		width: 30%;
	}
	ul.figure_list li .figure {
		width: 100%;
	}
	ul.figure_list li .figure_title {
		color: #D87D6C;
	}
	ul.figure_list li .figure.figborder {
		display: flex;
		align-items: center;
		border: #ccc 1px solid;
	}

}

/***********************
	spのみ
	********************/

@media screen and (max-width: 768px) {
	
.tglBtn{
		right: 0;
		left: auto;
	}
	
/********
	navArea
	************/	
.navArea{
	width: 100%;
	position: relative;
	z-index: 1000;
	
}

.navArea .sideArea{
	position: relative;
	z-index: 1001;
	
}

.navArea .sideInner{
	position: absolute;
	right: 5%;
	top: 0;
}


.navArea .sideInner .btmArea .snsArea li{
	margin-bottom: 15px;
}

.navArea nav{
	width: 80%;
	min-height: 100%;
	background-color: rgba(255, 255, 255, 0.9);
	top: 0;
	right: 0;
	position: absolute;
	display: none;
	
}

.navArea nav .nav_list{
	width: 100%;
	margin: 50px auto;
	overflow-y: scroll;
}

.navArea nav ul li{
	width: 80%;
	margin: 0 auto 25px;
	font-size: 0.9em;
}

.navArea nav ul li{
	
}

.navArea nav ul .course_list,
.navArea nav ul .mypage_list{
	position: relative;
}

.navArea nav ul .course_list ul,
.navArea nav ul .mypage_list ul{
	margin-left: 10px;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 0;
	display: none;
	
}

.navArea nav ul .course_list ul li,
.navArea nav ul .mypage_list ul li{
	margin-bottom: 20px;
	font-size: 0.9em;
}

.navArea nav ul li .arrow_down{
	display: inline-block;
	width: 9px;
	height: 4px;
	margin-left: 5px;
	vertical-align: text-top;
	
}

.navArea nav ul li a{
	
}

.navArea nav ul li a .en{
	display: inline-block;
	vertical-align: middle;
}

.navArea nav ul li a .jp{
	color: #959595;
	display: inline-block;
	font-size: 0.8em;
	vertical-align: middle;
	margin-left: 10px;
}

.navArea nav ul li .co_txt .en{
	display: inline-block;
	vertical-align: middle;
}

.navArea nav ul li .co_txt .jp{
	color: #959595;
	display: inline-block;
	font-size: 0.8em;
	vertical-align: middle;
	margin-left: 10px;
}

.navArea nav ul .current a .jp{
	color: #da7d6c;
}

.navArea nav ul  li .course_list_child .jp{
	display: none;
}


.navArea nav .linkArea li{
	margin-bottom: 10px;
}

.navArea nav .snsArea {
	margin-left: 10%;
	margin-top: 25px;
}

.navArea nav .snsArea li{
	display: inline-block;
	width: 20px;
	margin-right: 10px;
}



.wrapper{
	width: 100%;
	overflow-x: hidden;
}



/********
	header
	************/
header{
	width: 100%;
}

header .topArea{
	width: 100%;
	height: auto;
	position: relative;
	
}

header .topArea .imgArea{
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	position: relative;
}



header .topArea .txtArea{
	position: relative;
	margin-left: 10%;
}

header .topArea .txtArea .logo{
	width: 60%;


}

header .topArea .txtArea .lead{
	width: 90%;
	margin-top: 20px;
	
}

header .topArea .txtArea .lead h1{
	width: 90%;
	/*position: relative;*/
	/*left:  -5%;*/
	margin: 0 auto;
}

header .topArea .txtArea p{
	margin-top: 20px;
	font-size: 0.8em;
	line-height: 2.5;
	text-align: center;
}

/* 効果をかけるためのスタイル設定 */



.top_img .slick-slide{
	/* slickによってelement.styleで付けられるopacityを無効化 */
	opacity: 1 !important;
}
.top_img .slide_item{
	/* フェード要素の初期設定 */
	opacity: 0;
	transition: 0s;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.top_img .slick-active .slide_item{
	/* slick-active(効果開始)の際のフェード設定 */
	/* [重要]slick側の設定と同じdurationを取る */
	opacity: 1;
	transition: ease-in-out 5.0s;
}
.top_img .slick-continue .slide_item{
	/* エフェクトの継続用に付与したslick-continueのフェード設定 */
	/* [重要]slick側の設定と同じdurationを取る */
	opacity: 0;
	transition: ease-in-out 5.0s;
}
.top_img .slide_item img{
	/* 画像 ズーム要素の初期設定 */
	transform: scale(1.0, 1.0);
	transition: 0s;

}
.top_img .slick-active img{
	/* 画像　slick-active(効果開始) */
	/* ズームをかける要素には必ずフェードに対して大きめのtransition-durationを取る */
	transform: scale(1.1, 1.1);
	transition: ease-in-out 10.0s; 

}
.top_img .slick-continue img{
	/* 画像　slick-continue */
	/* ズームをかける要素には必ずフェードに対して大きめのtransition-durationを取る */
	transform: scale(1.2, 1.2);
	transition: ease-in-out 10.0s;

}

/********
	main
	************/
	section{
		padding: 50px 0 0 0;
		width: 100%;
	}

	section.sec5{
		padding: 50px 0 100px 0;
		width: 100%;
	}

	.sec_top{
	width: 90%;
	margin: 0 auto;
}

	#news .sec_top {
		margin-bottom: 40px;
	}

/*.sec_ttl{*/
/*	font-size: 0.9em;*/
/*	letter-spacing: 0.1em;*/
/*	color: #cd517f;*/
/*}*/

/*.sec_ttl::after{*/
/*	content: "";*/
/*	display: inline-block;*/
/*	width: 94px;*/
/*	height: 1px;*/
/*	background-color: #cd517f;*/
/*	vertical-align: middle;*/
/*	margin-left: 10px;*/
/*	margin-top: -5px;*/
/*}*/
	.sec_ttl {
		color: #959595;
	}
	.sec_ttl:before {
		content: "";
		display: inline-block;
		width: 20%;
		height: 1px;
		background-color: #959595;
		vertical-align: middle;
		margin-right: 1em;
		margin-top: -5px;
	}

section .inner{
	width: 90%;
	margin: 0 auto;
}

.about_list{
	margin-top: 100px;
}

.about_list_box{
	margin-bottom: 30px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

.about_list_box .imgArea{
	margin-top: 1em;
	width: 100%;
	order: 2;
}

.about_list_box .txtArea{
	width: 100%;
	margin-top: 20px;
	
}

.about_list_box .txtArea span{
	display: inline-block;
	padding: 0;
	font-size: 0.8em;
	margin-bottom: 5px;
	color: #cd517f;
}

.about_list_box .txtArea .txt_ttl{
	font-size: 4.8vw;
	margin-bottom: 10px;
	line-height: 1.5em;
	color: #cd517f;
	font-weight: 500;
}
	.about_list_box .txtArea .txt_ttl.more_margin{
		margin-bottom: 65px;
	}

	.about_list_box .txtArea .txt_subttl{
		font-size: 3.5vw;
		margin-bottom: 20px;
		color: #cd517f;
	}


.about_list_box .txtArea p{
	font-size: 0.8em;
	line-height: 2em;
	color: #111;
}

	.about_list_box::before{
		content: "";
		display: block;
		width: 168px;
		height: 169px;
		background: url(../img/bg_shape2.png) no-repeat;
		background-size: 100%;
		position: absolute;
		left: -20%;
		top: -60px;
		z-index: -1;
	}
	.about_list_box01::before{
		content: "";
		display: block;
		width: 168px;
		height: 169px;
		background: url(../img/bg_shape3.png) no-repeat;
		background-size: 100%;
		position: absolute;
		right: -20%;
		top: -50px;
		z-index: -1;
	}

.about_list_box02::before{
	content: "";
	display: block;
	width: 168px;
	height: 169px;
	background: url(../img/bg_shape2.png) no-repeat;
	background-size: 100%;
	position: absolute;
	left: -20%;
	top: -50px;
	z-index: -1;
}

.about_list_box_top::before{
	content: "";
	display: block;
	width: 168px;
	height: 169px;
	background: url(../img/bg_shape2.png) no-repeat;
	background-size: 100%;
	position: absolute;
	left: 100px;
	top: -50px;
	z-index: -1;
}

.grayArea{
	width: 100%;
	background-color: #FAFAFA;
	padding: 70px 0;
	margin-bottom: 50px;
}

.grayArea .diffArea{
	width: 90%;
	margin: 0 auto;
}



.grayArea .diffArea .txt_ttl{
	font-size: 4.8vw;
	line-height: 1.5;
	margin-bottom: 25px;
	color: #cd517f;
}

.grayArea .diffArea .diff01{
	margin-bottom: 50px;
	position: relative;
}

.grayArea .diffArea .diff02{
	
}

.about_list_box02{
	margin-bottom: 60px;
}


.grayArea .diffArea .top_en{
	display: block;
	font-size: 0.8em;
	margin-bottom: 5px;
	color: #cd517f;
}


.grayArea .diffArea .diff01 .illust{
	width: 90%;
	max-width: 292px;
	margin: 30px auto;
	
}


.grayArea .diffArea h4{
	font-size: 4.2vw;
	margin-bottom: 20px;
}

.grayArea .diffArea .beforedeco{
	width: 100%;
	margin-bottom: 50px;
}

.grayArea .diffArea .img{
	width: 60%;
	margin: 0 auto;
	margin-bottom: 20px;
}

.grayArea .diffArea .txt .lead{
	font-size: 4vw;
	margin-bottom: 10px;
	font-weight: 600;
}

.grayArea .diffArea p{
	line-height: 2em;
	font-size: 0.8em;
}

.grayArea .diffArea .diff02 .beforedeco{
	display: flex;
}

.grayArea .diffArea .diff02 .gajdeco{
	display: flex;
}

.grayArea .diffArea .diff02 .img{
	width: 30%;
	margin-right: 2%;
}

.grayArea .diffArea .diff02 .txt{
	width: 68%;
}

.grayArea .diffArea .diff02 .txtArea{
	clear: both;
}

	.grayArea .diff {
		display: block;
		margin: 40px 0 0 0;
	}
	.grayArea .diff h5 {
		width: 100%;
		font-weight: bold;
		display: block;
		margin-bottom: 20px;
	}
	.grayArea .diff h5 span.number {
		font-size: 1.16em;
		color: #FA9F96;
		padding-right: 1em;
	}
	.grayArea .diff h6 {
		font-weight: bold;
		margin-bottom: 1em;
	}
	.grayArea .diff dl {
		width: 100%;
		display: flex;
		justify-content: space-between;
		margin-bottom: 1em;
	}
	.grayArea .diff dt {
		width: 30%;
	}
	.grayArea .diff dd span {
		font-weight: bold;
		display: block;
	}
	.grayArea .diff dd span.inline {
		display: inline;
	}
	.grayArea .diff dd {
		width: 60%;
		font-size: 0.8em;
		line-height: 2;
	}
	.txtMatome {
		font-size: 3.2vmin;
		line-height: 2;
		text-align: center;
	}
	.txtMatome p:first-of-type {
		margin-bottom: 3em;
	}

.about_school{
	margin-bottom: 50px;
}

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

.about_school .txt_ttl{
	font-size: 4.8vw;
	margin-bottom: 20px;
}

.about_school p{
	font-size: 0.8em;
	line-height: 2em;
	margin-bottom: 15px;
}


 

.grayArea .diffArea h4 span{
	display: inline-block;
	width: 55px;
	height: auto;
	vertical-align: middle;
	margin-right: 5px;
}

.cnt_list{
	margin: 30px auto 0;
}

.cnt_list ul{
	
}

.cnt_list ul li{
	width: 100%;
	margin-bottom: 50px;
}

.cnt_list ul li a{
	display: block;
	width: 100%;
	height: 100%;
}

.cnt_list ul li .imgArea{
	position: relative;
	width: 100%;
	height: auto;
	
}



.cnt_list ul li .txtArea{
	position: relative;
}

.cnt_list ul li .txtArea span{
	display: block;
	font-size: 0.8em;
	margin-bottom: 35px;
	color: #000 !important;
}

.cnt_list ul li .txtArea .list_ttl{
	margin-top: 15px;
	font-size: 1.45em;
	margin-bottom: 10px;
	letter-spacing: 0.2em;
}

.cnt_list ul li .txtArea p{
	font-size: 0.8em;
	line-height: 2em;
	color: #000;
}

.cnt_list ul li .txtArea .moreBtn{
	width: 90px;
	height: auto;
	position: absolute;
	right: 0;
	top: 0px;
}



.pri_box{
	margin-top: 50px;
}

.pri_box .img{
	width: 50%;
	margin: 0 auto 20px;
}

.pri_box .txt_ttl{
	font-size: 1.3em;
	margin-bottom: 15px;
}

.pri_box .swaArea{
	display: block;
}

.pri_box .swaArea .txt{
	width: 100%;
	line-height: 2;
}

.pri_box .swaArea .img{
	width: 156px;
	margin-top: -30px;
}

.pri_box p{
	font-size: 0.85em;
	line-height: 2em;
}

.shopBtn{
	width: 90%;
	margin: 20px auto 50px auto;
	box-sizing: border-box;
	
	
}

.shopBtn a{
	display: block;
	width: 100%;
	height: 100%;
	padding: 20px 0;
	border: solid 2px #da7d6c;
	background-color: #fff;
	color: #da7d6c;
	text-align: center;
	transition: .5s;
	font-size: 1.2em;
}

.shopBtn a:hover{
	background-color: #da7d6c;
	color: #fff;
}

.shopBtn.btn-reverse a{
	display: block;
	width: 100%;
	height: 100%;
	padding: 20px 0;
	border: solid 2px #eabebe;
	background-color: #eabebe;
	color: #fff;
	text-align: center;
	transition: .5s;
	font-size: 1.2em;
}

.shopBtn.btn-reverse a:hover{
	background-color: #fff;
	color: #eabebe;
}

.slideArea{
	margin-top: 50px;
}

.slideArea ul li{
	width: 160px;
	height: auto;
	margin-right: 10px;
}

.newsArea{
	position: relative;
}

.newsArea .news_ttl{
	
	font-size: 1.35em;
	margin-bottom: 15px;
	letter-spacing: 0.15em;
	
}

.newsArea .news_list{
	width: 100%;
	height: 20em;
	overflow-y: scroll;
}

.newsArea .news_list dl{
	
}

.newsArea .news_list .row{
	font-size: 0.8em;
	margin-bottom: 20px;
}

.newsArea .news_list .row dt{
	color: #959595;
	display: block;
	margin-bottom: 5px;
}

.newsArea .news_list .row dd{
	line-height: 1.75em;
}

.accessArea{
	width: 100%;
}

.accessArea .mapArea{
	width: 100%;
	height: 200px;
}

.accessArea .address{
	margin-top: 30px;
}

.accessArea .address .txt_ttl{
	line-height: 2em;
	margin-bottom: 30px;
}

.accessArea .address p{
	font-size: 0.75em;
	line-height: 2em;
}

.accessArea .address .gmBtn{
	margin-top: 20px;
	margin-bottom: 20px;
}

.accessArea .address .gmBtn a{

}



footer{
	width: 100%;
	margin-top: 2em;
}

.ft_logoArea{
	width: 100%;
	background-color: #F2D0CB;
	text-align: center;
	}

.ft_logoArea .ft_logo{
	width: 70%;
	margin: 0 auto;
	padding: 50px 0;
}

.ft_logoArea .ft_logo .ft_copy{
	font-size: 0.7em;
	display: block;
	margin-top: 10px;
}

.sitemap{
	width: 100%;
	background-color: #FAFAFA;
}

.sitemap .inner{
	padding: 50px 0;
	text-align: center;
}

.sitemap ul{
	display: block;
	margin-bottom: 20px;
}


.sitemap ul li{
	display: inline-block;
	font-size: 0.8em;
	margin: auto 10px;
}

.sitemap .course_list{
	position: relative;
}

.sitemap .course li ul{
	display: block;
	margin-top: 10px;
}

.sitemap .course li ul li{
	font-size: 0.95em;
	display: block;
	margin-bottom: 10px;
}



.sitemap .sitemap_bottom{
	margin-top: 80px;
}

.sitemap .sitemap_bottom li{
	display: inline-block;
	font-size: 0.8em;
	margin-right: 20px;
}


/********
	lower
	************/


.lower_top .imgArea{
	width: 90%;
	margin-left: 10%;
}

.lower_top .txtArea{
	width: 90%;
	margin-left: 10%;
	margin-top: 50px;
	
}

.lower_top .txtArea h2{
	font-size: 1.4em;
	margin-bottom: 10px;
	letter-spacing: 0.2em;
}
	.lower_top .txtArea h2 + span{
		margin-top: 0;
	}

.lower_top .txtArea span{
	font-size: 1em;
}

/********
	カレンダー
	************/
	
.calendar{
	border-top: 2px solid #B3B3B3;
	width: 120%;
	margin-left: -10%;
	box-sizing: border-box;
}

.calendar .cal_tbl{
	padding: 10px;
	width: 100%;
	margin: 20px auto;
}

.calendar .month_top{
	width: 100%;
	height: auto;
	position: relative;
	width: 100%;
	padding: 20px 0;
}


.calendar .month_top .month{
	position: relative;
	left: 2%;
	font-size: 1.6em;
	display: inline-block;
}

.calendar .month_top .month span{
	font-size: 12px;
	display: inline-block;
	margin-left: 10px;
}

.calendar .month_top .month .en{
	vertical-align: text-top;
	margin-top: 7px;
	
}

.calendar .month_top .month .icon{
	width: 29px;
	height: 32px;
	display: inline-block;
	vertical-align: text-bottom;
	margin-right: 10px;
	
}

.calendar .month_top .ttl{
	text-align: center;
	font-size: 1.15em;
	letter-spacing: 0.2em;
	padding-top: 5px;
}

.calendar .cal_tbl tr{
	border-bottom: solid 1px #B3B3B3;
}



.calendar .cal_tbl th{
	border-right: solid 1px #B3B3B3;
	width: 14.3%;
}

.calendar .cal_tbl td{
	border-right: solid 1px #B3B3B3;
	width: 14.3%;
	height: 80px;
}

.calendar .cal_tbl th:nth-of-type(7),
.calendar .cal_tbl td:nth-of-type(7){
	border-right: none;
}

.calendar .cal_tbl .hol{
	color: #FF8B97;
}

.calendar .cal_tbl .sat{
	color: #7ECEEC;
	
}

.calendar .cal_tbl .day{
	padding: 5px;
	display: block;
	font-size: 0.9em;
}

.calendar .cal_tbl td p{
	margin-top: 5px;
	margin-left: 2px;
	margin-right: 2px;
	font-size: 0.9em;
}

.calendar .pager{
	text-align: center;
	margin: 30px auto;
}

.calendar .pager li{
	display: inline-block;
	margin: auto 10px;
}

	.calendar .pager li a{
		display: block;
		width: 100%;
		height: 100%;
		padding: 15px 20px;
		border: solid 2px #eabebe;
		background-color: #fff;
		color: #eabebe;
		text-align: center;
		transition: .5s;
		font-size: 1.1em;
		margin: 0 auto;
	}

	.calendar .pager li a:hover{
		border: solid 2px #eabebe;
		background-color: #eabebe;
		color: #fff;
	}


	.about_list_box .txtArea .txt_bold{
		font-size: 1.1em;
		font-weight: bold;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.about_list_box .txtArea .txt_bold + p {
		margin-bottom: 30px;
	}
	.txtArea .txt_subttlx{
		font-size: 1.2em;
		margin-bottom: 20px;
		margin-top: 40px;
		background: #F5E4E3;
		padding: 0.7em;
		color: #df6791;
	}
	.about_sub_box .txtArea p {
		font-size: 0.8em;
		line-height: 2em;
	}
	.figure_list {
		display: block;
	}
	ul.figure_list li{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	ul.figure_list.list_border li + li:before{
		content:'';
		display:block;
		margin:1em 0 1em 0;
		width:100%;
		border-bottom: 1px solid #F5E4E3;
	}

	ul.figure_list li .figure {
		width: 100%;
		order: 3;
	}
	ul.figure_list li .figure_title {
		color: #D87D6C;
		order: 1;
		width: 100%;
		font-size: 1em;
	}
	ul.figure_list li .figure_caption {
		order: 2;
		width: 100%;
		font-size: 0.9em;
	}

}