@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:146px}
.header_menu nav ul li{display:inline-block}
.header_menu nav ul li a{float:left;font-size:17px;font-weight:800;color:#373737;padding: 15px 16px}
.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:230px 120px;box-sizing:border-box}
#sitemap #sitemap_navigation > li {width:20%;float:left;border-right:1px solid #ddd;box-sizing:border-box;height:580px;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:7px 0 !important;font-size:14px !important; line-height:20px}
#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:20px;color:#969595;font-weight:600;margin-bottom:10px;display:block}
#footer .foot_list p.copyright{color:#585858;font-weight:100;font-size:13px;margin-top:78px}


#footer .foot_navi{width:1190px;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;letter-spacing:-.5px}

#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:14px;font-weight:300;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:160px;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:20px;color:#767a88;font-size:17px;font-weight:700;padding:10px 0 10px 15px;box-sizing:border-box}
		.m_nav_box .depth_1_box li a.active{color:#fff}
		.m_nav_box .depth_2_box{position:absolute;width:calc(100% - 160px);height:100%;top:0;left:160px;overflow-y:auto;padding:20px 25px 50px 20px;box-sizing:border-box}
		.m_nav_box .depth_2_box li a{color:#000;display:block;width:100%;font-size:18px;font-weight:700;line-height:23px;padding:7px 0}
		.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:15px;line-height:21px;padding:7px 0}
	



	#main_visual{display:none}
	#m_main_visual{display:block;width:100%;margin:60px 0 30px 0}
	#m_main_visual li{display:inline-block}
	#m_main_visual img{width:100%}
	
	#page_content{width:100%}
	.main_commonbox{width:100%;margin:0 auto 50px;display:inherit;padding:20px;box-sizing:border-box}
	.main_commonbox .main_titlebox{width:100%}
	.main_commonbox .main_titlebox h2{display:none}
	.main_commonbox .main_conbox{width:100%;margin-bottom:85px}
	.main_commonbox .main_conbox .main_title1{font-size:24px;line-height:36px;margin-bottom:15px;padding-top:15px}	
	.main_commonbox .main_conbox > a{width:100%;margin-bottom:5px}
	.main_commonbox .main_conbox p.desc{width:100%;margin-top:15px;word-break:keep-all;color:#999;box-sizing:border-box;padding:0 10px;line-height:30px;font-size:18px;letter-spacing:-1px}

	.main_tab{padding-bottom:30px}
	.main_titlebox ul{width:88%;margin-top:15px}
	.main_titlebox ul li a h3{font-size:24px}
	.main_titlebox ul li a{line-height:40px}
	.main_titlebox ul li a.active{margin-bottom:15px}
	.main_news_result ul li{padding:10px 0}
	.main_news_result ul li a{width:100%}
	.main_news_result ul li a dl dt{margin-bottom:10px;line-height:26px;font-size:18px}
	.main_news_result ul li p{width:100%;text-align:left;padding-bottom:10px}
	.main_news_result ul li p span{display:inline;font-size:24px}
	.main_news_result ul li p b{font-size:24px;letter-spacing:0;padding-left:10px}
	.main_news_result > a.more{position:static;margin:30px auto}
	.main_news_result ul li a dl dd{display:none}

	.main_con_media{width:100%;overflow:hidden}
	.main_con_media h2{padding-bottom:20px}
	.main_titlebox > h3{display:none}
	.main_video{display:none}
	.main_con_media a.more{position:static;margin:30px auto;background:url(/pages/kimiro/img/main/main_btn_more.png) no-repeat center 0;display:none}
	
	.rnd_title1{font-size:42px;padding-top:0}
	.rnd_title2{width:100%;padding:5px 0 30px 0;font-size:22px;word-break:keep-all;line-height:34px}
	.rndbox > div{width:100%}
	
	.rndbox .rndbox_l{background-size:cover;padding:40px;margin-bottom:10px}
	.rndbox .rndbox_l p{margin-bottom:30px}
	.rndbox .rndbox_l ul li a{width:100%}
	.rndbox .rndbox_r{height:auto;padding:40px;background-size:cover}
	.rndbox .rndbox_r p{font-size:17px;margin-bottom:50px}

	#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:250px;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:22px;color:#767a88;font-size:18px;font-weight:700;padding:10px 0 10px 25px;box-sizing:border-box}
		.m_nav_box .depth_1_box li a.active{color:#fff}
		.m_nav_box .depth_2_box{position:absolute;width:calc(100% - 250px);height:100%;top:0;left:250px;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_right{top:-70px}
	.header_menu nav{padding:0;}
	.header_menu nav ul li a{padding:15px 16px;font-size:16px}


	#sitemap #sitemap_navigation{padding:130px 20px;overflow-y:scroll;display:block;height:calc(100% - 30px);box-sizing:border-box}
	#sitemap .btn_close{right:.5rem;top:1rem}
	#sitemap #sitemap_navigation > li > a{font-size:27px;text-align:center}
	#sitemap #sitemap_navigation > li{width:50%;border:1px solid #ddd;padding:30px}
	#sitemap #sitemap_navigation > li:last-child{height:auto;border:1px solid #ddd;}
	#sitemap #sitemap_navigation > li > .sitemap_navi_2depth ul li a{font-weight:500}
	#sitemap #sitemap_navigation > li > .sitemap_navi_2depth .depth3 li a{font-size:14px;font-weight:300}
	

	#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}
	.header_right{top:-70px}
	.header_menu nav{padding:0;}
	.header_menu nav ul li a{padding:15px 27px;font-size:16px}


	#sitemap #sitemap_navigation{padding:130px 20px;overflow-y:scroll;display:block;height:calc(100% - 30px);box-sizing:border-box}
	#sitemap .btn_close{right:.5rem;top:1rem}
	#sitemap #sitemap_navigation > li > a{font-size:27px;text-align:center}
	#sitemap #sitemap_navigation > li{width:50%;border:1px solid #ddd;padding:30px}
	#sitemap #sitemap_navigation > li:last-child{height:auto;border:1px solid #ddd;}
	#sitemap #sitemap_navigation > li > .sitemap_navi_2depth ul li a{font-weight:500}
	#sitemap #sitemap_navigation > li > .sitemap_navi_2depth .depth3 li a{font-size:14px;font-weight:300}

		#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}


}