@charset "UTF-8";
/* CSS Document */

@media screen and (min-width:1051px) {
	.video{
	width: 800px;
	margin: 50px auto;
}
	#coe{width: 100%;margin: 0 auto !important}
	#coe #title{width: 100%;margin: 0 auto 50px auto;padding: 30px 0%; background:#f8b551;color: white}
	#coe #title h2{position: inherit;width:1000px;margin: 0 auto 10px auto;padding:0%; font-size: 22px;text-align: center;border-bottom: none;}
	#coe #title h2::after{display:none;}
	#coe #title h3{position: inherit;margin: 0 auto; padding: 0; border-left: none;color:white;font-size: 26px;text-align: center;}
	#coe #title h3 span{display:block;}
	#coe #title h3::before{display:none;}
	
	#coe .introduction{width:900px;margin: 0 auto 30px auto;padding:0px 0 0px 0;}	
	#coe .introduction p{margin: 0 auto 20px auto;padding:0px 0 0px 0;font-size: 16px;letter-spacing: 1px; line-height: 28px;text-indent: 20px;}	
	
	#coe .schedule{width:900px;margin: 0 auto 50px auto;padding:50px 0 30px 0;background:#F8F6F2}	
	#coe .schedule .date{width:450px;margin: 0 auto 30px auto;padding:0px 0;font-size: 22px;letter-spacing: 1px; line-height: 35px;/*color:#FE9639*/}	
	#coe .schedule .program{width:70%;margin: 0 auto 30px auto;padding:0 0 0px 0;}
	#coe .schedule .program h4{margin: 0 auto 0px auto;padding:0px 0;font-size: 18px;letter-spacing: 1px; line-height: 24px;text-align: center;font-weight: normal;color:#383838}
	#coe .schedule .program h4::after{display:none;}
	#coe .schedule .program dl{display: flex;flex-wrap: wrap;width:100%;margin: 0 auto 0px auto; font-size: 15px;letter-spacing: 1px; line-height: 24px;}
	#coe .schedule .program dl dt{width:10%;margin: 0 ; padding:10px 0 10px 0;border-bottom: 1px dashed #444;}
	#coe .schedule .program dl dt:last-of-type{border-bottom: none}
	#coe .schedule .program dl dd{width:90%;margin: 0 ; padding:10px 0 10px 0;border-bottom: 1px dashed #444;}
	#coe .schedule .program dl dd:last-of-type{border-bottom: none}	
	#coe .schedule .outline{width:70%;margin: 0 auto 0px auto;padding:0 0 0px 0;}
	#coe .schedule .outline dl{display: flex;flex-wrap: wrap;width:100%;margin: 0 auto 0px auto;}
	#coe .schedule .outline dl dt{width:100%;margin: 0 0 5px 0; padding:0px 0px; font-size:16px;letter-spacing: 1px;color:coral; }	
	#coe .schedule .outline dl dd{width:94%;margin: 0 0 20px auto; padding:0px 0 0px 0;font-size:16px;letter-spacing: 1px; line-height: 24px;}
			
	#coe .application{width:100%;margin: 0 auto 0px auto;padding:80px 0 50px 0;background:#F8F6F2}
	#coe .application h5{position: relative;width:1000px;margin:0px auto 30px auto;font-size: 26px;letter-spacing: 1px; line-height: 24px;text-align: center;font-weight: normal;}
	#coe .application h5::before{display:block;content: '';position: absolute;top:-30px;;left:475px; background: #FE9639;width:50px;height: 2px;}
	#coe .application p{width:700px;margin:0px auto 30px auto;font-size: 15px;letter-spacing: 1px; line-height: 26px;}
	#coe .application form{width:900px;margin: 0 auto 0px auto;padding:30px 0 50px 0;background: white;}
	#coe .application form p{width:200px;margin:0px auto 10px auto;padding:5px 0px 7px 0;text-align: center;font-size:14px;letter-spacing:1px;line-height: normal;background: red;color: white;border-radius: 5px;}
	#coe .application form table{width:90%;margin:20px auto 20px auto;padding: 0 0;border-collapse: collapse;/*border-top:1px solid #FE9639;border-bottom:1px solid #FE9639*/}
	#coe .application form table tr{border-top:1px dashed #444;}
	#coe .application form table th{width:25%;margin:0 auto;padding:18px 0% 18px 0;text-align:left;font-size:16px;letter-spacing:0px;font-weight: normal ;}
	#coe .application form table td{width:75%;margin: 0 auto;padding:18px 0 18px 0%;font-size:14px;letter-spacing:0px;line-height:24px; }
	#coe .application form section{width:95%;margin: 0 auto;text-align: center}
	#coe .application form section button{display:inline-block;border:0;width:47%;margin:0 1%;padding: 26px 0;color: white;font-size:26px;background:#FE9639;border-radius: 50px;-webkit-appearance: none;}
	#coe .application form section button:hover{cursor: pointer;background:#8D8D8D}
		
	input[type="text"],input[type="email"],textarea {padding:12px 1% 12px 2%;font-size:16px;letter-spacing:1px;border-radius:3px;border:1px solid #8D8D8D; outline: none;}
	.input01{width:97%;margin-right: 10px;}
	
	textarea{width:96%;}
	input[type="text"]:focus,input[type="email"]:focus,textarea:focus{ background:#fff3e5;}
	textarea{height:100px;}  
	
	.label{width:100%;margin: 0 auto;text-align: center;}
	.label input[type="radio"] {	display: none;}
	.label label {width:30%;	margin:5px 1% 5px 1%;background-color: #fff; border:1px dashed #8D8D8D;color: #8D8D8D;	padding:10px 0px;font-size: 16px;border-radius:5px;	display:inline-block;}
	.label input[type="radio"]:checked + label {	background-color: #FE9639;color: white;border:1px solid #FE9639;}
	.label label:hover {	cursor: pointer;}
}

@media screen and (min-width:700px) and ( max-width:1050px) {
	.video{
	width: 80%;
	margin: 50px auto;
}
    #coe{width: 100%;margin: 0 auto !important}
	#coe #title{width: 100%;margin: 0 auto 50px auto;padding: 30px 0%; background:#f8b551;color: white}
	#coe #title h2{position: inherit;width:80%;margin: 0 auto 10px auto;padding:0%; font-size: 22px;text-align: center;border-bottom: none;}
	#coe #title h2::after{display:none;}
	#coe #title h3{position: inherit;width:80%;margin: 0 auto; padding: 0; border-left: none;color:white;font-size: 26px;text-align: center;}
	#coe #title h3 span{display:block;}
	#coe #title h3::before{display:none;}
	
	#coe .introduction{width:90%;margin: 0 auto 30px auto;padding:0px 0 0px 0;}	
	#coe .introduction p{margin: 0 auto 20px auto;padding:0px 0 0px 0;font-size: 16px;letter-spacing: 1px; line-height: 28px;text-indent: 20px;}	
	
	#coe .schedule{width:90%;margin: 0 auto 50px auto;padding:50px 0 30px 0;background:#F8F6F2}	
	#coe .schedule .date{width:450px;margin: 0 auto 30px auto;padding:0px 0;font-size: 22px;letter-spacing: 1px; line-height: 35px;/*color:#FE9639*/}	
	#coe .schedule .program{width:90%;margin: 0 auto 30px auto;padding:0 0 0px 0;}
	#coe .schedule .program h4{margin: 0 auto 0px auto;padding:0px 0;font-size: 18px;letter-spacing: 1px; line-height: 24px;text-align: center;font-weight: normal;color:#383838}
	#coe .schedule .program h4::after{display:none;}
	#coe .schedule .program dl{display: flex;flex-wrap: wrap;width:100%;margin: 0 auto 0px auto; font-size: 15px;letter-spacing: 1px; line-height: 24px;}
	#coe .schedule .program dl dt{width:10%;margin: 0 ; padding:10px 0 10px 0;border-bottom: 1px dashed #444;}
	#coe .schedule .program dl dt:last-of-type{border-bottom: none}
	#coe .schedule .program dl dd{width:90%;margin: 0 ; padding:10px 0 10px 0;border-bottom: 1px dashed #444;}
	#coe .schedule .program dl dd:last-of-type{border-bottom: none}
	#coe .schedule .outline{width:80%;margin: 0 auto 0px auto;padding:0 0 0px 0;}
	#coe .schedule .outline dl{display: flex;flex-wrap: wrap;width:100%;margin: 0 auto 0px auto;}
	#coe .schedule .outline dl dt{;width:100%;margin: 0 0 5px 0; padding:0px 0px; font-size:16px;letter-spacing: 1px;color:coral; }	
	#coe .schedule .outline dl dd{width:94%;margin: 0 0 20px auto; padding:0px 0 0px 0;font-size:16px;letter-spacing: 1px; line-height: 24px;}
		
	#coe .application{width:100%;margin: 0 auto 0px auto;padding:80px 0 50px 0;background:#F8F6F2}
	#coe .application h5{position: relative;width:90%;margin:0px auto 30px auto;font-size: 26px;letter-spacing: 1px; line-height: 24px;text-align: center;font-weight: normal;}
	#coe .application h5::before{display:block;content: '';position: absolute;top:-30px;;left:45%; background: #FE9639;width:10%;height: 2px;}
	#coe .application p{width:90%;margin:0px auto 30px auto;font-size: 15px;letter-spacing: 1px; line-height: 26px;}
	#coe .application form{width:90%;margin: 0 auto 0px auto;padding:30px 0 50px 0;background: white;}
	#coe .application form p{width:200px;margin:0px auto 10px auto;padding:5px 0px 7px 0;text-align: center;font-size:14px;letter-spacing:1px;line-height: normal;background: red;color: white;border-radius: 5px;}
	#coe .application form table{width:90%;margin:20px auto 20px auto;padding: 0 0;border-collapse: collapse;/*border-top:1px solid #FE9639;border-bottom:1px solid #FE9639*/}
	#coe .application form table tr{border-top:1px dashed #444;}
	#coe .application form table th{width:25%;margin:0 auto;padding:18px 0% 18px 0;text-align:left;font-size:16px;letter-spacing:0px;font-weight: normal ;}
	#coe .application form table td{width:75%;margin: 0 auto;padding:18px 0 18px 0%;font-size:14px;letter-spacing:0px;line-height:24px; }
	#coe .application form section{width:95%;margin: 0 auto;text-align: center}
	#coe .application form section button{display:inline-block;border:0;width:47%;margin:0 1%;padding: 26px 0;color: white;font-size:26px;background:#FE9639;border-radius: 50px;-webkit-appearance: none;}
	#coe .application form section button:hover{cursor: pointer;background:#8D8D8D}
		
	input[type="text"],input[type="email"],textarea {padding:12px 1% 12px 2%;font-size:16px;letter-spacing:1px;border-radius:3px;border:1px solid #8D8D8D; outline: none;}
	.input01{width:97%;margin-right: 10px;}
	
	textarea{width:96%;}
	input[type="text"]:focus,input[type="email"]:focus,textarea:focus{ background:#fff3e5;}
	textarea{height:100px;}  
	
	.label{width:100%;margin: 0 auto;text-align: center;}
	.label input[type="radio"] {	display: none;}
	.label label {width:30%;	margin:5px 1% 5px 1%;background-color: #fff; border:1px dashed #8D8D8D;color: #8D8D8D;	padding:10px 0px;font-size: 16px;border-radius:5px;	display:inline-block;}
	.label input[type="radio"]:checked + label {	background-color: #FE9639;color: white;border:1px solid #FE9639;}
	.label label:hover {	cursor: pointer;}
}

@media screen and (max-width:700px) {
	.video{
	width: 80%;
	margin: 30px auto;
}	
    #coe{width: 100%;margin: 0 auto !important}
	#coe #title{width: 100%;margin: 0 auto 30px auto;padding: 20px 0%; background:#f8b551;color: white}
	#coe #title h2{position: inherit;width:90%;margin: 0 auto 5px auto;padding:0%; font-size:16px;text-align: center;border-bottom: none;}
	#coe #title h2::after{display:none;}
	#coe #title h3{position: inherit;width:90%;margin: 0 auto; padding: 0; border-left: none;color:white;font-size: 18px;text-align: center;}
	#coe #title h3 span{display:block;}
	#coe #title h3::before{display:none;}
	
	#coe .introduction{width:80%;margin: 0 auto 10px auto;padding:0px 0 0px 0;}	
	#coe .introduction p{margin: 0 auto 20px auto;padding:0px 0 0px 0;font-size: 14px;letter-spacing:0px; line-height: 22px;text-indent: 16px;}
	
	#coe .schedule{width:100%;margin: 0 auto 0px auto;padding:30px 0 20px 0;background:#F8F6F2}	
	#coe .schedule .date{width:80%;margin: 0 auto 20px auto;padding:0px 0;font-size:15px;letter-spacing: 0px; line-height: 22px;}	
	#coe .schedule .program{width:80%;margin: 0 auto 20px auto;padding:0 0 0px 0;}
	#coe .schedule .program h4{margin: 0 auto 0px auto;padding:0px 0;font-size: 16px;letter-spacing: 0px; line-height: 16px;text-align: center;font-weight: normal;color:#383838}
	#coe .schedule .program h4::after{display:none;}
	#coe .schedule .program dl{display: flex;flex-wrap: wrap;width:100%;margin: 0 auto 0px auto; font-size: 13px;letter-spacing:0px; line-height: 20px;}
	#coe .schedule .program dl dt{width:100%;margin: 0 ; padding:8px 0 0px 0;}
	#coe .schedule .program dl dd{width:100%;margin: 0 ; padding:0px 0 8px 0;border-bottom: 1px dashed #444;}
	#coe .schedule .program dl dd:last-of-type{border-bottom: none}
	#coe .schedule .outline{width:80%;margin: 0 auto 0px auto;padding:0 0 0px 0;}
	#coe .schedule .outline dl{display: flex;flex-wrap: wrap;width:100%;margin: 0 auto 0px auto;}
	#coe .schedule .outline dl dt{width:100%;margin: 0 0 5px 0; padding:0px 00px; font-size:15px;letter-spacing: 0px;color:coral; }	
	#coe .schedule .outline dl dd{width:98%;margin: 0 0 10px auto; padding:0px 0 0px 0;font-size:14px;letter-spacing: 0px; line-height:20px;}
		
	#coe .application{width:100%;margin: 0 auto 0px auto;padding:50px 0 30px 0;}
	#coe .application h5{position: relative;width:80%;margin:0px auto 20px auto;font-size: 18px;letter-spacing: 0px;text-align: center;font-weight: normal;}
	#coe .application h5::before{display:block;content: '';position: absolute;top:-15px;;left:45%; background: #FE9639;width:10%;height: 2px;}
	#coe .application p{width:80%;margin:0px auto 10px auto;font-size: 13px;letter-spacing:0px; line-height: 18px;}
	#coe .application form{width:80%;margin: 0 auto 0px auto;padding:30px 0 20px 0;background: white;}
	#coe .application form p{width:70%;margin:0px auto 10px auto;padding:5px 0px 7px 0;text-align: center;font-size:13px;letter-spacing:0px;line-height: normal;background: red;color: white;border-radius: 5px;}
	#coe .application form table{width:100%;margin:20px auto 10px auto;padding: 0 0;border-collapse: collapse;/*border-top:1px solid #FE9639;border-bottom:1px solid #FE9639*/}
	#coe .application form table tr{border-top:1px dashed #444;}
	#coe .application form table th{display: inline-block;width:100%;margin:0 auto;padding:10px 0% 0px 0%;text-align:left;font-size:14px;letter-spacing:0px;font-weight: normal ;}
	#coe .application form table td{display: inline-block;width:100%;margin: 0 auto;padding:3px 0% 10px 0%;font-size:14px;letter-spacing:0px; }
	#coe .application form section{width:100%;margin: 0 auto;text-align: center}
	#coe .application form section button{display:block;border:0;width:100%;margin:10px 0 0 0;padding: 20px 0;color: white;font-size:18px;letter-spacing:0px;line-height: normal;background:#FE9639;border-radius: 50px;-webkit-appearance: none;}
	#coe .application form section button:hover{cursor: pointer;background:#8D8D8D}
		
	input[type="text"],input[type="email"],textarea {padding:12px 1% 12px 2%;font-size:16px;letter-spacing:1px;border-radius:3px;border:1px solid #8D8D8D; outline: none;}
	.input01{width:97%;margin-right: 10px;}
	
	textarea{width:96%;}
	input[type="text"]:focus,input[type="email"]:focus,textarea:focus{ background:#fff3e5;}
	textarea{height:100px;}  
	
	.label{width:100%;margin: 0 auto;text-align: center;}
	.label input[type="radio"] {	display: none;}
	.label label {width:100%;	margin:5px 0% 5px 0%;background-color: #fff; border:1px dashed #8D8D8D;color: #8D8D8D;	padding:10px 0px;font-size: 16px;border-radius:5px;	display:inline-block;}
	.label input[type="radio"]:checked + label {	background-color: #FE9639;color: white;border:1px solid #FE9639;}
	.label label:hover {	cursor: pointer;}
}