@charset "UTF-8";

/*===その他の料金===*/
.system_box{width:100%;height:auto;margin-bottom:25px;}
.system p.intro{width:100%;height:auto;padding-bottom:15px;}
.system h3{font-weight:normal;width:100%;height:auto;margin:0px auto;padding-bottom:5px;}
.system h3 span{display:inline-block;width:auto;height:auto;margin:0px auto;padding:3px 40px;clip-path: polygon(10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%);background:#dd3d4e;color:#ffffff;font-size:13px;}
.system h4{width:100%;height:auto;margin:0px auto;padding:0px 10px;color:#dd3d4e;font-size:16px;padding-bottom:10px;}
.system h4 .en{color:#dd3d4e;font-size:16px;}
.system .course_charge{width:100%;height:auto;padding:10px 0px 10px 0px;}
.system .course_charge:last-child{padding-bottom:0px;}
.system ul{width:100%;height:auto;padding:10px 0px 30px 0px;
	display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;
	-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.system li{width:48%;height:auto;margin:10px 1%;border-bottom: 1px solid #e4d7df;padding-bottom:2px;}
.system li .l{display:inline-block;width:calc(58% - 13px);text-align:left;position:relative;
	padding-left:13px;background: url(../img/common/li_pink.png) no-repeat;background-size:7px auto;background-position:0px 4px;}
.system li .r{display:inline-block;width:38%;text-align:right;}
.system li .l.en{font-size:20px;}
.system li .r.en{font-size:20px;color:#550602;}
.system li .l .ja{font-size:14px;vertical-align:baseline;}
.system li small{font-size:13px;position:relative;display:inline-block;}
.system p.intro{font-size:13px;}
	@media all and (max-width: 1024px) {
		.system li{width:100%;margin:8px 1%;}
		.system p.intro{font-size:12px;}
		.system li .l{display:inline-block;width:calc(48% - 13px);}
		.system li .r{display:inline-block;width:48%;}
	}

.rule{width:calc(100% - 30px);height:auto;}
.rule p.intro{width:100%;height:auto;padding-bottom:15px;}
.rule p.attetion{width:100%;height:auto;padding:10px 0px 15px 0px;}
.rule h3{font-weight:normal;width:100%;height:auto;margin:0px auto;padding-bottom:5px;}
.rule h3 span{display:inline-block;width:auto;height:auto;margin:0px auto;padding:3px 40px;clip-path: polygon(10% 0%, 90% 0%, 100% 50%, 90% 100%, 10% 100%, 0% 50%);background:#dd3d4e;color:#ffffff;font-size:13px;}
.rule ul{width:100%;height:auto;padding:10px 0px 15px 0px;}
.rule ul li{width:100%;height:auto;padding-left:13px;background: url(../img/common/li_pink.png) no-repeat;background-size:7px auto;background-position:0px 3px;text-align:left;}