.tac { text-align: center !important; }

.w100 { width: 100%; }

.dev-bg { background: url("../../img/ja/company/dev/bg_technology.png") no-repeat center top; background-size: cover; }

.dev-bg-in { padding-bottom: 140px; background: url("../../img/ja/company/dev/bg_technology_02.png") no-repeat right top; }

.dev-idx-main { position: relative; }
.dev-idx-main .main-heading { position: absolute; top: 50%; left: 0%; transform: translateY(-100%); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); width: 100%; color: #fff; text-align: center; }
.dev-idx-main .main-heading .main-heading-en { display: block; margin-bottom: 3px; font-size: 286%; letter-spacing: 3px; }
.dev-idx-main .main-heading .main-heading-ja { font-size: 171.4285714286%; }
@media screen and (max-width: 767px) { .dev-idx-main .main-heading { left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } }

.dev-idx-con { margin-bottom: 70px; padding-bottom: 130px; border-bottom: 1px solid #e8e8e8; }
.dev-idx-con .dev-idx-box { position: relative; }
.dev-idx-con .dev-idx-box .slick-slide { margin: 0 20px; }
@media screen and (max-width: 767px) { .dev-idx-con .dev-idx-box .slick-slide { margin: 0; } }
.dev-idx-con .dev-idx-box .dev-idx-slider { max-width: 920px; margin: -100px auto 0; }
@media screen and (max-width: 1120px) { .dev-idx-con .dev-idx-box .dev-idx-slider { margin-top: -50px; } }
@media screen and (max-width: 767px) { .dev-idx-con .dev-idx-box .dev-idx-slider { margin-top: 40px; } }
.dev-idx-con .dev-idx-box .dev-idx-slider li figure { margin-bottom: 10px; }
.dev-idx-con .dev-idx-box .dev-idx-slider li figure figcaption { margin-top: 10px; padding-right: 20px; background: url("../../img/ja/ico_arrow_r_03.png") no-repeat right center; color: #0d3077; line-height: 2; }
@media screen and (max-width: 767px) { .dev-idx-con .dev-idx-box .dev-idx-slider li figure figcaption { font-size: 128.5714285714%; } }
.dev-idx-con .dev-idx-box .dev-idx-slider li .slider-cate span { margin-right: 1em; font-size: 85.7142857143%; line-height: 1.8; }
.dev-idx-con .dev-idx-box .dev-idx-more { position: absolute; bottom: -65px; right: 150px; }
@media screen and (max-width: 1120px) { .dev-idx-con .dev-idx-box .dev-idx-more { right: 20px; } }
@media screen and (max-width: 767px) { .dev-idx-con .dev-idx-box .dev-idx-more { bottom: -100px; right: 10px; } }
.dev-idx-con .dev-idx-box .dev-idx-more a { display: block; width: 156px; padding: 10px; background: #215aaa url("../../img/ja/ico_arrow_r_04.png") no-repeat right 15px center; font-size: 114.2857142857%; color: #fff; text-align: center; }
.dev-idx-con .dev-idx-box .slide-btn { position: absolute; top: 80px; cursor: pointer; }
@media screen and (max-width: 767px) { .dev-idx-con .dev-idx-box .slide-btn { top: 140px; } }
.dev-idx-con .dev-idx-box .slide-btn.slide-prev { left: 50px; }
@media screen and (max-width: 1120px) { .dev-idx-con .dev-idx-box .slide-btn.slide-prev { left: 20px; } }
@media screen and (max-width: 767px) { .dev-idx-con .dev-idx-box .slide-btn.slide-prev { left: 10px; } }
.dev-idx-con .dev-idx-box .slide-btn.slide-next { right: 50px; }
@media screen and (max-width: 1120px) { .dev-idx-con .dev-idx-box .slide-btn.slide-next { right: 20px; } }
@media screen and (max-width: 767px) { .dev-idx-con .dev-idx-box .slide-btn.slide-next { right: 10px; } }
.dev-idx-con .dev-idx-box .slick-dotted.slick-slider { margin-bottom: 0; }
.dev-idx-con .dev-idx-box .slick-dots { bottom: -50px; }
@media screen and (max-width: 767px) { .dev-idx-con .dev-idx-box .slick-dots { bottom: -30px; } }
.dev-idx-con .dev-idx-box .slick-dots li { width: 10px; height: 10px; margin: 0 10px; }
.dev-idx-con .dev-idx-box .slick-dots li button { width: 10px; height: 10px; padding: 0; }
.dev-idx-con .dev-idx-box .slick-dots li button:before { line-height: 1; width: 10px; height: 10px; content: ''; opacity: 1; border: 1px solid #aaa; background-color: #aaa; border-radius: 50%; }
.dev-idx-con .dev-idx-box .slick-dots li.slick-active button:before { opacity: 1; border: 1px solid #aaa; background-color: #fff; border-radius: 50%; }

.dev-tec-bg { padding: 100px 0 115px; }
@media screen and (max-width: 767px) { .dev-tec-bg { padding: 70px 0; } }

.dev-tec-ttl { color: #fff; text-align: center; }
.dev-tec-ttl .dev-tec-ttl-en { display: block; margin-bottom: 3px; font-size: 286%; letter-spacing: 3px; }
.dev-tec-ttl .dev-tec-ttl-ja { font-size: 171.4285714286%; }

.dev-tec-subttl { margin-bottom: 40px; font-size: 185.7142857143%; color: #fff; text-align: center; }

.dev-tec-picup .dev-tec-picup-con { padding: 50px 10px 100px; background-color: #fff; }
.dev-tec-picup .dev-tec-picup-con .slick-slide { margin: 0 28px; }
@media screen and (max-width: 767px) { .dev-tec-picup .dev-tec-picup-con .slick-slide { margin: 0; } }
.dev-tec-picup .dev-tec-picup-con .dev-picup-slider { max-width: 1100px; margin: 0 auto; }
.dev-tec-picup .dev-tec-picup-con .dev-picup-slider li { padding-bottom: 35px; border-bottom: 1px solid #e8e8e8; }
.dev-tec-picup .dev-tec-picup-con .dev-picup-slider li a { display: flex; align-items: center; justify-content: space-between; }
.dev-tec-picup .dev-tec-picup-con .dev-picup-slider li figure { width: 42.4242424242%; }
.dev-tec-picup .dev-tec-picup-con .dev-picup-slider li p { width: 50%; line-height: 1.6; }
.dev-tec-picup .dev-tec-picup-con .slick-dotted.slick-slider { margin-bottom: 0; }
.dev-tec-picup .dev-tec-picup-con .slick-dots { bottom: -50px; }
@media screen and (max-width: 767px) { .dev-tec-picup .dev-tec-picup-con .slick-dots { bottom: -30px; } }
.dev-tec-picup .dev-tec-picup-con .slick-dots li { width: 10px; height: 10px; margin: 0 10px; padding: 0; border: none; }
.dev-tec-picup .dev-tec-picup-con .slick-dots li button { width: 10px; height: 10px; padding: 0; }
.dev-tec-picup .dev-tec-picup-con .slick-dots li button:before { line-height: 1; width: 10px; height: 10px; content: ''; opacity: 1; border: 1px solid #aaa; background-color: #aaa; border-radius: 50%; }
.dev-tec-picup .dev-tec-picup-con .slick-dots li.slick-active button:before { opacity: 1; border: 1px solid #aaa; background-color: #fff; border-radius: 50%; }

.dev-tec-case .dev-tec-case-search { margin-bottom: 50px; }
.dev-tec-case .dev-tec-case-search form { display: flex; justify-content: space-between; max-width: 600px; margin: 0 auto; padding: 5px; background-color: #fff; }
.dev-tec-case .dev-tec-case-search form input { width: 81.6666666667%; padding: 0 10px; border: none; }
.dev-tec-case .dev-tec-case-search form button { width: 100px; padding: 7px 20px 7px 10px; background-color: #0059af; color: #fff; }
@media screen and (max-width: 767px) { .dev-tec-case .dev-tec-case-search form button { padding-right: 10px; } }
.dev-tec-case .dev-tec-case-search form button span { display: inline-block; padding: 2px 0 2px 35px; background: url("../../img/ja/ico_search.png") no-repeat left center; }
.dev-tec-case .dev-tec-case-con { padding: 70px 0 45px; background-color: #fff; }
@media screen and (max-width: 767px) { .dev-tec-case .dev-tec-case-con { padding: 30px 0; } }
.dev-tec-case .dev-tec-case-con .dev-tec-case-list { display: flex; flex-wrap: wrap; max-width: 980px; margin: 0 auto; padding: 0 10px; }
.dev-tec-case .dev-tec-case-con .dev-tec-case-list li { width: 29.1666666667%; margin-right: 6.25%; margin-bottom: 45px; }
@media screen and (max-width: 767px) { .dev-tec-case .dev-tec-case-con .dev-tec-case-list li { width: 48%; margin-right: 4%; }
  .dev-tec-case .dev-tec-case-con .dev-tec-case-list li:nth-child(2n) { margin-right: 0; }
  .dev-tec-case .dev-tec-case-con .dev-tec-case-list li:nth-child(3) { margin-right: 4% !important; } }
.dev-tec-case .dev-tec-case-con .dev-tec-case-list li:nth-child(3n) { margin-right: 0; }
.dev-tec-case .dev-tec-case-con .dev-tec-case-list li figure { margin-bottom: 10px; }
.dev-tec-case .dev-tec-case-con .dev-tec-case-list li figure figcaption { margin-top: 10px; padding-right: 20px; background: url("../../img/ja/ico_arrow_r_03.png") no-repeat right center; color: #0d3077; line-height: 2; }
@media screen and (max-width: 767px) { .dev-tec-case .dev-tec-case-con .dev-tec-case-list li figure figcaption { font-size: 128.5714285714%; } }
.dev-tec-case .dev-tec-case-con .dev-tec-case-list li .slider-cate span { margin-right: 1em; font-size: 85.7142857143%; line-height: 1.8; }

.dev-fmt-top { display: flex; justify-content: space-between; flex-direction: row-reverse; padding-top: 50px; }
@media screen and (max-width: 767px) { .dev-fmt-top { display: block; } }
.dev-fmt-top figure { width: 37.5%; }
@media screen and (max-width: 767px) { .dev-fmt-top figure { width: 100%; margin-bottom: 20px; } }
.dev-fmt-top .dev-fmt-top-box { width: 58.3333333333%; padding-left: 7.5%; color: #fff; }
@media screen and (max-width: 1120px) { .dev-fmt-top .dev-fmt-top-box { padding-left: 0; } }
@media screen and (max-width: 767px) { .dev-fmt-top .dev-fmt-top-box { width: 100%; } }
.dev-fmt-top .dev-fmt-top-box .dev-fmt-top-en { margin-bottom: 10px; font-size: 121.4285714286%; font-style: italic; font-weight: 700; }
.dev-fmt-top .dev-fmt-top-box .dev-fmt-top-subttl { margin-bottom: 10px; font-size: 171.4285714286%; }
.dev-fmt-top .dev-fmt-top-box .dev-fmt-top-txt { margin-bottom: 10px; font-size: 128.5714285714%; }
.dev-fmt-top .dev-fmt-top-box .dev-fmt-top-num { margin-bottom: 40px; font-size: 300%; font-style: italic; }
.dev-fmt-top .dev-fmt-top-box .dev-fmt-top-num span { font-size: 142.8571428571%; }
.dev-fmt-top .dev-fmt-top-box .dev-fmt-top-ttl { font-size: 242.8571428571%; font-weight: 500; line-height: 1.4; }
@media screen and (max-width: 767px) { .dev-fmt-top .dev-fmt-top-box .dev-fmt-top-ttl { font-size: 214.2857142857%; } }

.dev-fmt-main { max-width: 1040px; margin: 0 auto; padding: 0 10px; }
.dev-fmt-main .dev-fmt-contents { padding: 60px 70px 80px; background-color: #fff; }
@media screen and (max-width: 767px) { .dev-fmt-main .dev-fmt-contents { padding: 40px 10px; } }
.dev-fmt-main .dev-contents-ttl { margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #0059af; font-size: 200%; color: #0059af; text-align: center; font-weight: 500; }
@media screen and (max-width: 767px) { .dev-fmt-main .dev-contents-ttl { margin-bottom: 20px; padding-bottom: 20px; } }
.dev-fmt-main .dev-contents-fig { width: 58.0681818182%; margin: 0 auto; }
@media screen and (max-width: 767px) { .dev-fmt-main .dev-contents-fig { width: auto; } }
.dev-fmt-main .dev-contents-fig figcaption { margin-top: 10px; color: #0059af; font-weight: 700; }
.dev-fmt-main .dev-contents-figtxt { display: flex; justify-content: space-between; }
@media screen and (max-width: 767px) { .dev-fmt-main .dev-contents-figtxt { display: block; } }
.dev-fmt-main .dev-contents-figtxt figure { width: 47.7272727273%; text-align: center; }
@media screen and (max-width: 767px) { .dev-fmt-main .dev-contents-figtxt figure { width: 100%; } }
.dev-fmt-main .dev-contents-figtxt dl { width: 47.7272727273%; }
@media screen and (max-width: 767px) { .dev-fmt-main .dev-contents-figtxt dl { width: 100%; margin-bottom: 20px; } }
.dev-fmt-main .dev-contents-figtxt dl dt { margin-bottom: 20px; font-size: 114.2857142857%; color: #0059af; font-weight: 700; }
.dev-fmt-main .dev-contents-list-02 { display: flex; flex-wrap: wrap; }
.dev-fmt-main .dev-contents-list-02 li { width: 47.7272727273%; margin-right: 4.5454545455%; margin-bottom: 4.5454545455%; }
.dev-fmt-main .dev-contents-list-02 li:nth-child(2n) { margin-right: 0; }

.dev-contact { padding: 75px 0 90px; background-color: #074b8c; color: #fff; }
@media screen and (max-width: 767px) { .dev-contact { padding: 70px 0; } }
.dev-contact .contact-ttl { position: relative; margin-bottom: 85px; font-size: 157.1428571429%; text-align: center; color: #fff; }
.dev-contact .contact-ttl::before { content: ''; position: absolute; bottom: -35px; left: 50%; width: 80px; height: 1px; margin-left: -40px; background-color: #fff; }
.dev-contact dl { margin-bottom: 30px; font-size: 114.2857142857%; text-align: center; }
.dev-contact dl dt { margin-bottom: 10px; }
.dev-contact .dev-contact-btn { max-width: 300px; margin: 0 auto; }
.dev-contact .dev-contact-btn a { display: block; padding: 15px 10px; background-color: #fff; font-size: 114.2857142857%; color: #0059af; text-align: center; }
.dev-contact .dev-contact-btn a span { display: inline-block; padding: 1px 0 0 35px; background: url("../../img/ja/ico_mail.png") no-repeat left center; }

.dev-other { padding: 110px 0; background-color: #0059af; }
@media screen and (max-width: 767px) { .dev-other { padding: 70px 0; } }
.dev-other .other-ttl { position: relative; margin-bottom: 85px; font-size: 157.1428571429%; text-align: center; color: #fff; }
.dev-other .other-ttl::before { content: ''; position: absolute; bottom: -35px; left: 50%; width: 80px; height: 1px; margin-left: -40px; background-color: #fff; }
.dev-other .dev-other-con { position: relative; max-width: 1077px; margin: 0 auto; padding: 0 10px; }
.dev-other .dev-other-con .slick-slide { margin: 0 17px; }
.dev-other .dev-other-con .dev-other-slider figure figcaption { margin-top: 10px; text-align: center; color: #fff; }
.dev-other .dev-other-con .slide-btn { position: absolute; top: 50%; margin-top: -15px; cursor: pointer; }
.dev-other .dev-other-con .slide-btn.slide-prev { left: -45px; }
@media screen and (max-width: 1190px) { .dev-other .dev-other-con .slide-btn.slide-prev { left: 0; } }
.dev-other .dev-other-con .slide-btn.slide-next { right: -45px; }
@media screen and (max-width: 1190px) { .dev-other .dev-other-con .slide-btn.slide-next { right: 0; } }

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