@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;padding:0%; font-size: 28px;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:1000px;margin: 0 auto 30px auto;padding:0px 0 10px 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 #application{width:1000px;margin: 0 auto 30px auto;padding:5px 0 30px 0;}
#coe #application a{
  display: block;
  width: 48%;
  margin: auto;
  padding: 20px 0;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 2px;
  color: #fff;
  border-radius: 50px;
  background: #f8b551;
}

/*プログラム部分*/
	#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 .schedule .course {width:650px;margin:10px auto 0 auto;padding: 30px 50px 20px 50px;background: white;border-bottom: 1px solid #EDE9E5;border-top: 1px solid #EDE9E5} 
#coe .schedule .course .number{width: 25%;margin: 0 auto 10px 0 ;padding: 10px 0;color: white;text-align: center;background: #FE9639;font-size: 18px;letter-spacing: 0px;border-radius:5px;}
#coe .schedule .course .data{margin: 0 auto 0px auto;padding:0px 0;color: #FE9639;font-weight: bold;font-size: 18px;letter-spacing: 0px; line-height:30px; border-radius:5px;}
#coe .schedule .course dl{display:flex; flex-wrap: wrap;width:100%;margin: 0 auto 0px auto;padding:12px 0;font-size:17px;letter-spacing: 0px; line-height: 26px; }
#coe .schedule .course .gaiyou{width:100%; margin:0;padding: 8px 0px;font-weight: normal;
border-bottom: 1px dashed #363636;color: #363636
}
#coe .schedule .course .ryakureki{display:flex;
}
#coe .schedule .course .ryakureki img{width: 25%;
}
#coe .schedule .course .ryakureki p{width:70%;
margin: auto 1px auto auto
}

#coe .schedule .course dl dd a{display: block;width:100%;margin: 0 0 0 auto;font-weight: bold;padding: 10px 0px;border: 1px solid #00900D;background:#F5FFF6;text-align: center;text-decoration: none;color:#00900D;border-radius: 5px;}
#coe .schedule .course dl dt:last-of-type,#coe .schedule .course dl dd:last-of-type{border-bottom:none;}

/*削除不可！*/
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 #application{width:100%;margin: 0 auto 0px auto;padding:40px 0 50px 0;}

#coe #application a{
  display: block;
  width: 48%;
  margin: auto;
  padding: 20px 0;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 2px;
  color: #fff;
  border-radius: 50px;
  background: #f8b551;
}

/*プログラム部分*/	
	#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:85%;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:15px;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 .schedule .course {width:80%;margin:10px auto 0 auto;padding: 20px 4% 20px 4%;background: white;border-bottom: 1px solid #EDE9E5;border-top: 1px solid #EDE9E5} 
#coe .schedule .course .number{width:40%;margin: 0 auto 10px 0 ;padding: 10px 0;color: white;text-align: center;background: #FE9639;font-size: 15px;letter-spacing: 0px;border-radius:5px;}
#coe .schedule .course .data{margin: 5px auto 0px auto;padding:0px 0;color: #FE9639;font-weight: bold;font-size: 16px;letter-spacing: 0px; line-height:20px; border-radius:5px;}
#coe .schedule .course dl{display:flex; flex-wrap: wrap;width:100%;margin: 5px auto 5px auto;padding:0px 0;font-size:16px;letter-spacing: 0px; line-height: 20px; }
#coe .schedule .course .gaiyou{width:100%; margin:5px auto 5px auto;padding: 8px 1px;font-weight: normal;
border-bottom: 1px dashed #363636;color: #363636
}
#coe .schedule .course .ryakureki{display:flex;
}
#coe .schedule .course .ryakureki img{width: 20%;
margin: auto}
#coe .schedule .course .ryakureki p{width:70%;
margin: auto
}

#coe .schedule .course dl dd a{display: block;width:100%;margin: 0 0 0 auto;font-weight: bold;padding: 10px 0px;border: 1px solid #00900D;background:#F5FFF6;text-align: center;text-decoration: none;color:#00900D;border-radius: 5px;}
#coe .schedule .course dl dt:last-of-type,#coe .schedule .course dl dd:last-of-type{border-bottom:none;}		

/*削除不可！*/		
	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 #application{width:100%;margin: 0 auto 0px auto;padding:30px 0 30px 0;}
#coe #application a{
    display: block;
  width: 48%;
  margin: auto;
  padding: 20px 0;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 2px;
  color: #fff;
  border-radius: 50px;
  background: #f8b551;
}

/*プログラム部分*/
	#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 .schedule .course {width:80%;margin:10px auto 0 auto;padding: 20px 4% 20px 4%;background: white;border-bottom: 1px solid #EDE9E5;border-top: 1px solid #EDE9E5} 
#coe .schedule .course .number{width:40%;margin: 0 auto 10px 0 ;padding: 10px 0;color: white;text-align: center;background: #FE9639;font-size: 15px;letter-spacing: 0px;border-radius:5px;}
#coe .schedule .course .data{margin: 0 auto 0px auto;padding:0px 0;color: #FE9639;font-weight: bold;font-size: 15px;letter-spacing: 0px; line-height:20px; border-radius:5px;}
#coe .schedule .course dl{display:flex; flex-wrap: wrap;width:100%;margin: 0 auto 0px auto;padding:0px 0 0 0;font-size:14px;letter-spacing: 0px; line-height:20px; }
#coe .schedule .course .gaiyou{width:100%; margin:0;padding: 8px 0px;font-weight: normal;
border-bottom: 1px dashed #363636;color: #363636
}
#coe .schedule .course .ryakureki{position: relative;
}
#coe .schedule .course .ryakureki img{width:20%;
float: left;
}
#coe .schedule .course .ryakureki p{width:75%;
margin: auto 1px auto auto
}

#coe .schedule .course dl dd a{display: block;width:100%;margin: 0 0 0 auto;font-weight: bold;padding: 10px 0px;border: 1px solid #00900D;background:#F5FFF6;text-align: center;text-decoration: none;color:#00900D;border-radius: 5px;}
#coe .schedule .course dl dt:last-of-type,#coe .schedule .course dl dd:last-of-type{border-bottom:none;}

/*削除不可！*/		
	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;}
}