@charset "utf-8";
.cf:after{content:''; display: block; clear: both;}
.m_t15{margin-top: 15px;}
.m_t30{margin-top: 30px;}
.p_t30{padding-top: 30px;}
#wrap{margin: 0 auto; max-width: 640px; min-width: 320px; position: relative; width: 100%;}
#wrap img {max-width:100%;}
#m_header{max-width: 640px; min-width: 320px; overflow: hidden; position: relative; top:0; width: 100%; z-index: 8; height: 52px; line-height: 52px;}
#m_header ul{overflow: hidden;}
#m_header ul li{float: left; text-align: center;}
#m_header ul li img{vertical-align: baseline;}
#m_header ul li:nth-child(1){width: 15%;}
#m_header ul li:nth-child(1) img{height: 15px;}
#m_header ul li:nth-child(2){width: 70%;}
#m_header ul li:nth-child(2) img{height: 35px; vertical-align: text-bottom; padding-top: 7px;}
#m_header ul li:nth-child(3){width: 15%;}
#m_header ul li:nth-child(3) img{height: 18px; padding-top: 17px}
#m_header ul li a{display: block;}

div#navMenuIcon {position:fixed;width:43px;height:43px;left:20px;bottom:50px;cursor:pointer;z-index:10;}
.all_top{display:none;position:fixed;top:30px;left:50%;margin-left:-20px;z-index:9;}
.all_top button{display:block;width:40px;height:40px;background:url(/m/images/home_list_top_ic_nor.png) no-repeat 0 0;background-size:40px 40px;text-indent:-9999px;overflow:hidden;}
#allmenuwrap {position:fixed; left:-640px; top:0px; max-width:640px; min-width: 320px; width:100%; z-index:999; background:#fff; overflow:scroll; height: 100%;}
#allmenuwrap::-webkit-scrollbar {display: none;width: 0px;height: 0px;}
#allmenuwrap .top{background: #ffffff;}
#allmenuwrap ul.top {overflow: hidden; height: 44px; position: relative;}
#allmenuwrap ul.top li{position: absolute;}
#allmenuwrap li.all_menu_logo {left: 50%; margin-left: -55px; top: 50%; margin-top: -15px;}
#allmenuwrap li.all_menu_logo img{height: 33px;}
#allmenuwrap li.all_menu_bt {right: 10px; top: 50%; margin-top: -10px}
#allmenuwrap li.all_menu_bt img{height: 20px;} 
#allmenuwrap .menu{padding: 0 30%; overflow: hidden; margin: 15px 0;}
#allmenuwrap .menu li{width: 50%; float: left; text-align: center; overflow: hidden;}
#allmenuwrap .menu li:first-child{border-right: 1px solid #efefef; box-sizing: border-box;}
#allmenuwrap .menu li a{display: block; font-size: 13px; font-weight: 500; color: #000000; margin: 0 10px;}
#allmenuwrap .icon_menu{padding: 10px 0; background: #000000;}
#allmenuwrap .icon_menu ul{overflow: hidden;}
#allmenuwrap .icon_menu li{float: left; width: 20%; height: 50px;}
#allmenuwrap .icon_menu li a{display: block; font-size: 12px; text-align: center; height: 50px; position: relative; letter-spacing: -2px; color: #ffffff;}
#allmenuwrap .icon_menu li a span{position: absolute; width: 100%; bottom: 0; left: 0;}
#allmenuwrap .icon_menu li:nth-child(1){background: url(/m/images/menu_img_01.png) no-repeat top 5px center; background-size: 20px;}
#allmenuwrap .icon_menu li:nth-child(1) a{ border-right: 1px solid #4d4d4d;}
#allmenuwrap .icon_menu li:nth-child(2){background: url(/m/images/menu_img_02.png) no-repeat top 5px center; background-size: 25px;}
#allmenuwrap .icon_menu li:nth-child(2) a{ border-right: 1px solid #4d4d4d;}
#allmenuwrap .icon_menu li:nth-child(3){background: url(/m/images/menu_img_03.png) no-repeat top 0px center; background-size: 20px;}
#allmenuwrap .icon_menu li:nth-child(3) a{ border-right: 1px solid #4d4d4d;}
#allmenuwrap .icon_menu li:nth-child(4){background: url(/m/images/menu_img_04.png) no-repeat top 7px center; background-size: 25px;}
#allmenuwrap .icon_menu li:nth-child(4) a{ border-right: 1px solid #4d4d4d;}
#allmenuwrap .icon_menu li:nth-child(5){background: url(/m/images/menu_img_05.png) no-repeat top 5px center; background-size: 20px;}

#allmenuwrap .allmenu{overflow: hidden; background: #f4f4f4;}
#allmenuwrap .allmenu>ul{float: left; width: 50%;}
#allmenuwrap .allmenu>ul.m_gnb_01>li{border-right: 1px solid #dddddd; box-sizing: border-box;}
#allmenuwrap .allmenu>ul>li>ul {display: none;}
#allmenuwrap .allmenu>ul>li a{display: block; padding: 10px; font-size: 14px; font-weight: 500;}
#allmenuwrap .allmenu>ul>li>a{color: #333333; position: relative; border-top: 1px solid #dddddd;}
#allmenuwrap .allmenu>ul>li.last>a{border-bottom: 1px solid #dddddd;}
#allmenuwrap .allmenu>ul>li.last ul li a{border-top: 0; border-bottom: 1px solid #dddddd;}
#allmenuwrap .allmenu>ul>li>a span{background: rgba(0, 0, 0, 0) url(/m/images/menu_off.png) no-repeat scroll center center; display: block; height: 20px; margin-top: -10px; position: absolute; right: 15px; top: 50%; width: 10px; background-size: 5px;}
#allmenuwrap .allmenu>ul>li>ul{background: #ffffff;}
#allmenuwrap .allmenu>ul>li>ul>li>a{border-top: 1px solid #d2d4d3; font-size: 14px; color: #666666; font-weight: 300;}
.rotate180 {background: rgba(0, 0, 0, 0) url(/m/images/menu_on.png) no-repeat scroll center center / 10px auto!important; height: 10px!important; margin-top: -5px!important; right: 10px!important; width: 20px!important;}
div.blinder {background: #000 none repeat scroll 0 0; display: none; left: 0; position: absolute; top: 0; z-index: 7;}

#m_visual_01{max-width: 640px; margin: 0 auto;}
#m_visual_01 .slick-dots{bottom: -25px;}
#m_visual_01 .slick-dots li{margin: 0 3px;}
#m_visual_01 .slick-dots li.slick-active button::before {background: url(/m/images/visual_on.png) no-repeat center; opacity: 1; background-size: 7px;}
#m_visual_01 .slick-dots li button::before {color: #ffffff; content: " "; font-family: "slick"; font-size: 13px; height: 20px; left: 0; line-height: 20px; opacity: 1; position: absolute; text-align: center; top: 0; width: 20px; background: url(/m/images/visual_off.png) no-repeat center; background-size: 7px;}

.m_banner ul{overflow: hidden;}
.m_banner ul li{width: 33.33%; float: left; text-align: center; margin-top: 20px;}
.m_banner ul.middle li{width: 50%;}
.m_banner ul li a{display: block;}

.contact .contact_inner{overflow: hidden; background: #ffe800;}
.contact .contact_inner>div{width: 50%; float: left; background: #ffe800;}

.media .con{padding: 0 10px;}
.bna .con{padding: 25px; margin: 0 10px; background: #eeeeee;}
.bna .con img{margin: 0 auto;}
.bna .con .slick-dots{bottom: -40px; width: 100%; text-align: center;}
.bna .con .slick-dots li{margin: 0 1px;}
.bna .con .slick-dots li button::before{font-size: 10px; color: #e0e0e0; opacity: 1;}
.bna .con .slick-dots li button:hover:before,
.bna .con .slick-dots li button:focus:before{color: #000000;}
.bna .con .slick-dots li.slick-active button:before{color: #000000;}
.bna .con .slick-prev::before,
.bna .con .slick-next::before{content: " ";}
.bna .con .slick-prev{ background: url(/images/roll_banner_left.png) no-repeat center; width: 10px; height: 15px;}
.bna .con .slick-next{ background: url(/images/roll_banner_right.png) no-repeat center; width: 10px; height: 15px;}
.bna .con .slick-prev{left: -18px;}
.bna .con .slick-next{right: -18px;}

.news_wrap{background: #eeeeee; padding: 30px 0; margin-top: 10px;}
.news_wrap .con img{margin: 0 auto;}
.news_wrap .con .slick-list{margin: 0 30px;}
.news_wrap .con .slick-dots{bottom: -40px; width: 100%; text-align: center;}
.news_wrap .con .slick-dots li{margin: 0 1px;}
.news_wrap .con .slick-dots li button::before{font-size: 10px; color: #e0e0e0; opacity: 1;}
.news_wrap .con .slick-dots li button:hover:before,
.news_wrap .con .slick-dots li button:focus:before{color: #000000;}
.news_wrap .con .slick-dots li.slick-active button:before{color: #000000;}
.news_wrap .con .slick-prev::before,
.news_wrap .con .slick-next::before{content: " ";}
.news_wrap .con .slick-prev{ background: url(/m/images/news_left.png) no-repeat center; width: 25px; height: 25px; background-size: 25px;}
.news_wrap .con .slick-next{ background: url(/m/images/news_right.png) no-repeat center; width: 25px; height: 25px; background-size: 25px;}
.news_wrap .con .slick-prev{left: 25px; z-index: 999999;}
.news_wrap .con .slick-next{right: 25px;  z-index: 999999;}

#footer{background: #231f20; padding-bottom: 100px;}

#footer .f_menu{background: #f2f2f2; border-bottom: 1px solid #353435;}
#footer .f_menu ul{text-align: center; font-size: 0;}
#footer .f_menu ul li{display: inline-block; height: 30px; line-height: 30px; font-size: 0;}
#footer .f_menu ul li a{display: inline-block; font-size: 12px; color: #0a0a0a; margin: 0 8px;}

#footer .f_sns ul{text-align: center; font-size: 0; margin: 15px 0;}
#footer .f_sns ul li{display: inline-block;}
#footer .f_sns ul li a{display: block; margin: 0 5px;}
#footer .f_sns ul li a img{height: 35px;}

#footer .f_go_wrap ul{text-align: center; font-size: 0; margin: 15px 0;}
#footer .f_go_wrap ul li{display: inline-block;}
#footer .f_go_wrap ul li span{display: inline-block; width: 1px; height: 10px; background: #ffffff;}
#footer .f_go_wrap ul li a{display: inline-block; margin: 0 10px; color: #ffffff; font-size: 12px;}

#footer .adress{text-align: center; color: #ffffff; font-size: 12px; color: #919191;}
#footer .adress p{color: #595959;}

#footer .f_logo{text-align: center; margin-bottom: 25px;}
#footer .f_logo img{height: 30px;}


#wrap .m_quick{position: fixed; z-index: 6; height: 60px; bottom: 0; background: #ffffff; width: 100%; max-width: 640px; min-width: 320px; opacity: 0.9;}
#wrap .m_quick ul{overflow: hidden; border-top: 1px solid #cfcfcf;}
#wrap .m_quick ul li{float: left; width: 20%; height: 70px; position: relative;}
#wrap .m_quick ul li a{border-right: 1px solid #cfcfcf;height: 30px; padding: 20px 0; display: block; color: #000000;}
#wrap .m_quick ul li span{position: absolute; bottom: 15px; display: block; text-align: center; width: 100%; font-size: 12px;}
#wrap .m_quick ul li:nth-child(5) a{border-right: 0;}
#wrap .m_quick ul li:nth-child(1){background: url(/m/images/m_quick_01.png) no-repeat center top 12px; background-size: 18px;}
#wrap .m_quick ul li:nth-child(2){background: url(/m/images/m_bottom_quick_02.png) no-repeat center top 10px; background-size: 23px;}
#wrap .m_quick ul li:nth-child(3){background: url(/m/images/m_quick_03.png) no-repeat center top 10px; background-size: 25px;}
#wrap .m_quick ul li:nth-child(4){background: url(/m/images/m_quick_04.png) no-repeat center top 12px; background-size: 20px;}
#wrap .m_quick ul li:nth-child(5){background: url(/m/images/m_quick_05.png) no-repeat center top 12px; background-size: 20px;}

@media screen and (max-width: 1200px)
.hd_pops .hd_pops_con {width: 100%!important; height: 100%!important;}

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

#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0;}
.hd_pops{top:80px !important;margin-left: 12px;z-index: 9999 !important;position:absolute;border:1px solid #e9e9e9;background:#fff;left: 0 !important;}	
.hd_pops img{width:100%;}	
}

@media screen and (max-width:419px) {
	
#section .bg01_wrap > div > ul.banner_wrap li.banner03 span.banner_wrap_text01 {top: 40px;}

}