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

/* kv--area
-------------------------------------------------- */
.kv--area .inner .cycle-slideshow img {}
.kv--area .inner {
	overflow:hidden;
}
.cycle-pager {
	font-size:44px;
	text-align: center;
}
.cycle-pager span {
	margin:0 0.1em;
	color: #ccc;
}
.cycle-pager .cycle-pager-active {
	color: #6f0000;
}
@media (min-width: 769px) {
/* tablet+PC用 */
	.kv--area .inner {
		max-width:760px;
		width:94%;
		margin:1em auto 14em;
	}
	.kv--area .inner .cycle-slideshow img {
	}
	.cycle-pager { margin-top:1em;}
}
@media (min-width: 1024px) {
/* PC用 */
	.kv--area .inner {
		max-width:1000px;
	}
}
@media (min-width: 1400px) {
/* PC-wide用 */
	/*.kv--area .inner {
		max-width:1280px;
	}*/
}
@media (min-width: 769px) and ( max-width: 1023px) {
/* tablet用 */
}
@media (max-width: 768px) {
/* tablet用 */
	.kv--area {
		margin: 4em 0 8em;
	}
}
@media (max-width: 480px) {
/* SP用 */
}


/* news--area
-------------------------------------------------- */
.news--area {
	margin-bottom: 12em;
	padding:0 8% 0;
}
.news--area h2 {
	position: relative;
}
.news--area h2 picture {
	position: relative;
	padding-left: 4%;
	z-index: 3;
}
.news--area h2::before {
	content:'';
	position: absolute;
	top:10px;
	left:0;
	width:100%;
	height:1px;
	background:#6f0000;
	z-index: 1;
}
.news--area h3 {
	position: relative;
	padding:1.5em 0 2em;
	text-align: center;
}
.news--area h3::after {
	content:'';
	position: absolute;
	right: 2%;
    top: 5%;
    width: 25%;
	height:82px;
	background:url("../img/duo_news_illust03.png") center top no-repeat;
	background-size:100% auto;	
}
@media (min-width: 769px) {
/* tablet+PC用 */
	.news--area h3::after {
		right:7.2%;
		top:3%;
		width:122px;
		height:82px;
	}
}

@media (min-width: 769px) {
/* tablet+PC用 */
	.news--area {
		max-width:88%;
		margin:0 8% 15em;
		padding: 0;
	}
	.news--area .inner {
		margin:0 auto;
	}
	
	.news--area h2::before {
		top:15px;
	}
	
	.news--area .btn--viewmore {
		border-bottom: 1px solid #6f0000;
	}
	.news--area .btn--viewmore::before {
		width:149px;
		height:140px;
		top: -42px;
	}
}
@media (min-width: 1024px) {
/* PC用 */
	.news--area {
		max-width:1080px;
		margin:0 auto 12em;
	}
	.news--area .inner {
		width:96%;
	}
}
@media (min-width: 1400px) {
/* PC-wide用 */
}
@media (min-width: 769px) and ( max-width: 1023px) {
/* tablet用 */
}
@media (max-width: 768px) {
/* tablet用 */
}
@media (max-width: 480px) {
/* SP用 */
}


/* 
-------------------------------------------------- */
section p {}
.images {
	background:url("../img/top/bg_ttl_illust_01.png") center bottom no-repeat;
	background-size:100% auto;
}

.whats--area {}
.whats--area .images {
	position: relative;
	margin: 0 -18% 1em 9%;
	z-index: 3;
}
.whats--area .images::after {
	content:'';
	position: absolute;
	left: -16%;
    bottom: 0;
    width: 57%;
    height: 28em;
	background: url("../img/bg_patt_01.png") left bottom no-repeat;
	background-size:100% auto;
	z-index: -1;
}
@media (min-width: 769px) {
/* tablet+PC用 */
	.whats--area {
		padding-bottom: 15em;
    	background: url(../img/top/top_bg_pc_01.png) 45% 95% no-repeat;
	}
	.whats--area .images::after {
		bottom:auto;
		top:-5em;
	}
}
.whats--area .images p {
	margin-bottom: 0.8em;
	padding: 3.5em 3em 2.7em;
	z-index: 5;
}

.lesson--area {
	position: relative;
	z-index:9;
}
@media (min-width: 769px) {
/* tablet+PC用 */
	.lesson--area {
		padding:5em 0 15em;
		background: url(../img/top/top_bg_pc_02.png) 70% 80% no-repeat;
	}
}
@media (max-width: 768px) {
/* tablet用 */
	.lesson--area {
		padding:15em 0 0;
		background:url("../img/top/top_bg_sp_01@2x.png") right top no-repeat;
		background-size:100% auto;
	}
}
.lesson--area .images {
	position: relative;
	margin: 0 9% 1em -18%;
}
.lesson--area .images::after {
	content:'';
	position: absolute;
	left: -0%;
    bottom: -4.9em;
    width: 57%;
    height: 28em;
	background: url("../img/bg_patt_07.png") left bottom no-repeat;
	background-size:100% auto;
	z-index: -1;
}
@media (min-width: 769px) {
/* tablet+PC用 */
	.lesson--area .images::after {
		left: auto;
    	bottom: auto;
		right:-10%;
		top:-11em;
	}
}
.lesson--area .images p {
	margin-bottom: 0.8em;
	padding:6.5em 1.5em 5.7em 3.5em;
	z-index: 5;
}

.entry--area {
	position: relative;
	z-index: 8;
}
@media (min-width: 769px) {
/* tablet+PC用 */
	.entry--area {
		padding:5em 0 15em;
		background:url("../img/top/top_bg_pc_03.png") 10% 93% no-repeat;
	}
}
@media (max-width: 768px) {
/* tablet用 */
	.entry--area {		
		margin-top: -4em;
		padding:19em 0 0;
		background:url("../img/top/top_bg_sp_02@2x.png") right top no-repeat;
		background-size:100% auto;
	}
}

.entry--area .images {
	position: relative;
	margin: 0 -18% 1em 9%;
}
.entry--area .images::before {
	content:'';
	position: absolute;
	right: 10%;
    top: -4.9em;
    width: 56%;
    height: 28em;
	background: url("../img/bg_patt_02.png") right top no-repeat;
	background-size:100% auto;
	z-index: -1;
}
.entry--area .images::after {
	content:'';
	position: absolute;
	right: 8%;
    bottom: -5.2em;
    width: 67%;
    height: 28em;
	background: url("../img/bg_patt_03.png") left bottom no-repeat;
	background-size:100% auto;
	z-index: -1;
}
@media (min-width: 769px) {
/* tablet+PC用 */
	.entry--area .images::before {
		right:54%;
	}
	.entry--area .images::after {
		right:-8%;
	}
}
.entry--area .images p {
	margin-bottom: 0.8em;
	padding: 5.85em 3em 4.6em 2.6em;
	z-index: 5;
}

.more--area {
	position: relative;
	padding:15em 0 20em;
	z-index: 7;
}
@media (min-width: 769px) {
/* tablet+PC用 */
	.more--area {
		padding:5em 0 25em;
		background:url("../img/top/top_bg_pc_04.png") 70% 81% no-repeat;
	}
}
@media (max-width: 768px) {
/* tablet用 */
	.more--area {
		padding:15em 0 20em;
		background:url("../img/top/top_bg_sp_03@2x.png") right top no-repeat, url("../img/top/top_bg_sp_04@2x.png") right 110% no-repeat;
		background-size:100% auto, 100% auto;
	}
}
.more--area .images {
	position: relative;
	margin: 0 9% 1em -18%;
}
.more--area .images::before {
	content:'';
	position: absolute;
	left: 20%;
    top: 1.8em;
    width: 23%;
    height: 28em;
	background: url("../img/bg_patt_04.png") left top no-repeat;
	background-size:100% auto;
	z-index: -1;
}
.more--area .images::after {
	content:'';
	position: absolute;
    right: -4%;
    bottom: -0.5em;
    width: 37%;
    height: 28em;
	background: url("../img/bg_patt_05.png") left bottom no-repeat;
	background-size:100% auto;
	z-index: -1;
}
@media (min-width: 769px) {
/* tablet+PC用 */
	.more--area .images::before {
		left: 84%;
	}
	.more--area .images::after {
		left: -14%;
		bottom: 3.5em;
	}
}
.more--area .images p {
	margin-bottom: 0.8em;
	padding:5.6em 2.5em 2.4em 2.5em;
	z-index: 5;
}


@media (min-width: 769px) {
/* tablet+PC用 */
	
	section p {
		margin-bottom: 2.4em;
		/*padding:0 8.4%;*/
		line-height: 1.95;
		color:#222;
		font-size:2em;
	}
	
	.whats--area .images {
		margin: 0 -18% 1em 0;
	}
	.whats--area .images p {
		padding: 1.5em 1.5em 2.2em 3.5em;
	}
	
	.lesson--area .images {
		margin: 0 0 1em -18%;
	}
	.lesson--area .images p {
		padding: 5.5em 1.5em 5em 3.5em;
	}
	
	.entry--area .images {
		margin: 0 -18% 1em 0;
	}
	.entry--area .images p {
		padding:3.5em 2.5em 4.6em 2.5em;
	}
	
	.more--area .images {
		margin: 0 0 1em -18%;
	}
	.more--area .images p {
		padding:3.25em 2.2em 1.5em 1.5em;
	}
}
@media (min-width: 1024px) {
/* PC用 */
}
@media (min-width: 1400px) {
/* PC-wide用 */
}
@media (min-width: 769px) and ( max-width: 1023px) {
/* tablet用 */
}
@media (max-width: 768px) {
/* tablet用 */
	section p {
		margin-bottom: 2.4em;
		padding:0 8.4%;
		line-height: 1.95;
		color:#222;
		font-size:1.5em;
	}
}
@media (max-width: 480px) {
/* SP用 */
}


/* banner--area
-------------------------------------------------- */
.banner--area .banner {
	margin:0 auto 10em;
	text-align: center;
}
@media (min-width: 769px) {
/* tablet+PC用 */
	.banner--area .banner {
		max-width:860px;
		width:94%;
	}
}
@media (min-width: 1024px) {
/* PC用 */
}
@media (min-width: 1400px) {
/* PC-wide用 */
}
@media (min-width: 769px) and ( max-width: 1023px) {
/* tablet用 */
}
@media (max-width: 768px) {
/* tablet用 */
	.banner--area .banner {
		width:94%;
		margin-bottom: 6em;
	}
}
@media (max-width: 480px) {
/* SP用 */
}



/* 
-------------------------------------------------- */
@media (min-width: 769px) {
/* tablet+PC用 */
}
@media (min-width: 1024px) {
/* PC用 */
}
@media (min-width: 1400px) {
/* PC-wide用 */
}
@media (min-width: 769px) and ( max-width: 1023px) {
/* tablet用 */
}
@media (max-width: 768px) {
/* tablet用 */
}
@media (max-width: 480px) {
/* SP用 */
}


/* 
-------------------------------------------------- */
@media (min-width: 769px) {
/* tablet+PC用 */
}
@media (min-width: 1024px) {
/* PC用 */
}
@media (min-width: 1400px) {
/* PC-wide用 */
}
@media (min-width: 769px) and ( max-width: 1023px) {
/* tablet用 */
}
@media (max-width: 768px) {
/* tablet用 */
}
@media (max-width: 480px) {
/* SP用 */
}


/* 
-------------------------------------------------- */
@media (min-width: 769px) {
/* tablet+PC用 */
}
@media (min-width: 1024px) {
/* PC用 */
}
@media (min-width: 1400px) {
/* PC-wide用 */
}
@media (min-width: 769px) and ( max-width: 1023px) {
/* tablet用 */
}
@media (max-width: 768px) {
/* tablet用 */
}
@media (max-width: 480px) {
/* SP用 */
}