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

.classroom_rules section div.section_inner h3{
    line-height: 1;
	font-weight: 700;
	color: #FFF;
	text-align: center;
}

@media screen and (min-width: 641px) {
	
	.title {
		height: 155px;
	}
	
	.ttlStyle02 .bg {
        background: #DD6992;
		height: 155px;
    }
	
	.ttlStyle02 .ttlStyle01 {
		height: 100%;
		line-height: 2;
        color: #fff;
        background: #DD6992;
        padding-right: 44px;
    }
	
	.ttlStyle02 .ttlStyle01:after {
        border-top-color: #DD6992;
        border-left-color: #DD6992;
    }
	
	.classroom_rules{
		width: 1000px;
		padding: 0 10px;
		margin: 0 auto 80px;
	}
	
	.classroom_rules h2{
		font-size: 35px;
		font-weight: 400;
		line-height: 1;
		letter-spacing: 0.1em;
		padding-bottom: 15px;
		border-bottom: 1px dashed #707070;
		margin-bottom: 35px;
		position: relative;
	}
	
	.classroom_rules h2 span{
		font-size: 15px;
		font-weight: 400;
		line-height: 1;
		letter-spacing: 0;
		position: absolute;
		right: 0;
		bottom: 15px;
	}
	
	.classroom_rules h3{
		font-size: 16px;
		font-weight: 700;
		line-height: 1.4;
		margin: 1.5em 0 0.75em;
	}
	
	.classroom_rules p{
		font-size: 15px;
		line-height: 1.66;
	}
	
	.classroom_rules p.num{
		text-indent: -2em;
		padding-left: 2em;
	}
	
	.classroom_rules span.uline {
		text-decoration: underline;
	}
	
	.classroom_rules ul li{
		font-size: 15px;
		line-height: 1.66;
	}
	
	.classroom_rules div.box {
		font-size: 15px;
		padding-left: 1em;
	}
	
	.classroom_rules p + div.box {
		margin-top: 1em;
	}
	
	.classroom_rules div.box + p {
		margin-top: 1em;
	}
	
	.classroom_rules p.num + p.num{
		margin-top: 1.5em;
	}
	
	.classroom_rules div.box + p.num {
		margin-top: 1.5em;
	}
}

@media screen and (max-width: 640px) {
	
	.ttlStyle02 .bg {
        background: #DD6992;
    }
	
	.ttlStyle02 .ttlStyle01 {
		height: 100%;
		line-height: 1.9;
        color: #fff;
        background: #DD6992;
        padding-right: 3%;
    }
	
	.ttlStyle02 .ttlStyle01:after {
        border-top-color: #DD6992;
        border-left-color: #DD6992;
    }
	
	.classroom_rules{
		width: 100%;
		padding: 0 3%;
		margin: 0 auto 60px;
	}
	
	.classroom_rules h2{
		font-size: 24px;
		font-weight: 400;
		line-height: 1;
		letter-spacing: 0.1em;
		padding-bottom: 10px;
		border-bottom: 1px dashed #707070;
		margin-bottom: 30px;
		position: relative;
	}
	
	.classroom_rules h2 span{
		font-size: 11px;
		font-weight: 400;
		line-height: 1;
		letter-spacing: 0;
		position: absolute;
		right: 0;
		bottom: 10px;
	}
	
	.classroom_rules h3{
		font-size: 15px;
		font-weight: 700;
		line-height: 1.4;
		margin: 1.5em 0 0.75em;
	}
	
	.classroom_rules p{
		font-size: 13px;
		line-height: 1.66;
	}
	
	.classroom_rules p.num{
		text-indent: -2em;
		padding-left: 2em;
	}
	
	.classroom_rules span.uline {
		text-decoration: underline;
	}
	
	.classroom_rules ul li{
		font-size: 13px;
		line-height: 1.66;
	}
	
	.classroom_rules div.box {
		font-size: 13px;
		padding-left: 1em;
	}
	
	.classroom_rules p + div.box {
		margin-top: 1em;
	}
	
	.classroom_rules div.box + p {
		margin-top: 1em;
	}
	
	.classroom_rules p.num + p.num{
		margin-top: 1.5em;
	}
	
	.classroom_rules div.box + p.num {
		margin-top: 1.5em;
	}
}