@charset "utf-8";

/* タイトル */
.p-topTtl {
  font-size: 18px;
  letter-spacing: -.11px;
  margin-bottom: 16px;
}

.p-topTtl::before {
  content: '';
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-right: 4px;
  border: 4px solid #0174c4;
}

/*
* .information_wrapper
*/
.information_container{
  /*float: left;*/
  /*width: 460px;*/
}
.information_container .articleTitle{
  color: #0081db;
  /*width: 394px;*/
  padding: 6px 12px 6px 54px;
  background: #f0f0f0 url('../img/common/icon_clock.png') no-repeat 16px 2px;
}
.information_container .article{
  border-color: #f0f0f0;
}
.information_container .article dt{
  border-top: solid #e4f3fa 15px;
  padding-top: 15px;
  margin-top: 20px;
}
.information_container .article dt:first-child{
  padding-top: 15px;
  margin-top: 0px;
}

.information_container .dayTitle{
  margin-bottom: 12px;
  clear: both;
}
.information_container .dayTitle .date,
.information_container .dayTitle .informationTitle{
  font-size: 116%;
  font-weight: bold;
  color: #0081db;
  display: block;
}
.information_container .dayTitle .informationTitle{
  color: #000;
  /*width: 290px;*/
  /*float: right;*/
}
.information_container .text{
  margin-bottom: 18px;
  clear: both;
}
.information_wrapper .sns{
  float: right;
}
.informationTitle{
  margin: 0 5% 0;
}
.text{
  margin: 0 5% 0;
}
.date{
  margin: 0 5% 0;
}
.more_read{
  display:block;
  padding:5px 0 ;
  text-align: center;
  background: #efefef;
  color: #0174c4;
}
.pager_container{
  margin: 0 5%;
}

/* おすすめサービス（バナー部分） */
.p-topBanner {
  margin-bottom: 32px;
}

.p-topBannerList {
  display: flex;
}

.p-topBannerList > li {
  width: 100%;
  height: 50px;
  padding: 0 4px;
}

.p-topBannerList > li > a {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 50px;
}

.p-topBannerList > li > a > img {
  height: 100%;
  width: 100%;
}

/* サービス */
.p-topServiceList {
  justify-content: space-between;
  margin-bottom: 16px;
}

.p-topServiceList > li {
  padding: 10px 15px 10px;
  border: solid 1px #a0acbd;
  border-radius: 8px;
  display: flex;
  margin: 10px 0;
}

.p-topServiceList > li > div {
  width: 50%;
}

.p-topServiceListItem--bc > div {
  background: right top / contain no-repeat #f8f9fa url('../img/top/bg-bc.png');
}

.p-topServiceListItem--envelope > div {
  background: right top / contain no-repeat #f8f9fa url('../img/top/bg-envelope.png');
}

.p-topServiceListItem--stamp > div {
  background: right top / contain no-repeat #f8f9fa url('../img/top/bg-stamp.png');
}

.p-topServiceListItem__ttl {
  font-size: 17px;
  font-weight: bold;
  letter-spacing: -.22px;
  line-height: normal;
}

.p-topServiceListItem__sub {
  margin: -2px 0 20px;
  color: #ef8105;
  font-size: 13px;
  font-weight: 700;
  line-height: normal;
}
.p-topServiceListItem__sub > span {
  margin: -2px 0 20px;
  color: #ef8105;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
}


.p-topServiceList__innerList {
  width: 60%;
}

.p-topServiceList__innerList__link {
  font-size: 13px;
  font-weight: bold;
  color: #0174c4;
}

.p-topServiceList__innerList__link::before {
  content: '＞ ';
}

.p-topServiceList__innerList__txt {
  font-size: 13px;
  letter-spacing: -.1px;
  line-height: normal;
  margin: 0;
}

#topPage a.topBanner
{
  background-image: url('../img/common/2015-2016_on.png');
}

.p-nengaService {
  padding-block: 40px;

  .p-nengaBannerList {
    display: flex;
    flex-direction: column;
    row-gap: 24px;

    img {
      inline-size: 100%;
      aspect-ratio: 710 / 300;
    }
  }
}