@charset "utf-8";

/* COURSE
---------------------------------------- */
.flow {margin-top: 35px;}
.flow dl {width: 240px; height: 70px; background: #fff3c3; border: #fcc800 2px solid; border-right: none; padding: 8px 5px; margin-right: 35px; position: relative; float: left;}
.flow dl:before ,.flow dl:after {content: ""; position: absolute; top: -2px; right: -15px; width: 0; height: 0; border-top: transparent 35px solid; border-bottom: transparent 35px solid; border-left: #fcc800 15px solid;}
.flow dl:after {right: -13px; border-left: #fff3c3 15px solid;}
.flow dl dt{float: left; margin-right: 10px;}
.flow dl dd{float: left; font-size: 90%; padding-top: 5px;}
.flow ul {float: left;}
.flow ul li a {color: #f08630; text-align: center; display: block; padding: 10px; border: #f3a26c 3px solid; background: url(../../common/img/bgi_lattice.png) repeat 0 0;}
.flow ul li a:hover {text-decoration: none; opacity: .7;}

.curriculum {width: 600px; margin: 0 auto 0;}
.curriculum dl {width: 100%; border: #fcc800 2px solid; border-bottom: none; padding: 15px 30px 5px; margin-bottom: 65px; position: relative;}
.curriculum dl:before ,.curriculum dl:after {content: ""; position: absolute; left: 0px; bottom: -45px; width: 0; height: 0; border-top: #fcc800 45px solid; border-right: transparent 300px solid; border-left: transparent 300px solid;}
.curriculum dl:after {bottom: -43px; border-top: transparent 45px solid;}
.curriculum dl.day1 {background: #fff9e5;}
.curriculum dl.day1:after {border-top: #fff9e5 45px solid;}
.curriculum dl.day2 {background: #feeeb2;}
.curriculum dl.day2:after {border-top: #feeeb2 45px solid;}
.curriculum dl.day3 {background: #fde37f;}
.curriculum dl.day3:after {border-top: #fde37f 45px solid;}
.curriculum dl dt {color: #f08630; font-size: 128%; font-weight: bold; margin-bottom: 10px;}
.curriculum ul li:before {content: "・";}

.documents { border-top:1px solid #dddddd; }
/*.documents td { padding:10px 20px; border-bottom:1px solid #dddddd; }*/
.documents td { padding:10px 40px 10px 20px; border-bottom:1px solid #dddddd; }

/*.new-format { background-color: #84C347;
	color: #fff;
	text-align: center;
	display: inline-block;
	font-size: 0.8em;
	padding: 2px 5px;
	margin-left: 10px;
}*/
@media screen and (max-width: 768px) {
	.documents td {padding: 10px;}
	.new-format { margin-left: 0;}
}