body{text-align:center;}
.mo{display:none;}
#wrap{border-top:2px solid #ff4233;}
#header{}
#header .top-area{width:960px;margin:0 auto;position:relative;padding:14px 0 43px;font-size:12px;}
#header .top-area:after{clear:both;display:block;content:'';}
#header .top-area .left{float:left;height:18px;}
#header .top-area .left > ul > li{float:left;background:url(../img/layout/top_line.png) right center no-repeat;}
#header .top-area .left > ul > li:last-child{background:none;}
#header .top-area .left > ul > li > a{display:block;line-height:18px;padding:0 10px;color:#9e9e9e;}
#header .top-area .left > ul > li > a:hover{color:#ff4132;}
#header .top-area .left > ul > li.on > a{color:#ff4132;}
#header .top-area .company > li{position:relative;}
#header .top-area .submenu{position:absolute;left:0;top:18px;width:110px;z-index:999;padding-top:10px;display:none;}
#header .top-area .submenu ul{background:url(../img/layout/about_arr.png) center top no-repeat;padding-top:7px;}
#header .top-area .submenu ul li{border-top:1px solid #fc6458;}
#header .top-area .submenu ul li:first-child{border-top:none;}
#header .top-area .submenu ul li a{background:#ff4132;color:#fff;display:block;text-align:center;height:41px;line-height:41px;font-size:12px;}

#header .top-area .right{float:right;height:18px;}
#header .top-area .right ul{display: inline-block;}
#header .top-area .right ul li{float:left;}
#header .top-area .right .mem li{background:url(../img/layout/top_line.png) right center no-repeat;}
#header .top-area .right .mem a{display:block;line-height:18px;padding:0 10px;color:#9e9e9e;}
#header .top-area .right .mem a:hover{color:#ff4132;}
#header .top-area .right .sns a{display:block;padding:0 10px;}
#header .top-area .right .sns li:last-child{margin-right:-10px;}

#header .top-area2{width:960px;margin:0 auto;position:relative;height:83px;overflow:hidden;}
#header .top-area2 .top-logo{float:left;}
#header .top-area2 .org{float:right;padding-top:18px;}
#header .top-area2 .org span{margin-left:18px;}

#header .top-navi{background:#5d0093;height:50px;position:relative;z-index: 100;}
#header .top-navi > div{width:960px;margin:0 auto;overflow:hidden;}

#gnav .gnav1{float:left;padding-right:10px;background:url(../img/layout/gnav1_line.png) right center no-repeat;}
#gnav .gnav1 > li{float:left;}
#gnav .gnav1 > li > a{color:#fff;display:block;line-height:50px;font-size:16px;font-family: 'NotoSans-Medium';padding:0 20px;}
#gnav .gnav1 > li > a:hover{color:#f843aa;}
#gnav .gnav1 > li.on > a{color:#f843aa;}
#gnav .gnav1 > li:first-child{margin-left:-20px;}
#gnav .gnav1 > li.m4{padding-right:10px;}
#gnav .gnav1 > li.m5{padding-left:10px;background:url(../img/layout/gnav1_line.png) left center no-repeat;}
#gnav .gnav1 > li.m5 > a{color:#ffc000;}
#gnav .gnav1 > li.m5 > a:hover{color:#f843aa;}
#gnav .gnav1 > li.m5.on > a{color:#f843aa;}
#gnav .gnav1 > li.m6 > a{color:#ffc000;}
#gnav .gnav1 > li.m6.on > a{color:#f843aa;}
#gnav .gnav1 > li.m6 > a:hover{color:#f843aa;}
#gnav .gnav1 .sub{position:absolute;left:0;top:50px;background:url(/img/layout/gnav_sub_bg.png) repeat;width:100%;display:none;}
#gnav .gnav1 .sub ul{width:960px;margin:0 auto;overflow:hidden;box-sizing:border-box;}
#gnav .gnav1 .sub ul li{float:left;height:80px;}
#gnav .gnav1 .sub ul li a{display:block;height:80px;line-height:80px;padding:0 27px 0 0;color:#ff4132;font-family: 'NotoSans-Medium';}
#gnav .gnav1 .sub ul li a:hover{text-decoration:underline;}
#gnav .gnav1 .sub2 ul{padding-left:106px;}
#gnav .gnav1 .sub5 ul{padding-left:423px;}
#gnav .gnav1 .sub6 ul{padding-left:525px;}

#gnav .gnav2{float:left;padding-left:10px;}
#gnav .gnav2 > li{float:left;}
#gnav .gnav2 a{color:#ffc000;display:block;line-height:50px;font-size:16px;font-family: 'NotoSans-Medium';padding:0 20px;}

#header .top-navi .search{float:right;}
#header .searchOpen{position: absolute; z-index: 10000; left: 50%; margin-left: -480px; background-color: #f0f0f0; width: 940px; height: 80px; padding:40px 10px; display: none;}
#header .searchOpen .close{display: block;position: relative;top: -170px;left: 455px;}
#header .searchOpen input{width: 858px; height: 80px; border: 1px solid #e3e3e3; border-right: none; font-size: 18px; color: #c6c6c6; padding: 0 17px;}
#header .searchOpen .go{}

#backBG{width: 100%; height: 100%; max-height: 100%; position: fixed; background: #000; z-index: 9999; opacity: 0.8; filter: alpha(opacity:'80');}

.sub-container{}
.sub-container.gray{background-color:#f0f0f0;}

.title-wrap{text-align:center;padding:75px 0 100px;font-family: 'NotoSans-Bold';color:#1e1e1e;}
.title-wrap .page-title{font-size:48px;margin-bottom:35px;}
.title-wrap .page-title:after{display:block;width:20px;height:2px;background:#1e1e1e;margin:0 auto;content:'';margin-top:25px;}
.title-wrap .route{font-size:14px;height:13px;line-height:13px;}
.title-wrap .route em{color:#f44336;}
.title-wrap .route .arr{display:inline-block;width:7px;height:13px;vertical-align:middle;margin:0 6px;background:url(../img/content/route_arr.png) center center no-repeat;text-align:left;text-indent:-999px;overflow:hidden;}

.title-wrap.type-white{color:#fff;}
.title-wrap.type-white .page-title:after{background:#fff;}
.title-wrap.type-white .route em{color:#f44336;}

.contents{width:960px;margin:0 auto;text-align:left;padding-bottom:200px;}
.contents.wide{width:auto;text-align:center;}

#footer{clear:both;background:#1e1e1e;}

.footer-links{background:#3a3a3a;}
.footer-links > div{width:960px;margin:0 auto;overflow:hidden;}
.footer-links .links1{float:left;}
.footer-links .links1 li{float:left;letter-spacing:-1px;}
.footer-links .links1 a{display:block;height:60px;line-height:60px;color:#9e9e9e;font-size:12px;padding:0 10px;}
.footer-links .links1 a.privacy{color:#f44336;}
.footer-links .links2{float:right;}
.footer-links .links2 li{float:left;letter-spacing:-1px;margin-left:1px;}
.footer-links .links2 a{display:block;width:60px;height:60px;overflow:hidden;}
.footer-links .links2 a:hover img{margin-top:-60px;}

.footer-con{text-align:center;padding:50px 0;color:#5c5c5c;}
.footer-con .site-info{font-size:14px;line-height:1.58em;}
.footer-con .site-info p span{margin:0 8px;}
.footer-con .line{width:20px;height:2px;margin:48px auto;background:#3d3d3d;}
.footer-con .copyright{margin-bottom:48px;}
.footer-con .copyright small{font-size:12px;}
.footer-con .sns li{display:inline-block;width:30px;margin:0 15px;}
.footer-con .sns a{opacity:0.3;}
.footer-con .sns a:hover{opacity:1;}

/* layor */
.popLayor{position:fixed;left:0;top:0;width:100%;height:100%;background:url(/img/layout/black_bg.png) repeat;z-index:9999;}
.popLayor > div{width:960px;margin:0 auto;text-align:left;padding:200px 0 0 0;}
.popLayor h3{color:#fff;font-size:18px;margin-bottom:15px;}

@media(max-width: 760px){
	.contents{width: 100%; padding: 0 20px; text-align: left;padding-bottom: 100px; box-sizing:border-box;}
	.title-wrap{text-align:center; padding:30px 0 40px; color:#1e1e1e;}
	.title-wrap .page-title{font-size:28px; margin-bottom: 0;}
	.title-wrap .page-title:after{display:none;}
	.route{display:none;}
	#gnav .gnav1 li.on .sub ul li a {color: #ff4132;}
	body img{max-width:100%;}
	.mo_inline{display:inline-block;}
	.mo_block{display:block;}
	.com{display:none;}
	#wrap{border-top:0;}
	#header .top-area{display:none;}
	#header .top-area2{height:55px; width: 100%;}
	#header .top-navi{background:none !important; height:0;}
	#header h1 img{height:55px; text-align:center;}
	#header header{height:55px; padding:10px 0; background: #fff;}
	#header h1{height:55px; margin:0 55px;}
	#header .top-area2 .top-logo{float:none;}
	#header .btn-menu {position: absolute;left: 0; top: -2px; height: 55px;width: 55px;}
	#gnav{position: fixed;left: 0;top: 0;width: 100%; height: 100%;background: url(../img/layout/black_bg.png) 0 0 repeat;text-align: left;z-index: 99999; display:none;}
    #gnav > div{width:270px;}
	#gnav .gnav1{background: #5d0093; padding:20px; box-sizing:border-box; width: 100%;}
    #gnav .gnav1 > li {float:none;}
    #gnav .gnav1 > li:first-child{margin:0;}
	#gnav .gnav1 > li.on > a{color: #ff4132; background: url(../m/img/layout/navi_arr_up.png) right center no-repeat;background-size: 16px auto;}
    .gnav1 > li > a{display: block;color: #fff;font-size: 16px;font-weight: bold;padding: 12px 0;
    background: url(../m/img/layout/navi_arr_down.png) right center no-repeat;background-size: 17px auto; padding:0 !important;}
    #gnav .gnav1 > li.m6 > a, #gnav .gnav1 > li.m5 > a{color:#fff;}
    #gnav .gnav1 > li.m4{padding-right:0;}
    #gnav .gnav1 > li.m5{padding-left:0; background: none;}
    .ganv-login p img {height: 7px;}
	.ganv-login {background: #ff4132; padding: 20px 20px 0 20px;}
    .ganv-login ul li a{display:block; color:#fff; font-size:16px; font-weight:bold; padding:5px 0;}
    .gnav-bg1 {background: url(../m/img/layout/gnav_bg1.png) left top no-repeat;background-size: 100% 100%;height: 24px;}
    .gnav-bg2 {background: url(../m/img/layout/gnav_bg2.png) left top no-repeat;background-size: 100% 100%;height: 24px; clear:both;}
    .gnav2{background: #420068;padding: 20px; width: 100%; box-sizing:border-box;}
	#gnav .gnav2 > li{float:none;}
    #gnav .gnav2 > li > a { line-height:16px;display: block;color: #7b4d96;font-size: 16px;font-weight: bold;padding: 10px 0;background: url(../m/img/layout/navi_arr_down.png) right center no-repeat;background-size: 16px auto;}
	#gnav .gnav2 > li > .sub a{ line-height:15px;color:#fff; font-size: 15px;padding: 10px 0;}
	.gnav .sub {padding-left: 15px;}
	#gnav .gnav1 .sub{position: relative; background: none !important; display:none; top:0;}
	#gnav .gnav1 .sub ul{width: 100%; box-sizing:border-box; padding-left:15px;}
	#gnav .gnav1 .sub ul li{float:none; height:auto;}
	#gnav .gnav1 .sub ul li a{display: block;color: #fff;font-size: 15px;padding: 10px 0; line-height:15px; height:auto;}
	.footer-links .links1 {padding:10px 0px;}
	.footer-links .links1 li{float:none; display:inline-block;}
	.footer-links .links1 a {height:auto; line-height:30px;}
	.footer-con{padding:30px 0; clear: both;}
	.footer-con .site-info{font-size:12px;}
	.footer-con .line{margin:20px auto;}
	.footer-con .copyright {margin-bottom: 30px;}
	.mo_show{display:block;}
	#gnav .gnav2 .sub{display:none;}
	#gnav .gnav2{padding-left:20px;}
	#gnav .gnav2 > li.on > a{color: #fff;background: url(../m/img/layout/navi_arr_up.png) right center no-repeat;background-size: 16px auto;}
	.footer-links .link2 a {display: block;width: 60px;height: 60px;overflow: hidden;opacity: 0.5;}
	.footer-links .links2{position: absolute; right:0; top:-61px;}
	.footer-links > div{position: relative; width: 100%; overflow:visible;}
	.footer-links .links1{background-color: #3a3a3a;}
}