@charset "UTF-8";


/*======*/
div.system{max-width:1200px;width:100%;height:auto;margin:0px auto;padding-top:30px;background:#ffffff;box-shadow: 0 0 0 8px #2b1b1f inset,0 0 0 11px #1a1a1a inset;}
div.system_in{padding-top:10px;}
.etc_system{margin:25px auto !important;}
	@media all and (max-width: 1024px) {
		div.system{padding-top:0px;}
	}

/*======*/
ul.cource{width:100%;height:auto;margin:0px auto;padding:10px 0px 35px 0px;display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content:center;-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
ul.cource li{width:45%;height:auto;margin:0px 2%;padding:10px 0px 0px 0px;font-size:20px;border-bottom:1px solid #994a4a;
	display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content:center;-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items: flex-start;align-content: flex-start;}
ul.cource li .l{display:inline-block;width:42.5%;height:auto;margin:0px auto;padding:2px 0px 0px 3.5%;text-align:left;color:#4a0000;background: url(../img/common/li.png) no-repeat;background-size:7px auto;background-position:0px 8px;}
ul.cource li .r{display:inline-block;width:51%;height:auto;margin:0px auto;padding:2px 1% 0px 0px;text-align:right;letter-spacing:1px;color:#8b0000;}
ul.cource li .l .ja_c{font-size:13px;vertical-align:0px;}
ul.cource li .r .ja_c{font-size:13px;vertical-align:0px;}
ul.cource li small{font-size:13px;}
	@media all and (min-width: 1025px) {
		ul.cource.c li{width:33%;}
	}
	@media all and (max-width: 1024px) {
		div.system{width:95%;}
		ul.cource{padding:0px 0px 30px 0px;}
		ul.cource li{width:80%;font-size:18px;margin:0px auto;}
		ul.cource li .l{padding:2px 0px 0px 4%;}
		ul.cource li .l .ja_c{font-size:11px;}
		ul.cource li .r .ja_c{font-size:11px;}
		ul.cource li .l{width:39.5%;}
		ul.cource li .r{width:54%;}
		ul.cource.c li .l{width:52.5%;}
		ul.cource.c li .r{width:40%;}
	}

/*======*/
ul.etc{width:100%;height:auto;margin:0px auto;padding:10px 0px 30px 0px;display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content:center;-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
ul.etc li{width:28.5%;height:auto;margin:0px 2%;padding-bottom:2px;font-size:20px;border-bottom:1px solid #994a4a;
	display: -ms-flexbox;display: flex;-ms-flex-pack: center;justify-content:center;-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items: flex-start;align-content: flex-start;}
ul.etc li .l{display:inline-block;width:42.5%;height:auto;margin:0px auto;padding:2px 0px 0px 3.5%;text-align:left;color:#4a0000;background: url(../img/common/li.png) no-repeat;background-size:7px auto;background-position:0px 8px;}
ul.etc li .r{display:inline-block;width:51%;height:auto;margin:0px auto;padding:2px 1% 0px 0px;text-align:right;letter-spacing:1px;color:#8b0000;}
ul.etc li .l.ja{font-size:13px;}
ul.etc li .l .ja{font-size:13px;vertical-align:0px;}
ul.etc li .r .ja_c{font-size:13px;vertical-align:0px;}
ul.etc li small{font-size:13px;}
	@media all and (min-width: 1025px) {
		ul.etc.c li{width:33%;}
	}
	@media all and (max-width: 1024px) {
		div.system{width:95%;}
		ul.etc{padding:0px 0px 25px 0px;}
		ul.etc li{width:80%;font-size:18px;}
		ul.etc li:nth-of-type(2){margin:10px auto;}
		ul.etc li .l{padding:2px 0px 0px 4%;}
		ul.etc li .l .ja_c{font-size:11px;}
		ul.etc li .r .ja_c{font-size:11px;}
		ul.etc li .l{width:39.5%;}
		ul.etc li .r{width:54%;}
		ul.etc.c li .l{width:52.5%;}
		ul.etc.c li .r{width:40%;}
	}

/*======*/
div.system h2.en{width:100%;height:auto;margin:0px auto;padding:0px 0px 10px 0px;font-size:21px;letter-spacing:0.5px;line-height:100%;color:#4e2509;}
div.system h2.en span{display:inline-block;width:auto;height:auto;margin:0px auto;padding:0px 16px 0px 16px;
background:url(../img/icon/heart_yellow.png),url(../img/icon/heart_yellow.png);background-repeat:no-repeat,no-repeat;background-size:11px 9px,11px 9px;background-position:0% 50%,100% 50%;}

/*======*/
h3.h3{width:auto;height:auto;position:relative;margin:0px auto;}
h3.h3 span.wing{display:inline-block;width:auto;height:auto;padding:0px 70px 0px 70px;background:url(../img/common/wing_l.png),url(../img/common/wing_r.png);background-repeat:no-repeat,no-repeat;background-size:61px 15px,61px 15px;background-position:0% 50%,100% 50%;}
h3.h3 span.en{display:inline-block;width:auto;height:auto;padding:0px 0px 1px 0px;font-size:21px;letter-spacing:1px;line-height:100%;color:#8b0000;}
h3.h3 span.ja{display:block;width:auto;height:auto;padding:2px 0px 0px 0px;font-size:12px;letter-spacing:0px;line-height:100%;color:#8b0000;}
	@media all and (max-width: 1024px) {
		h3.h3{padding:10px 0px;}
		h3.h3 span.wing{padding:0px 55px 0px 55px;background:url(../img/common/wing_l.png),url(../img/common/wing_r.png);background-repeat:no-repeat,no-repeat;background-size:48px 12px,48px 12px;background-position:0% 50%,100% 50%;}
		h3.h3 span.en{font-size:18px;}
		h3.h3 span.en{padding:0px 0px 1px 0px;}
		h3.h3:before{font-size:50px;position:absolute;top:8px;left:0px;}
	}

/*======*/
h3.intro{width:100%;height:auto;margin:0px auto;padding:0px 0px 10px 0px;font-size:17px;letter-spacing:1px;line-height:100%;color:#877552;}
p.intro{width:100%;height:auto;margin:0px auto;padding:0px 0px 30px 0px;font-size:14px;letter-spacing:1px;line-height:150%;color:#ffffff;}
	@media all and (max-width: 1024px) {
		h3.intro{font-size:15px;}
		p.intro{font-size:13px;}
	}

/*======*/
div.system h4{width:100%;height:auto;margin:0px 10px 0px 0px;padding:0px;color:#ffffff;font-size:14px;letter-spacing:1px;line-height:120%;}
div.system h4 span{display:inline-block;margin:0px auto;padding:0px 14px;background:url(../img/icon/heart_yellow.png),url(../img/icon/heart_yellow.png);background-repeat:no-repeat,no-repeat;background-size:11px 9px,11px 9px;background-position:0% 50%,100% 50%;}

/*======*/
p.card.txt{width:100%;height:auto;margin:0px auto;padding-top:15px;color:#8b0000;font-size:14px;}
p.card.img{max-width:400px;width:80%;height:auto;margin:0px auto;padding:10px 0px 30px 0px;}

/*======*/
.rule_box{width:94%;height:auto;margin:0px auto;}
div.rule {width:100%;height:auto;margin:0px auto;}
.rule p{color:#4a0000;width:100%;height:auto;margin:0px auto;padding-bottom:30px;text-align:left;}
.rule ul{width:99%;height:auto;margin:15px auto;padding:0px;text-align:left;}
.rule ul li{width:48.5%;height:auto;margin:0px 0.5%;padding:0px;text-align:left;display:inline-block;text-indent:13px;background: url(../img/common/li.png) no-repeat;background-size:7px auto;background-position:0px 50%;color:#4a0000;}
	@media all and (max-width: 1024px) {
		.rule_box{width:85%;}
		.rule ul li{width:98%;margin:0px 0px 3px 2%;background: url(../img/common/li.png) no-repeat;background-size:7px auto;background-position:0px 7px;color:#4a0000;}
	}

/*======*/
.card_box{width:94%;height:auto;margin:0px auto;}
div.card {width:100%;height:auto;margin:0px auto;}
.card p{color:#4a0000;width:100%;height:auto;margin:0px auto;padding-bottom:30px;text-align:left;}
.card p span{color:#8b0000;}
	@media all and (max-width: 1024px) {
	}