.sub_vi {width:100%; height:500px;  text-align:center; display:flex; align-items:center; justify-content:center;background:url('/common/img/sub_vi1.png') no-repeat bottom; background-size:cover !important; background-color:#333; background-size:100%;  box-sizing:border-box;  color:#fff; text-shadow:4px 4px 9px rgba(0,0,0,.2); position:Relative}
.bg2 { background:url('/common/img/sub_vi2.png') no-repeat bottom; }
.bg3 { background:url('/common/img/sub_vi1.png') no-repeat bottom; }
.bg4 { background:url('/common/img/sub_vi2.png') no-repeat bottom; }

.sub_vi:after {width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,.3); content:''}
.sub_vi h2 { font-size:3em;  margin-top:50px; position:relative; z-index:99}
.sub_vi ul {width:100%; position:absolute; left:0; bottom:0; z-index:99; display:flex; justify-content:center; }

.sub_vi ul:after {width:100%; height:100%;  position:absolute; left:0; bottom:0;  background: rgba(255,255,255,0.04);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px); content:''; z-index:-9}

.sub_vi ul li {width:210px; position:relative;  line-height:60px; color:#111;  text-align:center; font-size:1.25rem}
.sub_vi ul li a {color:#fff; text-shadow:none; width:100%; display:inline-block}
.sub_vi ul li:after {content:''; width:0; height:3px; background-color:#fff; position:absolute; left:50%; top:0; transform: translate(-50%, 0);  display:inline-block;   transition: all .3s;  }
.sub_vi ul li:hover:after { width:100%; }

.sub_vi ul li.ov:after {content:''; width:100%; height:3px; background-color:#fff; position:absolute; left:50%; top:0; transform: translate(-50%, 0);  display:inline-block;   transition: all .3s;  }
.sub_vi ul li.ov  a {color:#fff}

.content {padding:120px 0 100px 0; font-size:17px }


.intro  .intro_top_img_box {position:relative; width:100%; height:400px; background:url('/common/img/sub_vi2.png') no-repeat center; background-size:cover; float:left}
.intro  .intro_top_img_box:after {width:calc(100% - 20px); height:calc(100% - 20px); position:absolute; left:10px; top:10px; border:1px solid #fff; box-sizing:border-box; content:''}
.color_box {width:60%; display:inline-block; font-size:1.5em;   padding:50px ; box-sizing:border-box;  text-align:center; background:#2a67bc;  margin-top:-100px; position:relative; z-index:99}


.intro .color_box .t1 { color:#fff; }
.intro .color_box .t2 { color:#fff; width:100%; display:inline-block; padding-top:10px; }
.intro .text_box b {font-size:1.5em; width:100%; display:inline-block; margin-top:10px; margin-bottom:20px}
.guide_line {
    width: 1px;
    height: 30px;
    margin-top: 10px;
    background-color: #2a67bc;
    display: inline-block;

	}
h3.guide {font-size:2.7em; font-weight:800;  margin-bottom:40px}
p.text_box {font-size:1.05em; line-height:1.6}
 

@media all and (max-width:1241px) {
 		.content {padding:70px 3% 80px 3%; box-sizing:border-box  }
}


@media all and (max-width:900px) {
		.sub_vi { height:250px; font-size:1.4em;  }
		.sub_vi  h2 {font-size:1.5em;  margin-top:-30px;  }
		.sub_vi ul {width:100%; overflow-x:auto; justify-content:flex-start; box-sizing:border-box; padding-left:20px}
		.sub_vi ul li {width:auto; margin-right:20px; font-size:1.15rem}
 		h3.guide {font-size:1.8em}

		.intro  .intro_top_img_box {width:100%; height:250px;  background-size:cover; float:left}
		.color_box {width:100%; font-size:1.2em;  padding:30px 5%; margin-top:0;}
		p.text_box {font-size:1em; line-height:1.5; text-align:left;  padding:0 5%; box-sizing:border-box}
		.intro .text_box b {font-size:1.3em;   margin-top:20px; }

		.map .wrap_map {height:250px !important}


}


.application  {max-width:1000px}

 
.application ul {width:100%; box-sizing:border-box; padding:20px 4%;  border:1px solid #ddd;  border-radius:5px; box-shadow:3px 3px 10px rgba(0,0,0,.07);  display:flex; flex-wrap:wrap;   margin-top:10px}
.application ul li {width:100%; display:flex; align-items:center; padding:10px 0; box-sizing:border-box;   border-bottom:1px solid #ddd;  color:#333; line-height:1.5}
.application ul li.col-2 {width:50%; padding-right:10px}
.application ul li.col-2:nth-child(2n) {padding-right:0; padding-left:10px}
.application ul li:last-child {border-bottom:none}

.application ul li h3 {font-size:1.05em; margin-bottom:0; font-weight:600; color:#333; width:150px; flex-shrink:0; line-height:1.1}
.application ul li h3 span {font-size:.9rem; color:#666; font-weight:400; }
.application ul li >  div {width:100%; display:flex; align-items:Center}
.application ul li >  div.flex_none {display:inline-block}
.application ul li >  div > div {width:100%}

.application ul li input {vertical-align:middle}
.application ul li select {height:37px; font-size:.95em; padding:0 5px; box-sizing:border-box; color:#333; border:1px solid #ddd;  border-radius:5px}
.application ul li input + a.s_btn { margin-left:5px; line-height:35px}

.application ul li  input[type="file"] { 
    font-size:.95em; 

}
.application ul li  input[type="text"] { 
    height: 37px;
    font-size: 1em;
    border-radius: 5px;
    text-indent: 10px;  
	border:1px solid #ddd; box-sizing:border-box; 
	}
.application ul li  input[type="password"] { 
    height: 37px;
    font-size: 1em;
    border-radius: 5px;
    text-indent: 10px;  
	border:1px solid #ddd; box-sizing:border-box; 
	}
.application ul li  input[type="date"] { 
    height: 37px;
    font-size: 1em;
    border-radius: 5px;
    padding:0 7px;  
	border:1px solid #ddd; box-sizing:border-box; 
	}
	.application ul li  input[type="time"] { 
    height: 37px;
    font-size: 1em;
    border-radius: 5px;
    padding:0 7px;  
	border:1px solid #ddd; box-sizing:border-box; 
	}
.application ul li textarea { 
    height: 150px;
	width:100%;
    font-size: 1rem;
    border-radius: 5px;
     padding:10px;  
	border:1px solid #ddd; box-sizing:border-box; 
	}
.application ul li div.tel select {width:30%; max-width:130px}
.application ul li div.tel input {width:30%; max-width:130px}

.application ul li div.check_div  {flex-wrap:wrap; border-top:1px solid #ddd; border-left:1px solid #ddd;}
.application ul li div.check_div p {width:50%; border-bottom:1px solid #ddd;  border-right:1px solid #ddd; box-sizing:border-box; padding:10px; }
.application ul li div.check_div p b {font-weight:500; margin-right:15px}
 
.application ul li div.email input[type="text"] {width:30%; max-width:300px; margin-right:5px}
.application ul li div.email input[type="text"]:nth-child(2) {margin-left:5px}

.application p.info_txt {color:#444; font-size:.97em}
 



@media screen and (max-width:900px) {
		.application ul li {flex-wrap:wrap; padding:13px 0}
		.application ul li.col-2 {width:100%; padding-right:0}
		.application ul li.col-2:nth-child(2n) {padding-right:0; padding-left:0}

		.application ul li h3 {width:100%; margin-bottom:10px }

		.application ul li >  div {width:100%; }

}

 pre.info_pre {width:100%;   border:1px solid #ddd; border-radius:5px; box-shadow:3px 3px 10px rgba(0,0,0,.07);   box-sizing:border-box; padding:15px; margin-top:10px; font-size:.97em; line-height:1.4; color:#444;  }
 pre.info_pre + div {background-color:#fff;  font-size:1.05em; text-align:right; padding:10px; box-sizing:border-box; color:#444}



.product ul {  display:flex; border:1px solid #ddd; flex-wrap:wrap; align-items:flex-start; justify-content:space-between }
.product ul li { width:100%; position:relative;  box-sizing:border-box;  color:#333; font-size:1.1em; line-height:1.2; display:flex; justify-content:space-between }
.product ul li:first-child {line-height:1.3}
.product ul li b {font-size:2.2em; font-weight:800; margin-top:1px; display:inline-block; width:100%}
.product ul li div.img { width:50%; flex-shrink:0}
.product ul li div.t {padding:40px 4%; box-sizing:border-box;  display:flex; align-content:center;  flex-wrap:wrap; box-sizing:border-box;  width:50%; min-height:20vw }
.product ul li div.t p {margin:13px 0 20px 0;  line-height:1.4; width:100%}
.product ul li div.t dl {width:100%; display:flex; font-size:.98em; background-color:#f5f5f5;  padding:15px; box-sizing:border-box; }
.product ul li div.t dl dt {width:50px; flex-shrink:0; font-weight:600;   color:#000 } 
.product ul li:nth-child(2n) div.img {order:1}
.product ul li:nth-child(2n) div.t {order:2}


.h4_tit  {font-size:1.35em}




@media all and (max-width:900px) {

		.product ul {border:none}
		.product ul li {flex-wrap:wrap; font-size:1em }
		.product ul li div.img { width:100%; height:55vw; order:1; }
		.product ul li div.t {padding:20px 0 40px 0; order:2;  width:100%;  min-height:auto }
		.product ul li b {font-size:1.4em;  }
		.product ul li div.t p {margin:10px 0 12px 0; font-size:1em;  }
		.product ul li div.t dl {  font-size:.98em; background-color:#fff;  padding:0px;  padding-top:15px; border-top:1px solid #ddd; }
		.product ul li:last-child div.t {padding-bottom:0}

}