@media screen and (min-width: 769px) {

 .wrapper{
  width: 1000px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
 }
 
 .sidebar{
  width: 320px;
  height: 3000px;
 }

 .widget--sticky {
  position: sticky;
  top: 20px;
}
 .ss_wrap{
  width: 660px;
 }
 
 .ss_list{
  width: 100%;
  display: flex;
  flex-direction:column;
  margin-top: 20px;
 }
 .ss_list_ttl{
  font-size: 30px;
  line-height: 1.2;
  border-bottom: 1px dashed #003F8E;
  border-left: 8px solid #003F8E;
  padding-left: 12px;
  text-align: left;
  margin-top: 20px;
  color:#003F8E;
 }
 .ss_listbox{
  /*width: 98%;
  height: 180px;*/
  border:1px solid #888;
  border-radius:6px 6px 0 0;
  margin-bottom: 30px;
  position:relative;
 }
 .ss_listbox a{
  display: block;
 }
 .ss_listbox a:hover{
  background-color: aliceblue;
  text-decoration: none;
 }

 .ss_listbox_company_wrap{
  display:flex;
  justify-content:space-between;
  margin-bottom: 8px;
  padding: 6px 2.1%;
  text-align: left;
  background-color: #003F8E;
  border-radius:3px 3px 0 0;
  width:96%;
  height:30px;
}

 .ss_listbox_company-name{
  flex-direction:row;
 }

 .ss_listbox_company-name img{
  width:44px;
  margin-right:10px;
  position:absolute;
  top:-6px;
  left:6px;
}
 .ss_listbox_company-name p{
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  letter-spacing:1px;
  padding-left: 45px;
  position:absolute;
  top:0;
  left:10px;
 }

 .ss_listbox_company-name2 p{
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  letter-spacing:1px;
  position:absolute;
  top:0;
  left:10px;
 }

 .ss_listbox_company-station{
  color: #fff;
  font-size: 12px;
  line-height: 2.2;
 }


 .ss_listbox_company-com{
  color: #999;
  font-size: 13px;
  line-height: 1.4;
  margin-bottom: 10px;
  text-align: left;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
 }
 .ss_listbox_company-wrap{
  display: flex;
  justify-content: space-between;
  padding:0 10px 10px;
 }
 .ss_listbox_image{
  margin-left: 10px;
 }
 .ss_listbox_image img{
  max-width: 160px;
 }
 .ss_listbox_catch{
  width: 470px;
  padding:6px;
 }
 .ss_listbox_catch p{
  font-size: 15px;
  line-height: 1.5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-align: left;
  margin: 0;
  color:darkblue;
  font-weight:700;
  height:45px;
 }
 
 
.ss_listbox_catch table{
 width:100%;
 margin-top:10px;
}
.ss_listbox_catch table tr{
}

.ss_listbox_catch table th{
 width:80px;
 border:1px solid darkblue;
 color:darkblue;
 background-color:#ebf1ff;
 font-size:12px;
 line-height:1.8;
 text-align:center;
 border-radius:4px;
}
.ss_listbox_catch table td{
 font-size:13px;
 color:darkblue;
 border-bottom:1px dotted #999;
 padding-left:12px;
}


.ss_group{
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
 margin:20px 0 30px;
}
.ss_group_btn{
}
.ss_group_btn a{
 font-size:20px;
 line-height:1.1;
 text-align:center;
 background-color:#ebf1ff;
 border:1px solid #003F8E;
 color:#003F8E;
 font-weight:bold;
 border-radius:4px;
 padding:5px 15px;
 width:auto;
 display:block;
 margin-right:6px;
 margin-bottom:4px;
 
}
.ss_group_btn a:hover{
 text-decoration:none;
 background-color:#003F8E;
 border:1px solid #003F8E;
 color:#fff;
}

.area_link{
    padding-top: 50px;
    margin-top: -50px;
}

#page_top {
    position: fixed;
    right: 5%;
    width: 55px;
    height: 55px;
    border-radius:50px;
    background: rgba(102, 102, 102, 0.5) no-repeat;
    top:90%;
}

#page_top a::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 25px;
    height: 25px;
    margin: auto;
    color: #fff;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f077';
    font-size: 25px;
    text-align: center;
}



 }
/*�����Ȃ�/