@charset "utf-8";
@import url(/_hpassem/css/common.css);

:root {
    --point_color:#002d89;
}

#container {min-height:800px}
#container::after {display: none;}

.logo_wrap{}
.logo h1 strong{  font-size: 180%;  padding-top: 0px;}
.logo h1 strong span{ font-weight: 600; font-size: 45%; padding-left: 3px; line-height: 24px; color: #999; }
.logo h1 strong i {font-size: 70%; padding-left: 5px;  font-weight: 600;}
.stickmenu.sticky .logo h1 strong{  font-size: 150%; line-height: 24px;}
.stickmenu.sticky .logo h1 strong span{   line-height: 22px;}



@media only screen and (max-width:1300px){
.logo_wrap{padding-left: 10px;}
.logo h1 strong{  font-size: 160% !important;}
.logo h1 strong span{  line-height: 14px !important; }
.logo h1 IMG {margin-right: 5px;}
}

.logo_wrap.mobile_logo {  padding: 5px 5px 10px 15px; }
.logo_wrap.mobile_logo h1 IMG {margin-right: 5px;}


.sub_visual {background-image: url(/_hplawmaker/images/sub/sub_visual.jpg); -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-repeat: no-repeat; padding: 60px 0;}
.sub_visual .wrap_container {padding-left: 370px;}



#content .snb {margin-top: -140px;}
#content .snb .sub_title{display: block; height: auto;background: linear-gradient(90deg, #2958b4, #26978b);  line-height: 30px; font-size: 100%; padding: 15px; border-radius: 50px 15px 15px 15px; }
#content .snb .sub_title img{background: linear-gradient(-180deg, #fff, #fff); border-radius: 40px 15px 15px 15px;}
#content .snb .sub_title .title_box{ }
#content .snb .sub_title .title_box strong{ font-size: 150%; line-height: 60px; font-weight: 600;}
#content .snb .sub_title .title_box strong span{ font-size: 80%}
#content .snb .sub_title .title_box .lawmaker_history{ font-weight: 500; font-size: 85%; }
#content .snb .sub_title .title_box .lawmaker_history dl{ position: relative; margin: 0 0 0 10px;}
#content .snb .sub_title .title_box .lawmaker_history dl::before{content: ''; content:''; position:absolute; top:13px; left:0px; background-color: rgba(255,255,255,0.7); width:4px; height:4px; border-radius:10px; }
#content .snb .sub_title .title_box .lawmaker_history dl dt{ text-align:justify; padding: 0 10px; white-space: nowrap; color:rgba(255,255,255,0.9)}
#content .snb .sub_title .title_box .lawmaker_history dl dd{ text-align: left;  padding: 0 10px; white-space: nowrap; color: #fff; font-weight: 600; letter-spacing: 0;}

#content .snb .subMenu {margin-top: 10px;}


.subMenu .parents > li.active:before {background: #53576e !important}

@media only screen and (max-width:1300px){
    #container {padding-top:101px;}
    .sub_visual {padding:30px 20px}
    .sub_visual .wrap_container {padding-left: 0px; text-align: center;}
    .sub_visual img {height: 50px;}

}
@media only screen and (max-width:560px){
    .sub_visual {padding:20px 0}
    .sub_visual img {height: 40px;}
    .sub_visual {padding:20px 20px}
}