._idx .dev-top .dev-top-in { padding: 50px 0 70px; border-bottom: 2px solid #f3f3f3; }
._idx .dev-top .dev-top-main { position: relative; }
._idx .dev-top .dev-top-main .dev-top-main-txt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 90px 20px 20px; font-size: 2.4rem; color: #fff; font-weight: 700; text-align: center; line-height: 1.4; }
@media screen and (max-width: 750px) { ._idx .dev-top .dev-top-main .dev-top-main-txt { display: flex; align-items: center; justify-content: center; padding: 40px 20px; font-size: 1.4857142857rem; } }
._idx .dev-top .dev-top-main .dev-top-main-txt span { font-size: 4.0rem; }
@media screen and (max-width: 750px) { ._idx .dev-top .dev-top-main .dev-top-main-txt span { font-size: 2.8571428571rem; } }
._idx .dev-top .dev-swiper { position: relative; margin-top: -100px; }
@media screen and (max-width: 750px) { ._idx .dev-top .dev-swiper { margin-top: 40px; } }
._idx .dev-top .dev-swiper .dev-swiper-list { width: 100%; max-width: 880px; margin: 0 auto 30px; overflow: hidden; }
._idx .dev-top .dev-swiper .dev-swiper-list li a { display: block; text-decoration: none; }
._idx .dev-top .dev-swiper .dev-swiper-list li a p { padding: 20px 20px 20px 0; background: url("../img/common/ico_arrow02.svg") no-repeat right center; background-size: 6px auto; font-size: 1.4rem; color: #0d3078; }
._idx .dev-top .dev-swiper .dev-slider-tool { position: relative; width: 100%; max-width: 880px; margin: 0 auto; }
._idx .dev-top .dev-swiper .swiper-pagination { position: static; }
._idx .dev-top .dev-swiper .swiper-pagination .swiper-pagination-bullet { width: 10px !important; height: 10px !important; margin: 0 10px !important; background: #9eacc9; opacity: 1; }
._idx .dev-top .dev-swiper .swiper-pagination .swiper-pagination-bullet-active { background-color: #0d3078; }
._idx .dev-top .dev-swiper .dev-more-btn { position: absolute; top: 0; right: 0; width: 100%; max-width: 156px; margin-top: -1em; }
@media screen and (max-width: 750px) { ._idx .dev-top .dev-swiper .dev-more-btn { position: static; margin: 30px 0 0 auto; } }
._idx .dev-top .dev-swiper .dev-more-btn a { display: block; text-decoration: none; padding: 10px; background: #0d3078 url("../img/common/ico_arrow_w.svg") no-repeat right 15px center; background-size: 4px auto; color: #fff; text-align: center; border-radius: 0.5em; }
._idx .dev-top .dev-swiper .slide-btn { z-index: 999; position: absolute; top: 0; width: 40px; margin-top: 80px; cursor: pointer; }
@media screen and (max-width: 750px) { ._idx .dev-top .dev-swiper .slide-btn { margin-top: 150px; } }
@media screen and (max-width: 500px) { ._idx .dev-top .dev-swiper .slide-btn { margin-top: 110px; } }
._idx .dev-top .dev-swiper .slide-btn._prev { left: 0; margin-left: 50px; }
@media screen and (max-width: 1200px) { ._idx .dev-top .dev-swiper .slide-btn._prev { margin-left: 0; } }
@media screen and (max-width: 750px) { ._idx .dev-top .dev-swiper .slide-btn._prev { margin-left: 10px; } }
._idx .dev-top .dev-swiper .slide-btn._next { right: 0; margin-right: 50px; }
@media screen and (max-width: 1200px) { ._idx .dev-top .dev-swiper .slide-btn._next { margin-right: 0; } }
@media screen and (max-width: 750px) { ._idx .dev-top .dev-swiper .slide-btn._next { margin-right: 10px; } }
._idx .dev-nav { padding-top: 70px; }
._idx .dev-nav ul { display: flex; flex-wrap: wrap; margin-bottom: 30px; }
._idx .dev-nav ul li { width: 23.3333333333%; margin-right: 2.0833333333%; margin-bottom: 3.3333333333%; }
@media screen and (max-width: 750px) { ._idx .dev-nav ul li { width: 48%; margin-right: 4%; margin-bottom: 40px; }
  ._idx .dev-nav ul li:nth-child(2n) { margin-right: 0; } }
._idx .dev-nav ul li:nth-child(4n) { margin-right: 0; }
._idx .dev-nav ul li a { display: block; text-decoration: none; }
._idx .dev-nav ul li p { margin-top: 10px; }
._idx .dev-nav ul li p span::after { content: ''; display: inline-block; width: 6px; height: 12px; margin-left: 10px; background: url("../img/common/ico_arrow02.svg") no-repeat left top; }
._idx .dev-news { padding: 50px 0 100px; }
._idx .dev-news .c-heading { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 2px solid #e8e8e8; }
._idx .dev-news .c-list { margin-bottom: 30px; }
._idx .dev-news .c-list li { border-bottom: 1px solid #e8e8e8; }
._idx .dev-news .c-list li:first-child { border-top: none; }
._idx .dev-news .c-list li a { padding: 10px 0; }
._idx .dev-news .c-list li .list-date { width: 13em; font-size: 1.3rem; text-align: center; }
@media screen and (max-width: 750px) { ._idx .dev-news .c-list li .list-date { width: 9em; font-size: 1.4857142857rem; text-align: left; } }
._idx .dev-news .c-list li .list-cate { background-color: #e8efff !important; font-size: 1.0rem; color: #0d3078; }
@media screen and (max-width: 750px) { ._idx .dev-news .c-list li .list-cate { font-size: 1.2571428571rem; } }
._idx .dev-news .c-list li .list-txt { font-size: 1.4rem; }
@media screen and (max-width: 750px) { ._idx .dev-news .c-list li .list-txt { font-size: 1.6rem; } }

/*# sourceMappingURL=dev.css.map */