/* sub_visual */
.sub_visual{width:100%; margin:0 auto; padding:10.78125vw 0;}
.sub_visual_Box{width:100%; max-width:640px; margin:10.15625vw auto; text-align:center; box-sizing:border-box; }
.sub_visual_Box > h4{font-size:7.8125vw; color:#fff; font-weight:400; }
.sub_visual_Box > p{font-size:2.5vw; color:#fff; letter-spacing:2px; }


/* sub_visual_bg */
.sub_intro_bg1{background:url("/img/common_bg.png")0 0 no-repeat; width:100%; max-width:640px; height:32.8125%; background-size:100% 100%}


/* sub_nav */
.sub_nav{width:100%; height:12.5%; background:#fff; max-width:640px;}
.sub_nav_con:after{content:""; display:block; clear:both; }
.sub_nav_box2{float:left; max-width:50%; width:100%;}
.sub_nav_box2 .sub_nav_dep01_1{  width:100%; height:12.5%; box-sizing:border-box; border-bottom:none; background:url("/img/mobile_dpt1.png")100% 100% no-repeat; background-size:100% 100%; height:12.5vw;}
.sub_nav_box2 .sub_nav_dep01_1 li{position:relative;}
.sub_nav_box2 .sub_nav_dep01_1 li a{display:block; line-height:12.432vw; max-width:320px; width:100%; color:#fff; font-size:3.90625vw; font-weight:300; font-family:notom; letter-spacing:-2px;}
.sub_nav_box2 > .sub_nav_dep01_1 > li > a {text-align:left; margin-left:25px;}
.sub_nav_box2 .sub_nav_dep01_1 li .sub_nav_dep01_2{ z-index:99; top:12.39vw; left:0; color:#fff; width:100%;  background:#f9c937; position:absolute; }
.sub_nav_box2 .sub_nav_dep01_1 li .sub_nav_dep01_2 > li > a:hover{background:#d6a512;}
.sub_nav_box2 .sub_nav_dep01_1 li .sub_nav_dep01_2 > li > a {text-align:center;}
.sub_nav_box3{ max-width:50%; width:100%; float:left;  border-bottom:none;}
.sub_nav_box3 .sub_nav_dep02_1{ width:100%; height:12.432vw; box-sizing:border-box; background:url("/img/mobile_dpt2.png")100% 100% no-repeat; background-size:100% 100%; height:12.5vw;}
.sub_nav_box3 .sub_nav_dep02_1 li{position:relative; z-index:98;}
.sub_nav_box3 .sub_nav_dep02_1 li a{display:block; line-height:12.432vw;  max-width:320px; width:100%; color:#fff; font-size:3.90625vw; font-weight:300; font-family:notom; letter-spacing:-2px;}
.sub_nav_box3 > .sub_nav_dep02_1 > li > a {text-align:left; margin-left:25px;}
.sub_nav_box3 .sub_nav_dep02_1 li .sub_nav_dep02_2{ z-index:99; top:8.125vw; left:0; width:100%; color:#ff;  background:#d6a512;}
.sub_nav_box3 .sub_nav_dep02_1 li .sub_nav_dep02_2 > li > a:hover{background:#f9c937; width:100%;}
.sub_nav_box3 .sub_nav_dep02_1 li .sub_nav_dep02_2 > li > a {text-align:center;}

.sub_nav_box3 .sub_nav_dep03_1{ width:100%; height:12.5vw; box-sizing:border-box; }
.sub_nav_box3 .sub_nav_dep03_1 li{position:relative;}
.sub_nav_box3 .sub_nav_dep03_1 li a{display:block; line-height:12.5vw; font-size:3.125vw; text-align:center;font-weight:bold; color:#fff; background:#d6a512; max-width:320px; width:100%;}
.sub_nav_box3 .sub_nav_dep03_1 li .sub_nav_dep03_2{ z-index:99; top:8.125vw; left:0; width:100%; color:#fff; background:#fff;}
.sub_nav_box3 .sub_nav_dep03_1 li .sub_nav_dep03_2 > li > a:hover{background:#f9c937; width:100%;}
.sub_nav_dep01_2{display:none;}
.sub_nav_dep02_2{display:none;}
.sub_nav_dep03_2{display:none;}
.last_sub_nav{border-left:none;}
.sub_nav_cover{
	width:100%;
	max-width:640px;
	height:8.125vw;
	margin:0 auto;
}

/*common_below area*/
div.blue_screen {background:#3e74d7; width:95%; max-width:608px; height:83.59375%; margin:0 auto 3.125vw; height:auto; padding:6.25vw 0 3.125vw 0; height:auto;}
div.bs_tit {border-bottom:2px solid #fff; width:100%; max-width:82.5vw; margin:0 auto; 3.125vw;} 
div.bs_tit> h4 {font-size:4.375vw; font-weight:normal; color:#fff; }

div.bs_input {width:100%; max-width:82.5vw; margin:0 auto; overflow:hidden;}

div.input_name {width:100%; max-width:82.5vw; margin:20px auto; min-height: 45px;}
div.input_name > div:first-of-type {float:left; width:100%; max-width:10.9375vw; min-height: 36px; padding-top:15px;}
div.input_name > div:first-of-type > span {font-size:2.8125vw; color:#fff; text-align:left; font-weight:bold;}
div.input_name > div:last-of-type {float:left; width:86%; max-width:82.5vw; min-height:45px;}
div.input_name > div:last-of-type > input { width:100%; max-width:82.5vw; min-height:45px; color:#404040; font-size:28px;}

div.input_contact {width:100%; max-width:82.5vw; margin:20px auto; min-height: 45px;}
div.input_contact > div:first-of-type {float:left; width:100%; max-width:10.9375vw; min-height: 36px; padding-top:15px;}
div.input_contact > div:first-of-type > span {font-size:2.8125vw; color:#fff; text-align:left;  font-weight:bold;}
div.input_contact > div:last-of-type {float:left; width:86%; max-width:82.5vw; min-height:45px;}
div.input_contact > div:last-of-type > input {width:100%; max-width: 82.5vw; min-height:45px; color:#404040; font-size:28px;}

div.input_des {width:100%; max-width:82.5vw; margin:20px auto; min-height: 45px;}
div.input_des > div:first-of-type {float:left; width:100%; max-width:10.9375vw; min-height: 36px; padding-top:15px;}
div.input_des> div:first-of-type > span {font-size:2.8125vw; color:#fff; text-align:left;  font-weight:bold;}
div.input_des > div:last-of-type {float:left; width:86%; max-width:82.5vw; min-height:45px;}
div.input_des > div > textarea {width:100%; max-width:492px; height:150px; color:#404040; font-size:28px;}

div.personal_info {width:100%; max-width:82.5vw; min-height:45px; margin-left:10.9375vw; overflow:hidden;} 
div.personal_info > div:first-of-type{width:50%; max-width:275px; float:left; margin-top:13px;}
div.personal_info > div:first-of-type > input {width:100%; max-width:20px; min-height:20px; float:left;}
div.personal_info > div:first-of-type > span {font-size:2.8125vw; color:#fff; float:left; margin-left:0.813815329vw;}
div.personal_info > div:last-of-type {width:34%; max-width:175px; float:left; border:1px solid #fff; margin-top:10px;}
div.personal_info > div:last-of-type > a > div > h4{ color:#fff; font-size:2.8125vw; text-align:center; font-weight:normal; }

div.apply_btn_cover {width:100%; max-width:82.5vw; margin:30px 0 30px 0;}
div.apply_btn {width:100%; max-width:41.40625vw; height:9.375vw; background:#0d3784; margin: 0 auto; padding-top:1.5625vw;}
div.apply_btn > h4 {font-size:3.125vw; color:#6dd6ff; font-weight:300; text-align:center; font-family:notom; margin-top:1.5094339623vw;}


div.options{width:96%; margin:0 auto;}
div.options > div {width:100%; margin:0 auto; max-width:89.3vw; min-height:21.5625vw; overflow:hidden;}
div.options > div > div{float:left; width:100%; max-width:43.7vw; margin-bottom:1.875vw; height:21.5625vw;}
div.options > div > div:nth-of-type(even){margin-left:1.875vw;}
div.options > div > div > a > img {width:100%; height:100%;}

@media screen and (min-width:641px){
	/* sub_visual */
	.sub_visual{width:100%; margin:0 auto; padding:66px 0;}
	.sub_visual_Box{width:100%; margin:65px auto; text-align:center; box-sizing:border-box; }
	.sub_visual_Box > h4{font-size:50px; color:#fff; font-weight:300; font-family: notor; }
	.sub_visual_Box > p{font-size:18px; color:#fff; font-weight:300; font-family: notol; letter-spacing:0px;}


	/* sub_visual_bg */
	.sub_intro_bg1{background:url("/img/common_bg.png")0 0 no-repeat; width:100%; max-width:640px; height:210px; }


	/* sub_nav */
	.sub_nav{width:100%; height:80px; background:#fff; max-width:640px;}
	.sub_nav_con:after{content:""; display:block; clear:both; }
	.sub_nav_box2{float:left; max-width:320px; width:100%;}
	.sub_nav_box2 .sub_nav_dep01_1{ max-width:320px; width:100%; height:80px; box-sizing:border-box; border-bottom:none; background:url("/img/mobile_dpt1.png")0 0 no-repeat;}
	.sub_nav_box2 .sub_nav_dep01_1 li{position:relative;}
	.sub_nav_box2 .sub_nav_dep01_1 li a{display:block; line-height:80px; color:#fff; font-size:25px;  font-weight:300; font-family:notom; letter-spacing:-2px;   max-width:320px; width:100%;}
	.sub_nav_box2 > .sub_nav_dep01_1 > li > a {text-align:left; margin-left:25px;}
	.sub_nav_box2 .sub_nav_dep01_1 li .sub_nav_dep01_2{ z-index:99; top:80px; left:0; color:#fff; width:100%; background:#f9c937;  }
	.sub_nav_box2 .sub_nav_dep01_1 li .sub_nav_dep01_2 > li > a:hover{background:#d6a512;}
	.sub_nav_box2 .sub_nav_dep01_1 li .sub_nav_dep01_2 > li > a {text-align:center;}
	.sub_nav_box3{ max-width:320px; width:100%; float:left;  border-bottom:none;}
	.sub_nav_box3 .sub_nav_dep02_1{max-width:320px; width:100%; height:80px; box-sizing:border-box; background:url("/img/mobile_dpt2.png")0 0 no-repeat;}
	.sub_nav_box3 .sub_nav_dep02_1 li{position:relative;}
	.sub_nav_box3 .sub_nav_dep02_1 li a{display:block; line-height:80px; color:#fff; font-size:25px; font-weight:300; font-family:notom; letter-spacing:-2px;  max-width:320px; width:100%;}
	.sub_nav_box3 > .sub_nav_dep02_1 > li > a {text-align:left; margin-left:25px;}
	.sub_nav_box3 .sub_nav_dep02_1 li .sub_nav_dep02_2{ z-index:99; top:52px; left:0; width:100%; color:#ff; background:#d6a512; }
	.sub_nav_box3 .sub_nav_dep02_1 li .sub_nav_dep02_2 > li > a:hover{background:#f9c937; width:100%;}
	.sub_nav_box3 .sub_nav_dep02_1 li .sub_nav_dep02_2 > li > a {text-align:center;} 
	

	.sub_nav_box3 .sub_nav_dep03_1{max-width:200px; width:100%; height:80px; box-sizing:border-box; }
	.sub_nav_box3 .sub_nav_dep03_1 li{position:relative;}
	.sub_nav_box3 .sub_nav_dep03_1 li a{display:block; line-height:80px; font-size:20px; text-align:center;font-weight:bold; color:#fff; background:#d6a512; max-width:320px; width:100%;}
	.sub_nav_box3 .sub_nav_dep03_1 li .sub_nav_dep03_2{ z-index:99; top:52px; left:0; width:100%; color:#fff; background:#fff;}
	.sub_nav_box3 .sub_nav_dep03_1 li .sub_nav_dep03_2 > li > a:hover{background:#f9c937; width:100%;}
	.sub_nav_dep01_2{display:none;}
	.sub_nav_dep02_2{display:none;}
	.sub_nav_dep03_2{display:none;}
	.last_sub_nav{border-left:none;}
	.sub_nav_cover{
		width:660px;
		height:80px;
		margin:0 auto;
	}

	/*common_below area*/
	div.blue_screen {background:#3e74d7; width:95%; max-width:608px; margin:0 auto 20px;; height:auto; padding:40px 0 20px 0;}
	div.bs_tit {border-bottom:2px solid #fff; width:100%; max-width:528px; margin:0 auto; 20px;} 
	div.bs_tit> h4 {font-size:28px; font-weight:normal; color:#fff; }

	div.bs_input {width:100%; max-width:528px; margin:0 auto; overflow:hidden;}

	div.input_name {width:100%; max-width:528px; margin:20px auto; min-height: 45px;}
	div.input_name > div:first-of-type {float:left; width:100%; max-width:70px; min-height: 36px; padding-top:15px; font-family:notol;}
	div.input_name > div:first-of-type > span {font-size:18px; color:#fff; text-align:left; font-weight:bold;}
	div.input_name > div:last-of-type {float:left; width:100%; max-width:452px; min-height:45px;}
	div.input_name > div:last-of-type > input { width:100%; max-width:452px; min-height:45px; color:#404040; font-size:28px;}

	div.input_contact {width:100%; max-width:528px; margin:20px auto; min-height: 45px;}
	div.input_contact > div:first-of-type {float:left; width:100%; max-width:70px; min-height: 36px; padding-top:15px;}
	div.input_contact > div:first-of-type > span {font-size:18px; color:#fff; text-align:left;  font-weight:bold;}
	div.input_contact > div:last-of-type {float:left; width:100%; max-width:452px; min-height:45px;}
	div.input_contact > div:last-of-type > input {width:100%; max-width: 452px; min-height:45px; color:#404040; font-size:28px;}

	div.input_des {width:100%; max-width:528px; margin:20px auto; min-height: 45px;}
	div.input_des > div:first-of-type {float:left; width:100%; max-width:70px; min-height: 36px; padding-top:15px;}
	div.input_des> div:first-of-type > span {font-size:18px; color:#fff; text-align:left;  font-weight:bold;}
	div.input_des > div:last-of-type {float:left; width:100%; max-width:452px; min-height:45px;}
	div.input_des > div > textarea {width:100%; max-width:492px; height:150px; color:#404040; font-size:28px;}

	div.personal_info {width:100%; max-width:452px; min-height:45px; margin-left:70px; overflow:hidden;} 
	div.personal_info > div:first-of-type{width:100%; max-width:275px; float:left; margin-top:13px;}
	div.personal_info > div:first-of-type > input {width:100%; max-width:20px; min-height:20px; float:left;}
	div.personal_info > div:first-of-type > span {font-size:18px; color:#fff; float:left; margin-left:5px;}
	div.personal_info > div:last-of-type {width:100%; max-width:175px; float:left; border:1px solid #fff; margin-top:10px;}
	div.personal_info > div:last-of-type > a > div > h4{ color:#fff; font-size:18px; text-align:center; font-weight:normal; font-family:notol;}

	div.apply_btn_cover {width:100%; max-width:528px; margin:30px 0 30px 0;}
	div.apply_btn {width:100%; max-width:265px; height:60px; background:#0d3784; margin: 0 auto; padding-top:10px;}
	div.apply_btn > h4 {font-size:20px; color:#6dd6ff; font-weight:bold; text-align:center; font-family:notom; margin-top:8px;}

	div.options{width:96%; max-width:608px; margin:0 auto 8px;}
	div.options > div {width:100%; min-height:138px; overflow:hidden;}
	div.options > div > div{float:left; width:100%; max-width:298px; margin-bottom:12px; height:138px;}
	div.options > div > div:nth-of-type(even){margin-left:12px;}
	div.options > div > div > a > img {width:100%; height:100%;}

}

@media screen and (max-width:500px)