/*
Theme Name:jtower
*/
/*-------------------------------------------------------------header*/
header{
width: 100%;
height: 70px;
position: fixed;
top: 0;
z-index: 10;
box-sizing: border-box;
padding: 0 2.5%;
background-color: #fff;
}
header a {width: auto;height: 100%;display: inline-block;color: #333;}
header a img{width: 122px;margin-top:25px;transition: 0.3s;}

.drawer-nav {
/* width: 55%!important;
min-width: 730px; */
width: 100% !important;
max-width: 800px;
position: static!important;
background-color: transparent!important;
float: right;
overflow: visible!important;
}
#en .drawer-nav {width: 80%!important;min-width: 850px;max-width: inherit;}
.drawer-menu {
display: flex;
justify-content: space-between;
width: 100%;
height: 100%;
}
    .drawer-menu li:nth-of-type(3) {position: relative;}
    .drawer-menu li a {
    display: inline-block;
    height: auto;
    width: auto;
    box-sizing: border-box;
    padding: 6px 15px;
    font-size: 12px;
    border-radius: 50px;
    margin-top: 21px;
    }
    .drawer-menu li a:hover{opacity: 1;}
    .drawer-menu li a:hover,.drawer-menu li.now a{color: #fff;background-color: #187FC4;}

header ul.child {
width: 330px;
background-color: #fff;
box-sizing: border-box;
position: absolute;
top: 60px;
display: none;
}
header li.contact_p ul.child{right: 0vw;}
    header ul.child li {width: 100%!important;}
    header ul.child li:first-of-type {padding-top: 20px;}
    header ul.child li:last-of-type {padding-bottom: 20px;}
    header ul.child li a, header ul.child li.now a {
    font-size: 12px;
    padding: 10px 20px;
    margin: 0;
    width: 100%;
    text-align: left;
    border-radius: inherit;
    background-color: #fff!important;
    color: #333!important;
    }
    .header_menu_service li:last-child a {opacity: 0.5;pointer-events: none;}
        header ul.child li a:hover{opacity: 0.5;}

.drawer-menu li a.change_btn{
line-height: inherit;
width: 90px;
height: 36px;
background-color: rgba(29,115,178,0.17);
border-radius: 50px;
padding: 7px;
position: relative;
margin-top: 18px;
color: #000;
}
.body-securities .drawer-menu li a.change_btn,.body-open .drawer-menu li a.change_btn,.body-document .drawer-menu li a.change_btn {pointer-events: none;}

.change_btn:after {
content: "";
width: 45%;
height: 25px;
border-radius: 50px;
background-color: #187FC4;
position: absolute;
left: 8px;
top: 5px;
z-index: -1;
transition: 0.3s;
}
.change_btn:hover{opacity: 1;}
.change_btn:hover:after {left: 43px;}

.change_btn p{
width: 50%;
height: 100%;
text-align: center;
display: inline-block;
line-height: 20px;
font-size: 12px;
font-weight: bold;
font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", メイリオ, Meiryo, sans-serif;
box-sizing: border-box;
}
.change_btn p:first-child{padding-left: 3px;}
.change_btn p:last-child{padding-right: 3px;}
.change_btn p.jp{color: #fff;}

.change_btn.en_change:after{left:inherit;right: 8px;}
.change_btn.en_change:hover:after {right: 43px;}
.change_btn.en_change p{color: #fff;}
.change_btn.en_change p.jp{color: #000;}

/*-------------------------------------------------------------footer*/
footer{width: 100%;height: auto;overflow: hidden;}

#footer_about {
width: 100%;
height: auto;
overflow: hidden;
background-image: url("images/top_about.png");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
    #footer_about div.inner{
    width: 90%;
    max-width: 980px;
    margin: 60px auto;
    display: flex;
    justify-content: space-between;
    }
        #footer_about div.inner div.box{
        width:45%;
        height:auto;
        overflow: hidden;
        border: 1px solid #fff;
        text-align: center;
        box-sizing: border-box;
        padding: 50px 40px;
        color: #fff;
        }
            #footer_about div.inner div.box p{
            font-size: 24px;
            font-weight: bold;
            font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", メイリオ, Meiryo, sans-serif;
            display: block;
            margin-bottom: 50px;
            }
                #footer_about div.inner div.box p span{
                font-size: 14px;
                font-weight: normal;
                font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", メイリオ, Meiryo, sans-serif;
                display: block;
                margin-top: 15px;
                }

#footer_ir {background-color: #F4FAFF;box-sizing: border-box;padding: 70px 0 40px 0;}
#footer_ir .recruit_panel {
argin:0 auto 35px auto;
width: 100%;
min-width: 700px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
    #footer_ir .recruit_panel li {
    height: 250px;
    width: 205px;
    text-align: center;
    background-color: #187FC4;
    margin: 0 2% 4% 2%;
    }
        #footer_ir .recruit_panel li a{
        display: block;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding: 35px 0;
        color: #fff;
        font-size: 16px;
        }
        #footer_ir .recruit_panel li a:before {
        content: "";
        width: 96px;
        height: 96px;
        display: block;
        margin: 0px auto 10px auto;
        border-radius: 50%;
        background-color: #fff;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 50px;
        }
        #panel_ir_news:before{background-image: url(images/panel_ir_news.svg);}
        #panel_company_message:before{background-image: url(images/panel_company_message.svg);}
        #panel_ir_highlight:before{background-image: url(images/panel_ir_highlight.svg);}
        #panel_ir_corporate_governance:before{background-image: url(images/panel_ir_corporate_governance.svg);}
        #panel_ir_stock_info:before{background-image: url(images/panel_ir_stock_info.svg);}
        #panel_ir_library:before{background-image: url(images/panel_ir_library.svg);}
        #panel_ir_calender:before{background-image: url(images/panel_ir_calender.svg);}
        #panel_ir_faq:before{background-image: url(images/panel_ir_faq.svg);}            
        #footer_ir .recruit_panel a:after{margin-top: 10px;}

/*irフッター*/
#footer_ir .footer_ir_panel {
argin:0 auto 35px auto;
width: 100%;
min-width: 700px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
    #footer_ir .footer_ir_panel li {
    height: 250px;
    width: 205px;
    text-align: center;
    background-color: #187FC4;
    margin: 0 2% 4% 2%;
    }
        #footer_ir .footer_ir_panel li a{
        display: block;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding: 35px 0;
        color: #fff;
        font-size: 16px;
        }
        #footer_ir .footer_ir_panel li a:before {
        content: "";
        width: 96px;
        height: 96px;
        display: block;
        margin: 0px auto 10px auto;
        border-radius: 50%;
        background-color: #fff;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 50px;
        }
        #panel_ir_news:before{background-image: url(images/panel_ir_news.svg);}
        #panel_company_message:before{background-image: url(images/panel_company_message.svg);}
        #panel_ir_highlight:before{background-image: url(images/panel_ir_highlight.svg);}
        #panel_ir_corporate_governance:before{background-image: url(images/panel_ir_corporate_governance.svg);}
        #panel_ir_stock_info:before{background-image: url(images/panel_ir_stock_info.svg);}
        #panel_ir_library:before{background-image: url(images/panel_ir_library.svg);}
        #panel_ir_calender:before{background-image: url(images/panel_ir_calender.svg);}
        #panel_ir_faq:before{background-image: url(images/panel_ir_faq.svg);}            
        #footer_ir .footer_ir_panel a:after{margin-top: 10px;}

.ir_footerlink {
width: 90%;
max-width: 800px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.ir_footerlink li {
width: 48.5%;
height: 60px;
line-height: 60px;
text-align: center;
background-color: #fff;
margin-bottom: 3%;
}
.ir_footerlink li a {font-size: 18px;color:#187FC4;display: block;}

#footer_news{width: 100%;height: auto;overflow: hidden;box-sizing: border-box;padding-top: 80px;}
#footer_news #topics_slide{margin-bottom: 10px;box-shadow: none;}

#footer_contact {
width: 90%;
max-width: 980px;
height: auto;
overflow: hidden;
margin: 0 auto;
box-sizing: border-box;
padding-top: 80px;
}
#footer_contact div.contents_ttl{width: 100%;max-width: none;}
#footer_contact div.contents_ttl h2{margin: 0;}
#footer_contact .inner{
background-color: #fafafa;
width: 100%;
max-width: 980px;
margin-top: -20px;
margin-bottom: 80px;
box-sizing: border-box;
padding: 50px;
height: auto;
overflow: hidden;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#footer_contact div.inner p{font-size: 12px;}

#footer_menu{
width: 100%;
height: auto;
overflow: hidden;
background-color: #000;
color: #fff;
}

#footer_contact .inner li {width: 48%;margin-bottom: 35px;}
#footer_contact .inner .btn {
width: 90%!important;
padding: 0 7%;
box-sizing: border-box;
font-size: 75%;
}
#footer_contact .inner .btn.other{background-color: #000;}
    #footer_contact .inner .btn.other:before{background-color:#000;}
    #footer_contact .inner .btn.other .btn_side, .btn.other .btn_side:before {background-color: #000;}
.br_480{display: none;}

#footer_menu a.top{
width: 100%;
height: 40px;
line-height: 40px;
color: #187FC4;
box-sizing: border-box;
padding-left: 7%;
display: block;
font-size: 12px;
}
#footer_menu div.inner{
width: 100%;
box-sizing: border-box;
padding: 85px 7%;
background-color: #10121A;
display: flex;
flex-wrap: wrap;
}
#footer_menu div.inner dl{
box-sizing: border-box;
padding-right: 5%;
}
#footer_menu div.inner dl dt{margin-bottom: 5px;}
    #footer_menu div.inner dl dt a,#footer_menu div.inner dl dd a {color: #fff;}
    #footer_menu div.inner dl dt a{font-size: 14px;}
#footer_menu div.inner dl dd{margin-bottom: 3px;}
    #footer_menu div.inner dl dd.mb{margin-bottom: 30px;}
    #footer_menu div.inner dl dd a{font-size: 12px;font-weight:lighter;}
    dl.footer_menu_service dd:last-of-type a {opacity: 0.5;pointer-events: none;}
    #footer_menu div.inner dl dd a:before{
    content: "";
    width: 10px;
    height: 1px;
    background-color: #187FC4;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 5px;
    }
.footer_last{
background-color: #000;
color: #fff;
font-size: 10px;
width: 100%;
box-sizing: border-box;
padding: 65px 7%;
}
.footer_last p{margin-left: 70px;}
.footer_last p:last-child {margin-left: 0; float: right;color: #767676;}
.footer_last img {float: left;margin-right: 70px;width: 170px;}

.bcn {
width: 100%;
height: 30px;
line-height: 30px;
box-sizing: border-box;
padding: 0 7%;
display: table;
table-layout:auto;
color: #fff;
font-size: 12px;
}
    .bcn li {display:inline-block;width: auto;}
        .bcn li:after{content: ">";margin: 0 5px;}
        .bcn li:last-child:after{content: none;}
    .bcn a,.bcn span {color: #fff;font-size: 10px;} 

/*-------------------------------------------------------------responsive
@media screen and (max-width:1049px) {
#footer_contact .inner a.btn{font-size: 10px;}

#footer_contact div.inner {padding: 50px 25px 30px 25px;max-width: none;display: block;}
#footer_about div.inner div.box {width: 100%;margin-bottom: 40px;}
#footer_contact .inner li {
width: 100%;
float: none;
display: block;
margin-bottom: 0px!important;
}
#footer_contact .inner li:nth-child(2) {text-align: left;margin: 25px 0!important;}
#footer_contact .inner a.btn{padding: 0 5%!important;width: 90%;}
    .btn_side {display: none;}

#footer_menu div.inner {display: block;padding:40px 7%;}

.footer_last {padding: 40px 7%;height: auto;overflow: hidden;}
.footer_last img {float: none;width: 100px;}
.footer_last p {margin: 20px 0 0 0;width: 100%;}
}*/
@media screen and (max-width:1024px) {
.drawer-hamburger{display: block!important}
.drawer--right.drawer-open .drawer-hamburger {
right: 0!important;
overflow: auto!important;
-webkit-overflow-scrolling: touch;
}
.drawer-nav {
width: 80%!important;
min-width: inherit!important;
position: fixed!important;
background-color: #fff!important;
float: none;
top: 60px!important;
right: -80%!important;
}
.drawer-open .drawer-nav{
right: 0!important;
overflow: auto!important;
-webkit-overflow-scrolling: touch!important;
}
.drawer-menu {display: block;overflow: scroll;}
    .drawer-menu li:nth-of-type(3){width: 100%;}
.drawer-menu li a {
width: 100%;
height: 25px;
line-height: 25px;
color: #000;
display: block;
margin: 0;
padding: 0 0 0 20px;
font-size: 10px;
}
header ul.child li a br{display: none;}
.drawer-menu li a.change_btn {margin-top: 10px;margin-left: 12px;}
header {height: 60px;}
header.smaller:before{height: 60px;}
header a img {margin-top: 15px;}
header ul.child {display: block;position: static;width: 100%;}
    header ul.child li:first-of-type {padding: 0;}
    header ul.child li:last-of-type {padding-bottom: 0px;}
    header ul.child li a {padding: 0;height: 25px;line-height: 25px;font-size: 10px;}
        #en header ul.child li a {
        padding-left: 20px;
        height: auto;
        line-height: normal;
        margin-bottom: 5px;
        }
        header ul.child li a:before {
        content: "";
        background-color: #187FC4;
        height: 1px;
        width: 10px;
        display: inline-block;
        margin: 3px 7px 3px 20px;
        }
        #en header ul.child li a:before {margin-left: 0;}
        
#footer_menu div.inner{flex-wrap: wrap;}
#footer_menu div.inner dl {width: 100%;}
#footer_contact .inner li {width: 100%;}
}
@media screen and (max-width:799px) {
.ir_footerlink {display: block;}
.ir_footerlink li {width: 100%;}

#footer_contact .inner {justify-content: center;}
#en #footer_contact .inner {padding: 50px 30px;}

#footer_about div.inner{flex-wrap: wrap;}
#footer_about div.inner div.box {width: 100%;margin-bottom: 20px;}
}
@media screen and (max-width:480px) {
.drawer-menu{height: 130vh;}
.ir_footerlink {display: block;}
.ir_footerlink li {width: 100%;}
#footer_ir .recruit_panel{min-width: inherit;}
    #footer_ir .recruit_panel li{width: 45%;overflow: hidden;}
        #footer_ir .recruit_panel li a{font-size: 3.5vw;}

#footer_ir .footer_ir_panel{min-width: inherit;}
    #footer_ir .footer_ir_panel li{width: 45%;overflow: hidden;}
        #footer_ir .footer_ir_panel li a{font-size: 3.5vw;}

#footer_contact .inner{padding: 50px 30px;}
    #footer_contact .inner li a.btn {
    line-height: 30px;
    font-size: 10px;
    padding-top: 5px!important;
    width: 260px;
    }
    #footer_contact .inner li:first-child .btn, #footer_contact .inner li:nth-child(2) .btn {line-height: inherit;}
        #footer_contact .inner li a.btn:before {height: 60px;}
.br_480{display: block;}

.footer_last img {float: none;width: 99px;}
.footer_last p {float: none;margin-left: 0;margin: 5px 0;}

}