@charset "UTF-8";

.mimg img {
	width: 100%;
	height: auto;
}
.cbase {
	position: relative;
	width: 560px;
	margin: 0 auto;
	padding-bottom: 50px;
	border-bottom: 3px solid #800000;
}
.cbase.top {
	padding-bottom: 0;
	border-bottom: none;
}
.cbase.nb {
	border-bottom: none;
}
.cbase h2 {
	text-align: center;
	font-size: 20px;
	line-height: 43px;
	font-weight: normal;
	color: #800000;
	border: 3px solid #800000;
	margin-top: 50px;
}
.cbase.top h2 {
	text-align: left;
	font-size: 48px;
	line-height: 60px;
	border: none;
	color: #000;
	font-weight: bold;
	margin-top: 0;
}
.cbase h3 {
	text-align: left;
	font-size: 36px;
	line-height: 45px;
	font-weight: bold;
	padding: 40px 0 0;
}
.cbase h3 span {
	font-size: 24px;
}
.cbase .txt {
	font-size: 16px;
	line-height: 28px;
	padding-top: 30px;
}
.cbase .txt strong {
	font-size: 20px;
	font-weight: bold;
	color: #4682B4;
	display: block;
	padding: 40px 0 14px;
}
.cbase .img {
	padding: 40px 0 0;
}
.cbase .img img {
	width: 100%;
	height: auto;
}
.cbase h3.li,.cbase .txt.li {
	padding-left: 140px;
}
.cbase h3.ri,.cbase .txt.ri {
	padding-right: 140px;
}
.cbase.top .txt {
	font-size: 20px;
	line-height: 35px;
}
.cbase.top #contents_title + .txt {
	padding-top: 0;
}
.cbase .txt b {
	font-weight: normal;
	color: #800000;
}
.imgblk {
	padding: 50px 0 0 0;
}
.imgblk img {
	width: 100%;
	height: auto;
}
.imgbtn {
	padding: 50px 0 0 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	font-size: 0;
}
.imgbtn img {
	width: auto;
	height: 180px;
}
.imgbtn a:nth-child(3) img,.imgbtn a:nth-child(4) img {
	margin-top: 30px;
}
.limg {
	width: 326px;
	position: absolute;
	z-index: 1;
	left: -220px;
	top: 90px;
}
.limg img {
	width: 100%;
	height: auto;
}
.rimg {
	width: 326px;
	position: absolute;
	z-index: 1;
	right: -220px;
	top: 90px;
}
.rimg img {
	width: 100%;
	height: auto;
}
.pimg {
	position: absolute;
	z-index: 1;
	width: 704px;
	left: calc(50% - 352px);
	right: auto;
	bottom: 0;
	margin: auto;
	font-size: 0;
}
.pimg img {
	width: 100%;
	height: auto;
}
.ibtn {
	padding: 50px 0 0 0;
	text-align: center;
}
.ibtn img {
	width: auto;
	height: 90px;
}
.cbase.top .pimg {
	bottom:auto;
}



#set1 {
	padding-bottom: 400px;
}
#set1 .pimg {
	bottom: 30px;
}
#set2 {
	padding-bottom: 380px;
}
#set3 {
	padding-bottom: 500px;
}
#set3 .txt {
	padding-top: 0;
}
#set3 .txt strong {
	padding-top: 20px;
}
#set4 .txt {
	padding-top: 500px;
}
#set5 .rimg {
	top: 45px;
}
#set5 h3 {
	white-space: nowrap;
}
#set6 .limg {
	top: 45px;
}
#set7 .rimg {
	top: 90px;
}
#set8 .limg {
	top: 95px;
}
#set9 {
	padding-bottom: 320px;
}
#set9 .txt {
	padding-bottom: 20px;
}
#set10 {
	padding-bottom: 500px;
}
.cbase.eng .txt strong {
	padding: 30px 0 5px;
}
.cbase.eng .txt {
	padding-top: 0;
}
#set11 .limg {
	left: -72px;
}
#set11 img {
	width: 180px;
	height: auto;
}
#set11 h3 {
	font-size: 24px;
	line-height: 1;
	color: #4682B4;
}


@media screen and (max-width: 999px) {
	.cbase {
		width: auto;
		padding: 0 0 20px;
		margin: 0 20px;
	}
	.cbase.top {
		padding: 0;
	}
	.cbase h2 {
		font-size: 14px;
		line-height: 30px;
		margin-top: 30px;
	}
	.cbase.top h2 {
		font-size: 24px;
		line-height: 30px;
		margin-top: 5px;
	}
	.cbase h3 {
		font-size: 20px;
		line-height: 25px;
		padding-top: 20px;
	}
	.cbase h3 span {
		font-size: 14px;
	}
	.cbase .txt {
		font-size: 16px;
		line-height: 24px;
		padding-top: 12px;
	}
	.cbase .txt strong {
		padding: 1em 0 5px;
		font-size: 16px;
	}
	.cbase.top .txt {
		font-size: 16px;
		line-height: 24px;
		padding-top: 15px;
	}
	.cbase .img {
		padding: 0;
	}
	.imgblk {
		padding: 30px 0 0 0;
	}
	.imgbtn {
		padding: 30px 0 0 0;
	}
	.imgbtn img {
		height: 108px;
	}
	.pimg {
		position: relative;
		width: auto;
		left: auto;
		margin-top: 20px;
	}
	#junior_s1,#junior_s2,#junior_c1_s1 {
		padding-bottom: 0;
	}
	.cbase h3.li, .cbase .txt.li {
		padding-left: 0;
	}
	.cbase h3.ri, .cbase .txt.ri {
		padding-right: 0;
	}
	.limg {
		width: auto;
		position: relative;
		left: auto;
		top: auto;
		padding-top: 20px;
	}
	.rimg {
		width: auto;
		position: relative;
		right: auto;
		top: auto;
		padding-top: 20px;
	}
	.ibtn {
		padding: 30px 0 0 0;
	}
	.ibtn img {
		width: 160px;
		height: auto;
	}
	#set1 {
        padding-bottom: 20px;
    }
    #set1 .pimg {
        bottom: 0px;
    }
    #set2 {
        padding-bottom: 0px;
    }
    #set3 {
        padding-bottom: 0px;
    }
	#set3 .txt strong {
		padding-top: 15px;
	}
	#set4 .pimg {
		margin-top: 0;
	}
	#set4 .txt {
		padding-top: 25px;
	}
	#set5 .rimg,#set6 .limg,#set7 .rimg,#set8 .rimg,#set8 .limg {
		top: 0;
	}
	#set9, #set10 {
		padding-bottom: 0;
	}
	#set9 .pimg {
		margin-top: 0;
	}
	#set9 .txt {
		padding-top: 25px;
	}
	.cbase.eng .txt strong {
		padding: 1em 0 0 0;
	}
	#set11 .limg {
		left: auto;
		right: auto;
		text-align: center;
	}
	#set11 img {
		width: 160px;
		height: auto;
	}
	#set11 h3 {
		font-size: 16px;
	}
}