@charset "UTF-8";

	html,
	body { width:100%; }

	#wrap { height:100%; position:relative; width:100%; }


#header{width:100%;background-color:#fff;}
	.header { background:url("../images/common/header_bg.png") repeat-x; height:107px; position:relative; }
	.header .logo { background:url("../images/common/mlogo.png") no-repeat; height:50px; left:32px; position:absolute; top:21px; width:72px; z-index:10; }
	.header .logo a { display:block; height:100%; overflow:hidden; text-indent:-20000px; width:100%; }
	.header .gnb_open { background:url("../images/common/btn_allmenu.png") no-repeat; border:0; height:44px; position:absolute; right:32px; top:24px; width:44px; }

	.depth1_menu { height:152px; margin-top:0; position:relative; width:100%; }
.depth1_menu>h2{text-align:center;}
	.depth1_menu > h2 > a { color:#000; display:inline-block; font-family:"ngb"; font-size:42px; line-height:132px; }
	.depth1_menu > h2 > a > img { margin-left:20px; vertical-align:middle; width:28px; }

	.depth1_menu > ul { background-color:#fff; border:1px solid #d7d7d7; box-shadow:5px 5px 20px -10px; display:none; left:50%; position:absolute; top:112px; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:400px; z-index:10; }
	.depth1_menu > ul > li + li { border-top:1px solid #d7d7d7; height:80px; }
	.depth1_menu > ul > li > a { color:#000; display:block; font-family:"ngb"; font-size:28px; line-height:79px; text-align:center; }

.depth2_menu{position:relative;}
.depth2_menu.no_mg{margin-top:-3rem;}

.sub_header .header{background-image:none;}
	.sub_header .header .logo { background:url("../images/common/mlogo_w.png") no-repeat; }
	.sub_header .header .gnb_open { background:url("../images/common/btn_allmenu_w.png") no-repeat; }
.sub_header .depth1_menu>h2>a{color:#fff;}

	#gnb { background:#fff; display:none; height:100%; position:fixed; right:-550px; top:0; width:550px; z-index:101; }

	#gnb > nav > ul > li { border-top:2px solid #eee; }
#gnb>nav>ul>li+li{margin-top:-1px;}
	#gnb > nav > ul > li > a { border-bottom:2px solid #d7d7d7; color:#000; display:block; font-size:28px; font-family:"ngb"; line-height:90px; padding-left:40px; position:relative; }
	#gnb > nav > ul > li > a:after { background:url("../images/common/ico_toggle_arr.png") no-repeat; background-position:0 -20px; content:""; display:block; height:20px; position:absolute; right:32px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:33px; }
	#gnb > nav > ul > li > a.on:after { background-position:0 0; }

	#gnb .depth2 { background-color:#f7f7f7; display:none; padding:0 50px 0 40px; }
	#gnb .depth2 > li { border-bottom:2px solid #d7d7d7; margin:0; }
	#gnb .depth2 > li:last-child { border:0; }
	#gnb .depth2 > li > a { color:#000; display:block; font-size:28px; padding:32px 0; position:relative; }
	#gnb .depth2 > li > a.child:after { background:url("../images/common/ico_toggle_arr.png") no-repeat; background-position:0 -20px; content:""; display:block; height:20px; opacity:.5; position:absolute; right:32px; top:50%; transform:translateY(-50%);-webkit-transform:translateY(-50%); width:33px; }
	#gnb .depth2 > li > a.child.on:after { background-position:0 0; }

#gnb .depth3{display:none;padding-bottom:1rem;}
#gnb .depth3>li+li{margin-top:1.5rem;}
#gnb .depth3>li>a{display:block;position:relative;font-size:1.5rem;color:#555;}
#gnb .depth3>li>a:before{content:"-";display:inline-block;}

	#gnb:before { background:url("../images/common/logo.png") center no-repeat; content:""; display:block; height:60px; padding:35px 40px; width:260px; }
	#gnb .tel { border-top:2px solid #eee; color:#000; display:block; font-family:"ngb"; font-size:28px; font-weight:700; padding-top:38px; text-align:center; }
	#gnb .tel:before { background:url("../images/common/icon_phone.png") no-repeat; content:""; display:inline-block; height:25px; margin:0 9px 0 0; position:relative; top:5px; width:15px; }
	#gnb .btn_gnb_close { background:url("../images/common/btn_close_w.png") no-repeat; border:0; height:44px; left:-67px; position:absolute; top:24px; width:44px; }

	.gnb_sns { margin:40px 0; text-align:center; }
	.gnb_sns > a { background:url("../images/common/g_ico_sns_bg.png") no-repeat; display:inline-block; height:66px; margin:0 16px; width:66px; }
	.gnb_sns > a.sns01 { background-position:0 0; }
	.gnb_sns > a.sns02 { background-position:-99px 0; }
	.gnb_sns > a.sns03 { background-position:-198px 0; }
	.gnb_sns > a.sns04 { background-position:-297px 0; }

.gnb_link{position:absolute;bottom:0;left:0;right:0;}
.gnb_link:after{content:"";clear:both;display:block;}
.gnb_link>a{float:left;width:50%;height:5rem;line-height:5rem;color:#fff;font-size:1.6rem;background-color:#555;text-align:center;}
.gnb_link>a:first-child{background-color:#909090;}


#container{}

	#footer { background-color:#111; padding:55px 0; position:relative; text-align:center; }
	#footer .logo { background:url("../images/common/logo_w.png") no-repeat; height:76px; margin:0 auto; width:330px; }
	#footer address { color:#fff; display:block; font-size:24px; font-style:normal; font-weight:300; line-height:1.4; margin-top:50px; }
	#footer .copy { color:#fff; font-size:24px; font-weight:300; margin-top:30px; }

	.f_gnb_sns { margin-top:57px; }
	.f_gnb_sns > a { background:url("../images/common/f_ico_sns_bg.png") no-repeat; display:inline-block; height:80px; margin:0 20px; width:80px; }
	.f_gnb_sns > a.sns01 { background-position:0 0; }
	.f_gnb_sns > a.sns02 { background-position:-120px 0; }
	.f_gnb_sns > a.sns03 { background-position:-240px 0; }
	.f_gnb_sns > a.sns04 { background-position:-360px 0; }



	.floating { bottom:140px; position:fixed; right:32px; width:80px; z-index:10; }
	.floating .topBtn { background:url("../images/common/btn_top.png") center no-repeat; border:0; display:none; height:80px; width:80px; }