@media (min-width:1201px){
.nop{display:none;}
#mobileMenu{display:none;}
#hd_pop .hd_pops.mobile{display:None;}
}
@media (min-width:971px){
#hd_pop .hd_pops.mobile{display:None;}
}
@media (max-width:970px){
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:auto;height:0}
#hd_pop .hd_pops.pc{display:None;}
}
@media (max-width:1200px){
body{ font-size:12px; }
.nom{display:none;}
button,input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]{-webkit-appearance:button;border-radius:0}


#header{  border-top:3px solid #a6a6a6; padding:15px 0;   }
#header h1{text-align:LEFT;}
#header h1 img{height:50px; }
#header ol{display:none; }
#topMenu{display:none; }


#header button{border:0; background:transparent; position:absolute; width:40px; height:40px; right:10px; top:50%; margin-top:-20px; text-indent:-1000px; overflow:hidden;}
#header button:after{width:30px; height:20px; border-top:2px solid #333; border-bottom:2px solid #333; position:absolute;  top:50%; margin-top:-12px; left:50%; margin-left:-15px;   content:"";}
#header button:before{width:30px; height:2px; position:absolute;top:50%; margin-top:-1px; left:50%; margin-left:-15px; background:#333; content:"";}


#mobileMenu{position:fixed; display:none; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.5); z-index:99 }
#mobileMenu ol{border-bottom:1px solid #DDD; line-height:40px; text-align:center; }
#mobileMenu ol:after {display:block;visibility:hidden;clear:both;content:""}
#mobileMenu ol li{display:inline-block; padding:0 10px}
#mobileMenu > a{position:absolute; right:100%; width:70px; background:#333; height:60px;  text-indent:-1000px; overflow:hidden;}
#mobileMenu > a:after{position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:-1px; width:40px; height:2px; background:#FFF; content:"";
transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-o-transform:rotate(45deg); }
#mobileMenu > a:before{position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:-1px; width:40px; height:2px; background:#FFF; content:"";
transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg); }
#mobileMenu section{position:absolute; right:-70%; top:0; width:70%; height:100%; background:#FFF; overflow:auto; }
#mobileMenu dl dd > a{position:relative; display:block; padding-left:30px; font-size:1.2em;  border-bottom:1px solid #EEE; line-height:45px;}
#mobileMenu dl dd > a i{position:absolute; line-height:30px; top:0; right:0; width:40px; text-align:center; line-height:30px; color:#5a5757}
#mobileMenu dl dd > ul{display:none;}
#mobileMenu dl dd > ul a{display:block; background:#F6F6F6; padding-left:40px;  border-bottom:1px solid #FFF; line-height:40px;}

/**/


#main_visual li{height:0; padding-top: 52%; background-size:cover; }
#main_visual .mvpn{display:none;}


#main_product{ padding:40px 0;  }
#main_product h2{ font-size:1.6em; line-height:120%; }
#main_product article{flex-wrap:wrap; margin-top:0px;}
#main_product a{width:33.33%;  margin-top:20px;}
#main_product a img{width:50px;}
#main_product p{ font-size:1em;  margin-top:8px; }


 #main_banner img{width:100%;}
 #main_banner1{position:relative; float:left; width:49%;  margin-bottom:10px;  }
#main_banner2{position:relative; float:left; width:49%;   margin-left:2%; }
#main_banner3{position:relative; float:none; }
#main_banner4{margin-top:2%;}
#main_banner5{margin:20px auto; }
 #main_banner5 img{width:100%;}
#main_banner .swiper-pagination{position:absolute; z-index:10; bottom:10px;  left:20px; }
#main_banner .swiper-pagination-bullet{position:relative; width:10px; height:10px;margin-right:3px;     }
  

#main_latest{ font-size:1em; }
#main_latest section{flex-wrap:wrap; }
#main_latest section article{ width:48%; margin-top:5%; }
#main_latest section article h3{font-size:1.8em; line-height:100%; height:30px; border-bottom:1px solid #c8c8c8; color:#000; font-weight:bold; margin-bottom:10px;}
#main_latest section article h4{font-size:2.0em; line-height:160%;  }
#main_latest section article img{margin-top:0; width:100%;}
#main_latest section article p{ line-height:20px; font-size:.9em}
#main_latest section article ul{ line-height:25px; }
#main_latest section article ul li{position:relative; }
#main_latest section article ul li a{float:none; }
#main_latest section article ul li span{display:none;}
#main_latest section article ul li a:before{content:"· "; font-weight:bold;  }

#main_latest section article dl{overflow:hidden; line-height:25px; font-size:.9em;  }
#main_latest section article dl dt{   width:50px; float:left; clear:both;}
#main_latest section article dl dd{float:right;}
#main_latest section article dl dd:after{display:block;clear:both;content:''}
#main_latest section article h6{color:#d84270; font-weight:bold; line-height:28px; }


#main_partner{margin-top:20px; padding:10px 0;  }
#main_partner article{flex-wrap:wrap;}
#main_partner article a{width:32.33%; margin:.5%}
#main_partner article a img{width:100%;}


#footer{  font-size:.9em; padding:10px 0 60px;}
#footer h1{float:none; margin-right:0px;}
#footer h1 img{width:150px;}
#footer article{_display:inline-block;overflow:hidden;padding-bottom:6px;  zoom:1}
#footer article:after{display:block;clear:both;content:''}

#footer a{color:#FFF; }
#footer address{margin-top:8px; }
#footer address span{padding-right:10px;white-space:nowrap  }
#footer p{color:#999;  margin-top:8px; }

#quick{position:fixed; top:auto; left:0; bottom:0; right:0; z-index:999}
#quick article{display: -webkit-flex; display: flex;  justify-content: space-between;}
#quick img{width:30px;}
#quick a{width:0;flex-grow:1; margin-bottom:0; margin-right:1px;  font-size:1em;  padding:10px 0; }
#quick a.nop{display:block;}
#quick a.nom{display:none;}

 

#pageNavi{position:relative; background:#fff; height:40px; line-height:40px; }
#pageNavi .wrap{margin:0}
#pageNavi .fa-home{float:left; color:rgba(0,0,0,.5); border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);   line-height:40px; font-size:1.8em; padding:0 10px}
#pageNavi a{color:#FFF;}
#pageNavi dl{position:relative; float:left; }
#pageNavi dd{display:none}
#pageNavi dt{position:relative;  cursor:pointer; padding-left:10px; padding-right:30px; border-right:1px solid rgba(0,0,0,.1); }
#pageNavi dt:after{ right:20px; line-height:40px;}
#pageNavi dl dd{position:absolute; top:40px; left:0; width:200px; min-width:100%; background:#d53080}
#pageNavi dl dd a{display:block; line-height:20px; padding:10px 0 10px 20px; border-bottom:1px solid rgba(255,255,255,.1)}
 

 .sub_container{ padding:40px 0;  z-index:1;}
.pageContent{ font-size:12px;  line-height:150%;    position:relative; zoom:1; word-break:keep-all;}

.pageContent {margin-top:-40px;}

.pageContent p{padding:5px 0; }
.pageContent ul{padding:5px 0px 0 15px; list-style-type: disc;}
.pageContent ul ul{list-style-type: circle;}
.pageContent ul ul ul{list-style-type: square;}
.pageContent ol{padding:5px 0px 0 15px; list-style-type: decimal;}
.pageContent ol ol{list-style-type: lower-alpha; padding:5px 0px 0 10px;}
.pageContent ol ol ol{list-style-type: Upper-alpha; padding:5px 0px 0 10px;}


.sub_hader{text-align:center;  margin-bottom:20px;}
.sub_hader h2{position:relative; font-size:2em; line-height:150%; padding-bottom:3%;  }
.sub_hader h2 strong{ font-weight:800; }
.sub_hader h2:after{width:20px; height:2px; margin-left:-10px; }
.sub_hader p{line-height:150%; color:#666666; font-size:1em; }
.sub_hader h6{line-height:150%; margin-top:10px; color:#333; font-size:1.5em; }
.sub_hader u{ font-size:1.6em; }
.sub_hader h3{ font-size:1.8em;  font-weight:800; color:#243e86; line-height:150%; padding:0; margin:0; margin-top:15px; }
.sub_hader h4{ font-size:1.6em;  color:#333; line-height:50px; padding:0; margin:0; padding-top:15px; }
.sub_hader h4:after{position:absolute; top:0; left:50%; width:40px; height:2px; margin-left:-20px; background:#333; content:""; }


 .sub_header2{background:url(../sub/img/sub_header2.jpg) center center no-repeat; background-size:cover;  }
 .sub_header2 .wrap{background-position:right center; background-repeat:no-repeat;  background-size:auto 100%; height:620px; padding-top:90px; box-sizing:border-box; }
 .sub_header2 article{text-align:center;display:inline-block; width:50%}
 .sub_header2 h1{ font-size:60px; line-height:90px; letter-spacing:-0.1em}
 .sub_header2 h1 strong{font-size:80px; color:#243e86; font-weight:800; display:block;}
 .sub_header2 h1 b{font-size:80px; color:#333; font-weight:800; display:block;}
 .sub_header2 h2{font-size:45px; color:#333;  display:block;line-height:120%; }
 .sub_header2 h2 strong{  color:#243e86; font-weight:900; }
 .sub_header2 h5{display:inline-block; background:#333333; padding:0 60px; line-height:38px; font-size:24px; color:#FFF;   border-radius:15px;}
 .sub_header2 h6{ color:#333; font-size:20px; color:#000; margin-top:10px; line-height:120%; }
 .sub_header2 dl{border-left:5px solid #333; padding-left:20px; float:left; margin-top:70px; }
 .sub_header2 dl dt{ font-size:21px; }
 .sub_header2 dl dd{ font-size:36px; font-weight:800; line-height:120%;   }
 .sub_header2 ol{padding:0; margin:0; list-style:none;  margin-left:40px; margin-top:20px;}
 .sub_header2 ol li{float:left; width:215px; height:215px; color:#FFF; background:#3d8cb9; text-align:center;  border-radius:50%; margin-left:30px; }
 .sub_header2 ol li:first-child{background:#5b6b96}
 .sub_header2 ol li strong{display:inline-block; border-bottom:1px solid #FFF; padding-top:40px; font-size:30px; line-height:40px; }
 .sub_header2 ol li p{   line-height:130%; font-size:20px; margin-top:10px;  }


 .sub_header3{position:relative; height:620px;  }
 .sub_header3 .sub_header_img{position:absolute;  top:0; left:0; right:0; bottom:0; background:url(../sub/img/sub_header3.jpg) center center no-repeat; background-size:cover; overflow:hidden;}
 .sub_header3 .sub_header_img img{height:100%;}
 .sub_header3 .wrap{}
 .sub_header3 article{display:inline-block; width:50%; float:right; padding-top:130px; }
 .sub_header3 h1{ font-size:60px; line-height:90px; }
 .sub_header3 h1 strong{font-size:80px; color:#243e86; font-weight:800; display:block;}
 .sub_header3 h1 b{font-size:80px; color:#333; font-weight:800; display:block;}
 .sub_header3 h2{font-size:45px;   display:block;line-height:120%; }
 .sub_header3 h2 strong{  color:#000; font-weight:900; }
 .sub_header3 h3{font-size:45px;}
 .sub_header3 h5{display:inline-block; background:#333333; padding:0 60px; line-height:38px; font-size:24px; color:#FFF;   border-radius:15px;}
 .sub_header3 h6{ color:#333;  line-height:120%; }

 .sub_header3 p{ font-size:20px;  line-height:25px; margin-top:10px;  }


.pageContent > section{padding:40px 0;}
.pageContent > section.bg1:before{background:url(../sub/img/3_1_bg3.jpg);}
.pageContent > section.bg2:before{background:#f4f4f4;}
.pageContent > section.bg21:before{background:#fee1be;}
.pageContent > section.bg22:before{background:#e8e8e8;}
.pageContent > section.bg223:before{border:1px solid #ccc;}

.pageContent > section.bg3:before{background:url(../sub/img/3_1_bg8.jpg) center center no-repeat; background-size:cover; }
.pageContent > section.bg4:before{background:url(../sub/img/3_1_bg9.jpg) center center no-repeat; background-size:cover; }
.pageContent > section.bg5:before{background:url(../sub/img/2_6_bg5.jpg) center center; background-size:cover; }
.pageContent > section.bg6:before{background:url(../sub/img/4_1_bg5.jpg) center center; background-size:cover; }
.pageContent > section.bg7:before{background-size:cover;}
.pageContent > section.bg8:before{background:url(../sub/img/5_1_bg3.jpg) center center no-repeat;  background-size:cover; }
.pageContent > section.bg9:before{background:url(../sub/img/6_3_bg2.jpg) center center no-repeat;  background-size:cover; }
.pageContent > section.bg11:before{background:url(../sub/img/7_1_bg2.jpg) center center no-repeat;  background-size:cover; }

.pageContent > section.bg10{padding:0;overflow:hidden; margin:0 -10px }
.pageContent > section.bg10:before{border-width:22vw 60vw; }




.pageContent > section.g1h1{  padding:0; height:auto;}
.pageContent > section.g1h1:before{background-size:130%; background-position:60% center}
.pageContent > section.g1h1 h2{margin-left:55%;   font-size:1.6em; line-height:150%; padding:14% 0;  }
.pageContent > section.g1h1 strong{font-size:.6em; color:#666;}


.pageContent > section.g2h:before{background-size:cover; background-position:60% center}
.pageContent > section.g2h h2{margin-left:40%;   font-size:1.6em; line-height:150%; padding:12% 0;  }

.pageContent > section.g2h7:before{background-size:cover; background-position:60% center}
.pageContent > section.g2h7 h2{margin-left:40%;   font-size:1.6em; line-height:150%; padding:12% 0;  }
.pageContent > section.g3h:before{background-size:cover; background-position:60% center}
.pageContent > section.g3h h2{margin-left:40%;   font-size:1.6em; line-height:150%; padding:12% 0;  }
.pageContent > section.g4h:before{background-size:cover; background-position:60% center}
.pageContent > section.g4h h2{margin-left:40%;   font-size:1.6em; line-height:150%; padding:12% 0;  }
.pageContent > section.g5h:before{background-size:cover; background-position:60% center}
.pageContent > section.g5h h2{margin-right:40%;   font-size:1.4em; line-height:150%; padding:12% 0;  }


.pageContent > section.g6h1{height:auto; padding-top:50%}
.pageContent > section.g6h1 div{ background-size:cover;}

.pageContent > section.g6h2{height:auto; padding-top:50%}
.pageContent > section.g6h2 div{background-size:cover;}
 
.pageContent > section.g6h3{height:auto; padding-top:50%}
.pageContent > section.g6h3 div{background-size:cover;}

.pageContent > section.g6h5{height:auto; padding-top:50%}
.pageContent > section.g6h5 div{background-size:cover;}


 
.pageContent > section.g7h1:before{background-size:cover; background-position:60% center}
.pageContent > section.g7h1 h2{margin-left:40%;   font-size:1.4em; line-height:150%; padding:12% 0;  }

/*2_1 ~ 2_7 */
.pageContent > section.g2s1{}
.pageContent > section.g2s1:before{ display:none;}
.pageContent > section.g2s1 dl{background-size:100px; background-position:center top;display:inline-block;  padding-top:80px;}
.pageContent > section.g2s1 dl:after{display:block;clear:both;content:'';}
.pageContent > section.g2s1 dl dt{position:relative; line-height:26px; text-align:left; padding-right:0; font-size:1.2em;}
.pageContent > section.g2s1 dl dd{position:relative; line-height:26px;  text-align:left;padding-left:0; font-size:1.2em;}
.pageContent > section.g2s1 dl dt:after{display:none;}
.pageContent > section.g2s1 dl dd:after{display:none;}
.pageContent > section.g2s1 dl dt:before{position:relative;  display:inline-block; vertical-align:middle; width:5px; height:5px; border:3px solid #f0709e ; margin-right:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g2s1 dl dd:before{position:relative;  display:inline-block; vertical-align:middle; width:5px; height:5px; border:3px solid #f0709e ; margin-right:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g2s1 dl .d1{margin-right:0}
.pageContent > section.g2s1 dl .d2{margin-left:0}
.pageContent > section.g2s1 dl .d3{margin-right:0}
.pageContent > section.g2s1 dl .d4{margin-left:0}
.pageContent > section.g2s1 dl .d5{margin-right:0}
.pageContent > section.g2s1 dl .d6{margin-left:0}
.pageContent > section.g2s1 dl .d7{margin-right:0}

.pageContent > section.g2s2{}
.pageContent > section.g2s2:before{display:none;}
.pageContent > section.g2s2 dl{background-size:100px; background-position:center top; display:inline-block; padding-top:80px;}
.pageContent > section.g2s2 dl dt{position:relative; line-height:26px; text-align:left; padding-right:0; font-size:1.2em;}
.pageContent > section.g2s2 dl dd{position:relative; line-height:26px;  text-align:left;padding-left:0; font-size:1.2em;}
.pageContent > section.g2s2 dl dt:after{display:none;}
.pageContent > section.g2s2 dl dd:after{display:none;}
.pageContent > section.g2s2 dl dt:before{position:relative;  display:inline-block; vertical-align:middle; width:5px; height:5px; border:3px solid #f0709e ; margin-right:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g2s2 dl dd:before{position:relative;  display:inline-block; vertical-align:middle; width:5px; height:5px; border:3px solid #f0709e ; margin-right:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g2s2 dl .d1{margin-right:0}
.pageContent > section.g2s2 dl .d2{margin-left:0}
.pageContent > section.g2s2 dl .d3{margin-right:0}
.pageContent > section.g2s2 dl .d4{margin-left:0}
.pageContent > section.g2s2 dl .d5{margin-right:0}

.pageContent > section.g2s3{}
.pageContent > section.g2s3:before{display:none;}
.pageContent > section.g2s3 dl{background-size:100px; background-position:center top; display:inline-block; padding-top:80px;}
.pageContent > section.g2s3 dl br{display:none;}
.pageContent > section.g2s3 dl dt{position:relative; line-height:26px; text-align:left; padding-right:0; font-size:1.2em;}
.pageContent > section.g2s3 dl dd{position:relative; line-height:26px;  text-align:left;padding-left:0; font-size:1.2em;}
.pageContent > section.g2s3 dl dt:after{display:none;}
.pageContent > section.g2s3 dl dd:after{display:none;}
.pageContent > section.g2s3 dl dt:before{position:relative;  display:inline-block; vertical-align:middle; width:5px; height:5px; border:3px solid #f0709e ; margin-right:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g2s3 dl dd:before{position:relative;  display:inline-block; vertical-align:middle; width:5px; height:5px; border:3px solid #f0709e ; margin-right:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g2s3 dl .d1{margin-right:0}
.pageContent > section.g2s3 dl .d2{margin-left:0}
.pageContent > section.g2s3 dl .d3{margin-right:0}
.pageContent > section.g2s3 dl .d4{margin-left:0}
.pageContent > section.g2s3 dl .d5{margin-right:0}
.pageContent > section.g2s3 dl .d6{margin-left:0}
.pageContent > section.g2s3 dl .d7{margin-right:0}

.pageContent > section.g2s5{}
.pageContent > section.g2s5:before{display:none;}
.pageContent > section.g2s5 dl{background-size:100px; background-position:center top; display:inline-block; padding-top:80px;}
.pageContent > section.g2s5 dl br{display:none;}
.pageContent > section.g2s5 dl dt{position:relative; line-height:26px; text-align:left; padding-right:0; font-size:1.2em;}
.pageContent > section.g2s5 dl dd{position:relative; line-height:26px;  text-align:left;padding-left:0; font-size:1.2em;}
.pageContent > section.g2s5 dl dt:after{display:none;}
.pageContent > section.g2s5 dl dd:after{display:none;}
.pageContent > section.g2s5 dl dt:before{position:relative;  display:inline-block; vertical-align:middle; width:5px; height:5px; border:3px solid #f0709e ; margin-right:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g2s5 dl dd:before{position:relative;  display:inline-block; vertical-align:middle; width:5px; height:5px; border:3px solid #f0709e ; margin-right:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g2s5 dl .d1{margin-right:0}
.pageContent > section.g2s5 dl .d2{margin-left:0}
.pageContent > section.g2s5 dl .d3{margin-right:0}
.pageContent > section.g2s5 dl .d4{margin-left:0}
.pageContent > section.g2s5 dl .d5{margin-right:0}
.pageContent > section.g2s5 dl .d6{margin-left:0}
.pageContent > section.g2s5 dl .d7{margin-right:0}

 
.pageContent > section.g2s6{}
.pageContent > section.g2s6{}
.pageContent > section.g2s6:before{display:none;}
.pageContent > section.g2s6 dl{background-size:100px; background-position:center top; display:inline-block; padding-top:80px;}
.pageContent > section.g2s6 dl br{display:none;}
.pageContent > section.g2s6 dl dt{position:relative; line-height:26px; text-align:left; padding-right:0; font-size:1.2em;}
.pageContent > section.g2s6 dl dd{position:relative; line-height:26px;  text-align:left;padding-left:0; font-size:1.2em;}
.pageContent > section.g2s6 dl dt:after{display:none;}
.pageContent > section.g2s6 dl dd:after{display:none;}
.pageContent > section.g2s6 dl dt:before{position:relative;  display:inline-block; vertical-align:middle; width:5px; height:5px; border:3px solid #f0709e ; margin-right:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g2s6 dl dd:before{position:relative;  display:inline-block; vertical-align:middle; width:5px; height:5px; border:3px solid #f0709e ; margin-right:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g2s6 dl .d1{margin-right:0}
.pageContent > section.g2s6 dl .d2{margin-left:0}
.pageContent > section.g2s6 dl .d3{margin-right:0}
.pageContent > section.g2s6 dl .d4{margin-left:0}
.pageContent > section.g2s6 dl .d5{margin-right:0}
.pageContent > section.g2s6 dl .d6{margin-left:0}
.pageContent > section.g2s6 dl .d7{margin-right:0}


.pageContent > section.g2s7{} 
.pageContent > section.g2s7:before{display:none;}
.pageContent > section.g2s7 dl{background-size:100px; background-position:center top; display:inline-block; padding-top:80px;}
.pageContent > section.g2s7 dl br{display:none;}
.pageContent > section.g2s7 dl dt{position:relative; line-height:26px; text-align:left; padding-right:0; font-size:1.2em;}
.pageContent > section.g2s7 dl dd{position:relative; line-height:26px;  text-align:left;padding-left:0; font-size:1.2em;}
.pageContent > section.g2s7 dl dt:after{display:none;}
.pageContent > section.g2s7 dl dd:after{display:none;}
.pageContent > section.g2s7 dl dt:before{position:relative;  display:inline-block; vertical-align:middle; width:5px; height:5px; border:3px solid #f0709e ; margin-right:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g2s7 dl dd:before{position:relative;  display:inline-block; vertical-align:middle; width:5px; height:5px; border:3px solid #f0709e ; margin-right:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g2s7 dl .d1{margin-right:0}
.pageContent > section.g2s7 dl .d2{margin-left:0}
.pageContent > section.g2s7 dl .d3{margin-right:0}
.pageContent > section.g2s7 dl .d4{margin-left:0}
.pageContent > section.g2s7 dl .d5{margin-right:0}
.pageContent > section.g2s7 dl .d6{margin-left:0}
.pageContent > section.g2s7 dl .d7{margin-right:0}




/*3_1 ~ */
.pageContent > section.g4s1{}
.pageContent > section.g4s1:before{display:none;}
.pageContent > section.g4s1 dl{background-size:100px; background-position:center top; display:inline-block; padding-top:80px;}
.pageContent > section.g4s1 dl br{display:none;}
.pageContent > section.g4s1 dl dt{position:relative; line-height:26px; text-align:left; padding-right:0; font-size:1.2em;}
.pageContent > section.g4s1 dl dd{position:relative; line-height:26px;  text-align:left;padding-left:0; font-size:1.2em;}
.pageContent > section.g4s1 dl dt:after{display:none;}
.pageContent > section.g4s1 dl dd:after{display:none;}
.pageContent > section.g4s1 dl dt:before{position:relative;  display:inline-block; vertical-align:middle; width:5px; height:5px; border:3px solid #f0709e ; margin-right:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g4s1 dl dd:before{position:relative;  display:inline-block; vertical-align:middle; width:5px; height:5px; border:3px solid #f0709e ; margin-right:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g4s1 dl .d1{margin-right:0}
.pageContent > section.g4s1 dl .d2{margin-left:0}
.pageContent > section.g4s1 dl .d3{margin-right:0}
.pageContent > section.g4s1 dl .d4{margin-left:0}
.pageContent > section.g4s1 dl .d5{margin-right:0}
.pageContent > section.g4s1 dl .d6{margin-left:0}
.pageContent > section.g4s1 dl .d7{margin-right:0}


.pageContent > section.g3s1{}
.pageContent > section.g3s1:before{display:none;}
.pageContent > section.g3s1 dl{background-size:100px; background-position:center top; display:inline-block; padding-top:80px;}
.pageContent > section.g3s1 dl br{display:none;}
.pageContent > section.g3s1 dl dt{position:relative; line-height:26px; text-align:left; padding-right:0; font-size:1.2em;}
.pageContent > section.g3s1 dl dd{position:relative; line-height:26px;  text-align:left;padding-left:0; font-size:1.2em;}
.pageContent > section.g3s1 dl dt:after{display:none;}
.pageContent > section.g3s1 dl dd:after{display:none;}
.pageContent > section.g3s1 dl dt:before{position:relative;  display:inline-block; vertical-align:middle; width:5px; height:5px; border:3px solid #f0709e ; margin-right:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g3s1 dl dd:before{position:relative;  display:inline-block; vertical-align:middle; width:5px; height:5px; border:3px solid #f0709e ; margin-right:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g3s1 dl .d1{margin-right:0}
.pageContent > section.g3s1 dl .d2{margin-left:0}
.pageContent > section.g3s1 dl .d3{margin-right:0}
.pageContent > section.g3s1 dl .d4{margin-left:0}
.pageContent > section.g3s1 dl .d5{margin-right:0}
.pageContent > section.g3s1 dl .d6{margin-left:0}
.pageContent > section.g3s1 dl .d7{margin-right:0}
.pageContent > section.g3s1 dl .d8{margin-left:0}

.pageContent > section.g5s1{}
.pageContent > section.g5s1:before{display:none;}
.pageContent > section.g5s1 dl{background-size:100px; background-position:center top; display:inline-block; padding-top:80px;}
.pageContent > section.g5s1 dl br{display:none;}
.pageContent > section.g5s1 dl dt{position:relative; line-height:26px; text-align:left; padding-right:0; font-size:1.2em;}
.pageContent > section.g5s1 dl dd{position:relative; line-height:26px;  text-align:left;padding-left:0; font-size:1.2em;}
.pageContent > section.g5s1 dl dt:after{display:none;}
.pageContent > section.g5s1 dl dd:after{display:none;}
.pageContent > section.g5s1 dl dt:before{position:relative;  display:inline-block; vertical-align:middle; width:5px; height:5px; border:3px solid #f0709e ; margin-right:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g5s1 dl dd:before{position:relative;  display:inline-block; vertical-align:middle; width:5px; height:5px; border:3px solid #f0709e ; margin-right:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g5s1 dl .d1{margin-right:0}
.pageContent > section.g5s1 dl .d2{margin-left:0}
.pageContent > section.g5s1 dl .d3{margin-right:0}
.pageContent > section.g5s1 dl .d4{margin-left:0}
.pageContent > section.g5s1 dl .d5{margin-right:0}
.pageContent > section.g5s1 dl .d6{margin-left:0}
.pageContent > section.g5s1 dl .d7{margin-right:0}
.pageContent > section.g5s1 dl .d8{margin-left:0}


.pageContent > section.g6s1{}
.pageContent > section.g6s1:before{display:none;}
.pageContent > section.g6s1 dl{background-size:100px; background-position:center top; display:inline-block; padding-top:80px;}
.pageContent > section.g6s1 dl br{display:none;}
.pageContent > section.g6s1 dl dt{position:relative; line-height:26px; text-align:left; padding-right:0; font-size:1.2em;}
.pageContent > section.g6s1 dl dd{position:relative; line-height:26px;  text-align:left;padding-left:0; font-size:1.2em;}
.pageContent > section.g6s1 dl dt:after{display:none;}
.pageContent > section.g6s1 dl dd:after{display:none;}
.pageContent > section.g6s1 dl dt:before{position:relative;  display:inline-block; vertical-align:middle; width:5px; height:5px; border:3px solid #f0709e ; margin-right:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g6s1 dl dd:before{position:relative;  display:inline-block; vertical-align:middle; width:5px; height:5px; border:3px solid #f0709e ; margin-right:6px; border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; content:""; }
.pageContent > section.g6s1 dl .d1{margin-right:0}
.pageContent > section.g6s1 dl .d2{margin-left:0}
.pageContent > section.g6s1 dl .d3{margin-right:0}
.pageContent > section.g6s1 dl .d4{margin-left:0}
.pageContent > section.g6s1 dl .d5{margin-right:0}
.pageContent > section.g6s1 dl .d6{margin-left:0}
.pageContent > section.g6s1 dl .d7{margin-right:0}
.pageContent > section.g6s1 dl .d8{margin-left:0}


.table_s1{position:relative; width:100%; margin:0 auto}
.table_s1:after{position:absolute; top:0; left:0; right:0; bottom:-1px; border:1px solid #FFF; content:"";}
.table_s1 thead th{background:#f6a9c4; border:1px solid #adadad; }
.table_s1 thead td{background:#cccccc; border:1px solid #adadad; }
.table_s1 tbody th{background:#fce2ec; border:1px solid #adadad; }
.table_s1 tbody td{background:#FFF; border:1px solid #adadad; }
.table_s1 th{padding:8px; line-height:150%; }
.table_s1 td{padding:8px; line-height:150%; }
.table_s1 td.w200{width:auto}

.pageContent .mt80{margin-top:80px;}
.pageContent .mt-220{margin-top:0;}

.pageContent .dls_1{margin-bottom:20px;display: -webkit-flex; display: flex;justify-content:center;}
.pageContent .dls_1 dt{flex-grow:1; width:0 }
.pageContent .dls_1 dd{position:relative; margin:0 8px;}
.pageContent .dls_1 h5{padding:5px; line-height:20px;}
.pageContent .dls_1 h6{padding:5px; line-height:20px; position:absolute; left:0; right:0; bottom:0 ; color:#FFF;}
.pageContent .dls_1 dd.icon_arrow:after{position:absolute; top:30%;  left:-18px; z-index:2; background:#FFF; width:20px; text-align:center; line-height:20px;  }
.pageContent .dls_1 img{max-width:100%; }


.pageContent .dls_1.br3{flex-wrap:wrap;}
.pageContent .dls_1.br3 dd{width:26%;margin:8px; font-size:.9em}



.pageContent .dls_1c{margin-bottom:25px;display: -webkit-flex; display: flex;justify-content:center;}
.pageContent .dls_1c dt{flex-grow:1; width:0 }
.pageContent .dls_1c dd{position:relative; margin:0 8px;}
.pageContent .dls_1c h5{padding:5px; line-height:20px;}
.pageContent .dls_1c h6{padding:5px; line-height:20px; position:absolute; left:0; right:0; bottom:0 ; color:#FFF;}
.pageContent .dls_1c dd.icon_arrow:after{position:absolute; top:30%;  right:-25px; z-index:2; background:#FFF;border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; color:#966650; width:34px; text-align:center; line-height:34px;  font-family:'fontawesome'; content:"\f105";}
.pageContent .dls_1c img{max-width:100%; }

.pageContent .dls_2{ width:auto; margin:0 auto; display: -webkit-flex; flex-wrap:wrap; display: flex; justify-content:space-between;}
.pageContent .dls_2 dt{  flex-grow:1; }
.pageContent .dls_2 dd{margin-top:20px; width:23%; }
.pageContent .dls_2 h5{padding:5px; line-height:20px;}

.pageContent .dls_3 dd{margin-top:30px; }


.pageContent .dls_4 dd{line-height:80px; font-size:21px; }

.pageContent .dls_4s{position:relative; margin:0 -.7%;   display: -webkit-flex;  display: flex; flex-wrap:wrap; align-content:center;justify-content:center }
.pageContent .dls_4s dd{position:relative;  width:24%; line-height:120%;  margin:4.5% .5%; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;  }
.pageContent .dls_4s dd:before{position:absolute; width:100%; left:0; padding-top:100%; top:50%; margin-top:-50%;   background:#fce2ec;
border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; z-index:-1; content:"";}
.pageContent .dls_4s dd.s:before{background:#fce2ec}
.pageContent .dls_4s dd{ display: flex;justify-content : center;align-items: center; }
.pageContent .dls_4s dd article{  width:100%; padding:30px 0; word-wrap: break-word; word-break: normal; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.pageContent .dls_4s dd strong{display:block; margin-bottom:15px; background:url(../sub/img/5_1_imgA.png) center bottom no-repeat; font-size:30px; line-height:120%}
 
.pageContent .dls_4s.now{display:block; margin:0;}
.pageContent .dls_4s.now dd{width:auto;  margin:0;background:#fce2ec; margin:1% 0; padding:1% }
.pageContent .dls_4s.now dd:before{display:none}

.pageContent .dls_5{ color:#000; display: -webkit-flex; flex-wrap:wrap; display: flex;justify-content:space-between;}
.pageContent .dls_5 dd{ position:relative; width:48%; margin:10px 0; }
.pageContent .dls_5 h6{padding:20px; line-height:40px; position:absolute; left:0; right:0; bottom:0 }

.pageContent .dls_6{position:relative; }	
.pageContent .dls_6  { height:100%; display: -webkit-flex;  display: flex; flex-wrap:wrap; align-content:center;justify-content:center }
.pageContent .dls_6 dd{position:relative; border:2px solid #f0709e; width:23%; height:auto; margin:2% 1%;  padding-top:22%; border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.pageContent .dls_6 dd:after{position:absolute; top:-10px; left:-10px; right:-10px; bottom:-10px; z-index:-1; border:10px solid #fac1d6; content:""; border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%;}
.pageContent .dls_6 dd span{position:absolute; left:0; width:100%; top:0; height:100%; display: flex;justify-content : center;align-items: center; }
.pageContent .dls_6.now  {display:block;}
.pageContent .dls_6.now dd{width:auto; padding-top:0; border-radius: 0;-moz-border-radius: 0; -webkit-border-radius: 0; }
.pageContent .dls_6.now dd:after{display:none;}
.pageContent .dls_6.now dd span{position:relative; padding:2% 0;}

/*5_1*/
.pageContent .dls_7{position:relative; margin:0 -.7%;   }
.pageContent .dls_7  { height:100%; display: -webkit-flex;  display: flex; flex-wrap:wrap; align-content:center;justify-content:space-between }
.pageContent .dls_7 dd{position:relative; flex-grow:1; width:0; margin:12% .7%; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.pageContent .dls_7 dd:before{position:absolute; width:100%; left:0; padding-top:100%; top:50%; margin-top:-50%;   border:5px solid #d84270;
border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;
z-index:-1; content:"";}
.pageContent .dls_7 dd.s:before{border-color:#f0709e}
.pageContent .dls_7 dd span{position:absolute; left:0; width:100%; top:0; height:100%; display: flex;justify-content : center;align-items: center; }
.pageContent .dls_7 dd p{width:100%;}
.pageContent .dls_7 dd strong{display:block; margin-bottom:15px; background:url(../sub/img/5_1_imgA.png) center bottom no-repeat; font-size:30px; line-height:150%}
/*7_1*/
.pageContent .dls_71{position:relative;  font-size:.9em;  line-height:120%; }
.pageContent .dls_71 dd{ margin:.3%; width:100px; height:100px;  border:2px solid #d84270;  }

.pageContent .dls_71 > hr{  margin-top:0}
.pageContent .dls_71 dd article{position:relative;padding-top:10px;  } 
.pageContent .dls_71 dd strong{display:block; margin-bottom:5px; background-size:50px; font-size:1.5em;  line-height:150%}
 
.pageContent .dls_72{position:relative;      }
.pageContent .dls_72 dd{position:relative;vertical-align:middle;  margin:.2%; width:140px; height:140px;    }
.pageContent .dls_72 dd article{position:relative;padding-top:0px; height:100%;  display: flex;justify-content : center;align-items: center; flex-direction: column} 
.pageContent .dls_72 dd strong{display:block; margin-bottom:5px; background-size:50px; font-size:1.5em;  line-height:150%}
 
.pageContent .dls_74{margin-bottom:10px;display: -webkit-flex; display: flex;justify-content:center;}
.pageContent .dls_74 dt{flex-grow:1; width:0 }
.pageContent .dls_74 dd{position:relative; margin:0 8px;}
.pageContent .dls_74 dd.box_5{width:450px; height:auto; background-color:#efefef; position:relative;}
.pageContent .dls_74 h5{padding:20px; line-height:40px;}
.pageContent .dls_74 h6{padding:20px; line-height:40px; position:absolute; left:0; right:0; bottom:0 ; color:#FFF;}
.pageContent .dls_74 dd.icon_arrow:after{position:absolute; top:30%;  right:-25px; z-index:2; background:#FFF;border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; color:#966650; width:34px; text-align:center; line-height:34px;  font-family:'fontawesome'; content:"\f105";}
.pageContent .dls_74 img{max-width:100%; }
.pageContent .dls_74 ul.uls_2{list-style:none; display:inline-block; text-align:left; padding:0; }
.pageContent .dls_74 ul.uls_2 li:before{content:"· ";  padding-right:6px;}

/*5_1*/
.pageContent .dls_8{position:relative; margin:0 -.7%;  padding:15% 0}
.pageContent .dls_8  { height:100%; display: -webkit-flex;  display: flex; flex-wrap:wrap; align-content:center;justify-content:space-between }
.pageContent .dls_8 dd{position:relative; flex-grow:1; width:0; margin:0 .7%; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.pageContent .dls_8 dd:before{position:absolute; width:100%; left:0; padding-top:100%; top:50%; margin-top:-50%;   background:#fce2ec;
border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;
z-index:-1; content:"";}
.pageContent .dls_8 dd.s:before{background-color:#e3e3e4}
.pageContent .dls_8 dd span{position:absolute; left:0; width:100%; top:0; height:100%; display: flex;justify-content : center;align-items: center; }
.pageContent .dls_8 dd p{width:100%;}
.pageContent .dls_8 dd strong{display:block;   font-size:30px; line-height:150%}

/*6_3*/
.pageContent .dls_9{position:relative;  font-size:.8em; padding:8% 0}
.pageContent .dls_9  { height:100%; display: -webkit-flex;  display: flex; flex-wrap:wrap; align-content:center;justify-content:space-around }
.pageContent .dls_9 dd{position:relative;  width:64px; margin:0 .0%; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; }
.pageContent .dls_9 dd:before{position:absolute; width:100%; left:0; padding-top:100%; top:50%; margin-top:-50%;   border:2px solid #fa9468;
border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;
z-index:-1; content:"";}
.pageContent .dls_9 dd.s:before{border-color:#fcbc90}
.pageContent .dls_9 dd span{position:absolute; left:0; width:100%; top:0; height:100%; display: flex;justify-content : center;align-items: center; }
.pageContent .dls_9 dd i{font-size:2em; line-height:100%; color:#fcbc90}
.pageContent .dls_9 dd img{width:30px;}
.pageContent .dls_9 dd p{width:100%; padding:0;}
.pageContent .dls_9 dd h6{margin-top:4%;font-size:1em;}
.pageContent .dls_9 dd p{line-height:100%;}

.pageContent .dls_9.s2 dd{ width:54px;  }
.pageContent .dls_9.s2 dd:before{display:none;}
.pageContent .dls_9.s2 dd img{width:20px;}

.bg22 p{font-size:0.8em; }
.bg21 p.ss{font-size:0.8em; }


/*6_3*/
.pageContent .dls_10{position:relative; margin-top:40px; z-index:2;}
.pageContent .dls_10{ height:100%; display: -webkit-flex;  display: flex; flex-wrap:nowrap; align-content:center;justify-content:center }
.pageContent .dls_10 dd{position:relative;  width:416px; padding-top:0; }
.pageContent .dls_10 dd article{border:2px solid #fedeb8; padding:20px 10px; margin:5px 0;}
.pageContent .dls_10 dd article h6{font-size:1.4em;} 

/*6_1 6_2 6_3 */
.pageContent .dls_11{position:relative; margin:0 -.7%;   display: -webkit-flex;  display: flex; flex-wrap:wrap; align-content:center;justify-content:center }
.pageContent .dls_11 dd{position:relative;  width:100px;   margin:4.5% .7%; font-size:.8em; line-height:130%;}
.pageContent .dls_11 dd:before{position:absolute; width:100%; left:0; padding-top:100%; top:50%; margin-top:-50%;   background:#fcbc90;
border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; z-index:-1; content:"";}
.pageContent .dls_11 dd.s:before{background:#fedeb8}
.pageContent .dls_11 dd{ display: flex;justify-content : center;align-items: center; }
.pageContent .dls_11 dd article{  width:100%; padding:10px; word-wrap: break-word; word-break: normal; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.pageContent .dls_11 dd strong{display:block; margin-bottom:5px; background-size:60%; font-size:1.5em; line-height:150%}

/* 7_4*/
.pageContent .dls_11s dd{position:relative;  width:23%; font-size:.9em; line-height:120%;  margin:6% .7%; }
 
 .pageContent .dls_11s dd article{  width:100%; padding:0px; word-wrap: break-word; word-break: normal; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
 /*6_5 */
.pageContent .dls_13{position:relative; margin:0 -.7%;   display: -webkit-flex;  display: flex; flex-wrap:wrap; align-content:center;justify-content:center }
.pageContent .dls_13 dd{position:relative;  width:100px;   margin:4.5% .7%; font-size:.8em; line-height:130%;}
.pageContent .dls_13 dd:before{position:absolute; width:100%; left:0; padding-top:100%; top:50%; margin-top:-50%;   background:#fcbc90;
border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; z-index:-1; content:"";}
.pageContent .dls_13 dd.s:before{background:#fedeb8}
.pageContent .dls_13 dd{ display: flex;justify-content : center;align-items: center; }
.pageContent .dls_13 dd article{  width:100%; padding:10px; word-wrap: break-word; word-break: normal; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.pageContent .dls_13 dd strong{display:block; margin-bottom:5px; background-size:60%; font-size:1.5em; line-height:150%}

/*6_3*/
.pageContent .dls_12{position:relative;   display: block;}
.pageContent .dls_12 dd{position:relative; margin:0; width:auto; height:auto; padding:20px;   border-radius: 0;-moz-border-radius: 0; -webkit-border-radius: 0;  }
.pageContent .dls_12 dd.s{background:#FFF}
.pageContent .dls_12 dd strong{display:block;  font-size:1.5em; line-height:150%}
.pageContent .dls_12 dd h6{display:block;  font-size:1.2em; line-height:150%}
.pageContent .dls_12 dd p{display:block;  font-size:1em; line-height:150%}

/*5_4*/
.pageContent .dls_14{position:relative; margin:0 -.7%;   }
.pageContent .dls_14  { height:100%; display: -webkit-flex;  display: flex; flex-wrap:wrap; align-content:center;justify-content:space-between }
.pageContent .dls_14 dd{position:relative; flex-grow:1; width:0;  margin:0 .7%; }
 

 

.pageContent .dlw{ display: -webkit-flex; flex-wrap:wrap; display: flex; justify-content:space-between;}
.pageContent .dlw .w-5{flex-grow:1;  }
.pageContent .dlw dd{flex-grow:3; }


.pageContent .dlw_lr{ border-top:1px dashed #DDD; display: -webkit-flex; flex-wrap:wrap;  display: flex; justify-content:space-between; flex-wrap:wrap; }
.pageContent .dlw_lr dd{border-bottom:1px dashed #DDD;  width:100%; flex-grow:1; text-align:left;  padding:20px 0;}
.pageContent .dlw_lr dd:after{display:block;clear:both;content:''}
.pageContent .dlw_lr dd img{float:none;  margin-right:0; margin-bottom:4%;}

/*2_5*/
.pageContent .dlw_lrbox{  display: -webkit-flex; flex-wrap:wrap;  display: flex; justify-content:space-between; flex-wrap:wrap; }
.pageContent .dlw_lrbox > dd{border:1px dashed #DDD;  background:#FFF;  width:0; flex-grow:1; text-align:left;  padding:10px; margin:1%;}
.pageContent .dlw_lrbox.mnolr{display:block; }
.pageContent .dlw_lrbox.mnolr > dd{width:auto;}



.pageContent .dlw_num{position:relative;  margin-bottom:2%; display: -webkit-flex; flex-wrap:wrap; display: flex; justify-content:space-between; counter-reset: sign-num;}
.pageContent .dlw_num:before{  position:absolute; top:17px;  left:0; right:0; height:2px; background:#DDD; z-index:-1; content:""}
.pageContent .dlw_num dd{flex-grow:3;position:relative; width:0;  margin:0 .5%; }
.pageContent .dlw_num dd:before {counter-increment:sign-num;content:'0'counter(sign-num);display:inline-block;width:34px;height:34px;border-radius:50%;background-color:#f0709e;color:#fff;font-size:16px;letter-spacing:-0.6px;line-height:34px;text-align:center;margin-right:10px;}
.pageContent .dlw_num dd:after {background:url(../sub/img/pattern/mptlb10.png); z-index:-1; position:absolute; height:6px; left:0; right:0; bottom:-6px; content:""; }
.pageContent .dlw_num p{font-size:.9em; }

.pageContent .dlw_num.now{display:block;}
.pageContent .dlw_num.now:before{ background:url(../sub/img/pattern/mptlb10.png); z-index:-1; position:absolute; height:6px; left:0; right:0; top:-16px; content:""; }
.pageContent .dlw_num.now dd{width:auto; text-align:left; padding-left:40px; margin-bottom:5%; }
.pageContent .dlw_num.now dd:before {margin-left:-40px;}
.pageContent .dlw_num.now p{margin-top:-34px;}



.pageContent .dlw_num2{position:relative;    display: -webkit-flex; flex-wrap:wrap; display: flex; justify-content:space-between; counter-reset: sign-num;}
.pageContent .dlw_num2 dd{flex-grow:1;position:relative; width:200px;  margin:0 .5%; margin-top:50px; border-top:2px solid #DDD; padding-top:20px; }
.pageContent .dlw_num2 dd:before {position:absolute; counter-increment:sign-num;content:'0'counter(sign-num);display:inline-block;width:34px;height:34px;border-radius:50%;background-color:#f0709e;color:#fff; top:0; font-size:16px;letter-spacing:-0.6px;line-height:34px;text-align:center;  margin-top:-17px;}
.pageContent .dlw_num2 dd:after {background:url(../sub/img/pattern/mptlb10.png); z-index:-1; position:absolute; height:10px; left:0; right:0; bottom:-10px; content:""; }
 .pageContent .dlw_num2 p{font-size:.9em; }

.pageContent .dlw_z{ display: -webkit-flex; flex-wrap:wrap; display: flex; justify-content:space-between;  }
.pageContent .dlw_z:before{  position:absolute;  left:0; right:0; height:2px; background:#DDD; content:""}
.pageContent .dlw_z dd{flex-grow:3; width:0; position:relative; padding-top:30px; }
.pageContent .dlw_z dd:before{  position:absolute;  left:50%;  width:16px; height:16px; top:-8px;margin-left:-5px;  background:#f0709e;  border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%;  content:'';}

.pageContent .dlw_z.mb p{border:1px solid #DDD;}

.pageContent .dlw_label{position:relative;  display: -webkit-flex; flex-wrap:wrap; display: flex; justify-content:space-between;  }
.pageContent .dlw_label:before{  position:absolute; top:15px;  left:0; right:0; height:2px; background:#DDD; content:""}
.pageContent .dlw_label dd{flex-grow:3; width:0; position:relative;  }
.pageContent .dlw_label dd label{ position:relative; display:inline-block; font-weight:bold; font-size:1.1em; color:#FFF; padding:0 5px;  line-height:30px; background:#f0709e;  border-radius: 20px;-moz-border-radius: 20px; -webkit-border-radius: 20px;  content:'';}
 .pageContent .dlw_label dd p{padding-top:15px; }

 .pageContent .dlw_label2{position:relative;  display: -webkit-flex; flex-wrap:wrap; display: flex; justify-content:space-between;  }
.pageContent .dlw_label2:before{  position:absolute; top:20px;  left:0; right:0; height:2px; background:#DDD; content:""}
.pageContent .dlw_label2 dd{flex-grow:3; width:0; position:relative;  }
.pageContent .dlw_label2 dd label{ position:relative; display:inline-block;width:34px;height:34px;border-radius:50%;background-color:#f0709e;color:#fff; top:0; font-size:16px;letter-spacing:-0.6px;line-height:34px;text-align:center;  margin-top:-17px;}
 .pageContent .dlw_label2 dd p{font-size:.9em;  }




.pageContent .g3t1{ padding-top:80px}
.pageContent .g3t1 dt{   width:100%; text-align:right;}
.pageContent .g3t1 dt img{width:200px;}
.pageContent .g3t1 dd{margin-top:15px;width:23%; border:2px solid #FFF; box-shadow:4px 4px 4px rgba(0,0,0,.15)}
 
.pageContent .g5t1{ padding-top:80px}
.pageContent .g5t1 dt{width:100%; text-align:left;}
.pageContent .g5t1 dt img{width:200px;}
.pageContent .g5t1 dd{margin-top:15px; width:23%;border:2px solid #FFF; box-shadow:4px 4px 4px rgba(0,0,0,.15)}
 
 .pageContent .uls_1{list-style:none;  }
 .pageContent .uls_1 li:before{content:"\f046"; font-family:"fontawesome"; color:#f0709e; padding-right:6px;}

 .pageContent .uls_2{list-style:none; display:inline-block; text-align:left;   }
 .pageContent .uls_2 li:before{content:"· ";  padding-right:6px;}

 
 .pageContent .ps_1{background:#fce2ec; font-size:24px; padding:30px;font-weight:bold;}

.pageContent .g2t1{ padding-top:80px}
.pageContent .g2t1 dt{width:100%; text-align:left;}
.pageContent .g2t1 dt img{width:200px;}
.pageContent .g2t1 dd{margin-top:15px; width:23%;  border:2px solid #FFF; box-shadow:4px 4px 4px rgba(0,0,0,.15)}
.pageContent .g2t1 dd img{width:100%;}

 .pageContent .btn_s1{display:inline-block; border:2px solid #d84270; color:#d84270; font-size:1.3em; padding:0 10px; margin:.2% 0; line-height:36px; }
 .pageContent .btn_s2{display:inline-block; border:2px solid #93614a; color:#93614a; font-size:1.3em; padding:0 10px; margin:.2% 0; line-height:36px; }
 .pageContent .btn_s3{display:inline-block; border:2px solid #d84270; color:#d84270; font-size:1em; padding:0 10px; margin:.2% 0; line-height:36px; }

.pageContent h5.dls_z{display:block; border:2px solid #d84270; width:auto; padding: 10px 0;}

	.s23{text-align: left; border-top:1px dashed #DDD; border-bottom:1px dashed #DDD; margin:0 auto;  margin-top:-1px;   padding:20px 0 ; width:auto;   }





/* 게시판 목록 카테고리*/
#list_head {  zoom:1; margin-bottom:20px; }
#list_head:after {display:block;visibility:hidden;clear:both;content:""}
#list_head ul {display: -webkit-flex;  display: flex; flex-wrap:wrap;  }
#list_head li {  position:relative; width:33.33%; flex-grow:0;margin-right:-1px; box-sizing:border-box; }
#list_head ul a {display:block; margin-right:0px;z-index:1; position:relative; height:30px; line-height:30px; color:#999; text-align:center; font-size:1em; cursor:pointer}
#list_head ul a:focus, #list_head ul a:hover, #list_head ul a:active {text-decoration:none}
#list_head ul a#bo_cate_on{color:#000;}
 
 #list_head ul li:before{position:absolute; top:50%; margin-top:-7px; height:14px; width:1px; left:0; background:#AAA; content:"";}
#list_head ul li:first-child{ flex-grow:1;display:none;}
#list_head ul li:first-child:before{display:none;}

}


@media (max-width:424px){
#bo_v_top{display:none; }
#bo_list .btn_confirm .btn_basic{display:none;}
#bo_w .btn_confirm .btnCancel{display:none;}
.bo_v_left .btn_prev{float:left; padding:6px; }
.bo_v_left .btn_next{float:right;  padding:6px;}
.bo_v_left{float:none;  }
 .bo_v_right{float:none;  text-align:center;  }
.bo_v_right .btn_reply{display:none }
.bo_v_right .btn_move{display:none }
.bo_v_right .btn_copy{display:none }
.bo_v_right .btn_modify{display:none }
.bo_v_right .btn_write{ }

#list_tail fieldset input{width:55%}
#list_tail fieldset select{  width:30%;  }
#list_tail fieldset button{width:15%; }
}

@media (max-width:424px){

}