@charset "utf-8";

/*===================== ¸ÞÀÎ ºñÁÖ¾ó =====================*/

#visual {position:relative; width:100%; background:url('../img/main_visual.jpg') center no-repeat; background-size:cover; padding:285px 0;}
#visual .text {position:relative; width:100%; text-align:center; z-index:5;}
#visual .text .mobile {display:none;}
#visual .black {position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.5); z-index:3;}
#visual .pattern {position:absolute; width:100%; height:818px; top:-46px; left:0; z-index:2; background:url('../img/visual_pattern.png') center no-repeat; background-size:cover;}

	@media (max-width: 1199px) {
	}

	@media (max-width: 999px) {
		#visual {padding:278px 0;}
		#visual .text {}
		#visual .text .pc {display:none;}
		#visual .text .mobile {display:block; color:#fff; letter-spacing:-0.05em;}
		#visual .text .mobile h2:before {position:relative; display:inline-block; top:-30px; left:40px; width:72px; height:45px; background:url('../img/m_visual_text_before.png') center no-repeat; content:''; background-size:cover;}
		#visual .text .mobile h2 {position:relative; font-size:48px; font-weight:400; margin-bottom:25px; margin-left:-72px;}
		#visual .text .mobile h2 b {}
		#visual .text .mobile p {font-size:16px; font-weight:300;}
		#visual .black {background:rgba(0,0,0,0.7);}
	}

	@media (max-width: 799px) {
		#visual {padding:243px 0;}
		#visual .text {}
		#visual .text .mobile h2:before {width:52px; height:32px; top:-20px; left:26px;}
		#visual .text .mobile h2 {font-size:280%; margin-left:-11%; margin-bottom:15px;}
		#visual .text .mobile p {font-size:110%;}
		#visual .pattern {top:5%; height:100%;}
	}

	@media (max-width: 499px) {
		#visual .text .mobile h2 {font-size:220%}
		#visual .text .mobile p {font-size:100%;}
	}



/*===================== ¸ÞÀÎ ÄÁÅÙÃ÷ =====================*/

.br {display:block;}

.contents .tit h3 {color:#000; font-size:36px; text-align:center; font-weight:300; margin-bottom:10px;}
.contents .tit h3 b {position:relative; font-weight:500; z-index:2;}
.contents .tit h3 b:before {position:absolute; display:inline-block; background:rgba(5,151,219,0.25); width:100%; height:13px; content:''; bottom:8px; z-index:1;}
.contents .tit p {font-size:20px; color:#000; text-align:center; font-weight:400; line-height:140%; margin-bottom:10px;}

	@media (max-width: 1199px) {
	}

	@media (max-width: 999px) {
		.contents .tit h3 {font-size:240%;}
	}

	@media (max-width: 799px) {
		.contents .tit h3 {font-size:200%;}
	}

.main_mission {}
.main_mission .tit_img {position:relative; background:#554fb4; text-align:center; padding:157px 0 127px;}
.main_mission .tit_img img {position:relative; z-index:19;}
.main_mission .tit_img .pattern1 {position:absolute; width:555px; height:350px; bottom:0; left:0; z-index:9; background:url('../img/mission_tit_pattern01.png') top center no-repeat;  background-size:cover;}
.main_mission .tit_img .pattern2 {position:absolute; width:324px; height:371px; bottom:185px; left:calc(50% - 260px); z-index:9; background:url('../img/mission_tit_pattern02.png') center no-repeat;  background-size:cover;}
.main_mission .tit_img .pattern3 {position:absolute; width:469px; height:536px; bottom:-40px; right:0; z-index:9; background:url('../img/mission_tit_pattern03.png') center no-repeat;  background-size:cover;}

	@media (max-width: 1399px) {
		.main_mission .tit_img .pattern1 {left:-150px;}
		.main_mission .tit_img .pattern2 {}
		.main_mission .tit_img .pattern3 {right:-150px;}
	}

	@media (max-width: 1199px) {
		.main_mission .tit_img .pattern1 {left:-250px;}
		.main_mission .tit_img .pattern2 {}
		.main_mission .tit_img .pattern3 {right:-250px;}
	}

	@media (max-width: 999px) {
		.main_mission .tit_img .pattern1 {left:0; width:306px; height:296px; background-image:url('../img/m_mission_tit_pattern01.png');}
		.main_mission .tit_img .pattern2 {width:227px; height:260px; left:calc(50% - 140px); bottom:40px; z-index:1;}
		.main_mission .tit_img .pattern3 {right:0; bottom:auto; top:0; width:205px; height:248px; background-image:url('../img/m_mission_tit_pattern03.png');}
	}

	@media (max-width: 799px) {
		.main_mission .tit_img {padding:90px 0 77px}
		.main_mission .tit_img img {height:26px;}
		.main_mission .tit_img .pattern1 {width:216px; height:199px;}
		.main_mission .tit_img .pattern2 {width:141px; height:162px; left:calc(50% - 90px); bottom:20px;}
		.main_mission .tit_img .pattern3 {width:127px; height:179px;}
	}

.main_mission .conts {position:relative; padding:210px 0 197px; }
.main_mission .conts .text {position:relative; text-align:center; font-size:20px; font-weight:400; z-index:9; word-break:keep-all;}
.main_mission .conts .pattern1 {position:absolute; width:370px; height:370px; top:0; left:0; z-index:2; background:url('../img/mission_conts_pattern01.png') top left no-repeat; background-size:cover;}
.main_mission .conts .pattern2 {position:absolute; width:30px; height:85px; top:0; right:0; z-index:2; background:url('../img/mission_conts_pattern02.png') bottom right no-repeat; background-size:cover;}
.main_mission .conts .pattern3 {position:absolute; width:227px; height:324px; bottom:0; left:0; z-index:2; background:url('../img/mission_conts_pattern03.png') top left no-repeat; background-size:cover;}
.main_mission .conts .pattern4 {position:absolute; width:342px; height:341px; bottom:0; right:0; z-index:2; background:url('../img/mission_conts_pattern04.png') bottom right no-repeat; background-size:cover;}

	@media (max-width: 1199px) {
		.main_mission .conts .pattern1 {width:250px; height:250px;}
		.main_mission .conts .pattern2 {}
		.main_mission .conts .pattern3 {width:185px; height:264px;}
		.main_mission .conts .pattern4 {width:272px; height:271px;}
	}

	@media (max-width: 999px) {
		.main_mission .conts {padding:210px 0 133px;}
		.main_mission .conts .text {font-size:140%;}
		.main_mission .conts .pattern1 {width:130px; height:130px;}
		.main_mission .conts .pattern2 {}
		.main_mission .conts .pattern3 {width:222px; height:304px;}
		.main_mission .conts .pattern4 {width:102px; height:101px;}
	}

	@media (max-width: 799px) {
		.main_mission .conts {padding:130px 0 86px;}
		.main_mission .conts .text {font-size:120%;}
		.main_mission .conts .pattern1 {width:70px; height:70px;}
		.main_mission .conts .pattern2 {width:20px; height:55px;}
		.main_mission .conts .pattern3 {width:176px; height:231px;}
		.main_mission .conts .pattern4 {width:52px; height:51px;}
	}

	@media (max-width: 499px) {
		.main_mission .conts {padding:120px 0 74px;}
		.main_mission .conts .text {font-size:100%;}
		.main_mission .conts .text .br {display:inline;}
		.main_mission .conts .pattern3 {width:134px; height:180px;}
	}


.main_lecture {padding:90px 0 60px; background:#f7fafc;}

	@media (max-width: 1199px) {
	}2020-01-14

	@media (max-width: 999px) {

	}

	@media (max-width: 799px) {
		.main_lecture {padding:70px 5%;}
	}

	@media (max-width: 499px) {
	}

.main_program {padding:90px 0 60px; background:#fff;}

	@media (max-width: 799px) {
		
		.main_program {padding:90px 2% 60px;}
	}


.main_location {position:relative; padding:0; background:#ddd;  overflow:hidden;}
.main_location .info_box {position:absolute; width:40%; color:#fff; background:rgba(0,0,0,0.5); height:500px}
.main_location .info_box .info {position:relative; float:right; width:407px; height:100%; padding:70px 29px; text-align:left; padding-bottom:33px;}
.main_location .info_box .info h3 {font-size:36px; font-weight:300; margin-bottom:35px;}
.main_location .info_box .info dl {}
.main_location .info_box .info dl dt {font-size:20px; font-weight:300; word-break:keep-all;}
.main_location .info_box .info dl dd {font-size:16px; margin-bottom:20px; font-weight:300; word-break:keep-all;}
.main_location .info_box .info .map_logo {position:absolute; bottom:28px;}

.main_location .map iframe{float:left;}

.map{} 
.map iframe{height:500px; overflow:hidden;} 


	@media (max-width: 1199px) {
	}

	@media (max-width: 999px) {
		.main_location {overflow:hidden;}
		.main_location .info_box {width:50%;}
		.main_location .info_box .info {width:100%;}
		.main_location .info_box .info h3 {font-size:280%;}
		.main_location .info_box .info dl dt{font-size:140%;}
		.main_location .info_box .info dl dd{font-size:130%;}

		.map {width:calc(100% + 30%);}
	}

	@media (max-width: 799px) {
		.main_location .info_box {height:450px;}
		.main_location .info_box .info {padding:40px 5%;}
		.main_location .info_box .info h3 {font-size:180%;}
		.main_location .info_box .info dl dt{font-size:120%;}
		.main_location .info_box .info dl dd{font-size:110%;}
		.main_location .info_box .info .map_logo {width:70%;}

		.map iframe {height:450px;}
	}

	@media (max-width: 599px) {
		.main_location .info_box .info h3 {font-size:160%;}
		.main_location .info_box .info dl dt{font-size:110%;}
		.main_location .info_box .info dl dd{font-size:100%;}
	}