@media screen and (min-width: 768px) {
#PC------------------------{}
	
ul li, ol li {
	list-style-type: none;
}
/* --------------------------------------------------- btn */
.btn__box {
	width: 152px;
	height: 28px;
	line-height: 28px;
	margin: 100px auto 0;
}
.btn__box a {
	position: relative;
	display: block;
	color: #666;
	background: #fff;
}
.btn__box a:before {
	content: '';
	position: absolute;
	top: -5px;
	left: -5px;
	box-sizing: border-box;
	width: 152px;
	height: 28px;
	border: 1px solid #666;
}
.btn__box a:hover:before {
}
/* --------------------------------------------------- menu */
.menu {
	position: relative;
	width: 960px;
	height: 28px;
	max-width: 100%;
	margin: 0 auto;
	font-size: 12px;
}
menu, ol, ul {
    padding: 0 0 0 0px;
}
.menu > li {
	float: left;
	width: 192px;
	height: 28px;
	line-height: 28px;
	box-sizing: border-box;
	padding-top:5px;
}
.menu > li a {
	display: block;
	color: #000;
}
.menu > li a:hover {
}
@media screen and (min-width: 835px) {
#PC------------------------{}
ul.menu__second-level {
	visibility: hidden;
	opacity: 0;
	z-index: 9999;
}
}
.menu > li:hover {
	background: #bd0101;
	color: #FFF;
}
.menu > li a:hover {
	color: #FFF;
}
.menu__second-level > li a {
	display: block;
	width:100%;
	height:40px;
}
.menu__second-level > li a:hover {
	background-color: #00164b;
}
.menu__second-level li a:link,
.menu__second-level li a:visited,
.menu__second-level li a:active,
.menu__second-level li a:hover {
	color: #FFF;
}
.init-bottom:after {
	content: '';
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 0 0 15px;
}
.menu:before, .menu:after {
	content: " ";
	display: table;
}
.menu:after {
	clear: both;
}
.menu {
 *zoom: 1;
}
/* --------------------------------------------------- mega menu */
	
@media screen and (min-width: 835px) {
#PC------------------------{}
    li.menu__mega ul.menu__second-level {
        box-sizing: border-box;
        position: absolute;
        top: 24px;
        left: -50%;
        width: 200%;
        padding: 0px 66.3% 0px;
        background: #012477;
        overflow:hidden;
    }
    li.menu__mega ul.menu__second-level > li {
        float: left;
        width: 44%;
        border: none;
        line-height: 40px;
        margin-bottom: 0px;
        text-align:center;
    }
    li.menu__mega ul.second-level01 > li:nth-child(2) {
        width: 30%;
    }
    li.menu__mega ul.second-level01 > li:nth-child(3) {
        width: 26%;
    }
    li.menu__mega ul.second-level02 {
        padding: 0px 66.5% 0px;
        font-size:14px;
    }
    .fixed li.menu__mega ul.menu__second-level {
        position: fixed;
        top: 40px!important;
    }
    li.menu__mega:hover ul.menu__second-level {
        top: 115px;
        visibility: visible;
        opacity: 1;
    }
}