@charset "utf-8";

body{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 13px;
	background:linear-gradient(#0092C1,#00ABE3,#26C9FF,#26C9FF,#66D9FF,#66D9FF);
	background-size: auto auto;
	background-attachment: fixed;
}
main{
	background-color: #FFFFFF;
	border: solid 1px #cccccc;
}
.topimg img,.menu_m img{
	vertical-align: top;
}
a{
	color: #000000;
}
#wrapper{
	margin-bottom: 0px;
}
.yoko,.yoko_3{
	display: flex;
	justify-content: space-between;
	padding: 5px;
}

.yoko2{
	width: 100%;
	display: flex;
	justify-content: center;
}
.topimg{
	width: 100%;
	border-top: solid 2px #09207A;
	border-bottom: solid 2px #09207A;
	margin-top: 20px;
}
.topimg img{
	width: 100%;
}
.logo img{
	width: 100%;
}
.member img{
	width: 100%;
}
.font_s{
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	letter-spacing: -0.06em;
	margin-bottom: 10px;
	padding-top: 10px;
}
.contents{
	width: 95%;
	margin: auto;
	margin-top: 15px;
}
.new{
	width: 95%;
	margin: auto;
	padding: 10PX 0PX 1PX 0PX;
	border-bottom: solid 1px #CCCCCC;
	color: #F48509;
	font-weight: bold;
	font-size: 16px;
}
.new_naiyou{
	width: 88%;
	margin: auto;
	margin-top: 10px;
	padding: 5px;
	height: 350px;
	overflow-y: scroll;
	border: solid 2px #cccccc;
	border-radius: 10px;
}
.menu_1{
	background-color: #E1F3FF;
	padding: 5px;
	margin-bottom: 10px;
}
.menu_img{
	margin-bottom: 10px;
}
.gotop{
	width: 90%;
	margin: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: right;
	font-size: 11px;
}
.gotop a{
	color: #000000;
}
footer{
	width: 100%;
	background-color: #064070;
}
.pp,.cr{
	color: #FFFFFF;
	font-size: 11px;
}
.pp a{
	color: #FFFFFF;
}
.course_g{
	background-color: #E4E1E1;
	font-weight: bold;
	padding: 5px;
}
.course_g2{
	background-color: #E4E1E1;
	padding: 5px;
}
.course_w{
	font-weight: bold;
	padding: 5px;
}
.course_w2{
	padding: 5px;
}
.goback_img{
	width: 100%;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}
.course_img,.course_img3{
	width: 100%;
}
.course_img3 img{
	width: 100%;
}
.course_img2{
	width: 25%;
}
.course_img2 img{
	width: 100%;
}
.seminar_1{
	width: 98%;
	margin: auto;
	padding-top: 10px;
}
.back_1{
	width: 99%;
	background-color: #0921AC;
	padding: 3px;
	color: #FFFFFF;
}
.back_2{
	width: 96%;
	background-color: #FEFBED;
	padding: 10px;
}
.sc,.sc_5{
	width: 100%;
	margin: 0px 2px 0px 2px;
}
.sc_1{
	display: block;
	width: 300px;
}
.sc_2{
	border: solid 1px #7E7E7E;
	padding: 3px;
}
.sc_3{
	border-left: solid 1px #7E7E7E;
	border-right: solid 1px #7E7E7E;
	border-bottom: solid 1px #7E7E7E;
	padding: 3px;
	font-size: 9px;
	text-align: right;
}
.sc_4{
	margin-top: 10px;
	font-weight: bold;
}
.sc_6{
	width: 100%;
	margin: auto;
}
.p_contents{
	width: 100%;
}
.koudoku_img{
	width: 95%;
	margin: auto;
	margin-top: 30px;
}
.koudoku_img img{
	width: 100%;
}
.koudoku_c{
	padding: 1px 0px 1px 5px;
	background-color: #050A64;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
}
.koudoku_img2{
	text-align: center;
	margin-bottom: 20px;
	margin-right: 20px;
}
.koudoku_naiyou{
	width: 90%;
	margin: auto;
	margin-top: 0px;
}
.important{
	display: inline-block;
	border: solid 1px red;
	padding: 0px 2px;
	border-radius: 5px;
	font-weight: bold;
	color: red;
	margin-right: 3px;
}
.topinfo{
	width: 85%;
	margin: 30px auto;
	border: solid 1px #555353;
	padding: 10px;
	border-radius: 3px;
	text-align: center;
}
.info,.info_p{
	width: 95%;
	margin: auto;
	text-align: center;
	margin-top: 30px;
}
.video{
	width: 80%;
	text-align: center;
	margin: auto;
	aspect-ratio:16/9;
}
video{
	width: 90%;
	margin: auto;
}
.video iframe{
	width: 100%;
	height: 100%;
}
.top_v{
	width: 88%;
	margin: auto;
	padding: 3em 0 1em;
	position: relative;
	border: 1px solid #138CC7;
	background-color: #ffffff;
	border-radius: 10px;
}
.top_v .v-title{
	background-color: #138CC7;
	font-size: 1em;
	color: #ffffff;
	padding: 7px 12px;
	line-height: 1.5;
	position: absolute;
	top: -10px;
	left: 10px;
}


/*フォント指定*/
.blue{
	color: #2C7CE8;
}
.green{
	color: green;
}
.underline{
	border-bottom: solid 1px #2c7ce8;
	padding-bottom: 3px;
}
.font_9{
	font-size: 9px;
}

@keyframes fadeIn{
		from{opacity: 0;}
		to{opacity: 1;}
}
/*リスト指定*/

.pd_20{
	padding-left: 25px;
}


@media (max-width: 550px){
	
	.menu_p,.menu_p2,.p_only{
		display: none;
	}
	
	#wrapper{
		width: 99%;
		margin: auto;
	}
	#menubtn{
		position: absolute;
		height: 60px;
		width: 60px;
		top:40px;
		right: 2px;
		z-index: 90;
	}
	#menubtn img{
		width: 100%;
		max-width: 45px;
		margin-bottom: 10px;
	}
	nav{
		width: 100%;
		height: 100%;
		position: fixed;
		top:0;
		left: 100%;
		z-index: 80;
		background-color: #1792E0;
		transition: all 0.5s;
	}
	nav ul{
		padding: 70px 20px 0px 20px;
	}
	nav ul li{
		list-style: none;
		border-bottom: solid 1px #ffffff;
		padding: 10px;
	}
	nav ul li a{
		color: #FFFFFF;
		font-weight: bold;
		text-decoration: none;
	}
	nav ul li a::before{
		content:"";
		width:7px;
		height: 7px;
	}
	#nav-input:checked~nav{
		left: 0;
	}
	.nav-hidden{
		display: none;
	}
	.logo {
		width: 50%;
		padding-top: 5px;
	}
	.member {
		width: 25%;
		position: absolute;
		top: 47px;
		right: 70px;
	}
	.menu_left,.menu_right{
		width: 100%;
	}
	.menu_left img,.menu_right img{
		width: 100%;
	}
	.menu{
		width: 90%;
		margin: auto;
		margin-top: 30px;
	}
	.yoko_3{
		width: 90%;
		margin: auto;
	}
	.menu_2{
		width: 100%;
		margin-left: 1px;
		margin-right: 1px;
	}
	.menu_2 img{
		width: 100%;
	}
	.contents{
		margin-bottom: 15px;
	}
	.yoko_4,.yoko_5{
		width: 100%;
	}
	.info_p{
		display: none;
	}
	.course_img img{
		width: 100%;
	}
	.top_v{
		padding-top: 3.5em;
	}
	.top_v .v-title{
		right: 10px;
	}
	
}
@media (min-width: 551px) {
	
	#wrapper{
		max-width: 950px;
		margin: auto;
	}
	.menu_m{
		display: none;
	}
	.font_s{
		font-size: 11px;
		letter-spacing: normal;
	}
	.topimg{
		margin-top: 0px;
	}
	.menu_p{
		width: 100%;
		margin-top: 10px;
		text-align: center;
	}
	.menu_p2{
		margin-top: 10px;
		margin-left: 30px;
	}
	.menu_2{
		margin-top: 10px;
		margin-bottom: 10px;
		text-align: right;
		padding-right: 20px;
	}
	.menu_3,.menu_4{
		display: block;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-left: 1px;
		margin-right: 1px;
		background: linear-gradient(#26C9FF,#001040,#26C9FF);
		color: #FFFFFF;
		font-weight: bold;
		font-size: 10px;
	}
	.menu_3{
		width: 60%;
	}
	.menu_4{
		width: 100%;
	}
	.menu{
		width: 90%;
		margin: auto;
		margin-top: 50px;
	}
	.menu_3 a,.menu_4 a{
		color: #FFFFFF;
		text-decoration: none;
	}
	.menu_3 a:hover,.menu_4 a:hover{
		color: #26C9FF;
	}
	.info_p{
		display: none;
	}
	
	footer{
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
}

@media (min-width: 880px){
	.menu_3,.menu_4{
		font-size: 13px;
	}
	.yoko_4,.yoko_5{
		display: flex;
		justify-content: center;
	}
	.course_g,.course_g2,.course_w,.course_w2{
		width: 100%;
	}
	.course_img{
		width: 80%;
	}
	.sc{
		width: 150px;
	}
	.sc_6{
		width: 90%;
	}
	.yoko_5{
		width: 90%;
		margin: auto;
	}
	.koudoku_naiyou{
		margin-left: 20px;
	}
	.koudoku_img{
		width: 90%;
	}
	.info{
		display: none;
	}
	.info_p{
		display: block;
	}
	
}

@media (min-width: 551px) and (max-width: 879px){
	.course_img img{
		width: 100%;
	}
	.top_v .v-title{
		right: 10px;
	}
}