@charset "utf-8";

body:not(#top) section#mv {
  background-image: url(../../img/topics/bg_mv.jpg);
}
#bx_tb ul {
  justify-content: flex-start;
  gap: 9px .5%;

  flex-wrap: wrap;
  margin: 0 auto 9px;
}
#bx_tb li {
  width: 11.6vw;
  max-width: 144px;
}
#bx_tb ul li.r_li2 {margin: 0 0 0 auto;}
#bx_tb ul li.r_li2:nth-child(7) {margin: 0;}
#bx_tb ul li.r_li2:nth-child(8) {margin: 0 0 0 75%;}
#prfl > div > h3,
section > div > h3 {
  margin: 0 auto 50px;
  text-align: left;
}
section > div > dl.flx {
  border-top: 1px solid #CCC;
}
section > div > dl.flx > * {
  width: 180px;
  margin: 0;
  padding: 13px 1%;
  border-bottom: 1px solid #CCC;
  text-align: left;
}
section > div > dl.flx > dt.non {
  width: 100%;
}
#nws > div > dl > dd {
  width: calc(100% - 180px);
  display: flex;
  align-items: baseline;
}
#nws > div > dl > dd:before {
  width: 76px;
  margin: 0 auto 0 -2%;
  padding: 4px 0;
  content: 'お知らせ';
  color: #ff0000;
  background: #fff;
  border: 1px solid;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  display: block;
}
#nws > div > dl > dd.m2:before {
  content: '報道発表';
  color: #003399;
}
#nws > div > dl > dd.pdf a:after {
  width: 38px;
  height: 1.2rem;
  margin: 3px 0 -3px;
  background: transparent url(../../img/ico_pdf.png) no-repeat right center;
  background-size: contain;
  content: ' ';
  display: inline-block;
}
#nws > div > dl > dd p,
#nws > div > dl > dd a {
  width: calc(100% - 78px);
  color: #000;
  text-decoration: none;
}
#nws > div > dl > dd a:hover {
  text-decoration: underline;
}

body:not(#top) .oth section#mv.dtl {
  background-position: center 0;
}
.dtl div#bread {
  padding: 0 0 33px;
  position: relative;
}
.dtl #bx_hdr > div {
  padding: 60px 0 16px;
  border-bottom: 4px solid;
  color: #023793;
  align-items: baseline;
}
.dtl #bx_hdr > div > h2 {
  font-size: min(4vw, 3.6rem);
}
.dtl #bx_hdr > div > h2 span {
  padding: 0 0 0 10px;
  font-size: min(2vw, 1.6rem);
}
.dtl #bx_hdr > div > img,
#nws > img.ci {
  width: 30%;
  max-width: 260px;
}
.dtl #bx_hdr > div#date {
  padding: 69px 0 16px;
  border: none;
  color: #000;
  text-align: right;
}
.dtl section#nws {
  text-align: left;
}
.dtl #nws > h3 {
  margin: 0 auto 39px;
  padding: 29px 2%;
  background-image: linear-gradient(0deg, rgba(225, 225, 225, 1), rgba(242, 242, 242, 1) 47%, rgba(255, 255, 255, 1));
  border: 1px solid #ccc;
  line-height: 1.6;
}
.dtl #nws > div#bdy {
  margin: 0 auto 60px;
}
.dtl #nws > #bdy h4 {
  margin: 60px auto 30px;
  padding: 19px 2%;
  background: none;
  border-bottom: 1px solid #aaa;
  border-left: 6px solid #666;
  color: #000;
  line-height: 1;
}
.dtl #nws > #bdy p {line-height: 1.8;}
.dtl #nws > #bdy .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 1.8em;
}
.dtl #nws > #bdy .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 7.2em;
}

.dtl #nws > #bdy ol > li[data-list="bullet"] {
  list-style-type: disc;
  list-style-position: inside;
}
#nws > img.ci {
  margin: 30px auto 69px;
}
.dtl #nws > p:last-child {
  margin: 0 auto 60px;
  padding: 2%;
  border: 1px solid #aaa;
}

/* Quill */
.ql-align-right {text-align: right;}



@media (max-width: 1100px) {
  #srvc ul dl.flx > dt {
    width: 50%;
    overflow: hidden;
    position: relative;
    background: url(../../img/top/srvc1.jpg) no-repeat center 0;
    z-index: 3;
    background-size: cover;
  }
  #srvc ul li:nth-child(2) dl.flx > dt {
    background-image: url(../../img/top/srvc2.jpg);
  }
  #srvc ul li:nth-child(3) dl.flx > dt {
    background-image: url(../../img/top/srvc3.jpg);
  }
  #srvc ul dl.flx > dt > img {
    position: fixed;
    z-index: -5;
  }
}


@media (max-width: 770px) {
  section#mv > ul#mvbg + ul > li:nth-child(2) {background-size: auto 55%;}
  section#mv > ul#mvbg + ul > li:nth-child(3) {background-size: auto 47%;}
  section#mv > ul#mvbg + ul > li:nth-child(4) {background-size: auto 46%;}

  section#mv > ul#mvbg + ul > li:nth-child(2) div,
  section#mv > ul#mvbg + ul > li:nth-child(3) div,
  section#mv > ul#mvbg + ul > li:nth-child(4) div {
    align-items: self-start;
  }
  section#mv > ul#mvbg + ul > li p {font-size: min(6vw, 3.6rem);}
  section#mv > ul#mvbg + ul > li:nth-child(2) p {
    margin: 23vh 0 0;
    padding: 0 56% 0 0;
  }
  section#mv > ul#mvbg + ul > li:nth-child(3) p {
    margin: 23vh 0 0;
    padding: 0 0 0 42%;
  }
  section#mv > ul#mvbg + ul > li:nth-child(4) p {
    margin: 21vh 0 0;
    padding: 0 42% 0 0;
  }

}


@media (max-width: 640px) {
  #bx_tb li {width: 24vw;}
  #bx_tb ul li.r_li2:nth-child(8) {margin: 0 0 0 49vw;}

  section > div > dl.flx {display: block;}
  section > div > dl.flx > *,
  #nws > div > dl > dd {
    width: 100%;
    display: block;
  }
  section > div > dl.flx > dt {
    padding: 13px 1% 0;
    border-bottom: none;
  }
  #nws > div > dl > dd:before {
    margin: 0 3px 6px 0;
  }

}