@charset "UTF-8";

/*======*/
div.rule{width:100%;max-width:1200px;height:auto;margin:0px auto;padding:30px 0px 30px 0px;}
.rule ul{width:99%;height:auto;margin:15px auto;padding:0px;text-align:left;}
.rule ul li{width:97.5%;height:auto;margin:4px 1.5%;padding:0px;text-align:left;display:inline-block;text-indent:13px;color:#ffffff;
background:url(../img/footer/ya.png);background-repeat:no-repeat;background-size:6px 5px;background-position:0% 5px;}
	@media all and (max-width: 1024px) {
		div.rule{width:100%;}
		.rule ul li{width:96%;height:auto;margin:4px auto;padding:0px 0px 0px 2.5%;text-indent:0px;background-position:0% 7px;}
	}
	@media all and (max-width: 480px) {
		.rule ul li{width:96%;height:auto;padding:0px 0px 0px 4%;text-indent:0px;background-position:0% 7px;}
	}


/*======*/
.s{width:100%;height:auto;margin:0px auto;padding-top:30px;}
.three{width:100%;height:auto;margin:0px auto;padding-top:30px;}

/*======*/
p.intro{width:95%;height:auto;margin:0px auto;padding-bottom:20px;font-size:14px;line-height:170%;letter-spacing:1px;font-style:italic;}
.pink{color:#FF00FF;}
.green{color:#00FF00;}
.blue{color:#00FFFF;}
.red{color:#FF0000;}
.orange{color:#FF6600;}
.yellow{color:#FFFF00;}
	@media all and (max-width: 1024px) {
		p.intro{font-size:13px;}
	}

/*======*/
p.course_contents{width:100%;height:auto;margin:0px auto;padding-bottom:10px;font-size:14px;line-height:170%;letter-spacing:1px;font-style:italic;}
ul.course_contents{width:100%;height:auto;margin:0px auto;padding-bottom:20px;}
ul.course_contents li{width:18.5%;height:auto;margin:0px 0.5%;padding:0px 0px;background: #220000;display:inline-block;}
ul.course_contents li h5{width:95%;height:auto;margin:0px auto;padding:15px 0px 0px 0px;font-size:14px;color:#ffffff;}
ul.course_contents li p{width:95%;height:auto;min-height:38px;margin:0px auto;padding:5px 0px 15px 0px;color:#ffffff;}
ul.course_contents li:nth-of-type(1) h5{color:#FF00FF;}
ul.course_contents li:nth-of-type(2) h5{color:#00FF00;}
ul.course_contents li:nth-of-type(3) h5{color:#00FFFF;}
ul.course_contents li:nth-of-type(4) h5{color:#FF6600;}
ul.course_contents li:nth-of-type(5) h5{color:#FFFF00;}
.s ul.course_contents li{width:15.2%;background: #330017;}
.s ul.course_contents li h5{padding:15px 0px;}
	@media all and (max-width: 1024px) {
		p.course_contents{font-size:13px;}
		ul.course_contents li h5{font-size:13px;}
		ul.course_contents li{width:100%;margin-bottom:8px;}
		ul.course_contents li:last-child{margin-bottom:0px;}
		ul.course_contents li p{min-height:auto;}
		.s ul.course_contents li{width:100%;}
	}

/*======*/
h3{width:332px;height:auto;margin:0px auto;padding:0px 0px 15px 0px;}

/*======*/
h4{width:100%;height:auto;margin:0px auto;padding:15px 0px;}
h4 span{display:inline-block;width:auto;height:auto;margin:0px auto;padding:4px 80px 3px 80px;clip-path: polygon(10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%);background:#FF0000;color:#ffffff;font-weight:bold;font-size:15px;}
.s h4 span{background:#5c002a;}
.three h4 span{background:#002e5c;}
	@media all and (max-width: 1024px) {
		h4 span{font-size:13px;padding:4px 0px;width:75%;}
	}

/*======*/
p.course{width:100%;height:auto;margin:0px auto;padding-bottom:10px;font-size:14px;line-height:170%;letter-spacing:1px;font-style:italic;}
ul.course{width:100%;height:auto;margin:0px auto;padding:0px 0px 20px 0px;}
ul.course li{width:23%;height:auto;margin:0px 0.5% 4px 0.5%;padding:0px;display:inline-block;letter-spacing:1px;border-bottom:1px solid rgba(255,255,255,0.7);vertical-align:top;}
ul.course .l{width:38%;height:auto;margin:0px auto;padding:8px 0px 5px 0px;display:inline-block;text-align:left;font-size:21px;color:#ffffff;font-family: 'Cinzel', serif;font-weight:600;
background:url(../img/header/ya.png);background-repeat:no-repeat;background-size:6px 5px;background-position:0% 14px;text-indent:10px;}
ul.course .r{width:59%;height:auto;margin:0px auto;padding:8px 0px 5px 0px;display:inline-block;text-align:right;font-size:21px;color:#f7f8ce;font-family: 'Cinzel', serif;font-weight:600;}
ul.course .ja{font-size:14px;}
	@media all and (max-width: 1024px) {
		p.course{font-size:13px;}
		ul.course .ja{font-size:13px;}
		ul.course{width:100%;}
		ul.course li{width:100%;margin-bottom:10px;}
		ul.course .l{width:41%;font-size:19px;}
		ul.course .r{width:53%;font-size:19px;}
	}

/*======*/
ul.option{width:100%;height:auto;margin:0px auto;padding-bottom:10px;}
p.option{width:100%;height:auto;margin:0px auto;padding-bottom:20px;}

/*======*/
ul.etc{width:100%;height:auto;margin:0px auto;padding-bottom:10px;}
p.etc{width:100%;height:auto;margin:0px auto;padding-bottom:20px;}

/*======*/
p.costume{width:95%;height:auto;margin:0px auto;padding-bottom:10px;font-size:14px;line-height:170%;letter-spacing:1px;font-style:italic;}
ul.costume{width:580px;height:auto;margin:0px auto;padding-bottom:20px;}
ul.costume li{width:100%;height:auto;margin:0px auto;padding:0px;border:none;}
	@media all and (max-width: 1024px) {
		p.costume{font-size:13px;}
		ul.costume{width:100%;}
	}

/*======*/
ul.service{width:100%;height:auto;margin:0px auto;padding-bottom:10px;}
ul.service li{width:32%;height:auto;margin:0px 0.5% 10px 0.5%;padding:6px 0px;background: #220000;display:inline-block;border:none;}
.s ul.service li{background: #330017;}
	@media all and (max-width: 1024px) {
		ul.service li{width:100%;height:auto;margin:0px 0px 8px 0px;}
		ul.service li:last-child{margin:0px 0px 0px 0px;}
	}

/*======*/
ul.trans{width:100%;height:auto;margin:0px auto;padding:0px;}
ul.trans li{width:32%;min-height:34px;}
ul.trans .l{width:28%;}
ul.trans .r{width:69%;}
	@media all and (max-width: 1024px) {
		ul.trans li{width:100%;min-height:auto;}
	}

/*======*/
ul.three{width:100%;height:auto;margin:0px auto;padding-bottom:10px;}
ul.three_plus{width:100%;height:auto;margin:0px auto;padding-bottom:20px;}

/*======*/
.t{width:100%;height:auto;margin:0px auto;padding-top:30px;}
.t h4{width:100%;height:auto;margin:0px auto;padding-bottom:10px;font-size:17px;line-height:170%;letter-spacing:1px;font-style:italic;color:#5e0093;text-align:center;}
.t p{width:100%;height:auto;margin:0px auto;padding:0px;font-size:13px;line-height:170%;letter-spacing:1px;font-style:italic;}
	@media all and (min-width: 1025px) {
		.t p br{display:none;}
	}
	@media all and (max-width: 1024px) {
		.t h4{font-size:16px;line-height:160%;}
		.t p{font-size:13px;line-height:160%;}
	}

/*======*/
.card{width:100%;height:auto;margin:0px auto;padding-top:30px;}
.card h3{width:100%;height:auto;margin:0px auto;padding-bottom:10px;font-size:14px;line-height:170%;letter-spacing:1px;font-style:italic;color:#FF0000;}
.card p:nth-of-type(1){width:100%;height:auto;margin:0px auto;padding-bottom:10px;text-align:left;}
.card p:nth-of-type(2){width:100%;height:auto;margin:0px auto;padding:0px;}
.card p:nth-of-type(2) a{width:20%;height:auto;margin:0px auto;padding:6px 0px;display:inline-block;color:#ffffff;background:#220000;}
	@media all and (min-width: 1025px) {
		.card p:nth-of-type(2) a:hover{background:#440000;}
	}
	@media all and (max-width: 1024px) {
		.card p:nth-of-type(2) a{width:50%;}
		.card h3{font-size:13px;}
	}