@charset "utf-8";
/* CSS Document */

/* ------------------------------- */
/* News
/* ------------------------------- */
/* PC View */

@media print, screen and (min-width:650px) {
  .top_news_box{
    width: 950px;
    padding: 20px 0 25px 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    box-shadow: 0 0 4px #DDDDDD;
    background-color: #FFFFFF;
  }

  .top_news {
    width: 840px;
    margin-left: auto;
    margin-right: auto;
    max-height: 130px;
    overflow-y: auto; /* Y軸のみスクロールを許可 */
    overflow-x: hidden; /* X軸のスクロールを隠す */
    /* Webkitブラウザ用 - 不要なスクロールバーを非表示に */
    scrollbar-width: none; /* Firefox用 */
  }
  .top_news ul{
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .top_news.small {
    max-height: 200px;
  }
  .top_news.large {
    max-height: 300px;
  }
  .top_news li {
    font-size: 1.35rem;
    display:block;
    font-weight: normal;
    width: 100%;
    padding:10px 15px 10px 30px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: 10px 13px;
    border-bottom: none;
  }
  .top_news li:after {
    height: 0;
    display: block;
    clear: both;
    content: "";
  }
   .top_news li:before {
    height: 0;
    display: block;
    clear: both;
    font-size: 2.0rem;
    content: "\025c6";
    color: #9bc615;
    position: relative;
    left: -25px;
  }
/*
  .top_news .date{
    display: block;
    float: left;
    width: 150px;
  }
*/
  .top_news .headline{
    display: block;
    float: left;
    width: 780px;
  }

  .top_news::-webkit-scrollbar{
    width: 12px;
  }
  .top_news::-webkit-scrollbar-thumb{
    background-color: #BBB;
    border-radius: 6px;
  }
  .top_news::-webkit-scrollbar-track-piece:start{
    /* top */
    background-color: #EEE;
  }
  .top_news::-webkit-scrollbar-track-piece:end{
    /* bottom */
    background-color: #EEE;
  }
}

/* Smart Phone View */
@media only screen and (max-width: 649px) {

  .top_news{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    max-height: 200px;
    padding: 0;
    margin-bottom: 5px;
    overflow: scroll;
    overflow-x: hidden;
    background-color: transparent;
  }
  .top_news.small {
    max-height: 250px;
  }
  .top_news.large {
    max-height: 250px;
  }
  .top_news li {
    font-size: 1.35rem;
    display:block;
    font-weight: normal;
    width: 100%;
    padding: 5px 15px 5px 15px;
    background-image:url("/image/new_point.png");
    background-repeat: no-repeat;
    background-position: 10px 13px;
    border-bottom: none;
  }
  .top_news li:before {
    height: 0;
    display: block;
    clear: both;
    font-size: 2.0rem;
    content: "\025c6";
    color: #9bc615;
    position: relative;
    left: -25px;
  }
  .top_news li:after {
    height: 0;
    display: block;
    clear: both;
    content: "";
  }
  .top_news ul{
    width: 100%;
  }
  .top_news li {
    width: 100%;
  }
/*
  .top_news .date{
    display: block;
    float: none;
  }
*/
  .top_news .headline{
    display: block;
    width: 100%;
    float: none;
  }
  .top_news::-webkit-scrollbar{
    width: 12px;
  }
  .top_news::-webkit-scrollbar-thumb{
    background-color: #BBB;
    border-radius: 6px;
  }
  .top_news::-webkit-scrollbar-track-piece:start{
    /* top */
    background-color: #EEE;
  }
  .top_news::-webkit-scrollbar-track-piece:end{
    /* bottom */
    background-color: #EEE;
  }
}

/* ------------------------------- */
/* agency_list Database 
/* ------------------------------- */

/* 共通の表示スタイル */
.agency_list {
  overflow: hidden;
  width: 950px;
  margin: 10px auto 20px;
  background-color: #ffffff;
  padding: 10px 15px;
  display: flex;
  justify-content: space-between;
	border-radius:10px;
	font-size: 1.3rem;
  
}

.agency_col1 {
  
}

.agency_list p {
  font-family: kozuka-gothic-pr6n, sans-serif;
  margin: 0;
}

.company_name p {
  font-weight: 700;
  font-size: 1.6rem;
  margin: 0;
  display: inline-block;
	vertical-align: middle;
	color:rgb(var(--main1));
}

.telephone p {
  font-size: 1.6rem;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
}
.telephone span {
  font-size: 1.4rem;
}

.telephone::before {
  content: "\0260E";
  font-size: 1.4rem;
  vertical-align: middle;
  margin-right: 5px;
}
/* 追加カラムのアイコンスタイル */
.additional_col {
  display: flex;
	align-items: center;
	  flex-basis: 18%;
}

.envelope_icon {
  width: 40px;
  height: 40px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="rgb(0,92,172)" class="bi bi-envelope-at-fill" viewBox="0 0 16 16"%3E%3Cpath d="M2 2A2 2 0 0 0 .05 3.555L8 8.414l7.95-4.859A2 2 0 0 0 14 2H2Zm-2 9.8V4.698l5.803 3.546L0 11.801Zm6.761-2.97-6.57 4.026A2 2 0 0 0 2 14h6.256A4.493 4.493 0 0 1 8 12.5a4.49 4.49 0 0 1 1.606-3.446l-.367-.225L8 9.586l-1.239-.757ZM16 9.671V4.697l-5.803 3.546.338.208A4.482 4.482 0 0 1 12.5 8c1.414 0 2.675.652 3.5 1.671Z%22/%3E%3Cpath d=%22M15.834 12.244c0 1.168-.577 2.025-1.587 2.025-.503 0-1.002-.228-1.12-.648h-.043c-.118.416-.543.643-1.015.643-.77 0-1.259-.542-1.259-1.434v-.529c0-.844.481-1.4 1.26-1.4.585 0 .87.333.953.63h.03v-.568h.905v2.19c0 .272.18.42.411.42.315 0 .639-.415.639-1.39v-.118c0-1.277-.95-2.326-2.484-2.326h-.04c-1.582 0-2.64 1.067-2.64 2.724v.157c0 1.867 1.237 2.654 2.57 2.654h.045c.507 0 .935-.07 1.18-.18v.731c-.219.1-.643.175-1.237.175h-.044C10.438 16 9 14.82 9 12.646v-.214C9 10.36 10.421 9 12.485 9h.035c2.12 0 3.314 1.43 3.314 3.034v.21Zm-4.04.21v.227c0 .586.227.8.581.8.31 0 .564-.17.564-.743v-.367c0-.516-.275-.708-.572-.708-.346 0-.573.245-.573.791Z%22/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 5px;
}

.link_icon {
  width: 55px;
  height: 55px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="55" height="55" fill="rgb(0,92,172)" class="bi bi-link-45deg" viewBox="0 0 16 16"%3E%3Cpath d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z"/%3E%3Cpath d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 5px;
}

.location_icon {
  width: 40px;
  height: 40px;
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="rgb(0,92,172)" class="bi bi-geo-alt-fill" viewBox="0 0 16 16"%3E%3Cpath d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 5px;
}
.left_col {
  flex-basis: 35%;
}

.right_col {
  flex-basis: 47%;
}

/* スマートフォン表示用のスタイル */
@media screen and (max-width: 649px) {
  .agency_list {
    flex-direction: column;
    width: 100%;
    padding: 10px;
  }

  .left_col, .right_col, .additional_col {
    width: 100%;
    margin-bottom: 10px;
  }

  .additional_col {
    justify-content: center;
  }

  .envelope_icon, .link_icon, .location_icon {
    margin: 0 10px;
  }

  .company_name, .address, .telephone {
    border-bottom: 1px dotted #000;
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
}