@charset "utf-8";



@font-face {
    font-family: 'RiaSans-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/LOTTE/RiaSans-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'RiaSans-Bold';
    src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/LOTTE/RiaSans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'RiaSans-Regular';
    src: url('https://cdn.jsdelivr.net/gh/fontbee/font@main/LOTTE/RiaSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard';
    src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 


html,body { font-family: 'Pretendard', 'Noto Sans KR',"Apple SD Gothic Neo", "Malgun Gothic", Sans-serif; }
body {overflow-y:visible;overflow-x:auto;}
#doc {overflow:hidden;position:relative;background:#fff;min-width:360px; z-index:8999;min-width:360px;opacity:1;-webkit-transition: opacity 0.3s ease-out;-moz-transition: opacity 0.3s ease-out;-o-transition: opacity 0.3s ease-out;transition: opacity 0.3s ease-out;}
#doc.show{ transition-delay:0s; opacity:1;}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		
	}	
	

/*=======================================================
  css default
=========================================================*/
.div-cont {position:relative;text-align:left;margin:0 auto 0 auto; max-width:1440px; padding:0 20px; box-sizing:border-box;}
.div-cont:after {clear:both;content:"";display:block;}
	@media only screen and (max-width:1240px){
		
	}
	@media only screen and (max-width:999px){
		
	}
	@media only screen and (max-width:680px){
		.div-cont{padding:0 20px;}
	}
	@media only screen and (max-width:480px){
		
	}

.body-slide-wr{position:relative;width:100%;transition:margin 0.3s ease;}
.body-slider-ovclick{position:fixed;z-index:2600;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
.header-slider-ovclick{position:fixed;z-index:2010;width:100%;height:100%;/* height:calc(100% - 60px) */;left:0;top:0;background:rgba(0,0,0,0.65);cursor:pointer }
	@media only screen and (min-width:1201px){
		.header-slider-ovclick{display:none !important}
	}

/*=======================================================
    z-index dafault
=========================================================*/
#header-wrap{position:fixed;z-index:2005;}
#container-wrap{position:relative;z-index:1005;}
#footer-wrap{position:relative; /*z-index:1000;*/ }


/*=======================================================
    #header-wrap 
=========================================================*/
#header-wrap {left:0; width:100%; top:0px; min-width:360px; -webkit-transition: top 1s ease-in-out;-moz-transition: top 1s ease-in-out;-o-transition: top 1s ease-in-out;transition: top 1s ease-in-out}
.show #header-wrap{top:0;}
#header-wrap:after{position:absolute;left:50%; top:0; width:20000px;background:none;margin-left:-10000px;height:100%; box-sizing:border-box;background:none; z-index:-1;-webkit-transition: background 0.3s ease-out;-moz-transition: background 0.3s ease-out;-o-transition: background 0.3s ease-out;transition: background 0.3s ease-out;display:block; content:"";}
#header-wrap.fix:after, #header-wrap.isOver:after, #header-wrap.fixed:after{background:#fff;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12) ;}
#header{position:relative; z-index:5001; }

#header .inner{/* max-width:1240px; */ min-width:360px; position:relative; margin:0 auto; padding:0 20px; box-sizing:border-box; height:100px;}

#logo{position:absolute; left:50px; top:27px; width:330px; height:44px; z-index:2009;}
#logo a{display:block; height:44px;background:url(../img/logo.png) no-repeat left center; background-size:100% auto}

#header-wrap.fix #logo a,#header-wrap.fixed #logo a, #header-wrap.isOver #logo a{background-image:url(../img/logo-over.png)}
#header-wrap.fix:after,.sub #header-wrap:after{background:#fff;border-bottom:0px solid #e1e1e1;}
.fix #logo a, .isOver #logo a, .sub #logo a  {background-image:url(../img/logo-over.png)}

#header .bt-mnall{position:absolute;z-index:2599; width:30px; height:30px; top:50%;margin-top:-15px; right:17px; display:none;}
#header .bt-mnall .bar{position:absolute;left:3px;width:24px;height:1px;background:#fff}
#header .bt-mnall .bar.no1{top:6px}
#header .bt-mnall .bar.no2{top:14px}
#header .bt-mnall .bar.no3{top:22px}
#header .bt-mnall .bar.no1, #header .bt-mnall .bar.no3{transition:transform .3s ease;-webkit-transition:transform .3s ease}
#header .bt-mnall .bar.no2{transition:left .3s ease, opacity .3s;-webkit-transition:left .3s ease, opacity .3s}
#header .bt-mnall.active .bar.no1{left:3px;transform:translateY(8px) rotate(45deg);-webkit-transform:translateY(8px) rotate(45deg)}
#header .bt-mnall.active .bar.no2{left:-10px;opacity:0;filter:alpha(opacity=0)}
#header .bt-mnall.active .bar.no3{left:3px;transform:translateY(-8px) rotate(-45deg);-webkit-transform:translateY(-8px) rotate(-45deg)}

#header .bt-mnall:hover .bar.no1 {-webkit-animation: line-animate .6s forwards;animation: line-animate .6s forwards}
#header .bt-mnall:hover .bar.no2 {-webkit-animation: line-animate .6s .2s forwards; animation: line-animate .6s .2s forwards}
#header .bt-mnall:hover .bar.no3 {-webkit-animation: line-animate .6s .4s forwards; animation: line-animate .6s .4s forwards}

#header .bt-mnclose {position:absolute;display:none;z-index:2599; width:65px; height:65px; background:url(../img/layout/bt-mnclosew.png) no-repeat center center; background-size:22px auto;right:0; top:0;}

#header .bt-allmenu{position:absolute;z-index:2599; width:30px; height:30px; top:50%;margin-top:-15px; right:25px;}
#header .bt-allmenu .bar{position:absolute;left:3px;width:24px;height:1px;background:#fff;}
#header .bt-allmenu .bar.no1{top:6px}
#header .bt-allmenu .bar.no2{top:14px}
#header .bt-allmenu .bar.no3{top:22px}
#header .bt-allmenu .bar.no1, #header .bt-allmenu .bar.no3{transition:transform .3s ease;-webkit-transition:transform .3s ease}
#header .bt-allmenu .bar.no2{transition:left .3s ease, opacity .3s;-webkit-transition:left .3s ease, opacity .3s}
#header .bt-allmenu.active .bar.no1{left:3px;transform:translateY(8px) rotate(45deg);-webkit-transform:translateY(8px) rotate(45deg)}
#header .bt-allmenu.active .bar.no2{left:-10px;opacity:0;filter:alpha(opacity=0)}
#header .bt-allmenu.active .bar.no3{left:3px;transform:translateY(-8px) rotate(-45deg);-webkit-transform:translateY(-8px) rotate(-45deg)}

#header .bt-allmenu:hover .bar:before{left:0;}
#header .bt-allmenu:hover .bar:after{left:100%;}

#header .bt-allmenu:hover .bar.no1 {-webkit-animation: line-animate .6s forwards;animation: line-animate .6s forwards}
#header .bt-allmenu:hover .bar.no2 {-webkit-animation: line-animate .6s .2s forwards; animation: line-animate .6s .2s forwards}
#header .bt-allmenu:hover .bar.no3 {-webkit-animation: line-animate .6s .4s forwards; animation: line-animate .6s .4s forwards}


#header-wrap.fix .bt-allmenu .bar , #header-wrap.fixed .bt-allmenu .bar ,#header-wrap.isOver .bt-allmenu .bar{background:#111}
#header-wrap.fix .bt-mnall .bar , #header-wrap.fixed .bt-mnall .bar ,#header-wrap.isOver .bt-mnall .bar{background:#111}

#header-wrap.fix .bt-allmenu .bar , #header-wrap.fixed .bt-allmenu .bar ,#header-wrap.isOver .bt-allmenu .bar, .sub #header .bt-allmenu .bar{border-bottom:1px solid #111}
#header-wrap.fix .bt-mnall .bar , #header-wrap.fixed .bt-mnall .bar ,#header-wrap.isOver .bt-mnall .bar, .sub #header .bt-mnall .bar{border-bottom:1px solid #111}

#header .language {position:absolute;z-index:2599; right:88px; top:34px; height:30px; }
#header .bt-language{display:block;padding-left:27px;background:url(../img/layout/bt-language.png) no-repeat left 57%;background-size:18px auto; line-height:30px;font-size:15px; font-weight:500; color:#fff; letter-spacing:-0.01em; padding-right:24px;}
#header .bt-language:after{width:10px;height:10px; position:absolute;right:0; top:50%;margin-top:-5px;background:url(../img/layout/language-arrow.png) no-repeat right center; display:block; content:""}

.fix #header .bt-language:after, .isOver #header .bt-language:after{background-image:url(../img/layout/language-arrowo.png)}

#header .layer-language{position:absolute;right:-5px; top:35px; width:96px;z-index:2600;display:none; }
#header .layer-language:after{border:1px solid #dedede;background:#fff; position:Absolute; left:0; top:0; width:100%;height:100%; box-sizing:border-box; z-index:-1; display:block;content:"";z-index:-1;}
#header .layer-language ul{position:relative; z-index:2;}
#header .layer-language li{}
#header .layer-language li a{display:block; line-height:35px;font-size:15px; font-weight:500; color:#111; letter-spacing:-0.01em; text-align:center;}
#header .layer-language li a:hover, #header .layer-language li.active a{background:#333; color:#fff;}
#header .layer-language li:nth-child(n+2){border-top:1px solid #dedede;}

#header-wrap.fix .bt-language{color:#242424;background-image:url(../img/layout/bt-languageo.png) }
#header-wrap.isOver .bt-language{color:#242424;background-image:url(../img/layout/bt-languageo.png) } 

#header-wrap.fix .language li a, #header-wrap.isOver .language li a{color:#242424;} 
#header-wrap.fix .language li a:after, #header-wrap.isOver .language li a:after{background-color:#242424;}
#header-wrap.fix .language li.active a, #header-wrap.isOver .language li.active a, #header-wrap.fix .language li a:hover{color:#fff !important;}
	@media only screen and (max-width:1560px) {	
		#logo{width:250px;height:33px; top:35px;  left:20px;}
		#logo a{height:33px;}
		
	}
	@media only screen and (min-width:1185px) and (max-width:1400px){
		#header .language {right:80px;}
	}
	@media only screen and (max-width:1185px) {
		#header .bt-mnall{display:block;}
		#header .bt-allmenu{display:none !important;}

		#header .language{display:none !important}
	}
	@media only screen and (max-width:999px) {
		#logo{width:240px;height:32px; top:18px}
		#logo a{height:32px;}

		#header .inner{height:65px;}
		
		
	}
	@media only screen and (max-width:680px) {
		#logo{width:230px;height:31px; left:15px;top:15px}

		
	}

	




	
/*=======================================================
		#allmenu-wrap 
=========================================================*/
#header .bt-allmenu{position:absolute;z-index:2599; width:30px; height:30px; top:50%;margin-top:-15px; right:25px;}
#header .bt-allmenu .bar{position:absolute;left:3px;width:24px;height:1px;background:#fff;}
#header .bt-allmenu .bar.no1{top:6px}
#header .bt-allmenu .bar.no2{top:14px}
#header .bt-allmenu .bar.no3{top:22px}
#header .bt-allmenu .bar.no1, #header .bt-allmenu .bar.no3{transition:transform .3s ease;-webkit-transition:transform .3s ease}
#header .bt-allmenu .bar.no2{transition:left .3s ease, opacity .3s;-webkit-transition:left .3s ease, opacity .3s}
#header .bt-allmenu.active .bar.no1{left:3px;transform:translateY(8px) rotate(45deg);-webkit-transform:translateY(8px) rotate(45deg)}
#header .bt-allmenu.active .bar.no2{left:-10px;opacity:0;filter:alpha(opacity=0)}
#header .bt-allmenu.active .bar.no3{left:3px;transform:translateY(-8px) rotate(-45deg);-webkit-transform:translateY(-8px) rotate(-45deg)}

#header .bt-allmenu:hover .bar:before{left:0;}
#header .bt-allmenu:hover .bar:after{left:100%;}

#header .bt-allmenu:hover .bar.no1 {-webkit-animation: line-animate .6s forwards;animation: line-animate .6s forwards}
#header .bt-allmenu:hover .bar.no2 {-webkit-animation: line-animate .6s .2s forwards; animation: line-animate .6s .2s forwards}
#header .bt-allmenu:hover .bar.no3 {-webkit-animation: line-animate .6s .4s forwards; animation: line-animate .6s .4s forwards}

#header-wrap.fix .bt-allmenu .bar , #header-wrap.fixed .bt-allmenu .bar ,#header-wrap.isOver .bt-allmenu .bar{background:#111}
#header-wrap.fix .bt-mnall .bar , #header-wrap.fixed .bt-mnall .bar ,#header-wrap.isOver .bt-mnall .bar{background:#111}


.sub #header-wrap .bt-allmenu .bar{background:#111}

#allmenu-wrap{position:fixed; top:0;left:0; display:none; overflow:hidden; z-index:3005;background:#fff; padding-right:80px; width:100%;height:100%; box-sizing:border-box; overflow-y:auto;}	
#allmenu-wrap:after{width:80px;height:100%; position:absolute;right:0; top:0;background:#f5f5f5; display:block; content:"";z-index:91}
#allmenu-wrap .close {position:absolute;z-index:2599; width:30px; height:30px; background:url(../img/layout/bt-mnclose.png) no-repeat center center; background-size:20px auto;right:25px; top:32px; z-index:92;}
#allmenu-wrap .allmenu{position:absolute; left:0; top:0; height:100%; overflow:hidden; width:calc(100% - 80px); z-index:23;}
#allmenu-wrap ul:after{display:block; content:"";clear:both;}
#allmenu-wrap li.mn_l1{float:left; width:20%; box-sizing:border-box; position:relative; height:100%;display:flex;align-items: center; justify-content: left;overflow:hidden;}
#allmenu-wrap li.mn_l1:after{width:100%;height:100%; position:absolute; left:0; top:0; display:block; content:"";background:#313131; z-index:3;-webkit-transition: left 0.4s ease-in-out;-moz-transition: left 0.4s linear;-o-transition: left 0.4s ease-in-out;transition: left 0.4s ease-in-out;}
#allmenu-wrap li.mn_l1:before{width:1px;height:100%; position:absolute; right:0; top:0; display:block; content:"";background:#dfdfdf; z-index:1;}

#allmenu-wrap.open li.mn_l1:after{left:100%;}
#allmenu-wrap.open li.mn_l1:nth-child(1):after{transition-delay: 0.2s;}
#allmenu-wrap.open li.mn_l1:nth-child(2):after{transition-delay: 0.2s;}
#allmenu-wrap.open li.mn_l1:nth-child(3):after{transition-delay: 0.2s;}
#allmenu-wrap.open li.mn_l1:nth-child(4):after{transition-delay: 0.2s;}
#allmenu-wrap.open li.mn_l1:nth-child(5):after{transition-delay: 0.2s;}
#allmenu-wrap.open li.mn_l1:nth-child(6):after{transition-delay: 0.2s;}

#allmenu-wrap li .vc{width:100%; box-sizing:border-box; padding:0 0 40px 0;overflow:hidden; min-height:430px;}
#allmenu-wrap li .mn_a1 {display:block;font-size:30px;font-weight:700; line-height:1.5em; color:#6d9b00; letter-spacing:-0.02em;padding:0 0 0 25%;}
#allmenu-wrap li .mn_a1:hover{color:#2d2f59}
#allmenu-wrap li .depth2-wrap{padding-top:25px ;min-height:240px;}
#allmenu-wrap li .depth2{padding:0 0 0 0}
#allmenu-wrap li.mn_l2:nth-child(n+2){margin-top:0}
#allmenu-wrap li .mn_a2{display:block;font-size:17px;font-weight:400; line-height:1.2em; color:#777; letter-spacing:-0.02em; padding:12px 0 12px 25%; position:relative;}
#allmenu-wrap li .mn_a2:hover{color:#fff}
#allmenu-wrap li .mn_a2:after{position:absolute; left:0; top:0; width:0; height:100%; background:#6d9b00;display:block; content:"";z-index:-1;-webkit-transition: width 0.5s ease-in-out;-moz-transition: width 0.5s ease-in-out;-o-transition: width 0.5s ease-in-out;transition: width 0.5s ease-in-out;}
#allmenu-wrap li .mn_a2:hover:after{width:100%}

#allmenu-wrap li .mn_a1{display:block;opacity:0;position:Relative;-webkit-transform: translateX(-10%); -moz-transform: translateX(-10%);-ms-transform: translateX(-10%); -o-transform:  translateX(-10%);transform: translateX(-10%);-webkit-transition: transform 0.3s ease-in-out ,  opacity 0.3s ease-in-out;-moz-transition: transform 0.3s ease-in-out ,  opacity 0.3s ease-in-out;-o-transition: transform 0.3s ease-in-out ,  opacity 0.3s ease-in-out;transition: transform 0.3s ease-in-out ,  opacity 0.3s ease-in-out;}
#allmenu-wrap li .depth2{position:relative;opacity:0;-webkit-transform: translateX(-5%); -moz-transform: translateX(-5%);-ms-transform: translateX(-5%); -o-transform:  translateX(-5%);transform: translateX(-5%);-webkit-transition: transform 0.3s ease-in-out ,  opacity 0.3s ease-in-out;-moz-transition: transform 0.3s ease-in-out ,  opacity 0.3s ease-in-out;-o-transition: transform 0.3s ease-in-out ,  opacity 0.3s ease-in-out;transition: transform 0.3s ease-in-out ,  opacity 0.3s ease-in-out;}

#allmenu-wrap.open li.mn_l1 .mn_a1{transition-delay: 0.5s;opacity:1;-webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0);}
#allmenu-wrap.open li.mn_l1 .depth2{transition-delay: 0.6s;opacity:1;-webkit-transform: translateX(0); -moz-transform: translateX(0);-ms-transform: translateX(0); -o-transform:  translateX(0);transform: translateX(0);}
	@media only screen and (max-width:1600px) {	
		#allmenu-wrap li .depth2-wrap{padding-top:15px} 
		#allmenu-wrap li.mn_l2:nth-child(n+2){margin-top:12px;}
		#allmenu-wrap li .mn_a1{font-size:20px;}
		#allmenu-wrap li .mn_a2{font-size:16px;}
	}
	@media only screen and (min-width:1185px) and (max-width:1400px){
	
	}
	@media only screen and (max-width:1184px) {
		#header .bt-allmenu, #allmenu-wrap{display:none !important;}
	}
	@media only screen and (max-width:999px) {
		
	}
	@media only screen and (max-width:680px) {
		

	}

	/*=======================================================
		#mainNavi-wrap 
	=========================================================*/
	@media only screen and (min-width:1185px){
		#header .bt-mnall, #header .bt-mnclose{display:none !important;}

		#header .bt-mnall{display:none;}
		#mainNavi-wrap {height:85px;overflow:hidden;position:absolute;left:0;top:6px;width:100%;display:block;z-index:2007;}
		#mainNavi-wrap .tmn-tit {display:none;}

		#mainNav {position:relative;}
		.tm-top{display:none}
		
		.topmenu {display:block;position:relative;text-align:center; font-size:0;}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu .tgl-btn {display:none;}
		.topmenu .mn_a1 {font-size:20px;line-height:1.35em;display:block;color:#fff; padding:32px 0 31px 0;width:220px; font-weight:500; letter-spacing:-0.01em; text-transform:uppercase;position:relative; text-align:center; z-index:14;/* -webkit-transition: color 0.3s ease-in-out, width 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out, width 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out, width 0.3s ease-in-out;transition: color 0.3s ease-in-out, width 0.3s ease-in-out; */}
		.topmenu .mn_a1:before{width:0;left:50%; height:3px; background:#6d9b00; display:block; content:""; position:absolute; bottom:-4px;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);-webkit-transition: width 0.4s ease-in-out;-moz-transition:width 0.4s ease-in-out;-o-transition: width 0.4s ease-in-out;transition: width 0.4s ease-in-out;} 
		.topmenu .is-open .mn_a1, .topmenu .is-over .mn_a1{color:#6d9b00}
		.topmenu .is-open .mn_a1:before{width:70%;}
		.topmenu .mn_l1:first-child:before{display:none;}
		.topmenu .mn_l1:first-child{margin-left:100px;}
		.topmenu .mn_l1 {display:inline-block;vertical-align:top;position:relative;}
		.topmenu .mn_l1:before{width:0; border-left:1px solid rgba(255,255,255,0.3); position:Absolute; left:-1px; top:50%; height:16px; margin-top:-8px; display:block; content:"";}
		.topmenu .mn_a1:hover{color:#6d9b00}
		.topmenu .is-open .mn_a1, .topmenu .is-over .mn_a1{color:#6d9b00}


		.isOver .topmenu .mn_l1:before, .is-open .topmenu .mn_l1:before, .fix .topmenu .mn_l1:before{border-color:#999}

		.topmenu .mn_l1.is-open .depth2-wrap{}
		.topmenu .depth2-wrap {position:absolute;top:94px;display:none;visibility:hidden;padding:0; width:100% !important;}
		/* .topmenu .depth2-wrap:after{position:absolute; left:0; top:0; width:100%;height:0; background:#2d4478; display:block; content:""; z-index:1; -webkit-transition: height 0.4s ease-in-out;-moz-transition: height 0.4s ease-in-out;-o-transition: height 0.4s ease-in-out;transition: height 0.4s ease-in-out;}
		.topmenu .mn_l1.is-over .depth2-wrap:after{height:100%;} */
		.topmenu .depth2 {position:relative;height:auto;padding:25px 0 25px 0px;min-height:320px; box-sizing:border-box; z-index:2;}
		.topmenu .mn_l1:nth-child(n+2) .depth2:before{width:1px; height:320px; border-left:1px solid #dedede; left:-1px; top:50%;margin-top:-160px; display:block;content:""; position:absolute;}
		.topmenu .depth2 li{}
		.topmenu .depth2 .mn_l2 {text-align:center;}
		.topmenu .depth2 .mn_a2 {line-height:1.2em;padding:7px 0 7px 0; display:block;}
		.topmenu .depth2 .mn_a2 span {display:inline-block;line-height:1.2em ; padding:3px 2px;text-transform:uppercase; position:relative;font-weight:400; font-size:17px;letter-spacing:-0.03em;color:#414a4f; position:relative; -webkit-transition: color 0.4s ease-in-out;-moz-transition: color 0.4s ease-in-out;-o-transition: color 0.4s ease-in-out;transition: color 0.4s ease-in-out;}
		.topmenu .depth2 .mn_a2 span:before{width:0;left:50%; height:1px; background:#6d9b00; display:block; content:""; position:absolute; bottom:-4px;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);-webkit-transition: width 0.3s ease-out;-moz-transition: width 0.3s ease-out;-o-transition: width 0.3s ease-out;transition: width 0.3s ease-out;} 
		.topmenu .depth2 .mn_a2:hover span:before{width:96%;}
		.topmenu .depth2 .mn_a2:hover span {color:#6d9b00 !important; }

		/* .topmenu .mn_l1.is-open .depth2 .mn_a2 span {color:rgba(255,255,255,0.7)} */
	
		#mainNavi-wrap .ovbar {position:absolute;height:2px;top:93px;overflow:hidden; opacity:0; display:none !Important;}
		#mainNavi-wrap .ovbar:after {position:absolute;bottom:0;left:50%;background:#6d9b00; height:2px;content:"";display:block;z-index:200; width:70%; margin-left:-35%;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
		#header-wrap.isOver #mainNavi-wrap .ovbar, #header-wrap.fix #mainNavi-wrap .ovbar{opacity:1}
		#header-wrap.over #mainNavi-wrap .ovbar{opacity:1}

		.tm-language, .tm-link{display:none;}
		
		#header-wrap.fix .topmenu .mn_a1{color:#242424;} 
		#header-wrap.isOver .topmenu .mn_a1{color:#242424;} 
		#header-wrap.isOver .topmenu .mn_a1:hover, #header-wrap.isOver .topmenu .is-over .mn_a1{color:#6d9b00;}

		#header-wrap.over .topmenu .mn_a1{color:#242424;} 
		#header-wrap.over .topmenu .mn_a1{color:#242424;} 
		#header-wrap.over .topmenu .mn_a1:hover, #header-wrap.over .topmenu .is-over .mn_a1{color:#6d9b00;}

		.mn-bar {position:absolute;background:#fff;border-top:1px solid #dedede;border-bottom:1px solid #dedede;top:100px;width:20000px; left:50%;margin-left:-10000px;z-index:2000; height:0; box-sizing:border-box;/* box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12) ; */}

		.sub #header-wrap .topmenu .mn_a1{color:#242424;} 
		.sub #header-wrap .topmenu .mn_a1:hover, .sub #header-wrap .topmenu .is-over .mn_a1{color:#6d9b00;}

		.sub #header-wrap .topmenu .mn_a1{color:#242424;} 
		.sub #header-wrap .topmenu .mn_a1{color:#242424;} 
		.sub #header-wrap .topmenu .mn_a1:hover, .sub #header-wrap .topmenu .is-over .mn_a1{color:#6d9b00;}

	}
	@media only screen and (min-width:1601px) and (max-width:1800px){
		.topmenu .mn_a1 {font-size:19px;width:200px;}
		.topmenu .depth2 {padding:20px 0 20px 0px;min-height:240px}
		.topmenu .depth2 .mn_a2 {padding:5px 0;}
		.topmenu .depth2 .mn_a2 span {font-size:15px; padding:2px}

	}
	@media only screen and (min-width:1401px) and (max-width:1600px){
		.topmenu .mn_a1 {font-size:18px;width:220px;}
		.topmenu .depth2 {padding:20px 0 20px 0px;min-height:230px}
		.topmenu .depth2 .mn_a2 {padding:5px 0;}
		.topmenu .depth2 .mn_a2 span {font-size:14px; padding:2px}

		
	}
	@media only screen and (min-width:1185px) and (max-width:1401px){
		.topmenu .mn_a1 {font-size:17px;width:190px;}
		.topmenu .depth2 {padding:20px 0 20px 0px;min-height:220px}
		.topmenu .depth2 .mn_a2 {padding:5px 0;}
		.topmenu .depth2 .mn_a2 span {font-size:14px; padding:2px}

		.topmenu .mn_l1:nth-child(n+2) .depth2:before{width:1px; height:320px; border-left:1px solid #dedede; left:-1px; top:50%;margin-top:-100px; display:block;content:""; position:absolute;}
		
	}
	@media only screen and (max-width:1185px) {
		#header-wrap .mn-bg {display:none;}
		#mainNavi-wrap{position:relative; z-index:4300; text-align:left; height:0 !Important}
		#mainNavi {position:fixed;background:#fff;transition:right 0.3s ease;z-index:7000;right:-290px;min-width:290px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;top:0;width:290px;height:100%; padding-bottom:60px; min-height:480px;-webkit-transition: right 0.3s ease-out;-moz-transition: right 0.3s ease-out;-o-transition: right 0.3s ease-out;	transition: right 0.3s ease-out;}
		#mainNavi.mn-h-open {right:0;}

		.tm-top{ height:75px; background:url(../img/logo.png) no-repeat 20px center #6d9b00; background-size:200px auto;}
	
		.topmenu {width:100%;display:block;position:absolute; left:0; top:129px; height:calc(100% - 189px);overflow-y:auto;z-index:141;padding:20px; box-sizing:border-box;}
		.topmenu:after {display:block;content:"";clear:both;}
		.topmenu li {line-height:1.3em;position:relative;text-transform:uppercase}
		.topmenu .mn_l1:first-child{margin-left:0;}
		.topmenu a {position:relative;}
		.topmenu .mn-txt{display:none;}

		.topmenu .has-sub .tgl-btn {padding:0;display:block;width:20px;height:20px;position:absolute;right:5px;top:8px;border:0;z-index:102;text-indent:-9999em;background:transparent;}
		.topmenu .has-sub .tgl-btn:before {content:'';position:absolute;left:0;top:50%;width:11px;height:1px;background:#6d9b00;transform: rotate(45deg);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
		.topmenu .has-sub .tgl-btn:after {content:'';position:absolute;right:0;top:50%;width:12px;height:1px;background:#6d9b00;transform: rotate(-45deg);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
		.topmenu .mn_l1 > .tgl-btn {right:12px;top:16px;}
		.topmenu .mn_l1.is-open > .tgl-btn:before, .topmenu .mn_l1.over > .tgl-btn:before{background:#252525;left:0;transform: rotate(-45deg);}
		.topmenu .mn_l1.is-open > .tgl-btn:after, .topmenu .mn_l1.over > .tgl-btn:after{background:#252525;right:0;transform: rotate(45deg);}
	
		.topmenu .mn_l2 > .tgl-btn {width:16px;height:16px;right:12px;top:16px;}
		.topmenu .mn_l2 > .tgl-btn:before, .topmenu .mn_l2 > .tgl-btn:after {height:1px;}
		.topmenu .mn_l2.is-open > .tgl-btn:before, .topmenu .mn_l2.over > .tgl-btn:before {transform: rotate(0);}
		.topmenu .mn_l2.is-open > .tgl-btn:after, .topmenu .mn_l2.over > .tgl-btn:after {transform: rotate(0);}

		.topmenu .mn_a1 {position:relative;display:block;padding:17px 30px 17px 10px;overflow:hidden; font-size:17px;font-weight:600;letter-spacing:-0.02em;white-space:normal;cursor:pointer;color:#000; z-index:101}
		.topmenu .over .mn_a1, .topmenu .is-open .mn_a1{color:#6d9b00;}


		.topmenu li > div {display:none; opacity:0;}
		.topmenu .depth2-wrap {position:relative; width:auto !important}
		.topmenu .depth2 {position:relative;background:#f7f7f7;padding:15px 0;border-bottom:1px solid #ededed;}
		.topmenu .depth2:after {clear:both;content:"";display:block}
		.topmenu .depth2 a {font-size:14px;line-height:1.3em;display:block;}
		.topmenu .depth2 .mn_l2:last-child{border-bottom:none}
		.topmenu .depth2 .mn_a2 {display:block;padding:5px 30px 5px 32px; position:relative;}
		.topmenu .depth2 .mn_a2:before{width:5px;height:0; position:Absolute; left:20px; top:14px; border-bottom:1px solid #666; display:block; content:""}
		.topmenu .depth2 .mn_a2 span.img{display:none;}
		.topmenu .depth2 .mn_a2 span {font-size:15px;font-weight:400;cursor:pointer;color:#555;}
		.topmenu .depth2 .mn_a2:hover span{color:#111} 
		

		.mn-bar {display:none;}
		
		.tm-language{background:#6d9b00}
		.tm-language ul{padding:13px 25px 20px 20px;text-align:right;}
		.tm-language ul:after{display:block; content:"";clear:both;}
		.tm-language li{display:inline-block;vertical-align:top;}
		.tm-language li:nth-child(n+2){ margin-left:20px;}
		.tm-language li a{display:block; line-height:20px; color:#fff;font-family:'GothamPro'; font-weight:500; font-size:14px; text-align:center;position:relative;}
		.tm-language li a:after {content:'';position:absolute;bottom:-3px;left:0;width:100%;height:1px;background-color:#fff;opacity:0;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition:-webkit-transform .3s cubic-bezier(.77,0,.175,1),opacity .5s;-moz-transition:-moz-transform .3s cubic-bezier(.77,0,.175,1),opacity .5s;transition:transform .3s cubic-bezier(.77,0,.175,1),opacity .5s}
		.tm-language li a:hover:after ,.tm-language li.active a:after {opacity:1;-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:scaleX(1);-moz-transform:scaleX(1); transform:scaleX(1);-webkit-transition:-webkit-transform .3s cubic-bezier(.77,0,.175,1),opacity .3s; -moz-transition:-moz-transform .3s cubic-bezier(.77,0,.175,1),opacity .3s;transition:transform .3s cubic-bezier(.77,0,.175,1),opacity .3s}
		
		.tm-link{position:Absolute; left:0; bottom:0; width:100%;display:block; border-top:1px solid #dadada; background:#f5f5f5;}
		.tm-link ul{font-size:0; padding:17px 10px;}
		.tm-link ul:after{display:block;content:"";clear:both;}
		.tm-link li{float:left; width:60%; position:Relative;display:inline-block;vertical-align:top;}
		.tm-link li:nth-child(2){ width:40%;}
		.tm-link li:nth-child(n+2):before{width:1px;height:14px; top:50%;margin-top:-7px; background:#dadada; display:block; content:""; left:-1px;position:absolute;}
		.tm-link li a{font-size:14px; color:#555;  line-height:25px; display:block;text-align:center;}
		.tm-link li a span{display:inline-block;vertical-align:top;}
		.tm-link li a:hover{color:#111}

		/* .tm-link li:nth-child(1) a span{background:url(../img/layout/mn-facebook.jpg) no-repeat left center; padding-left:25px}
		.tm-link li:nth-child(2) a span{background:url(../img/layout/mn-youtube.jpg) no-repeat left center; padding-left:35px;} */
	}
	@media only screen and (max-width:680px){
		
	}
	
	

/* ======================================================
   #container-wrap 
=========================================================*/
#container-wrap{}
#container-wrap #contents{ min-height:700px;}
.sub #container-wrap{margin-top:100px}
.sub #container-wrap #contents{min-height:700px; padding:70px 0px 150px; }

	@media only screen and (max-width:1200px){
		.sub #container-wrap{margin-top:60px}
		.sub #container-wrap #contents{padding:70px 15px 70px; }
	}
	@media only screen and (max-width:1024px){
		.sub #container-wrap #contents{padding:30px 15px 70px; }
	}

	@media only screen and (max-width:999px){
		.sub #container-wrap #contents{padding:50px 15px; }
	}
	@media only screen and (max-width:680px){
		.sub #container-wrap #contents{padding:30px 20px 50px; }
	}
	@media only screen and (max-width:480px){

	}

/* ======================================================
   .top-btn 
=========================================================*/
.top-btn{ z-index:2004;right:-100px;width:50px;height:50px; text-align:Center; background:url(../img/layout/top-btn.jpg) no-repeat center center;background-size:100% auto; overflow:hidden;border-radius:100%; bottom:130px; text-transform:uppercase; color:#fff; font-size:13px; font-weight:500; position:fixed;-webkit-transition: right 0.3s ease-out;-moz-transition: right 0.3s ease-out;-o-transition: right 0.3s ease-out;transition: right 0.3s ease-out; }
.top-btn.over{right:30px;}

.top-btn .progress-bar{position:absolute;right:0; bottom:0; width:70px;height:70px;}
.top-btn .progress-bar canvas{width:70px !important; height:70px !important;}
	@media only screen and (max-width:1480px) {
		.top-btn{width:40px;height:40px; right:-80px; bottom:100px;}
		.top-btn.over{right:15px;}

		.top-btn .progress-bar{ width:80px;height:80px;}
		.top-btn .progress-bar canvas{width:80px !important; height:80px !important;}

	}
	@media only screen and (max-width:1024px) {
		.top-btn{bottom:30px;}
	}
	@media only screen and (max-width:999px) {
		.top-btn{width:40px;height:40px; right:-60px;}

		.top-btn .progress-bar{ width:60px;height:60px;}
		.top-btn .progress-bar canvas{width:60px !important; height:60px !important;}
	}
	@media only screen and (max-width:480px) {
		.top-btn{width:40px;height:40px; right:-40px;bottom:10px;}
		.top-btn.over{right:10px;}

		.top-btn .progress-bar{ width:40px;height:40px;}
		.top-btn .progress-bar canvas{width:40px !important; height:40px !important;}
	}

/* ======================================================
   .quick-menu
=========================================================*/
.quick-menu{position:fixed; right:10px;  top:30%; width:80px; z-index:20005; -webkit-transition: right 0.5s ease-in-out;-moz-transition: right 0.5s ease-in-out;-o-transition: right 0.5s ease-in-out;transition: right 0.5s ease-in-out;}
.quick-menu.ani{right:10px;}
.quick-menu ul {} 
.quick-menu li{}
.quick-menu li:nth-child(n+2) a{/*border-top:none;*/}
.quick-menu li a{ padding:20px 0px;display:flex;align-items: center; justify-content: center; height:60px; background:#60945e; opacity:1; border:0px solid #cacaca; border-right:none;text-align:center; line-height:1.2em;-webkit-transition: background 0.3s ease-out, border-color 0.3s ease-out;-moz-transition: background 0.3s ease-out, border-color 0.3s ease-out;-o-transition: background 0.3s ease-out, border-color 0.3s ease-out;transition: background 0.3s ease-out, border-color 0.3s ease-out;}
.quick-menu li a span{display:block;font-size:15px;padding-top:45px; padding-bottom:10px; letter-spacing:-0.03em;color:#fff;-webkit-transition: color 0.3s ease-out;-moz-transition: color 0.3s ease-out;-o-transition: color 0.3s ease-out;transition: color 0.3s ease-out;}
.quick-menu li a:hover, .quick-menu li.active a{/*background:#6b727f; border-color:#6b727f*/ }
.quick-menu li a:hover span, .quick-menu li.active a span{color:#fff;}






.quick-menu li:nth-child(1) a span{background:url(../img/layout/quick-ico01.png) no-repeat center top; transition:transform 0.5s cubic-bezier(.33,.02,0,.93)}
.quick-menu li:nth-child(2) a span{background:url(../img/layout/quick-ico02.png) no-repeat center top; transition:transform 0.5s cubic-bezier(.33,.02,0,.93)}
.quick-menu li:nth-child(3) a span{background:url(../img/layout/quick-ico03.png) no-repeat center top; transition:transform 0.5s cubic-bezier(.33,.02,0,.93)}
.quick-menu li:nth-child(4) a span{background:url(../img/layout/quick-ico04.png) no-repeat center top; transition:transform 0.5s cubic-bezier(.33,.02,0,.93)}

.quick-menu li:nth-child(1) a:hover span{background-image:url(../img/layout/quick-ico01o.png); transform:translateY(-7px)}
.quick-menu li:nth-child(2) a:hover span{background-image:url(../img/layout/quick-ico02o.png); transform:translateY(-7px)}
.quick-menu li:nth-child(3) a:hover span{background-image:url(../img/layout/quick-ico03o.png); transform:translateY(-7px)}
.quick-menu li:nth-child(4) a:hover span{background-image:url(../img/layout/quick-ico04o.png); transform:translateY(-7px)}


.quick-menu li.active:nth-child(1) a span{background-image:url(../img/layout/quick-ico01o.png)}
.quick-menu li.active:nth-child(2) a span{background-image:url(../img/layout/quick-ico02o.png)}
.quick-menu li.active:nth-child(3) a span{background-image:url(../img/layout/quick-ico03o.png)}
.quick-menu li.active:nth-child(4) a span{background-image:url(../img/layout/quick-ico04o.png)}
	
	@media only screen and (max-width:1480px) {

		.quick-menu{right:-100px;}
	}
	@media only screen and (max-width:680px){
		.quick-menu{display:none;}
		

		
	}
/* ======================================================
    cont-top & top-btn 
=========================================================*/
.cont-top{text-align:center; margin-bottom:50px;}
.cont-top h2{font-size:50px; font-weight:700;letter-spacing:-0.03em; line-height:1.2em; color:#000; position:relative; padding-bottom:10px; border-bottom:0px solid #ddd; font-family: 'RiaSans-Regular';}	
.cont-top h2:after{width:100px; height:0px; background:#6a9700; position:absolute; left:50%; bottom:-1px; display:block; content:"";-webkit-transition: width 1s ease-out;-moz-transition: width 1s ease-out;-o-transition: width 1s ease-out;transition: width 1s ease-out;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.cont-top p{margin-top:5px;font-size:18px; color:#111; font-weight:400; letter-spacing:-0.02em; line-height:1.3em;}



.cont-top.ani h2:after{width:350px; }

	@media only screen and (max-width:1400px){
		.cont-top p{font-size:14px;}
	}
	@media only screen and (max-width:1200px){
		.cont-top{margin-bottom:40px;}
		.cont-top h2{font-size:35px;}
		.cont-top h2:after{width:380px;}
		.cont-top.ani h2:after{width:140px;} 
		.cont-top p{margin-top:10px;font-size:15px;}
	}
	@media only screen and (max-width:999px){
		.cont-top{margin-bottom:30px;}
		.cont-top h2{font-size:29px; padding-bottom:0px;}
		.cont-top p{font-size:14px;word-break: keep-all; padding:0 15px;}
		
		.top-btn{width:40px;height:40px; bottom:15px;}
		.top-btn.over{right:15px;}
	}
	@media only screen and (max-width:680px){
		.cont-top h2{font-size:24px;}
		.cont-top h2:after{width:300px;}
		.cont-top.ani h2:after{width:100px;} 
		.cont-top p{font-size:13px;}
		

		
	}
	@media only screen and (max-width:480px){
		.cont-top h2{padding-bottom:0px;}
		.cont-top p{display:none;}

		.top-btn{ bottom:50px;}
	}



/* ======================================================
   #snbNavi-wrap
=========================================================*/
#snbNavi-wrap{height:55px; position:relative;z-index:1005}	
#snbNavi-wrap:after{position:absolute;width:20000px; left:50%;margin-left:-10000px; top:0;height:100%; box-sizing:border-box; border-top:0px solid #dbdbdb;border-bottom:0px solid #dbdbdb; display:block;content:"";z-index:-1;}
#snbNavi-wrap .snbNavi{max-width:1820px; margin:0 auto;position:relative; padding-left:40px; box-sizing:border-box;}
#snbNavi-wrap .snbNavi:after{display:block; content:"";clear:both;}
#snbNavi-wrap .home{width:55px;height:55px;position:absolute; left:0;top:0;border-right:0px solid #2674e3;border-left:0px solid #2674e3; background:url(../img/sub/left-home.png) no-repeat center center;}
#snbNavi-wrap dl{min-width:170px; float:left; position:relative;}
#snbNavi-wrap dl:before{width:0px;height:100%; position:absolute; left:-1px; top:0; display:block; content:"";background:#dbdbdb;}
#snbNavi-wrap dl:after{width:0px;height:100%; position:absolute; right:0; top:0; display:block; content:"";background:#fff;}
#snbNavi-wrap dl:last-child:after{width:0px;height:100%; position:absolute; right:0; top:0; display:block; content:"";background:#dbdbdb;}
#snbNavi-wrap dt{}
#snbNavi-wrap dt a{display:block; line-height:54px;height:55px; padding-left:20px; color:#353535; font-size:15px; position:relative;}
#snbNavi-wrap dt a.active {font-weight:700; color:#000;}
#snbNavi-wrap dt a:after{width:18px;height:8px; position:absolute;right:15px; top:50%;margin-top:-4px; background:url(../img/sub/depth-off.png) no-repeat center center; display:block; content:""}
#snbNavi-wrap dt.active a:after{background-image:url(../img/sub/depth-on.png);}
#snbNavi-wrap dd{position:absolute;display:none; left:-1px; top:54px; width:calc(100% + 1px);background:#fff;box-sizing:border-box; border:0px solid #eee;border-top:0; border-radius:20px;box-shadow: 0 0 20px 0 rgb(68 68 68 / 11%);}
#snbNavi-wrap dd ul{}
#snbNavi-wrap dd li{}
#snbNavi-wrap dd li a{line-height:45px; font-size:15px; color:#555;letter-spacing:-0.02em; padding:0 25px; display:block; }
#snbNavi-wrap dd li a:hover{background:#f9f9f9;  }
#snbNavi-wrap dd li:nth-child(n+2){/* border-top:1px solid #dbdbdb; */}	
#snbNavi-wrap dd li.active a{background:#f9f9f9;  font-weight:500; color:#7ba830; /*text-decoration:underline;*/ }

#snbNavi-wrap dl.active{z-index:55;}
#snbNavi-wrap dl.active:nth-child(n+2):before{background:#fff;}
#snbNavi-wrap dl.active:after{border-color:#fff;z-index:555;}
#snbNavi-wrap dl.active:last-child:after{background:#fff;}

#snbNavi-wrap dl.active dt:after{background:#fff; width:100%; height:1px; position:absolute; left:0; top:0;display:block; content:""}
#snbNavi-wrap dl.active dd{border-color:#eee;}
	@media only screen and (max-width:1200px){
		#snbNavi-wrap .snbNavi{padding-left:55px;}
		#snbNavi-wrap .home{width:53px;}
	}
	@media only screen and (max-width:999px){
		#snbNavi-wrap{height:50px;}
		#snbNavi-wrap .snbNavi{padding-left:50px;}
		#snbNavi-wrap .home{width:48px;height:50px;}

		#snbNavi-wrap dl{min-width:auto; width:50%;}
		#snbNavi-wrap dl:nth-child(4){display:none;}
		
		#snbNavi-wrap dt a{padding-left:17px; font-size:15px; padding-right:30px; height:50px; line-height:49px;}
		#snbNavi-wrap dt a:after{right:15px; width:11px;}
		#snbNavi-wrap dd{top:48px; min-width:150px;}
		#snbNavi-wrap dd li a{padding:0 17px; font-size:14px;}

	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){

		#snbNavi-wrap dt a{padding-left:10px; font-size:14px;  letter-spacing:-0.09em;}
		#snbNavi-wrap dt a:after{right:10px; width:9px; right:10px;}
		#snbNavi-wrap dd li a{padding:0 10px;font-size:14px;line-height:40px;  letter-spacing:-0.09em;}
	}



/* ======================================================
    #footer-wrap 
=========================================================*/
#footer-wrap {display:block; position:relative;  border-top:1px solid #ddd; }
#footer{position:relative;text-align:left; padding:80px 150px 170px;}

.sub #footer-wrap{border-top:1px solid #ddd; }
.sub #footer{position:relative;text-align:left; padding:80px 150px 80px;}

#footer .f-info{}
#footer .f-info h2{height:34px;background:url(../img/logo-over.png) no-repeat ; background-size:auto 100%;}

#footer .in-addr{margin-top:15px;font-size:0; line-height:1.2em; border-bottom:1px solid #e9ecef; margin-bottom:30px; padding-bottom:50px;  }
#footer .in-addr p{/*display:inline-block;*/ display:block; vertical-align:top; line-height:1.5em; font-size:20px; color:#111; letter-spacing:-0.03em}
/*#footer .in-addr p br{display:none;}*/

#footer .in-cmmt{margin-top:20px;font-size:0; line-height:1.2em;}
#footer .in-cmmt p{display:inline-block;vertical-align:top; line-height:1.4em; font-size:18px; color:#111; letter-spacing:-0.03em}
#footer .in-cmmt p:nth-child(n+2){margin-left:15px;}


#footer .in-nums{margin-top:30px;font-size:0; line-height:1.2em;}
#footer .in-nums p{display:inline-block;vertical-align:top; line-height:1.2em; font-size:18px; color:#111; letter-spacing:-0.03em}
#footer .in-nums p:nth-child(n+2){margin-left:20px;}

#footer .in-copy{margin-top:20px; line-height:1.2em; font-size:16px; color:#777; letter-spacing:-0.01em}

#footer .f-cs{border-top:0px solid #e9ecef; display:inline-block;vertical-align:top; margin-top:0px; padding-top:0px; padding-right:25px;}
#footer .f-cs .btxt{ font-size:60px; font-weight:700; color:#25a1b3; letter-spacing:-0.02em; line-height:1.2em;}
#footer .f-cs .stxt{font-size:24px; font-weight:600; color:#000; letter-spacing:-0.02em; line-height:1.2em; margin-bottom:0px;}

	@media only screen and (max-width:1640px){
		#footer{padding:60px 20px 130px}
		.sub #footer{padding:60px 20px 80px;}
		#footer .f-info h2{height:30px;}

		#footer .in-addr p{font-size:14px;}
		#footer .in-cmmt p{font-size:16px;}
		#footer .in-nums p{font-size:16px;}
		#footer .in-copy{font-size:13px;}

		#footer .f-cs .btxt{font-size:30px;}
		#footer .f-cs .stxt{font-size:17px;}

		#footer .in-nums{margin-top:10px;}
	}
	@media only screen and (max-width:1240px){
		#footer{padding:40px 20px 120px}
		.sub #footer{padding:40px 20px 40px;}
		#footer .f-info h2{height:30px;}

		#footer .in-addr p{font-size:14px;}
		#footer .in-cmmt p{font-size:14px;}
		#footer .in-nums p{font-size:14px;}
		#footer .in-copy{font-size:13px;}

		#footer .f-cs .btxt{font-size:30px;}
		#footer .f-cs .stxt{font-size:13px;}
	}
	@media only screen and (max-width:1185px) {
		#footer .in-addr{ margin-bottom:20px; padding-bottom:50px;  }
		
	}
	@media only screen and (max-width:999px) {
		#footer{padding:40px 20px 140px 20px;border-top:1px solid #dedede}
		#footer .in-addr{ padding-bottom:20px;  }
		.sub #footer{padding:40px 20px 140px;}
	}
	@media only screen and (max-width:680px) {
		#footer{padding:40px 15px}
		#footer .in-addr{margin-top:20px;}
		#footer .in-addr p{font-size:13px;}
		#footer .in-addr p span{display:block; margin-top:4px;}
		#footer .in-cmmt p{font-size:13px;}
		#footer .in-nums p{font-size:13px;}

		#footer .in-copy{font-size:12px;}
		
		#footer .f-cs{display:block;padding-top:0px; margin-top:0px;}
		#footer .f-cs .btxt{font-size:24px;}
		#footer .f-cs .stxt{font-size:15px; padding-bottom:10px}
	}
	@media only screen and (max-width:480px) {
		#footer{padding:30px 15px 150px}
		.sub #footer{padding:30px 15px 90px}
		#footer .in-addr p{font-size:14px;}
		#footer .in-cmmt p{font-size:14px;}
		#footer .in-nums p{font-size:14px;}

		#footer .in-cmmt p:nth-child(n+2){margin-left:10px;}
		#footer .in-cmmt p:nth-child(n+4){margin-left:0px;}
		#footer .in-nums p:nth-child(n+2){margin-left:10px;}

		#footer .in-copy{font-size:13px; margin-bottom:20px;}

		#footer .in-addr{ margin-bottom:10px; padding-bottom:10px;  }
		#footer .in-nums{margin-top:10px;}


	}
#footer .f-abr{position:absolute;right:150px; top:80px; width:800px;} 
#footer .f-abr .ov:after{display:block; content:"";clear:both}
#footer .f-abr .ov:nth-child(n+2){margin-top:130px}

	@media only screen and (max-width:1640px){
		#footer .f-abr{right:20px; top:50px; width:700px;} 	
		#footer .f-abr .ov:nth-child(n+2){margin-top:80px}
	}

	@media only screen and (max-width:1240px){
		#footer .f-abr{width:580px;}
		#footer .f-abr .ov:nth-child(n+2){margin-top:35px}
	}
	@media only screen and (max-width:1185px) {
		#footer .f-abr{width:530px;}
		#footer .f-abr .ov:nth-child(n+2){margin-top:80px}
		
	}
	@media only screen and (max-width:999px) {
		#footer .f-abr{position:Relative; right:auto ;top:auto; width:auto; }

		#footer .f-abr .ov:nth-child(1){position:Relative;}
		#footer .f-abr .ov:nth-child(2){position:Relative; padding-right:220px}

		#footer .f-abr .ov:nth-child(n+2){margin-top:30px}
	}
	@media only screen and (max-width:680px) {
		#footer .f-abr .ov:nth-child(2){padding-right:175px;}

		#footer .f-abr .ov:nth-child(n+2){margin-top:20px}
	}
	@media only screen and (max-width:480px) {
		
	}

#footer .f-link{float:left;}
#footer .f-link:after{display:block; content:"";clear:both}
#footer .f-link dl{float:left;}
#footer .f-link dl:nth-child(n+2){margin-left:60px;}
#footer .f-link dl dt{margin-bottom:25px;}
#footer .f-link dl dt a{display:block; font-size:24px; font-weight:600; color:#25a1b3; letter-spacing:-0.03em; line-height:1.2em;}
#footer .f-link dl dt a:hover{color:#63b0bb}
#footer .f-link dl dd{}
#footer .f-link dl dd:nth-child(n+3){margin-top:10px;}
#footer .f-link dl dd a{display:block; font-size:18px; font-weight:400; color:#111; letter-spacing:-0.03em; line-height:1.2em;}
#footer .f-link dl dd a span{font-size:16px; color:#666;}
#footer .f-link dl dd a:hover{color:#111}

#footer .f-quick{float:right;}
#footer .f-quick:after{display:block; content:"";clear:both}
#footer .f-quick dl{float:left;}
#footer .f-quick dl dt{margin-bottom:25px;}
#footer .f-quick dl dt a:hover{color:#63b0bb}
#footer .f-quick dl dt a{display:block; font-size:20px; font-weight:600; color:#63b0bb; letter-spacing:-0.03em; line-height:1.2em;text-transform:uppercase;}
#footer .f-quick dl dd{}
#footer .f-quick dl dd:nth-child(n+3){margin-top:14px;}
#footer .f-quick dl dd a{display:block; font-size:18px; font-weight:400; color:#666; letter-spacing:-0.03em; line-height:1.2em;}
#footer .f-quick dl dd:nth-child(3) a, #footer .f-quick dl dd:nth-child(3) a:hover{color:#111;font-weight:600;}
#footer .f-quick dl dd a:hover{color:#111}

	@media only screen and (max-width:1640px){
		#footer .f-link dl dd a{font-size:16px;}
	}
	@media only screen and (max-width:1240px){
		#footer .f-link dl:nth-child(n+2){margin-left:50px;}
		#footer .f-link dl dt a{font-size:15px;}
		#footer .f-link dl dd a{font-size:14px;}

		#footer .f-quick dl dt a{font-size:15px;}
		#footer .f-quick dl dd a{font-size:14px;}

		#footer .f-link dl dd:nth-child(n+3){margin-top:5px;}
	}
	@media only screen and (max-width:1185px) {
		#footer .f-link dl:nth-child(n+2){margin-left:40px;}
		#footer .f-link dl dd a span{font-size:13px;}
	}
	@media only screen and (max-width:999px) {
		#footer .f-link{display:none;}
		#footer .f-link dl{width:33.3333%}
		#footer .f-link dl:nth-child(n+2){margin-left:0;}
		#footer .f-link dl dt{margin-bottom:20px;}
		#footer .f-link dl dd:nth-child(n+3){margin-top:12px;}

		#footer .f-quick{position:absolute;right:0; top:-275px;}
		#footer .f-quick dl dt{margin-bottom:20px;}
		#footer .f-quick dl dd:nth-child(n+3){margin-top:5px;}
	}
	@media only screen and (max-width:680px) {
		#footer .f-quick{top:-260px;}
		#footer .f-quick dl dt{margin-bottom:15px;}
		#footer .f-quick dl dt a{font-size:14px;}
		#footer .f-quick dl dd a{font-size:13px;}
		#footer .f-quick dl dd:nth-child(n+3){margin-top:10px;}
	}
	@media only screen and (max-width:480px) {
		#footer .f-quick dl dt{margin-bottom:10px;}
		#footer .f-quick dl dt a{font-size:13px;}
		#footer .f-quick dl dd a{font-size:12px;}
		#footer .f-quick dl dd:nth-child(n+3){margin-top:7px;}

		#footer .f-quick{top:-255px;}
	}


.f-family{position:relative; width:140px;}
.f-family .sel{display:block; position:relative;line-height:38px; padding:0 20px 0 15px; font-size:14px;border:1px solid #e0e0e0; color:#111; border-radius:5px; background:#fff;}
.f-family .sel:after{width:12px;height:12px; position:absolute;right:12px; top:50%; margin-top:-6px; background:url(../img/layout/family-arrow.jpg) no-repeat center center; display:block; content:"";opacity:0.4;-webkit-transition: transform 0.3s ease-in-out;-moz-transition: transform 0.3s ease-in-out;-o-transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;}
.f-family.active .sel:after{transform: scale(1,1) rotate(180deg)skew(0,0) translate(0,0);-webkit-transform: scale(1,1) rotate(180deg)skew(0,0) translate(0,0); -moz-transform: scale(1,1) rotate(180deg)skew(0,0) translate(0,0); }
.f-family ul{position:absolute; right:0; bottom:40px; width:100%;border-radius:5px;overflow-y:auto;background:#fff; border:1px solid #e0e0e0;padding:15px 15px;box-sizing:border-box; display:none}
.f-family li{}
.f-family li:nth-child(n+2){margin-top:5px;}
.f-family li a{font-size:14px; color:#333; line-height:1.5em;}
.f-family li a:hover{color:#111;}

.f-sns{position:Absolute;right:0; bottom:-5px;}
.f-sns ul:after{display:block ;content:"";clear:both}
.f-sns li{float:left;}
.f-sns li a{display:block; width:50px;height:50px;border-radius:100%; background-size:100% auto !important; } 
.f-sns li:nth-child(n+2){margin-left:14px;}
.f-sns li:nth-child(1) a{background:url(../img/layout/f-sns01.png) no-repeat center center;}
.f-sns li:nth-child(2) a{background:url(../img/layout/f-sns02.png) no-repeat center center;}
.f-sns li:nth-child(3) a{background:url(../img/layout/f-sns03.png) no-repeat center center;}
.f-sns li:nth-child(4) a{background:url(../img/layout/f-sns04.png) no-repeat center center;}
	@media only screen and (max-width:1240px){
		.f-family .sel{font-size:13px;}
		.f-family li a{font-size:13px}

		.f-sns{bottom:0px;}
		.f-sns li a{width:40px;height:40px; }
	}
	@media only screen and (max-width:1185px) {
		
	}
	@media only screen and (max-width:999px) {
		.f-family{width:auto;}

		.f-sns{bottom:30px;}
		.f-sns li:nth-child(n+2){margin-left:10px;}
		.f-sns li a{width:40px;height:40px; }
	}
	@media only screen and (max-width:680px) {
		.f-family .sel{line-height:33px; padding-left:10px; font-size:12px;}
		.f-family .sel:after{background-size:10px auto;}
		.f-family ul{bottom:35px;}
		.f-family li a{font-size:12px}

		.f-sns li:nth-child(n+2){margin-left:6px;}
		.f-sns li a{width:34px;height:34px; }
	}
	@media only screen and (max-width:480px) {

		.f-sns{ left:0; top:0px;}
		
	}


#footer .f-box{display: flex;gap:10px;float:right;}
#footer .f-box a{display: flex;flex-direction: column;align-items: center;border-radius:30px; background: #f9f9f9; width:140px;padding:35px 10px 35px; gap:5px; border:1px solid #ddd;}
#footer .f-box a:hover{background: #fff}
#footer .f-box a i{display: inline-block;}
#footer .f-box a i img{display:block;}
#footer .f-box a p{font-size: 17px; margin-top:15px; font-weight: 600; letter-spacing: -0.45px;text-align: center;color: #555;}

	@media only screen and (max-width:1640px){
		#footer .f-box a{border-radius:20px;width:120px;padding:30px 10px 30px; gap:5px;}
	}
	@media only screen and (max-width:1240px){
		#footer .f-box a p{font-size: 14px;}
	}
	@media only screen and (max-width:1185px) {
		#footer .f-box a{width:calc(33.3333% - 0px);}
		#footer .f-box a{border-radius:10px;width:90px;padding:20px 5px 20px; gap:2px;}
	}
	@media only screen and (max-width:999px) {
		#footer .f-box{display:none;}
	}
	@media only screen and (max-width:680px) {
		
	}
	@media only screen and (max-width:480px) {
		#footer .f-box{display:none; gap:10px;}
		#footer .f-box a{flex:1;padding:20px 0;border-radius: 15px;}
		#footer .f-box a p{font-size:14px;}
		#footer .f-box a span{font-size:12px;}
		
	}






/* ======================================================
    #counsel-wrap 
=========================================================*/
#counsel-wrap{position:fixed; min-width:360px;left:50%; bottom:0; width:100%; max-width:1920px; z-index:5123; background:#008598; opacity:0.7;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
#counsel-wrap .cont{max-width:1500px; margin:0 auto; box-sizing:border-box; padding:20px 450px 20px 20px; position:relative;}
#counsel-wrap .cont dl{padding-left:500px; position:relative;}
/*#counsel-wrap .cont dl:before{display:block;width:40px;  height:50px; background:url(../img/counsel-logo.png) no-repeat left center;background-size:auto 100%; display:block; content:""; position:absolute; left:0 ;top:0px;}*/

#counsel-wrap .cont dl:after{display:block; content:"";clear:both;}
#counsel-wrap .cont dl dt{position:absolute; left:70px; top:0; padding-left:50px; font-size:40px; font-weight:700; color:#fff; line-height:50px;letter-spacing:-0.05em;}
#counsel-wrap .cont dl dt span{position:absolute; left:0 ;top:0; line-height:1.1em; font-size:20px; font-weight:400; color:#fff; letter-spacing:-0.03em; height:50px;display:flex;align-items: center; justify-content: center; }

#counsel-wrap .cont dl dd{float:left; width:calc(50% - 10px); margin:0 5px;}

#counsel-wrap .abr{position:absolute;right:20px; top:20px; width:425px;}
#counsel-wrap .abr .enter{display:inline-block;vertical-align:top; line-height:46px; width:200px; text-align:center; background:#fff; color:#000;  font-size:18px; font-weight:500; letter-spacing:-0.03em; border-radius:5px;}
#counsel-wrap .abr .enter:hover{color:#fff; background:#555;}
#counsel-wrap .abr .chk-check{position:absolute;right:0; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
#counsel-wrap .abr .chk-check label a{color:#fff;text-decoration:underline;}
#counsel-wrap .cont .chk-input input{height:46px; font-size:17px; background:#fff; opacity:0.9;}

	@media only screen and (max-width:1640px) {
		#counsel-wrap .cont{max-width:1500px; padding-right:400px;}
		#counsel-wrap .cont dl{padding-left:350px;}
		#counsel-wrap .cont dl:before{height:50px; top:0px;}
		#counsel-wrap .cont dl dt{left:40px; font-size:46px; padding-left:45px;line-height:52px;}
		#counsel-wrap .cont dl dt span{font-size:18px; height:46px;}
		#counsel-wrap .cont .chk-input input{height:46px; font-size:17px;}
		
		#counsel-wrap .abr{width:370px;}
		#counsel-wrap .abr .enter{width:180px; font-size:20px; line-height:46px;}

		#counsel-wrap .abr .chk-check label{ font-size:16px; line-height:30px; padding-left:40px;}
		#counsel-wrap .abr .chk-check label:before{width:30px;height:30px;}
	}
	@media only screen and (max-width:1480px) {
		#counsel-wrap .cont dl{padding-left:370px;}
		#counsel-wrap .cont dl dt{font-size:36px; padding-left:40px;}
		#counsel-wrap .cont dl dt span{font-size:16px;}
	}
	@media only screen and (max-width:1280px) {
		#counsel-wrap .cont{padding-right:360px;}
		#counsel-wrap .cont dl{padding-left:280px;}
		#counsel-wrap .cont dl:before{height:40px; top:4px;}
		#counsel-wrap .cont dl dt{font-size:30px; padding-left:0; line-height:1em; padding-top:16px; left:20px;}
		#counsel-wrap .cont dl dt span{font-size:14px; height:auto; display:block; top:0;}
		#counsel-wrap .cont dl dt span br{display:none;}
		
		#counsel-wrap .abr{width:330px;}
		#counsel-wrap .abr .enter{width:160px; font-size:20px;}
		#counsel-wrap .abr .chk-check label{ font-size:15px; line-height:26px; padding-left:35px;}
		#counsel-wrap .abr .chk-check label:before{width:26px;height:26px;}
	}
	@media only screen and (max-width:1000px) {
		#counsel-wrap .cont {padding-right:20px}
		#counsel-wrap .cont dl{padding-left:0; }
		#counsel-wrap .cont dl:before{display:none;}
		#counsel-wrap .cont dl dt{position:relative; left:auto; top:auto; text-align:center; padding:0; font-size:30px ; margin-bottom:10px;}
		#counsel-wrap .cont dl dt span{position:relative; left:auto; top:auto;font-size:28px ; display: inline; margin-right:2px;}

		#counsel-wrap .cont .chk-input input{height:46px; font-size:15px; padding:0 10px;}

		#counsel-wrap .abr{/*position:relative; width:auto;  margin-top:10px; right:auto; top:auto; padding:0 5px; padding-right:100px; font-size:18px;*/}
		#counsel-wrap .abr .enter{width:auto; display:block;}
		#counsel-wrap .abr .chk-check label{ font-size:14px; line-height:24px; padding-left:30px;}
		#counsel-wrap .abr .chk-check label:before{width:24px;height:24px;}
	}
	@media only screen and (max-width:680px) {
		#counsel-wrap .cont{padding:15px;}
		#counsel-wrap .cont dl dt{font-size:25px; text-align:left;}
		#counsel-wrap .cont dl dt span{font-size:24px;}
		#counsel-wrap .cont dl dd{width:calc(30% - 6px); margin:0 3px;}
		#counsel-wrap .cont .chk-input input{height:40px; font-size:14px;}

		#counsel-wrap .abr{padding:0 3px; padding-right:0px; padding-top:23px;  width:120px; }
		#counsel-wrap .abr .enter{ font-size:16px; line-height:40px;  right:0;}

		#counsel-wrap .abr .chk-check label{ font-size:13px; line-height:20px; padding-left:26px;}
		#counsel-wrap .abr .chk-check label:before{width:20px;height:20px;}

		#counsel-wrap .abr .chk-check{right:0; top:10%;}
	}
	@media only screen and (max-width:480px) {
		#counsel-wrap .cont dl dt{font-size:16px}
		#counsel-wrap .cont dl dt span{font-size:16px;}
	}



/* ======================================================
    #counsel02-wrap 
=========================================================*/
#counsel02-wrap{position:fixed; min-width:360px;left:50%; bottom:0; width:100%; max-width:1920px; z-index:5124;  opacity:1;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
#counsel02-wrap .cont{position: fixed; display: flex; align-items: center; flex-wrap: nowrap; bottom: 20px; width: auto;  left: 50%; transform: translateX(-50%);  padding: 25px 32px; background: linear-gradient(0deg,rgba(104,126,168,.24),rgba(104,126,168,.24)),linear-gradient(0deg,hsla(0,0%,100%,.64),hsla(0,0%,100%,.64));
    box-shadow: inset 0 0 10px rgb(0 0 0 / 4%);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    border-radius: 20px;
    z-index: 97;
    box-sizing: border-box;
    max-width: 1400px;
    width: 100%;}
#counsel02-wrap .cont dl{padding-left:400px; position:relative;}

#counsel02-wrap .cont dl:after{display:block; content:"";clear:both;}
#counsel02-wrap .cont dl dt{position:absolute; left:30px; top:0; padding-left:50px; font-size:40px; font-weight:700; color:#25a1b3; line-height:50px;letter-spacing:-0.05em;}
#counsel02-wrap .cont dl dt span{position:absolute; left:0 ;top:0; line-height:1.1em; font-size:20px; font-weight:400; color:#25a1b3; letter-spacing:-0.03em; height:50px;display:flex;align-items: center; justify-content: center; }

#counsel02-wrap .cont dl dd{float:left; width:calc(50% - 10px); margin:0 5px;}

#counsel02-wrap .abr{position:absolute;right:20px; top:25px; width:400px;}
#counsel02-wrap .abr .enter{display:inline-block;vertical-align:top; line-height:46px; width:200px; text-align:center; background:#25a1b3; color:#fff;  font-size:18px; font-weight:500; letter-spacing:-0.03em; border-radius:5px;}
#counsel02-wrap .abr .enter:hover{color:#fff; background:#555;}
#counsel02-wrap .abr .chk-check{position:absolute;right:0; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%);}
#counsel02-wrap .abr .chk-check label a{color:#047788;text-decoration:underline;}
#counsel02-wrap .cont .chk-input input{height:46px; font-size:17px; background:#fff; opacity:0.9;}

	@media only screen and (max-width:1640px) {
		#counsel02-wrap .cont{max-width:1500px; padding-right:400px;}
		#counsel02-wrap .cont dl{padding-left:350px;}
		#counsel02-wrap .cont dl:before{height:50px; top:0px;}
		#counsel02-wrap .cont dl dt{left:40px; font-size:46px; padding-left:45px;line-height:52px;}
		#counsel02-wrap .cont dl dt span{font-size:18px; height:46px;}
		#counsel02-wrap .cont .chk-input input{height:46px; font-size:17px;}
		
		#counsel02-wrap .abr{width:370px;}
		#counsel02-wrap .abr .enter{width:180px; font-size:20px; line-height:46px;}

		#counsel02-wrap .abr .chk-check label{ font-size:16px; line-height:30px; padding-left:40px;}
		#counsel02-wrap .abr .chk-check label:before{width:30px;height:30px;}
	}
	@media only screen and (max-width:1480px) {
		#counsel02-wrap .cont dl{padding-left:370px;}
		#counsel02-wrap .cont dl dt{font-size:36px; padding-left:40px;}
		#counsel02-wrap .cont dl dt span{font-size:16px;}
	}
	@media only screen and (max-width:1280px) {
		#counsel02-wrap .cont{padding-right:360px;}
		#counsel02-wrap .cont dl{padding-left:280px;}
		#counsel02-wrap .cont dl:before{height:40px; top:4px;}
		#counsel02-wrap .cont dl dt{font-size:30px; padding-left:0; line-height:1em; padding-top:16px; left:20px;}
		#counsel02-wrap .cont dl dt span{font-size:14px; height:auto; display:block; top:0;}
		#counsel02-wrap .cont dl dt span br{display:none;}
		
		#counsel02-wrap .abr{width:330px;}
		#counsel02-wrap .abr .enter{width:160px; font-size:20px;}
		#counsel02-wrap .abr .chk-check label{ font-size:15px; line-height:26px; padding-left:35px;}
		#counsel02-wrap .abr .chk-check label:before{width:26px;height:26px;}
	}
	@media only screen and (max-width:1000px) {
		#counsel02-wrap .cont {padding-right:20px}
		#counsel02-wrap .cont dl{padding-left:0; }
		#counsel02-wrap .cont dl:before{display:none;}
		#counsel02-wrap .cont dl dt{position:relative; left:auto; top:auto; text-align:center; padding:0; font-size:30px ; margin-bottom:10px;}
		#counsel02-wrap .cont dl dt span{position:relative; left:auto; top:auto;font-size:28px ; display: inline; margin-right:2px;}

		#counsel02-wrap .cont .chk-input input{height:46px; font-size:15px; padding:0 10px;}

		#counsel02-wrap .abr{/*position:relative; width:auto;  margin-top:10px; right:auto; top:auto; padding:0 5px; padding-right:100px; font-size:18px;*/}
		#counsel02-wrap .abr .enter{width:auto; display:block;}
		#counsel02-wrap .abr .chk-check label{ font-size:14px; line-height:24px; padding-left:30px;}
		#counsel02-wrap .abr .chk-check label:before{width:24px;height:24px;}
	}
	@media only screen and (max-width:680px) {
		#counsel02-wrap .cont{padding:15px;}
		#counsel02-wrap .cont dl dt{font-size:25px; text-align:left;}
		#counsel02-wrap .cont dl dt span{font-size:24px;}
		#counsel02-wrap .cont dl dd{width:calc(30% - 6px); margin:0 3px;}
		#counsel02-wrap .cont .chk-input input{height:40px; font-size:14px;}

		#counsel02-wrap .abr{padding:0 3px; padding-right:0px; padding-top:23px;  width:120px; }
		#counsel02-wrap .abr .enter{ font-size:16px; line-height:40px;  right:0;}

		#counsel02-wrap .abr .chk-check label{ font-size:13px; line-height:20px; padding-left:26px;}
		#counsel02-wrap .abr .chk-check label:before{width:20px;height:20px;}

		#counsel02-wrap .abr .chk-check{right:0; top:10%;}
	}
	@media only screen and (max-width:480px) {
		#counsel02-wrap .cont dl dt{font-size:16px}
		#counsel02-wrap .cont dl dt span{font-size:16px;}
	}


/* ======================================================
   .pc
=========================================================*/
.pc {display:block;}
.mobile {display:none;}

@media only screen and (max-width:680px) {


.mobile {display:block;}
.mobile img{width:100%}
.pc {display:none;}

}





	@keyframes line-animate {
		0% {
			-webkit-transform: scaleX(1);
			transform: scaleX(1);
			-webkit-transform-origin: 100% 0;
			transform-origin: 100% 0
		}

		33% {
			-webkit-transform: scaleX(0);
			transform: scaleX(0);
			-webkit-transform-origin: 100% 0;
			transform-origin: 100% 0
		}

		40% {
			-webkit-transform: scaleX(0);
			transform: scaleX(0);
			-webkit-transform-origin: 0 0;
			transform-origin: 0 0
		}

		100% {
			-webkit-transform: scaleX(1);
			transform: scaleX(1);
			-webkit-transform-origin: 0 0;
			transform-origin: 0 0
		}
	}