@charset "UTF-8";


#header header h1 a	{ width: 270px; background-image: url(../image/header_logo.png); }



#container.main .section_1	{ padding: 55px 0; background-color: #ececf7; }
#container.main .section_1 .align_1	{ max-width: 1280px; margin: 0 auto; }
#container.main .section_1 .align_1:after	{ display: block; clear: both; content: ""; }


#container.main .main_visule	{ clear: both; float: left; width: 620px; height: 780px; }
#container.main .main_visule h2	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
#container.main .main_visule .list	{ position: relative; width: 100%; height: 100%; border-radius: 15px; overflow: hidden; }
#container.main .main_visule .list div,
#container.main .main_visule .list a	{ display: block !important; position: relative; width: 100%; height: 100%; padding: 0; margin: 0; border: 0 none; background: #eaeaea no-repeat center center; background-size: cover; text-align: left; text-indent: -99999px; overflow: hidden; }
#container.main .main_visule .list .empty	{ background: #c3d4f8 url(../image/main_visual.jpg) no-repeat center center; background-size: cover; }

#container.main .main_visule .list .slick-prev,
#container.main .main_visule .list .slick-next	{ display: none !important; }

#container.main .main_visule .list .slick-dots	{ position: absolute; left: 50%; bottom: 20px; z-index: 5; padding: 0; margin: 0; list-style: none; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); }
#container.main .main_visule .list .slick-dots:after	{ display: block; clear: both; content: ""; }
#container.main .main_visule .list .slick-dots li	{ float: left; padding: 0; margin: 0 12px 0 0; list-style: none; }
#container.main .main_visule .list .slick-dots li button	{ width: 10px; height: 10px; padding: 0; margin: 0; border: 0 none; border-radius: 100%; background: #fff; text-align: left; text-indent: -9999px; overflow: hidden; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); vertical-align: middle; }
#container.main .main_visule .list .slick-dots li.slick-active button	{ background-color: #5a77ad; }
#container.main .main_visule .list .slick-dots li.play_stop_button button	{ width: 1em; height: 1em; padding: 0; margin: 0; border-radius: 0; background: transparent; text-align: center; text-indent: 0; font-size: 20px; color: #fff; font-size: 13px; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); box-shadow: none; }


#container.main .link1	{ float: right; width: 620px; margin-bottom: 25px; }
#container.main .link1 h2	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
#container.main .link1 ul	{ padding: 0; margin: 0 -3px; list-style: none; }
#container.main .link1 ul:after	{ display: block; clear: both; content: ""; }
#container.main .link1 ul li	{ float: left; width: 25%; padding: 0 3px; margin: 0; list-style: none; box-sizing: border-box; }
#container.main .link1 ul li a	{ position: relative; display: block; height: 0; padding: 90% 0 0 0; border-radius: 15px; background-color: #333; color: #fff; }
#container.main .link1 ul li a:before	{ position: absolute; left: 0; top: 0; width: 100%; height: 74%; background: no-repeat center center; content: ""; }
#container.main .link1 ul li a span	{ position: absolute; left: 0; bottom: 14.81%; display: block; width: 100%; line-height: 26px; text-align: center; }
#container.main .link1 ul li a.icon1	{ background-color: #188ad0; }
#container.main .link1 ul li a.icon2	{ background-color: #40bce0; }
#container.main .link1 ul li a.icon3	{ background-color: #9c66d9; }
#container.main .link1 ul li a.icon4	{ background-color: #4a6cdf;  }
#container.main .link1 ul li a.icon1:before	{ background-image: url(../image/main_link1_1.png); }
#container.main .link1 ul li a.icon2:before	{ background-image: url(../image/main_link1_2.png); }
#container.main .link1 ul li a.icon3:before	{ background-image: url(../image/main_link1_3.png); }
#container.main .link1 ul li a.icon4:before	{ background-image: url(../image/main_link1_4.png); }
#container.main .link1 ul li a:focus, #container.main .link1 ul li a:hover, #container.main .link1 ul li a:active	{ background-color: #666; color: #fff; }


#container.main .board	{ position: relative; float: right; width: 620px; min-height: 275px; margin-bottom: 25px; border-radius: 15px; background-color: #273594; overflow: hidden; }
#container.main .board h2	{ float: left; width: 22%; padding: 16px 0 0 0; margin: 0; font-weight: normal; }
#container.main .board h2:first-child	{ padding-left: 23px; }
#container.main .board h2 a	{ display: block; height: 48px; line-height: 48px; text-align: center; font-size: 18px; color: #fff; }
#container.main .board h2 a:focus, #container.main .board h2 a:hover, #container.main .board h2 a:active	{ border-radius: 15px 15px 0 0; background-color: rgba(255, 255, 255, 0.5); color: #000; }
#container.main .board h2 a.active	{ border-radius: 15px 15px 0 0; background-color: #fff; color: #273594; }
#container.main .board .list	{ display: none; line-height: 38px; }
#container.main .board .list.active	{ display: block; position: absolute; left: 0; top: 64px; width: 100%; height: calc(100% - 64px); border-width: 0 2px 2px 2px; border-style: solid; border-color: #e5e5e5; border-radius: 0 0 15px 15px; box-sizing: border-box; background-color: #fff; }
#container.main .board .list ul	{ padding: 37px 35px 0 30px; margin: 0; list-style: none; }
#container.main .board .list ul li	{ padding: 0; margin: 0; list-style: none; }
#container.main .board .list ul li a	{ position: relative; display: block; padding: 0 8em 0 20px; font-size: 17px; }
#container.main .board .list ul li a:before	{ position: absolute; left: 0; top: 50%; width: 2px; height: 2px; margin-top: -1px; background-color: #5a65ad; content: ""; }
#container.main .board .list ul li a .title	{ display: block; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#container.main .board .list ul li a .date	{ position: absolute; right: 0; top: 0; }
#container.main .board .list ul li a br	{ display: none; }
#container.main .board .list .more	{ position: absolute; right: -2px; top: -64px; width: 64px; height: 64px; line-height: 64px; text-align: left; color: #fff; text-indent: -9999px; overflow: hidden; }
#container.main .board .list .more:before	{ position: absolute; left: 0; top: 0; width: 100%; text-align: center; text-indent: 0; font-weight: normal; font-family: serif; font-size: 30px; content: "+"; }
#container.main .board .list .more:focus, #container.main .board .list .more:hover, #container.main .board .list .more:active	{ background-color: rgba(255, 255, 255, 0.5); color: #000; }


#container.main .popupzone2	{ position: relative; float: left; width: 380px; min-height: 320px; border-radius: 15px; margin-left: 40px; background-color: #fff; overflow: hidden; }
#container.main .popupzone2 h2	{ height: 63px; line-height: 61px; padding: 0 0 0 28px; margin: 0; border-width: 2px 2px 0 2px; border-style: solid; border-color: #e5e5e5; border-radius: 15px 15px 0 0; box-sizing: border-box; font-size: 24px; color: #333; font-weight: 600; }
#container.main .popupzone2 .list	{ position: absolute; width: 100%; height: calc(100% - 63px); border-radius: 0 0 15px 15px; background-color: #fff; }
#container.main .popupzone2 .list .slick-prev	{ position: absolute; right: 80px; top: -46px; width: 30px; height: 30px; padding: 0; margin: 0; border: 0 none; background-color: #fff; color: #333; text-align: left; text-indent: -9999px; overflow: hidden; }
#container.main .popupzone2 .list .slick-prev:after	{ position: absolute; left: 0; top: 0; width: 100%; line-height: 30px; text-align: center; text-indent: 0; font-family: serif; fotn-size: 20px; content: "<"; }
#container.main .popupzone2 .list .slick-prev:focus, #container.main .popupzone2 .list .slick-prev:hover, #container.main .popupzone2 .list .slick-prev:active	{ background-color: rgba(0, 0, 0, 0.5); color: #fff; }
#container.main .popupzone2 .list .slick-next	{ position: absolute; right: 50px; top: -46px; width: 30px; height: 30px; padding: 0; margin: 0; border: 0 none; background-color: #fff; color: #333; text-align: left; text-indent: -9999px; overflow: hidden; }
#container.main .popupzone2 .list .slick-next:after	{ position: absolute; left: 0; top: 0; width: 100%; line-height: 30px; text-align: center; text-indent: 0; font-family: serif; fotn-size: 20px; content: ">"; }
#container.main .popupzone2 .list .slick-next:focus, #container.main .popupzone2 .list .slick-next:hover, #container.main .popupzone2 .list .slick-next:active	{ background-color: rgba(0, 0, 0, 0.5); color: #fff; }
#container.main .popupzone2 .list .play_stop	{ position: absolute; right: 20px; top: -46px; width: 30px; height: 30px; padding: 0; margin: 0; border: 0 none; background-color: #fff; color: #333; text-align: center; font-family: serif; fotn-size: 20px; }
#container.main .popupzone2 .list .play_stop:focus, #container.main .popupzone2 .list .play_stop:hover, #container.main .popupzone2 .list .play_stop:active	{ background-color: rgba(0, 0, 0, 0.5); color: #fff; }
#container.main .popupzone2 .list .slick-dots	{ position: absolute; right: 130px; top: -46px; line-height: 30px; padding: 0; margin: 0; list-style: none; }
#container.main .popupzone2 .list .slick-dots li	{ display: none; padding: 0; margin: 0; list-style: none; }
#container.main .popupzone2 .list .slick-dots li.slick-active	{ display: block; }
#container.main .popupzone2 .list .slick-dots li button	{ cursor: default; height: 30px; padding: 0; margin: 0; border: 0 none; background-color: transparent; color: #888; font-size: 16px; font-weight: normal; vertical-align: top; }
#container.main .popupzone2 .list .slick-dots li button span	{ color: #333; }
#container.main .popupzone2 .list div,
#container.main .popupzone2 .list a	{ display: block !important; position: relative; width: 100%; height: 100%; text-align: left; text-indent: -99999px; overflow: hidden; background: #e5e5e5 no-repeat center center; background-size: contain; }
#container.main .popupzone2 .empty	{ line-height: 10em !important; text-align: center !important; text-indent: 0 !important; }


#container.main .link2	{ float: right; width: 215px; border: 1px solid #e1e1e1; border-radius: 15px; background-color: #fff; }
#container.main .link2 h2	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
#container.main .link2 ul	{ padding: 9px; margin: 0 -3px; list-style: none; }
#container.main .link2 ul li	{ padding: 0; margin: 0; list-style: none; box-sizing: border-box; }
#container.main .link2 ul li + li	{ border-top: 2px dashed #e1e1e1; }
#container.main .link2 ul li a	{ position: relative; display: block; height: 149px; font-size: 19px; color: #0c0c0c; }
#container.main .link2 ul li a:before	{ position: absolute; left: 0; top: 0; width: 100%; height: 113px; background: no-repeat center center; content: ""; }
#container.main .link2 ul li a > span	{ position: absolute; left: 0; bottom: 14.81%; display: block; width: 100%; line-height: 26px; text-align: center; }
#container.main .link2 ul li a.icon1:before	{ background-image: url(../image/main_link2_1.png); }
#container.main .link2 ul li a.icon2:before	{ background-image: url(../image/main_link2_2.png); }
#container.main .link2 ul li a:focus, #container.main .link2 ul li a:hover, #container.main .link2 ul li a:active	{ color: #f00; font-weight: 600; }



#container.main .section_2	{ padding: 20px 0 100px 0; background-color: #fff; }
#container.main .section_2 .align_2	{ max-width: 1280px; margin: 0 auto; }
#container.main .section_2 .align_2:after	{ display: block; clear: both; content: ""; }


#container.main .lecture	{}
#container.main .lecture h2	{ padding: 20px 0; margin: 0; }
#container.main .lecture h2 a	{ display: block; }
#container.main .lecture h2 a span	{ display: block; line-height: 28px; text-align: center; font-size: 22px; font-weight: normal; }
#container.main .lecture h2 a strong	{ display: block; line-height: 46px; text-align: center; font-size: 38px; font-weight: bold; }
#container.main .lecture .list	{ width: 100%; overflow: auto; }
#container.main .lecture .list table	{ width: 100%; table-layout: fixed; border-collapse: collapse; border-top: 2px solid #000; }
#container.main .lecture .list table caption	{ display: block; width: 100%; height: 0; font-size: 0; overflow: hidden; }
#container.main .lecture .list table thead tr th	{ height: 48px; background-color: #6f7997; text-align: center; color: #fff; font-weight: normal; }
#container.main .lecture .list table tbody tr	{ border-bottom: 1px solid #dbdbdb; }
#container.main .lecture .list table tbody tr th,
#container.main .lecture .list table tbody tr td	{ height: 55px; line-height: 1.3em; text-align: center; }
#container.main .lecture .list table tbody tr td a.regist	{ display: inline-block; min-width: 90px; line-height: 2em; border-radius: 5px; text-align: center; background-color: #316cf2; color: #fff; }
#container.main .lecture .list table tbody tr td a.wait	{ display: inline-block; min-width: 90px; line-height: 2em; border-radius: 5px; text-align: center; background-color: #666; color: #fff; }
#container.main .lecture .list table tbody tr td a.end	{ display: inline-block; min-width: 90px; line-height: 2em; border-radius: 5px; text-align: center; background-color: #f2316a; color: #fff; }
#container.main .lecture .list table tbody tr td a.regist:focus, #container.main .lecture .list table tbody tr td a.regist:hover, #container.main .lecture .list table tbody tr td a.regist:active	{ background-color: #000; color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }



body.menu_design_main #footer	{ margin-top: 0; }



@media all and ( max-width: 1280px )
{
	#container.main .main_visule	{ position: relative; width: 48.4375%; height: 0; padding-top: 60.9375%; }
	#container.main .main_visule .list	{ position: absolute; left: 0; top: 0; }
	
	#container.main .link1	{ width: 48.4375%; }
	
	#container.main .board	{ width: 48.4375%; }
	
	#container.main .popupzone2	{ float: right; width: 48.4375%; margin-left: 0; margin-bottom: 25px; }
	
	#container.main .link2	{ float: none; clear: both; width: auto; max-width: 430px; margin: 0 auto; }
	#container.main .link2 ul:after	{ display: block; clear: both; content: ""; }
	#container.main .link2 ul li	{ float: left; width: 50%; }
	#container.main .link2 ul li + li	{ border: 0 none; border-left: 2px dashed #e1e1e1; }
}

@media all and ( max-width: 1024px )
{
	#container.main .section_1	{ padding: 20px 10px; }
	
	#container.main .main_visule	{ float: none; width: auto; max-width: 620px; height: 780px; padding: 0; margin: 0 auto 20px auto; }
	#container.main .link1,
	#container.main .board	{ float: none; width: auto; max-width: 620px; margin: 0 auto 20px auto; }
	
	#container.main .popupzone2	{ float: none; width: auto; max-width: 380px; margin: 0 auto 20px auto; }
}

@media all and ( max-width: 620px )
{
	#container.main .main_visule	{ height: 0; padding-top: 125.8%; }
}


@media all and ( max-width: 500px )
{
	#container.main .link1 ul	{ margin: -3px; }
	#container.main .link1 ul li	{ width: 50%; padding: 3px; }
	
	#container.main .board h2	{ width: 33%; }
	#container.main .board .list ul	{ padding: 30px 10px 0 10px; }
	#container.main .board .list ul li a	{ padding: 0 6em 0 10px; }
}

@media all and ( max-width: 380px )
{
	#container.main .popupzone2	{ max-width: 380px; height: 0; padding-top: 84.21%; box-sizing: border-box; }
	#container.main .popupzone2 h2	{ position: absolute; left: 0; top: 0; width: 100%; }
	#container.main .popupzone2 .list	{ left: 0; top: 63px; width: 100%; height: calc(100% - 63px); }
}