@charset "utf-8";
/* CSS Document */
.topinner{  position: absolute; top: 0; left:50%;transform: translateX(-50%); z-index: 100;  margin: 0 auto;width:1000px;}
.topinner_page{  position: fixed; top: 0; left:50%;transform: translateX(-50%); z-index: 100;  margin:0 auto;width:100%;background: rgba(255,255,255,1);border-bottom:2px solid #7E3C92;}
.menu {position: relative;width: 1000px;height:66px;margin: 0 auto;}

.menu > li {
    float: right;
color: #000;
    height: 66px;
    line-height: 66px;
list-style:none;
text-align:center;
font-size:14px;

}

.menu_area{display:flex;flex;flex-wrap:wrap;align-items:center;padding-top:20px;}
.menu_logo{width:200px;padding:0px 0 0 40px;}
.menu_logo img{width:100%;}
.area_box{width:220px;font-size:16px;border:2px solid #191b71;border-radius:50px;background:#fff;height:50px;display:flex;flex;justify-content:center;align-items:center;color:#191b71;font-weight:700;margin-left:10px;}
.menu_contact{width:97px;height:98px;}


.menu > li a {display: block;color: #000;padding:0 0.7em 0;}


.menu > li a:hover {background:#1e2754;color: #fff;-webkit-transition: all .5s;transition: all .5s;}

li.menu_contact a:hover{background:none;}




/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}

li.menu__mega ul.menu__second-level {
    position: absolute;
    top: 80px;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 2%;
    background:rgba(138,69,115,0.8);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
list-style:none;

}

li.menu__mega:hover ul.menu__second-level {
    top: 80px;
    visibility: visible;
    opacity: 1;
}

li.menu__mega ul.menu__second-level > li {
    float: left;
    width: 49%;
    border: none;
}

li.menu__mega ul.menu__second-level > li:nth-child(2n+1) {
    margin: 0 2% 0 0;
}

/*999px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width:999px){
.topinner{  position: absolute; top: 0; left:50%;transform: translateX(-50%); z-index: 100;  margin: 0 auto;width:100%;}
}

/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
.menu_logo{width:50%;padding:0px 0 5px 10px;}
.menu_logo img{width:100%;padding:0 0 0 10px;}
.menu_area{display:flex;flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;flex-direction:column;padding-top:20px;}
.area_box{width:160px;font-size:14px;border:2px solid #191b71;border-radius:50px;background:#fff;height:30px;display:flex;flex;justify-content:center;align-items:center;color:#191b71;font-weight:700;margin-left:20px;}
}