@charset "utf-8";
@media screen and (max-width: 1024px) ,print {
    #feature ul li a dl dd {
        font-size: 150%;
    }
    #feature h2 {
        font-size: 180%;
		margin-bottom: 0;
    }
	#feature ul li a dl dt {
		background-size: 100%;
	}
	.pointTop #introduction p.txt02 {
		font-size: 125%;
	}
	.pointTop .pointIndexBox02 .title h2 {
		font-size: 280%;
	}
	.pointTop .pointIndexBox02 section p {
		font-size: 112.5%;
	}
	.pointTop .pointIndexBox02 .btn01 a {
		font-size: 140%;
	}
}

@media screen and (max-width: 599px) {
	#pointSubTitle {
		padding-bottom: 2.5em;
	}
	#pointTitle img.pc {
		display: none;
	}
	#pointSubTitle p {
		font-size: 100%;
		background: url(/school/point/images/bg_01.png) center center no-repeat;
		letter-spacing: 0;
		width: 56%;
		background-size: 100% auto;
		margin: 0 auto;
	}
	#pointSubTitle h1 {
		font-size: 180%;
		letter-spacing: 0.02em;
		margin-top: 0.35em;
	}
	section h2 {
		border-top: 3px solid #335C87;
		border-bottom: 3px solid #335C87;
		width: 93%;
		margin: 0 auto 1.5em;
	}
	section h2 span {
		font-size: 135%;
	}
	.pointTop #contents {
		padding: 2em 0 0;
	}
	.pointTop #pointTitle img.pc, .pointTop .pointIndexBox02 .photo.pc {
		display: none;
	}
	.pointTop #introduction h2 {
		font-size: 140%;
		width: auto;
	}
	.pointTop #introduction p.txt01 {
		font-size: 120%;
		margin-top: 1em;
	}
	.pointTop #introduction p.txt02 {
		font-size: 85%;
		letter-spacing: 0;
		margin-top: 1em;
	}
	.pointTop #introduction {
		margin-bottom: 2.5em;
	}
	.pointTop .pointIndexBox01 {
		margin-bottom: 3.5em;
		border-top: 3px solid #335C87;
	}
	.pointTop .pointIndexBox02 .title {
		padding: 2em 0 8em;
	}
	.pointTop .pointIndexBox02 .title .icon01 {
		font-size: 100%;
		background: url(/school/point/images/bg_01.png) center center no-repeat;
		background-size: 100% auto;
		letter-spacing: 0;
		width: 60%;
		margin: 0 auto;
	}
	.pointTop .pointIndexBox02 .title h2 {
		font-size: 180%;
		letter-spacing: 0.05em;
	}
	.pointTop .pointIndexBox02 .photo.sp {
		margin: -6em auto 0;
		width: 88%;
	}
	.pointTop .pointIndexBox02 section {
		width: 88%;
		margin: 1.5em auto 1.75em;
	}
	.pointTop .pointIndexBox02 section h3 {
		font-size: 108%;
		font-weight: 500;
		letter-spacing: -0.05em;
		padding-bottom: 1.25em;
		margin: 0 0 0.75em;
	}
	.pointTop .pointIndexBox02 section p {
		font-size: 100%;
		letter-spacing: 0;
		text-align: left;
	}
	.pointTop .pointIndexBox02 .btn01 a {
		padding: 0.75em 1em 0.75em 0;
		background: #D8CFAB url(/common/images/arrow_06.svg) 98% center no-repeat;
		background-size: 1.25em auto;
		box-shadow: 3px 3px 0 #7f7f7f;
		font-size: 93%;
		letter-spacing: -0.05em;
	}
    .pointTop .pointIndexBox02 .btn02 a {
        box-shadow: 3px 3px 0 #7f7f7f;
    }
    #feature {
        margin: 0 auto;
        padding: 1.15em 0 1em;
    }
    #feature h2 {
        background-size: 90%;
        padding: 0.35em 0 0.35em 0;
    }
    #feature .featureTxt01 {
        font-family: 'Noto Serif JP', serif;
        font-size: 125%;
    }
    #feature ul {
        display: block;
        margin: 1em auto;
    }
    #feature ul li {
        width: auto;
    }
    #feature ul li:not(:last-child) {
        margin-bottom: 0.75em;
    }
    #feature ul li a {
        display: flex;
        justify-content: space-between;
        padding: 0.5em 1.5% 0.5em;
    }
    #feature ul li a img {
        width: 6%;
    }
    #feature ul li a dl {
        display: flex;
        align-items: center;
        width: 90%;
    }
    #feature ul li a dl dt {
        font-size: 112.5%;
        background: url(/top/images/featureBg_02_sp.png) center center no-repeat;
        background-size: 100%;
        width: 15%;
        margin-right: 2%;
        padding: 0;
    }
    #feature ul li a dl dt strong {
        font-size: 180%;
        margin: 0;
    }
    #feature ul li a dl dd {
        font-size: 112.5%;
        width: 83%;
        text-align: left;
    }
    #feature ul li a dl dd br {
        display: none;
    }
    #link {
        margin: 3em 0;
    }
    #link .sns01 {
        margin: 1.5em auto 0;
        width: 90%;
    }
    #link .sns01 li {
        width: 20%;
    }
    #link .sns01 li a {
        font-size: 75%;
    }
    #link .sns01 li a img {
        width: 75%;
        margin: 0 auto 0.5em;
    }
    #link .other01 {
        margin: 2em auto 0;
        width: 90%;
        justify-content: space-between;
    }
    #link .other01 li {
        width: 47.5%;
        margin: 0;
    }
    #link .other01 li a {
        font-size: 100%;
        padding: 0.6em 0;
    }
	.pointTop #pointTitle img.pc {
		display: none;
	}

}