@charset "utf-8";

#wrap{width:100%;max-width:1920px;height:auto;position:relative;margin:0 auto}


/* header */
#m_header_wrap{display:none}
#header_wrap {width:1440px;height:250px;margin:0 auto;}
#header_wrap h1{float:left}
.header_menu{float:right;top:85px;position:relative}
.header_menu nav{padding-right:170px}
.header_menu nav ul li{display:inline-block}
.header_menu nav ul li a{float:left;font-size:18px;font-weight:800;color:#373737;padding: 15px 25px}
.header_menu nav ul li a.on{color:#d80b8c}
.header_menu nav ul li a:hover, .header_menu nav ul li a.active{color:#d80b8c;text-decoration:none}

.header_right{position:absolute;right:0;width:150px;top:0;padding:15px 0}
.header_language {float:left;background:url(/pages/kimiro/img/main/icon_language.jpg) no-repeat 0 3px;color:#333;padding-left:30px;line-height:30px;margin-left:20px}
.header_language button{font-size:14px;border:none;background:#fff;padding-right:20px;border-right:1px solid #ddd;cursor:pointer}

.full_menu a{width:30px;height:30px;background:url(/pages/kimiro/img/main/icon_fullmenu.jpg) no-repeat 0 0;float:right}
#sitemap{position:fixed;left:0;top:0;background:#000 url(/pages/kimiro_eng/img/main/sitemap_bg.png);width:100%;height:100%;z-index:999}
#sitemap #sitemap_navigation{padding:130px 120px;box-sizing:border-box;overflow:hidden}
#sitemap #sitemap_navigation > li {width:20%;float:left;border-right:1px solid #999;box-sizing:border-box;height:600px;padding:0 30px}
#sitemap #sitemap_navigation > li:last-child{border:none}
#sitemap #sitemap_navigation > li > a{font-size:22px;color:#fff;font-weight:600;display:block;margin-bottom:40px}
#sitemap #sitemap_navigation > li > .sitemap_navi_2depth ul li a{padding:5px 0;color:#dadada;display:block;font-weight:300;font-size:16px}
#sitemap_navigation .depth3{border-left:2px solid #ddd;padding:0 20px;font-size:15px;font-weight:600}
#sitemap_navigation .depth3 > a{padding:0 !important}
#sitemap_navigation .depth3 > li > a{padding:0 !important}
#sitemap .btn_close{position:absolute;display:block;top:6.5rem;right:11.5rem;width:40px;height:40px;background:url(/pages/kimiro_eng/img/main/allmenu_close.png) no-repeat 0 0 }



#footer{width:100%;clear:both}
#footer #footer_wrap{width:1440px;margin:0 auto;background:#f2f2f2;padding:100px 0 190px;overflow:hidden}
#footer .foot_logo{width:240px;float:left;height:700px}

#footer .foot_list{width:240px;float:left;padding-top:60px;height:700px;box-sizing:border-box}
#footer .foot_list ul li a{font-size:15px;line-height:30px;color:#969595;font-weight:600}
#footer .foot_list p.copyright{color:#585858;font-weight:100;font-size:13px;margin-top:78px}


#footer .foot_navi{width:960px;float:left;padding:60px 0}
#footer .foot_navi ul > li{width:20%;float:left;margin-bottom:50px}
#footer .foot_navi > ul > li:nth-child(3){margin-bottom:55px}
#footer .foot_navi ul li a{font-size:16px;color:#333;margin-bottom:20px;display:block;font-weight:500;padding-left:18px}
#footer .foot_navi ul li ul li{width:100%;margin:0}
#footer .foot_navi ul li ul li a{font-size:14px;line-height:28px;color:#6f6f6f;display:inline-block;width:100%;font-weight:300;margin:0}
#footer .foot_navi ul li ul li a:hover{color:#d80b8c;text-decoration:none;font-weight:700}

#footer .foot_info{width:960px;}
#footer .foot_info ul li{width:25%;float:left}
#footer .foot_info ul li dl dt{font-size:18px;font-weight:800;color:#565656;margin-bottom:35px}
#footer .foot_info ul li dl dd a{font-size:13px;line-height:28px;color:#656565}
#footer .foot_info ul li dl dd address{font-size:16px;font-weight:200;color:#000;font-style:normal;line-height:30px;padding-bottom:15px}
#footer .foot_info ul li dl dd.tel, #footer .foot_info ul li dl dd.fax{font-weight:600;color:#656565;font-size:18px}







/****** Mobile ******/
@media screen and (max-width:690px){
	
	#wrap{width:100%}
	#header_wrap{display:none}

		#m_header_wrap{display:block;position:fixed;top:0;left:0;z-index:999}
	/* #m_header_wrap a.btn_m_nav{position:fixed;z-index:9999;display:block;width:60px;height:60px;background:url('../img/layout/mobile_btn_menu.png')0 0 no-repeat;background-size:100%;top:15px;right:15px;opacity:0.9} */
		.m_nav_top{width:100%;height:60px;background:#26262b;position:fixed}
		.m_nav_top a.btn_home{width:110px;height:22px;background:url('/pages/kimiro/img/main/m_header_logo.png') 0 0 no-repeat;background-size:100%;display:block;position:absolute;top:19px;left:20px}
		.m_nav_top a.btn_lang{position:absolute;right:80px;top:13px;color:#8f8fa4;font-size:18px;font-weight:900}
		.m_nav_top a.btn_navi{width:40px;height:40px;background:url('/pages/kimiro/img/main/mobile_btn_menu.png') 0 0 no-repeat;background-size:100%;display:block;position:absolute;top:8px;right:15px}
		.m_nav_top a.btn_navi.close{width:40px;height:40px;background:url('/pages/kimiro/img/main/mobile_btn_close.png') 0 0 no-repeat;background-size:100%;display:block;position:absolute;top:8px;right:15px;padding:0}
		.m_nav_box{width:100%;height:100%;position:fixed;top:60px;left:0;background:#fff;z-index:9999;overflow:hidden}
		.m_nav_box .nav_box{width:100%;position:absolute;height:calc(100% - 60px);top:0;left:0}
		.m_nav_box .depth_1_box{width:150px;background:#40424a;position:absolute;height:100%;top:0;left:0}
		.m_nav_box .depth_1_box ul{padding-top:15px}
		.m_nav_box .depth_1_box li a{display:block;width:100%;line-height:43px;color:#767a88;font-size:20px;font-weight:700;padding-left:25px}
		.m_nav_box .depth_1_box li a.active{color:#fff}
		.m_nav_box .depth_2_box{position:absolute;width:calc(100% - 150px);height:100%;top:0;left:150px;overflow-y:auto;padding:20px 25px 50px 25px}
		.m_nav_box .depth_2_box li a{color:#000;display:block;width:100%;font-size:19px;font-weight:700;line-height:40px}
		.m_nav_box .depth_2_box li ul{padding:3px 0 30px 5px}
		.m_nav_box .depth_2_box li li a{color:#999;font-size:17px;line-height:33px}
	



	#footer #footer_wrap{width:100%;padding:50px 0;margin-top:50px}
	#footer .foot_list{width:100%;height:auto;padding:15px 0 0 30px}
	#footer .foot_logo{width:auto;height:auto;display:none}
	#footer .foot_navi{display:none}
	#footer .foot_info{width:100%}
	#footer .foot_info .family_site_wrap{display:none}
	#footer .foot_info ul li{width:100%;display:block;box-sizing:border-box;padding:30px}
	#footer .foot_info ul li dl dd address{font-size:20px;word-break:keep-all;font-weight:300;color:#777;font-weight:600}
	#footer .foot_info ul li dl dd.tel, #footer .foot_info ul li dl dd.fax{font-size:18px;color:#777}
	#footer .foot_info ul li dl dd a{font-size:18px;color:#777}
	#footer .foot_info ul li dl dt{display:none}
	#footer p.copyright{margin-top:20px;font-size:16px;font-weight:300;display:block;width:100%;clear:both;box-sizing:border-box;padding:30px}


}


/****** Tablet Device ******/
@media screen and (min-width:691px) and (max-width:899px) {


	#wrap{width:100%}
	#header_wrap{display:none}

	#m_header_wrap{display:block;position:fixed;top:0;left:0;z-index:999}
	/* #m_header_wrap a.btn_m_nav{position:fixed;z-index:9999;display:block;width:60px;height:60px;background:url('../img/layout/mobile_btn_menu.png')0 0 no-repeat;background-size:100%;top:15px;right:15px;opacity:0.9} */
		.m_nav_top{width:100%;height:60px;background:#26262b;position:fixed}
		.m_nav_top a.btn_home{width:110px;height:20px;background:url('/pages/kimiro/img/main/m_header_logo.png') 0 0 no-repeat;background-size:100%;display:block;position:absolute;top:19px;left:20px}
		.m_nav_top a.btn_lang{position:absolute;right:80px;top:13px;color:#8f8fa4;font-size:18px;font-weight:900}
		.m_nav_top a.btn_navi{width:40px;height:40px;background:url('/pages/kimiro/img/main/mobile_btn_menu.png') 0 0 no-repeat;background-size:100%;display:block;position:absolute;top:8px;right:15px}
		.m_nav_top a.btn_navi.close{width:40px;height:40px;background:url('/pages/kimiro/img/main/mobile_btn_close.png') 0 0 no-repeat;background-size:100%;display:block;position:absolute;top:8px;right:15px;padding:0}
		.m_nav_box{width:100%;height:100%;position:fixed;top:60px;left:0;background:#fff;z-index:9999;overflow:hidden}
		.m_nav_box .nav_box{width:100%;position:absolute;height:calc(100% - 60px);top:0;left:0}
		.m_nav_box .depth_1_box{width:150px;background:#40424a;position:absolute;height:100%;top:0;left:0}
		.m_nav_box .depth_1_box ul{padding-top:15px}
		.m_nav_box .depth_1_box li a{display:block;width:100%;line-height:43px;color:#767a88;font-size:20px;font-weight:700;padding-left:25px}
		.m_nav_box .depth_1_box li a.active{color:#fff}
		.m_nav_box .depth_2_box{position:absolute;width:calc(100% - 150px);height:100%;top:0;left:150px;overflow-y:auto;padding:20px 25px 50px 25px}
		.m_nav_box .depth_2_box li a{color:#000;display:block;width:100%;font-size:19px;font-weight:700;line-height:40px}
		.m_nav_box .depth_2_box li ul{padding:3px 0 30px 5px}
		.m_nav_box .depth_2_box li li a{color:#999;font-size:17px;line-height:33px}
		

		#footer #footer_wrap{width:100%;padding:50px 0;margin-top:50px}
		#footer .foot_list{width:100%;height:auto;padding:15px 0 0 30px}
		#footer .foot_list li{width:auto;float:left;padding-right:10px}
		#footer .foot_logo{width:auto;height:auto;display:none}
		#footer .foot_navi{display:none}
		#footer .foot_info{width:100%}
		#footer .foot_info .family_site_wrap{display:none}
		#footer .foot_info ul li{width:100%;display:block;box-sizing:border-box;padding:30px}
		#footer .foot_info ul li dl dd address{font-size:20px;word-break:keep-all;font-weight:300;color:#777;font-weight:600}
		#footer .foot_info ul li dl dd.tel, #footer .foot_info ul li dl dd.fax{font-size:18px;color:#777}
		#footer .foot_info ul li dl dd a{font-size:18px;color:#777}
		#footer .foot_info ul li dl dt{display:none}
		#footer p.copyright{margin-top:20px;font-size:16px;font-weight:300;display:block;width:100%;clear:both;box-sizing:border-box;padding:30px}



}



/****** Tablet wide Device ******/
@media screen and (min-width:899px) and (max-width:1024px) {


	#wrap{width:100%}
	#header_wrap{width:100%;box-sizing:border-box;padding:0 20px;height:auto}
	#header_wrap h1{position:relative;top:-20px}
	#header_wrap h1 img{width:80%}
	.header_menu{top:0}
	.header_menu nav ul li a{padding:15px 40px}


	#sitemap #sitemap_navigation{padding:230px 20px}
	#sitemap .btn_close{right:5.5rem}
	#sitemap #sitemap_navigation > li{padding:0 20px}
	#sitemap_navigation .depth3{padding:0 0 0 10px}
	#sitemap_navigation .depth3 li a{font-size:13px !important}


	#footer #footer_wrap{width:100%;padding:50px 0;margin-top:50px}
	#footer .foot_list{width:100%;height:auto;padding:15px 0 0 30px}
	#footer .foot_list li{width:auto;float:left;padding-right:10px}
	#footer .foot_logo{width:auto;height:auto;display:none}
	#footer .foot_navi{display:none}
	#footer .foot_info{width:100%}
	#footer .foot_info .family_site_wrap{display:none}
	#footer .foot_info ul li{width:100%;display:block;box-sizing:border-box;padding:30px}
	#footer .foot_info ul li dl dd address{font-size:20px;word-break:keep-all;font-weight:300;color:#777;font-weight:600}
	#footer .foot_info ul li dl dd.tel, #footer .foot_info ul li dl dd.fax{font-size:18px;color:#777}
	#footer .foot_info ul li dl dd a{font-size:18px;color:#777}
	#footer .foot_info ul li dl dt{display:none}
	#footer p.copyright{margin-top:20px;font-size:16px;font-weight:300;display:block;width:100%;clear:both;box-sizing:border-box;padding:30px}




}



/****** desktop ******/
@media screen and (min-width:1025px) and (max-width:1440px) {


	#wrap{width:100%}
	#header_wrap{width:100%;box-sizing:border-box;padding:0 20px;height:auto}
	#header_wrap h1{position:relative;top:-20px}
	#header_wrap h1 img{width:80%}
	.header_menu{top:0}
	.header_menu nav ul li a{padding:15px 52px}


	#sitemap #sitemap_navigation{padding:230px 0}
	#sitemap .btn_close{right:5.5rem}
	#sitemap #sitemap_navigation > li{padding:0 15px}

		#footer #footer_wrap{width:100%;padding:50px 0;margin-top:50px}
		#footer .foot_list{width:100%;height:auto;padding:15px 0 0 30px}
		#footer .foot_list li{width:auto;float:left;padding-right:10px}
		#footer .foot_logo{width:auto;height:auto;display:none}
		#footer .foot_navi{display:none}
		#footer .foot_info{width:100%}
		#footer .foot_info .family_site_wrap{display:none}
		#footer .foot_info ul li{width:100%;display:block;box-sizing:border-box;padding:30px}
		#footer .foot_info ul li dl dd address{font-size:20px;word-break:keep-all;font-weight:300;color:#777;font-weight:600}
		#footer .foot_info ul li dl dd.tel, #footer .foot_info ul li dl dd.fax{font-size:18px;color:#777}
		#footer .foot_info ul li dl dd a{font-size:18px;color:#777}
		#footer .foot_info ul li dl dt{display:none}
		#footer p.copyright{margin-top:20px;font-size:16px;font-weight:300;display:block;width:100%;clear:both;box-sizing:border-box;padding:30px}


}