@charset "utf-8";

/* wrap */
#wrap { height:100%; }
.center { width:90%; margin:0 auto; overflow:hidden; max-width:1400px; }

/* ----------------------------------------------------------------------------------- header ----------------------------------------------------------------------------------- */
.navWrap { width:100%; background:url("/new2017/images/inc/nav_bg.png") repeat; position:fixed; z-index:50; }
h1 { text-align:left; border-bottom:1px solid #fff;  }
h1 a { padding-left:5%; line-height:80px; }
h1 a img { max-width:135px; }
#htrLogo { position:absolute; top:90px; left:5%; }
.mobileNavi { display:none; }
.navCon {}
.navigation { float:right; padding-right:5%; margin-top:-80px; }
.navigation .navi { float:left;  text-align:center;  position:relative; line-height:80px; }
.navigation .navi > a { color:#fff; font-size:1.2em; font-weight:600; cursor:pointer; line-height:80px; display:block; padding:0 30px; }
.navigation .navi > a:hover { color:#05ec98; background:url("/new2017/images/inc/nav_border.gif") repeat-x left bottom; }
.navigation .navi.on > a { color:#05ec98; background:url("/new2017/images/inc/nav_border.gif") repeat-x left bottom; }
.navigation .navi .subMenu { display:none; padding:10px 0; }
.navigation.on .subMenu { display:block; }
.navigation .navi .subMenu li {  }
.navigation .navi .subMenu li a { color:#fff; font-size:1.1em; line-height:38px; }
.navigation .navi .subMenu li a:hover { color:#05ec98; }

/* quick menu */
.quick { position:fixed; bottom:50px; right:0; z-index:50; }
.quick ul {}
.quick ul li { width:120px; }
.quick ul li#quick1 { height:100px; }
.quick ul li#quick2 { height:115px; }
.quick ul li#quick3 { height:113px; }
.quick ul li#quick4 { height:16px; margin-top:10px; }
.quick ul li a { background:url("/new2017/images/inc/quickmenu.png") no-repeat; display:block; width:100%; height:100%; text-indent:-9999px; }
.quick ul li#quick1 a { background-position:0 0; }
.quick ul li#quick1 a:hover { background-position:-131px 0; }
.quick ul li#quick2 a { background-position:0 -100px; }
.quick ul li#quick2 a:hover { background-position:-131px -100px; }
.quick ul li#quick3 a { background-position:0 -215px; }
.quick ul li#quick3 a:hover { background-position:-131px -215px; }
.quick ul li#quick4 a { background-position:0 -337px; }
.quick ul li#quick4 a:hover { background-position:-131px -337px; }
.quick ul li#quickNum { margin-bottom:5px; }

/* ----------------------------------------------------------------------------------- main ----------------------------------------------------------------------------------- */
/* main common*/
.mainImgWrap,
#mainWrap1,
#mainWrap2, 
#mainWrap3,
#mainWrap4,
#mainWrap5 { position:relative; z-index:10; overflow:hidden; }
.mainWrap .slides {}
.mainWrap .slides li {}
.mainWrap .slides li img { width:100%; }
.mainWrap #con1,
.mainWrap #con2 { margin:50px 0 150px 0; }
.mainWrap #con2 h2 { text-align:left; margin-bottom:20px; }
.mainWrap #con2 h2 img { width:100%; }
#mainWrap1 #con2 h2 img { max-width:290px; }
#mainWrap2 #con2 h2 img { max-width:333px; }
#mainWrap3 #con2 h2 img { max-width:179px; }
.mainWrap #con2 .com { color:#7a7a7a; font-size:1.2em; line-height:1.6; }
.mainWrap #con2 .cos { border-bottom:1px solid #939393; }
.mainWrap #con2 .cos,
.mainWrap #con2 .pkg { font-size:1.8em; font-weight:bold; line-height:2; padding:10px 0 10px 100px; }
.mainWrap #con2 a.banner > img { margin:10px 0; width:100%; max-width:398px; }

/* main video */
.mainImgWrap { width:100%; }
.mainImgWrap > img { width:100%; }
.mainImgWrap video { width:100%;  }
.mainImgWrap .flexslider img { width:100%; }

/* mainWrap1 */
#mainWrap1 { background:url("/new2017/images/main/bg_1.gif") no-repeat center; background-size:cover; }
#mainWrap1 #con1 { float:left; width:60%; }
#mainWrap1 #con2 { float:right; padding-right:5%; width:30%; }
#mainWrap1 #con2 .cos { background:url("/new2017/images/main/btn1_1.png") no-repeat left center; }
#mainWrap1 #con2 .pkg { background:url("/new2017/images/main/btn1_2.png") no-repeat left center; }

/* mainWrap2 */
#mainWrap2 { background:url("/new2017/images/main/bg_2.gif") no-repeat center; background-size:cover; }
#mainWrap2 #con1 { float:right; width:60%; }
#mainWrap2 #con2 { float:left; padding-left:5%; width:30%; }
#mainWrap2 #con2 .cos { background:url("/new2017/images/main/btn2_1.png") no-repeat left center; }
#mainWrap2 #con2 .pkg { background:url("/new2017/images/main/btn2_2.png") no-repeat left center; }

/* mainWrap3 */
#mainWrap3 { background:url("/new2017/images/main/bg_3.gif") no-repeat center; background-size:cover; }
#mainWrap3 #con1 { float:left; width:60%; }
#mainWrap3 #con2 { float:right; padding-right:5%; width:30%; }
#mainWrap3 #con2 .cos { background:url("/new2017/images/main/btn3_1.png") no-repeat left center; }
#mainWrap3 #con2 .pkg { background:url("/new2017/images/main/btn3_2.png") no-repeat left center; }

/* mainWrap4 */
.bbsText {font-size:1.1em}
#mainWrap4 {}
#mainWrap4 {}
#mainWrap4 ul {}
#mainWrap4 ul li {}
#mainWrap4 ul li a {}
#mainWrap4 ul.slides li img { width:100%; }
#mainWrap4 h2,
#mainWrap5 h2 { text-align:center; padding:100px 0 30px 0; }
#mainWrap4 h2 p.comment,
#mainWrap5 h2 p.comment { color:#7a7a7a; font-size:1.2em; font-weight:normal; line-height:2; }

#mainWrap4 .pension,
#subCon4_1 .pension { overflow:hidden; width:90%; margin:0 auto; }
#mainWrap4 .pension li,
#subCon4_1 .pension li { float:left; width:30%; margin:1.6%; }
#mainWrap4 .pension li a,
#subCon4_1 .pension li a { display:block; text-align:center; position:relative; }
#mainWrap4 .pension li a.on {}
#mainWrap4 .pension li a.on .over,
#subCon4_1 .pension li a.on .over { position:absolute; top:0; display:block; width:100%; height:100%; background:url("/new2017/images/main/pension_over.png") no-repeat center; background-size:cover; }
#mainWrap4 .pension li a > img,
#subCon4_1 .pension li a > img { width:100%; }
#mainWrap4 .pension li > img,
#subCon4_1 .pension li > img { border-bottom:1px solid #1e48ff; padding:10px 0; }
#mainWrap4 .pension li .con,
#subCon4_1 .pension li .con { font-size:1.2em; color:#7a7a7a; padding:10px 0; }

#mainWrap4 .moreView { text-align:center; text-indent:-9999px; margin:0 auto 100px auto; display:block; width:30%; max-width:224px; height:48px; background:url("/new2017/images/main/moreview.png") no-repeat center; background-size:cover; }
#mainWrap4 .moreView:hover { background:url("/new2017/images/main/moreview_on.png") no-repeat center; background-size:cover; }
#mainWrap4 .bbs { float:left; width:27%; padding:0 2%; }
#mainWrap4 #bbs1 h2 { text-align:left; padding-top:0; }
#mainWrap4 #bbs2 h2,
#mainWrap4 #bbs3 h2 { text-align:left; padding-bottom:15px; border-bottom:3px solid #a5b6ff; padding-top:0; }
#mainWrap4 #bbs1 { padding-left:5%; }
#mainWrap4 #bbs1 .more { float:right; }
#mainWrap4 #bbs2 { border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; }
#mainWrap4 #bbs2 .consult_cont table th { width:26%; }
#mainWrap4 #bbs3 { padding-right:5%; float:right; }
#mainWrap4 #bbs3 .tel { background:url("/new2017/images/main/call.png") no-repeat left center; font-size:2em; font-weight:bold; line-height:1.6; padding:20px 0 20px 100px; }
#mainWrap4 #bbs3 .tel2 { font-size:1.3em; color:#7a7a7a; line-height:1.6; margin-bottom:30px; }
#mainWrap4 #bbs3 .bank { font-weight:bold; font-size:2em; line-height:3 }
#mainWrap4 #bbs3 .name { font-size:1.3em; color:#7a7a7a; line-height:1.6 }

/* mainWrap5 */
#mainWrap5 {}
#etc { overflow:hidden; padding:20px 0 40px 0; width:95%; margin:0 auto; }
#etc li { float:left; margin:0 1%; padding:1%; width:21%; background:#fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2)  ; 
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2)  ; 
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2)  ;  }
#etc li a {}
#etc li a img { width:100%; }
#etc li a .big { font-size:1.3em; line-height:2; font-weight:600; }
#etc li a .small { font-size:1em; line-height:1.6}
#etc li.on {	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5)  ; 
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5)  ; 
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5)  ;}

/* ----------------------------------------------------------------------------------- sub ----------------------------------------------------------------------------------- */
/* sub Common */
.subTop { overflow:hidden; }
.subTop ul li img { width:100%; }
.location { text-align:center; color:#7a7a7a; line-height:5; }
.subTitle { width:100%; }
#subTitle1_1 { max-width:290px; }
#subTitle1_2 { max-width:290px; }
#subTitle2_1 { max-width:333px; }
#subTitle2_2 { max-width:333px; }
#subTitle2_3 { max-width:333px; }
#subTitle3_1,
#subTitle3_2 { max-width:123px; }
#subTitle4_1 { max-width:159px; }
#subTitle4_2 { max-width:159px; }
#subTitle5_1 { max-width:306px; }
#subTitle6_1 { max-width:466px; }
#subTitle6_2 { max-width:466px; }
#subTitle7_1,
#subTitle7_2,
#subTitle7_3,
#subTitle7_4 { max-width:400px; }
#subTitle8_1 { max-width:243px; }
#subTitle8_2 { max-width:305px; }
#subTitle8_3 { max-width:411px; }
#subTitle8_4 { max-width:142px; }
#subTitle8_5 { max-width:335px; }
#subTitle9_1 { max-width:195px; }
#subTitle9_2 { max-width:393px; }
#subTitle9_3 { max-width:445px; }

.textImg#textImg6_1,
.textImg#textImg4_2 { max-width:423px; width:80%; }
.subWrap h2 { text-align:center; }
.subCon { margin:30px 0 50px; overflow:hidden; }
.textL { font-size:1.5em; font-weight:bold; margin-bottom:10px; clear:both; margin-top:20px; }
.textM { line-height:1.4; font-size:1.1em; }
.textM strong { font-weight:600; font-size:1.1em; line-height:1.8; }
.textBlue { color:#1e48ff; line-height:1.4; font-size:1.2em; }
.line { display:block; width:100%; height:1px; background:#d6d6d6; margin:20px 0; }
.textImg { padding:40px 0 15px 0; }
.subBtn1, 
.subBtn2, 
.subBtn3,
.subBtn4 { display:block; width:224px; height:48px; text-indent:-9999px; cursor:pointer; }
.subBtn1 { background:url("/new2017/images/sub/btn1.png") no-repeat center; float:right; margin-bottom:10px; }
.subBtn2 { background:url("/new2017/images/sub/btn2.png") no-repeat center; float:left; margin-bottom:10px; margin-top:10px; }
.subBtn3 { background:url("/new2017/images/sub/btn3.png") no-repeat center; float:left; margin-left:10%; margin-bottom:10px; margin-top:10px; }
.subBtn4 { background:url("/new2017/images/sub/btn4.png") no-repeat center; float:right; margin-bottom:10px; }
.subBtn1:hover { background:url("/new2017/images/sub/btn1_on.png") no-repeat center; }
.subBtn2:hover { background:url("/new2017/images/sub/btn2_on.png") no-repeat center; }
.subBtn3:hover { background:url("/new2017/images/sub/btn3_on.png") no-repeat center; }
.subBtn4:hover { background:url("/new2017/images/sub/btn4_on.png") no-repeat center; }
.table1 { border-collapse:collapse; width:100%; margin:0 auto 10px auto; }
.table1 th { background:#ced6fa; border:1px solid #ebebeb; padding:20px 0; font-size:1.2em; font-weight:600; }
.table1 td { border:1px solid #ebebeb; color:#7a7a7a; padding:20px; font-size:1.2em; }
.table1 td .type { color:#05ec98; font-weight:bold; font-size:1.8em; }
.table1 td.th1 { text-align:center; font-weight:700; color:#333; }
.table1 td.th2 { text-align:center; background:#f4f5fe; font-weight:600; color:#333; }
.table1 td .tdComment { font-weight:normal; }
.subCon dl { width:32%; margin:20px 0 30px 1.5%; float:left; border:1px solid #ebebeb; }
.subCon #dl1 { margin-left:0; }
.subCon dt { text-align:center; background:#f4f5fe; font-weight:600; padding:20px; font-size:1.2em; }
.subCon dd { line-height:1.4; padding:10px; font-size:1.2em; min-height:140px; }
.subCon dt img { width:100%; max-width:365px; }
#subCon2_1 .con1,
#subCon6_1 .con1,
.subCon7 .con1,
.center .con1 { width:50%; float:left; margin-bottom:30px; }
#subCon2_1 .con2,
#subCon6_1 .con2,
.subCon7 .con2,
.center .con2 { width:45%; float:right; margin-bottom:30px; }
.center .con2 img { width:100%; }
.subImg { width:100%; }
.red { color:red; }

/* sub 1_1 */
#subCon1_1 #cosRafting {}
#subCon1_1 #cosRafting li { width:48%; margin:2% 1%; float:left; text-align:center; }
#subCon1_1 #cosRafting li img { max-width:558px; width:100%; }

/* sub 2_1 */ 
#iconList  {}
#iconList  li { width:23%; margin:2% 1%; float:left; text-align:center; }
#iconList li img { width:100%; max-width:280px; }

/* sub 4_ pension */ 
.subCon4 .con2 img { width:100%; }
.pMenu { overflow:hidden; width:100%; border-top:2px solid #a5b6ff; border-bottom:2px solid #a5b6ff; margin-bottom:30px; background:#f8f8f8; }
.pMenu li { float:left; text-align:center;background:url("/new2017/images/pension/bg.gif") repeat-x bottom; width:16.6%; }
.pMenu li#pMenu13,
.pMenu li#pMenu14 { background:none; }
.pMenu li a { color:#333; font-size:1.3em; display:block; background:url("/new2017/images/pension/line.gif") no-repeat right center; font-weight:600; line-height:57px; }
.pMenu li#pMenu6 a,
.pMenu li#pMenu12 a { background:none; }
.pMenu li.on { background:url("/new2017/images/pension/bg_on.gif") repeat-x bottom; }
.pMenu li:hover { background:url("/new2017/images/pension/bg_on.gif") repeat-x bottom; }
.pMenu li.on a { color:#1e48ff; }
.pMenu li a:hover { color:#1e48ff; }

/* sub 6_1 */
#subCon6_1 .textImg { clear:both; }
#subCon6_1 .subTel { padding:20px 0 20px 95px; font-size:1.5em; font-weight:600; }
#subCon6_1 #subTel1 { background:url("/new2017/images/sub6/tel1.gif") no-repeat left center; }
#subCon6_1 #subTel2 { background:url("/new2017/images/sub6/tel2.gif") no-repeat left center; }
#subCon6_1 .subTel .small { font-size:0.8em; color:#666; }

/* sub 6_2 */
#subCon6_2 .center { width:70%; }

/* sub 7_1 */
.subCon7 .lineGreen, 
.subCon7 .lineBlue { padding-left:15px; font-size:2.3em; }
.subCon7 .lineGreen { border-left:3px solid #05ec98; }
.subCon7 .lineBlue { border-left:3px solid #1e48ff; color:#06836d; font-weight:bold; }
.subCon7 .con2 img { width:100%; max-width:538px; }

/* sub8_5 */
#subCon8_5 td { text-align:center; }

/* sub9_3 */
#subCon9_3 .textM { text-align:center; }

/* ----------------------------------------------------------------------------------- footer ----------------------------------------------------------------------------------- */
.footerWrap { background:#4c4c4c; overflow:hidden; }
.footerWrap h3 { padding-bottom:30px; }
.logoBottom { margin:20px 0 0 6%; float:left; }
.footerWrap > ul { margin-top:20px; padding-left:50px; overflow:hidden; }
.footerWrap > ul li { float:left; margin:0 20px; line-height:29px; }
.footerWrap > ul li a { color:#fff; font-size:1.3em; }
.footerWrap > ul li a:hover  { text-decoration:underline; }
.footer { float:left; }
#footer1 { width:20%;  clear:both; margin-top:50px;  padding-left:6%; margin-bottom:30px;  }
#footer1 ul { overflow:hidden; width:100%; }
#footer1 ul li { float:left; width:30%; text-align:center; }
#footer1 ul li a { color:#7a7a7a; text-align:center; }
#footer1 ul li a span { line-height:2.5 }
#footer1 ul li a:hover { color:#fff; }
#footer2 { width:40%; margin-top:50px; }
#footer2 p { color:#fff; line-height:1.8; font-size:1.1em; padding-bottom:30px;}
#footer3 { width:25%;float:right; margin-top:50px; }
#footer3 ul { overflow:hidden; }
#footer3 ul li { float:left; width:50%; }
#footer3 ul li a { color:#fff; line-height:2; }
#footer3 ul li a:hover { text-decoration:underline; }
.copy { clear:both; border-top:1px solid #fff; width:100%; padding: 20px 0; }
.copyright { color:#aaa; width:90%; text-align:center; margin:0 auto; }
.any3 { color:#fff; }
.any3 a { color:#50b2d8; }
.any3 a:hover { text-decoration:underline; }

/* ----------------------------------------------------------------------------------- common ----------------------------------------------------------------------------------- */
.btn { position:absolute; display:block; width:100%; text-align:center; bottom:20px; cursor:pointer; }
.btn img {  }
.pcView { display:block; }
.pcViewT { display:table-cell; }
.mView { display:none; }

/* ----------------------------------------------------------------------------------- PC�� css / width 1200px ���� �� �� ----------------------------------------------------------------------------------- */
@media all and (max-width:1220px) {

/* header */
h1 a img { width:100px; }
.navigation .navi > a { font-size:1em; padding:0 20px; }
.navigation .navi .subMenu li a { font-size:1em; }

/* ----------------------------------------------------------------------------------- sub ----------------------------------------------------------------------------------- */
.subCon dd { min-height:230px; }

/* sub4 _ pension */
.pMenu li a { font-size:0.9em; }


}

/* ----------------------------------------------------------------------------------- PC�� css / width 960px ���� �� �� ----------------------------------------------------------------------------------- */
@media all and (max-width:960px) {

/* header */
h1 a { line-height:100px; }
#htrLogo { top:110px; }
.mobileNavi { display:block; width:46px; height:45px; background:url("/new2017/images/inc/nav_m.png") no-repeat; text-align:center; float:right; margin-top:-72.5px; margin-right:5%; text-indent:-9999px; background-size:cover; }
.mobileNavi.open { background-position:-51px 0; }
.navOpen { display:none; position:absolute; z-index:100; width:100%; overflow:hidden; }
.navigation { margin-top:0; float:none; width:100%; }
.navigation .navi { float:none;  text-align:left;  position:relative; line-height:80px; background:url("/new2017/images/inc/nav_bg.png") repeat; margin-bottom:1px; }
.navigation .navi > a { color:#fff; font-size:1.2em; font-weight:600; cursor:pointer; line-height:80px; display:block; padding:0 30px; background:url("/new2017/images/inc/nav_icon_m2.png") no-repeat 95% center #222;  }
.navigation .navi > a:hover { color:#05ec98; background:url("/new2017/images/inc/nav_icon_m2.png") no-repeat 95% center #222; }
.navigation .navi.on > a { color:#05ec98; background:url("/new2017/images/inc/nav_icon_m1.png") no-repeat 95% center #222; }
.navigation .navi .subMenu { display:none; padding:10px 0; padding-left:30px; }
.navigation .navi.on .subMenu { display:block }
.navigation .navi .subMenu li a { color:#fff; font-size:1.1em; line-height:46px; display:block; }
.navigation .navi .subMenu li a:hover { color:#05ec98; }

/* mainWrap1 */
#mainWrap1 {  }
#mainWrap1 #con1,
#mainWrap1 #con2,
#mainWrap2 #con1,
#mainWrap2 #con2,
#mainWrap3 #con1,
#mainWrap3 #con2 { float:none; width:90%; margin:0 auto; padding:20px 0; }
#mainWrap1 #con2,
#mainWrap2 #con2,
#mainWrap3 #con2 { padding-bottom:50px; }
.con_1 { width:48%; float:left; }
.con_2 { width:48%; float:right; }
.mainWrap #con2 .cos, .mainWrap #con2 .pkg { padding:10px 0 10px 90px; }
.mainWrap #con2 .cos {  }
.btn { display:none; }

/* mainWrap4 */
.bbsText {font-size:1.3em}
#mainWrap4 #bbs3 .tel { font-size:1.3em; background:none; padding:20px 0 20px 0; }
#mainWrap4 #bbs3 .bank { font-size:1.3em; }
#mainWrap4 #bbs1,
#mainWrap4 #bbs2,
#mainWrap4 #bbs3 { width:87%; padding:0; margin:50px auto; float:none; }
#mainWrap4 #bbs2 { border:none; }
.bbs3_1, .bbs3_2 { width:48%; }
.bbs3_1 { float:left; }
.bbs3_2 { float:right; }

/* ----------------------------------------------------------------------------------- sub ----------------------------------------------------------------------------------- */
/* sub Common */

/* footer */
#footer3 { display:none; }
#footer1 { width:100%; margin:40px 0 0 0; }
#footer1 ul { width:70%; }
#footer2 { width:90%; padding-left:6%; margin:30px 0; }

/* quickmenu */
.quick { display:none; }

/* common */
.flex-control-nav { display:none; }
#mainWrap5 { display:none; }

}

/* ----------------------------------------------------------------------------------- �º���� css / width 768px ���� �� �� ----------------------------------------------------------------------------------- */
@media all and (max-width:768px) {

/*common */
.pcView { display:none; }
.pcViewT { display:none; }
.mView { display:block; }

/* mainWrpa4 */
#mainWrap4 .pension li,
#subCon4_1 .pension li { float:none; width:100%; }
#mainWrap4 .moreView { display:none; }
.bbs3_1, .bbs3_2 { width:100%; }
.bbs3_1, .bbs3_2 { float:none; }
#mainWrap4 #bbs3 .tel { background:url("/new2017/images/main/call.png") no-repeat left center; font-size:2em; padding:20px 0 20px 100px; }
#mainWrap4 #bbs3 .bank { font-size:2em; }

/* ----------------------------------------------------------------------------------- sub ----------------------------------------------------------------------------------- */
/* sub Common */
.subWrap .flex-direction-nav { display:none; }
.subTitle { width:80%; }
.textL { font-size:1.3em; font-weight:600; }
.subBtn1,
.subBtn2,
.subBtn3,
.subBtn4 { background-size:100%; width:150px; height:35px; margin-top:10px; }
.subBtn2,
.subBtn3 { margin-left:10%; }
.subBtn1:hover,
.subBtn2:hover,
.subBtn3:hover,
.subBtn4:hover { background-size:100% }
.table1 th { font-size:1em; padding:10px 0; }
.table1 td { font-size:1em; padding:10px; }
.subCon4 .table1 td { font-size:0.9em; padding:5px; }
.subCon dl { width:98%; margin:20px auto 30px auto; float:none; }
.subCon dt { padding:10px; }
.subCon dt, .subCon dd { font-size:1em; }
.subCon dt img { max-width:250px; }
.subCon dd { min-height:0px; }

/* sub 1_1 */
#subCon1_1 #cosRafting {}
#subCon1_1 #cosRafting li { width:100%;  float:none; }

/* sub 2_1 */ 
#iconList  {}
#iconList  li { width:48%; margin:2% 1%; }

/* sub4 _ pension */
.pMenu li { width:25%; }
.pMenu li a { font-size:0.8em; line-height:30px; }
.pMenu li#pMenu6 a { background:url("/new2017/images/pension/line.gif") no-repeat right center; }
.pMenu li#pMenu4 a,
.pMenu li#pMenu8 a { background:none; }

/* sub 6_1 */
#subCon2_1 .con1, 
#subCon6_1 .con1, 
#subCon2_1 .con2, 
#subCon6_1 .con2,
.center .con1,
.center .con2 { width:100%; float:none; }
#subCon6_1 #subTel1,
#subCon6_1 #subTel2 { background-size:8%; padding-left:10%; font-size:1.3em; }

/* sub 6_2 */
#subCon6_2 .center { width:90%; }

/* sub 7_1 */
.subCon7 .lineGreen, 
.subCon7 .lineBlue { font-size:2em; }
.subCon7 .con1,
.subCon7 .con2 { width:100%; float:none; }
.subCon7 .con2 { text-align:center; }

/* footer */
.footerWrap > ul { padding-left:0; margin-left:6%; float:left; clear:both; }
.footerWrap > ul li { margin:0 5px; }
.footerWrap > ul li a { font-size:0.9em; }
.logoBottom { display:none; }

}

/* ----------------------------------------------------------------------------------- ����� css / width 500px ���� �� �� ----------------------------------------------------------------------------------- */
@media all and (max-width:500px) {

/* mainWrap1 */
.con_1, .con_2 { width:100%; float:none; }

/* sub4 _ pension */
.pMenu li { width:50%; }
.pMenu li a { font-size:0.8em; line-height:30px; }
.pMenu li#pMenu2 a,
.pMenu li#pMenu6 a,
.pMenu li#pMenu10 a,
.pMenu li#pMenu14 a { background:none; }


}

/* ----------------------------------------------------------------------------------- ����� css / width 320px ���� �� �� ----------------------------------------------------------------------------------- */
@media all and (max-width:320px) {


}