@charset "UTF-8";
/* 令和6年 */
.project-lineup-container .project-lineup .year_r6 {
  background: url(../images/icon_reiwa6.png) no-repeat center top;
  background-size: 100%;
}

.project-reiwa6 {
  /*
    令和偶数年:background: #FFF0EA
    令和奇数年:background指定無し
  */
  background: #FFF0EA;
}
.project-reiwa6 .project-contents .project-comment .comment-head h3 {
  background: url(../images/bg_commenthead.png) repeat-x center;
}
.project-reiwa6 .project-contents .project-comment .comment-box {
  /*
    令和偶数年:background: #fff
    令和奇数年:background指定無し
  */
  background: #fff;
}

.project-header h1 .year_r6 {
  background: url(../images/icon_reiwa6.png) no-repeat center top;
  background-size: 100%;
}

.project-progress {
  position: relative;
  width: 90%;
  max-width: 750px;
  margin: 40px auto 150px;
  padding-top: 60px;
}
.project-progress__note {
  font-size: 18px;
}

.project-progress h3 {
  position: relative;
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 2.4rem;
  color: #fe7235;
  line-height: 1.5;
  text-align: left;
  font-weight: bold;
  letter-spacing: 0.08em;
  -webkit-font-feature-settings: initial;
  font-feature-settings: initial;
}

.project-progress-table {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #808080;
}

.project-progress-th {
  width: 260px;
  background-color: #6db1c6;
  padding: 30px 0 30px 10px;
  border-bottom: 1px solid #000;
  display: flex;
  align-items: center;
}

.project-reiwa6 .project-progress-th,
.project-reiwa4 .project-progress-th {
  background-color: #ff7135;
}

.project-progress-th p {
  flex: 1;
  vertical-align: middle;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  color: #000;
}

.project-progress-td {
  width: calc(100% - 260px);
  padding: 30px 0 30px 10px;
  border-bottom: 1px solid #808080;
  display: flex;
  align-items: center;
}

.project-progress-td p {
  flex: 1;
  vertical-align: middle;
  font-size: 16px;
  line-height: 1.4;
  color: #000;
}

#news {
  padding-top: 60px;
}

.kv-title {
  width: 60%;
  margin: 0 auto;
}

.top-firstbuttons {
  width: 77.33%;
  margin: 0 auto;
  padding-top: 8.99%;
  background-image: url("../images/top/fukidashi_top_firstbutton_pc.png");
  background-size: 24.1% auto;
  background-repeat: no-repeat;
  background-position: center top;
}
.top-firstbuttons__each {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  text-indent: -99999px;
  height: 0;
  padding-top: 23.26%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
}
.top-firstbuttons__each:last-child {
  margin-bottom: 0;
}
.top-firstbuttons__each--1 {
  background-image: url("../images/top/top_firstbuttons1_pc_off.png");
}
.top-firstbuttons__each--1:hover {
  background-image: url("../images/top/top_firstbuttons1_pc_on.png");
}
.top-firstbuttons__each--2 {
  background-image: url("../images/top/top_firstbuttons2_pc_off.png");
}
.top-firstbuttons__each--2:hover {
  background-image: url("../images/top/top_firstbuttons2_pc_on.png");
}

.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  z-index: 10000;
  /* Close Button */
}
.modal__btn_close {
  display: block;
  text-indent: -99999px;
  width: 32px;
  height: 32px;
  position: absolute;
  right: 0;
  top: -42px;
  background-image: url("../images/top/modal/b_modal_close.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
}
.modal__btn_close:hover {
  opacity: 0.5;
}

.modal-bg {
  position: absolute;
  height: 100vh;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10001;
}

.modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 900px;
  z-index: 10002;
}

.modal-inner {
  position: relative;
  background: white;
  width: 100%;
  padding: 30px;
  height: 85vh;
  overflow-x: hidden;
  overflow-y: auto;
}

.intro {
  width: 98%;
  max-width: 740px;
  margin: 80px auto 0;
}
.intro__title {
  text-align: center;
  font-size: 30px;
  color: #000;
  line-height: 1.8;
  margin-bottom: 20px;
}
.intro__explain {
  text-align: center;
  font-size: 16px;
  color: #000;
  line-height: 1.8;
  margin-bottom: 30px;
}

.pdf-button {
  display: block;
  margin-left: 7px;
  margin-bottom: 40px;
}
.pdf-button__button {
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
  text-decoration: none;
  border: 1px solid #000;
  padding: 10px 50px 10px 15px;
  background-image: url("../images/top/modal/icon_pdf.png");
  background-size: 23px 28px;
  background-repeat: no-repeat;
  background-position: right 15px center;
}
.pdf-button__button:hover {
  opacity: 1;
  color: #000;
  background-color: #ff7135;
}

.intro-search-buttons {
  width: 100%;
}
.intro-search-buttons__explain {
  text-align: center;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 20px;
}
.intro-search-buttons__wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.intro-search-buttons__each {
  width: calc(25% - 14px);
  margin: 10px 7px;
  border: 1px solid #000;
  border-radius: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  font-weight: bold;
  color: #000;
  text-align: center;
  text-decoration: none;
}
.intro-search-buttons__each:hover {
  opacity: 1;
  color: #000;
  background-color: #ff7135;
}
.intro-search-buttons__each--on {
  opacity: 1;
  color: #000;
  background-color: #ff7135;
  pointer-events: none;
}

.companies {
  width: calc(100% - 14px);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.companies__each {
  display: flex;
  align-items: center;
  width: 50%;
  min-height: 60px;
  padding-left: 60px;
  background-position: left center;
  background-size: auto 50px;
  background-repeat: no-repeat;
  margin-bottom: 10px;
  text-decoration: none;
  font-size: 17px;
  color: #000;
}
.companies__each--1 {
  background-image: url("../images/top/modal/icon1.png");
}
.companies__each--2 {
  background-image: url("../images/top/modal/icon2.png");
}
.companies__each--3 {
  background-image: url("../images/top/modal/icon3.png");
}
.companies__each--4 {
  background-image: url("../images/top/modal/icon4.png");
}
.companies__each--5 {
  background-image: url("../images/top/modal/icon5.png");
}
.companies__each--6 {
  background-image: url("../images/top/modal/icon6.png");
}
.companies__each--7 {
  background-image: url("../images/top/modal/icon7.png");
}
.companies__each--8 {
  background-image: url("../images/top/modal/icon8.png");
}
.companies__each--9 {
  background-image: url("../images/top/modal/icon9.png");
}
.companies__each--10 {
  background-image: url("../images/top/modal/icon10.png");
}
.companies__each--11 {
  background-image: url("../images/top/modal/icon11.png");
}
.companies__each--12 {
  background-image: url("../images/top/modal/icon12.png");
}
.companies__each--13 {
  background-image: url("../images/top/modal/icon13.png");
}
.companies__each--14 {
  background-image: url("../images/top/modal/icon14.png");
}
.companies__each--15 {
  background-image: url("../images/top/modal/icon15.png");
}
.companies__each--16 {
  background-image: url("../images/top/modal/icon16.png");
}
.companies__each--17 {
  background-image: url("../images/top/modal/icon17.png");
}
.companies__each--18 {
  background-image: url("../images/top/modal/icon18.png");
}
.companies__each--19 {
  background-image: url("../images/top/modal/icon19.png");
}
.companies__each--20 {
  background-image: url("../images/top/modal/icon20.png");
}
.companies__each--21 {
  background-image: url("../images/top/modal/icon21.png");
}
.companies__each--22 {
  background-image: url("../images/top/modal/icon22.png");
}
.companies__each--23 {
  background-image: url("../images/top/modal/icon23.png");
}
.companies__each--24 {
  background-image: url("../images/top/modal/icon24.png");
}
.companies__each--25 {
  background-image: url("../images/top/modal/icon25.png");
}
.companies__each--26 {
  background-image: url("../images/top/modal/icon26.png");
}
.companies__each--27 {
  background-image: url("../images/top/modal/icon27.png");
}
.companies__each--28 {
  background-image: url("../images/top/modal/icon28.png");
}
.companies__each--29 {
  background-image: url("../images/top/modal/icon29.png");
}
.companies__each--30 {
  background-image: url("../images/top/modal/icon30.png");
}
.companies__each--31 {
  background-image: url("../images/top/modal/icon31.png");
}
.companies__each--32 {
  background-image: url("../images/top/modal/icon32.png");
}
.companies__each--33 {
  background-image: url("../images/top/modal/icon33.png");
}
.companies__each--34 {
  background-image: url("../images/top/modal/icon34.png");
}
.companies__each--35 {
  background-image: url("../images/top/modal/icon35.png");
}
.companies__each--36 {
  background-image: url("../images/top/modal/icon36.png");
}
.companies__each--37 {
  background-image: url("../images/top/modal/icon37.png");
}
.companies__each--38 {
  background-image: url("../images/top/modal/icon38.png");
}
.companies__each--39 {
  background-image: url("../images/top/modal/icon39.png");
}
.companies__each--40 {
  background-image: url("../images/top/modal/icon40.png");
}
.companies__each--41 {
  background-image: url("../images/top/modal/icon41.png");
}
.companies__each--42 {
  background-image: url("../images/top/modal/icon42.png");
}
.companies__each--43 {
  background-image: url("../images/top/modal/icon43.png");
}
.companies__each--44 {
  background-image: url("../images/top/modal/icon44.png");
}
.companies__each--45 {
  background-image: url("../images/top/modal/icon45.png");
}
.companies__each--46 {
  background-image: url("../images/top/modal/icon46.png");
}
.companies__each--47 {
  background-image: url("../images/top/modal/icon47.png");
}
.companies__each--48 {
  background-image: url("../images/top/modal/icon48.png");
}
.companies__each--49 {
  background-image: url("../images/top/modal/icon49.png");
}
.companies__each--50 {
  background-image: url("../images/top/modal/icon50.png");
}
.companies__each--51 {
  background-image: url("../images/top/modal/icon51.png");
}
.companies__each--52 {
  background-image: url("../images/top/modal/icon52.png");
}
.companies__each--53 {
  background-image: url("../images/top/modal/icon53.png");
}
.companies__each--54 {
  background-image: url("../images/top/modal/icon54.png");
}
.companies__each--55 {
  background-image: url("../images/top/modal/icon55.png");
}
.companies__each--56 {
  background-image: url("../images/top/modal/icon56.png");
}
.companies__each--57 {
  background-image: url("../images/top/modal/icon57.png");
}
.companies__each--58 {
  background-image: url("../images/top/modal/icon58.png");
}
.companies__each--59 {
  background-image: url("../images/top/modal/icon59.png");
}
.companies__each--60 {
  background-image: url("../images/top/modal/icon60.png");
}
.companies__each--61 {
  background-image: url("../images/top/modal/icon61.png");
}
.companies__each--62 {
  background-image: url("../images/top/modal/icon62.png");
}
.companies__each--63 {
  background-image: url("../images/top/modal/icon63.png");
}
.companies__each--64 {
  background-image: url("../images/top/modal/icon64.png");
}
.companies__each--65 {
  background-image: url("../images/top/modal/icon65.png");
}
.companies__each--66 {
  background-image: url("../images/top/modal/icon66.png");
}
.companies__each--67 {
  background-image: url("../images/top/modal/icon67.png");
}
.companies__each--68 {
  background-image: url("../images/top/modal/icon68.png");
}
.companies__each--69 {
  background-image: url("../images/top/modal/icon69.png");
}
.companies__each--70 {
  background-image: url("../images/top/modal/icon70.png");
}
.companies__each:hover {
  opacity: 0.5;
}
.companies__each span {
  line-height: 1.2;
}

.l-header .h-menucontainer .gNav li a {
  height: 80px;
}

@media screen and (max-width: 767px) {
  .l-header .h-menucontainer .gNav li:nth-child(3) a {
    height: 17.78vh;
    max-height: 246px;
  }
  .l-footer .f-nav li {
    margin: 2vw auto;
  }
  .sec-top-project {
    padding-top: 0;
    margin-top: -20px;
  }
}
@media screen and (max-width: 767px) {
  .l-header .h-menubtn--top {
    top: 8vw;
  }
  .kv-title {
    width: 100%;
    margin: 10vw auto 0 !important;
    text-align: center;
  }
  .kv-title img {
    width: 44%;
    margin: 0 auto 3.5vw;
  }
  .top-firstbuttons {
    width: 92%;
    max-width: none;
    margin: 4.375vw auto 2.75vw;
    display: flex;
    background: none;
    padding-top: 0;
  }
  .top-firstbuttons__each {
    width: 47.28%;
    margin: 0 1.36%;
    text-indent: -99999px;
    padding-top: 24.33%;
    position: relative;
  }
  .top-firstbuttons__each::after {
    content: "";
    width: 13.5vw;
    height: 3.625vw;
    position: absolute;
    top: -5vw;
    left: 50%;
    transform: translateX(-50%);
    background-image: url("../images/top/fukidashi_top_firstbutton_sp.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
  }
  .top-firstbuttons__each--1 {
    background-image: url("../images/top/top_firstbuttons1_sp.png");
  }
  .top-firstbuttons__each--1:hover {
    background-image: url("../images/top/top_firstbuttons1_sp.png");
  }
  .top-firstbuttons__each--2 {
    background-image: url("../images/top/top_firstbuttons2_sp.png");
  }
  .top-firstbuttons__each--2:hover {
    background-image: url("../images/top/top_firstbuttons2_sp.png");
  }
}
@media screen and (max-width: 640px) {
  .movie_container.sp-square {
    height: 0;
    padding-top: 100%;
    overflow: hidden;
    position: relative;
  }
  .movie_container.sp-square video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
  }
  .project-progress {
    margin: 80px auto;
  }
  .project-progress__note {
    font-size: 3vw;
  }
  .project-progress h3 {
    font-size: 4.9vw;
  }
  .project-progress-table {
    width: 100%;
    display: block;
    border-top: 1px solid #808080;
  }
  .project-progress-th {
    width: 100%;
    border-bottom: none;
    padding: 2.3vw 0 2.3vw 1.5vw;
  }
  .project-progress-td {
    width: 100%;
    padding: 4.7vw 0 4.7vw 1.5vw;
  }
  #news {
    padding-top: 7.75vw;
  }
  .modal {
    /* Close Button */
  }
  .modal__btn_close {
    width: 5.4vw;
    height: 5.4vw;
    top: -7.5vw;
  }
  .modal__btn_close:hover {
    opacity: 1;
  }
  .intro {
    width: 100%;
    max-width: auto;
    margin: 7.5vw auto 0;
  }
  .intro__title {
    font-size: 4.25vw;
    margin-bottom: 3.75vw;
  }
  .intro__explain {
    font-size: 3.3vw;
    margin-bottom: 4.375vw;
  }
  .pdf-button {
    margin-left: 1vw;
    margin-bottom: 4.375vw;
  }
  .pdf-button__button {
    font-size: 2.625vw;
  }
  .pdf-button__button:hover {
    background-color: #fff;
  }
  .intro-search-buttons__explain {
    text-align: center;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 20px;
  }
  .intro-search-buttons__wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
  .intro-search-buttons__each {
    width: calc(33.3% - 1vw);
    margin: 0.5vw 0.5vw;
    border-radius: 7.5vw;
    height: 7.5vw;
    line-height: 7.5vw;
    font-size: 2.625vw;
  }
  .intro-search-buttons__each:hover {
    background-color: #fff;
  }
  .intro-search-buttons__each--on {
    opacity: 1;
    color: #000;
    background-color: #ff7135;
    pointer-events: none;
  }
  .companies {
    width: calc(100% - 1vw);
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
  }
  .companies__each {
    height: 9.75vw;
    padding-left: 11.25vw;
    margin-bottom: 2.125vw;
    font-size: 3vw;
    background-size: auto 9.75vw;
  }
  .companies__each:hover {
    opacity: 1;
  }
}