@charset "UTF-8";
header{
width: 100%;
height: auto;
background-color: #fff;
position: fixed;
z-index: 10000000000;
top: 0;
left: 0;
}
.header__wrapper {
width: 90%;
max-width: 1080px;
margin: 0 auto;
height: 120px;
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
#logo {width: 115px;height: auto;}
#logo img{width: 100%;height: auto;display: block;}
.drawer-overlay{display: none!important;}
.drawer-hamburger{
position: absolute !important;
right: 0 !important;
top: 30px !important;
}
.drawer--right .drawer-nav {
right: -100% !important;
width: 100% !important;
padding-top: 120px;
}
.drawer--right.drawer-open .drawer-nav{right: 0 !important;z-index: -1 !important;}
.drawer-menu li {width: auto;padding: 0 2.5%;}
.drawer-menu li a {
display: block;
text-align: center;
padding: 15px;
}
.drawer-menu li a p {
font-size: 14px;
font-weight: 700;
color:#1D1D1D;
}

.menu-btn{border: 1px solid #1D1D1D;border-radius: 50px;}
.menu-item {position: relative;}
.has-dropdown p{margin-top: -30px;}

header .drawer-menu li a p{display: block;}
.has-dropdown:hover::before {
content: '';
width: 6px;
height: 6px;
background: #007bff;
border-radius: 50%;
display: block;
position: absolute;
top: -3px;
left: 0px;
}
.menu-item > a {
text-decoration: none;
color: #000;
position: relative;
padding: 0.5rem;
}
.drawer-menu li.menu-item.has-dropdown {
padding-left: 0;
margin-left: 2.5%;
margin-top: 30px;
}

/* ● 青い丸アイコン（初期は非表示） */
.menu-item.has-dropdown:hover > a .dot {display: inline-block;}

/* ドロップダウンの非表示/表示 */
.dropdown {
display: none;
position: absolute;
top: 100%;
background: white;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
z-index: 10;
left: -30px;
width: 250px;
}
.dropdown::before {
position: absolute;
content: '';
top: -9px;
left: 0;
right: 0;
margin: auto;
width: 0;
height: 0;
border-style: solid;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
border-bottom: 10px solid #fff;
border-top: 0;
}
.menu-item.has-dropdown:hover .dropdown {display: block;}
.dropdown li {list-style: none;}
.dropdown li a {
display: block;
padding: 0.75rem 1rem;
text-decoration: none;
color: #000;
}
.drawer-menu li.dropdown-list {padding: 0;}
.dropdown li a:hover {background-color: #e0e0e0;}

.gtranslate_wrapper {width: 125px;}
.gt_switcher-popup,.gt_white_content a{color:#1D1D1D;}

.button {
border: 2px solid #007bff;
border-radius: 9999px;
color: #007bff;
padding: 0.5rem 1rem;
text-decoration: none;
}

.footer--wrap{
display: flex;
flex-direction: column;
max-width: 1080px;
justify-content: space-between;
margin: 0px auto ;
align-items: center;
}
.footer--wrap__nav ul{display: flex;}
.footer--wrap__nav ul li a{color: #000;font-weight: 600;}
.footer--wrap__nav ul li {margin-right: 50px;}
.footer--wrap__nav ul li:last-child {margin-right: 0px;}
.site-footer{
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%,  rgba(0,113,187,1)100%);
padding: 20px 0;
}

@media only screen and (min-width: 980px) {
.drawer-hamburger{display: none!important;}
.drawer--right .drawer-nav {
position: static !important;
height: auto !important;
background-color: transparent;
width:calc(100% - 120px)!important;
padding-top: 0;
overflow: unset;
display: flex;
align-items: center;
justify-content: space-between;
}
.drawer-menu {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
width: calc(100% - 150px);
}

}

@media only screen and (max-width: 979px) {
    .drawer--right.drawer-open .drawer-nav {overflow-y: scroll !important;}
    .dropdown::before {display: none;}
    .dropdown li a:hover {
    background-color: inherit;
}
   .drawer-menu .drawer-menu__home{margin:20px auto;}
    .drawer-menu li a {padding: 15px 0;}
    .drawer-menu li {padding: inherit; }
    .drawer--right .drawer-nav {padding-top: 90px;}
.has-dropdown p {margin-left: 0px;}
.drawer-menu li,.drawer-menu li.menu-item.has-dropdown {margin: 0 auto;}
.dropdown {display: block;width: 100%;position:static;box-shadow: inherit;}
header .drawer-menu .menu-item .dropdown-list {max-width: inherit;}
.drawer-nav{padding-top: 100px;overflow: scroll;}
.has-dropdown:hover::before {display: none;}
.gtranslate_wrapper {margin: 1em auto;}
.menu-btn{
    max-width: 350px;
}
}

@media only screen and (max-width: 768px) {
   .drawer-nav .menu-btn{
        width: 90%; margin: 0 auto;
    }
    .drawer-nav{overflow: scroll;}
header{overflow: hidden;}
header.drawer-nav{overflow: scroll;}
.drawer-menu li, .drawer-menu li:first-child{
max-width: inherit;
text-align: center;
}
.drawer-menu li a {width: 100%;display: inline-block;}
.footer--wrap {
justify-content: center;
flex-direction: column;
text-align: center;
}
.footer--wrap__nav ul{display: none;}
.drawer-menu li.menu-item.has-dropdown {margin-top: 0px;}
}