<?php get_header(); ?>
<main class="corporate">
    <?php include('template/bottom-corporate.php'); ?>
    <?php include('template/breadcrumb.php'); ?>
    <section class="p-business">
        <div class="p-business__heading">
            <div class="p-business__inner l-inner">
                <p class="p-business__entitle c-entitle c-entitle--capitalize">business</p>
                <h2 class="p-business__title c-title">三井住友建設鉄構エンジニアリング<br class="u-mobile">の事業</h2>
                <div class="p-business__triangle">
                    <?php
                    if (have_rows('popup')) :
                    while (have_rows('popup')) : the_row();
                    ?>
                        <div class="p-business__triangleItem">
                            <div class="p-business__triangleCircle js-modalOpen">
                                <p class="p-business__triangleTitle">橋梁事業</p>
                                <p class="p-business__triangleEntitle">Bridge business</p>
                                <div class="p-business__arrow"></div>
                            </div>
                            <div class="p-business__triangleModal p-modal js-modal">
                                <div class="p-modal__inner l-inner">
                                    <div class="p-modal__container">
                                        <div class="p-modal__contents p-modal__contents--corporate">
                                            <div class="p-modal__close js-close"></div>
                                            <p class="p-modal__title">橋梁事業</p>
                                            <p class="p-modal__text c-text"><?php the_sub_field('popup-bridge'); ?></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="p-business__triangleItem">
                            <div class="p-business__triangleCircle js-modalOpen">
                                <p class="p-business__triangleTitle">橋梁保全事業</p>
                                <p class="p-business__triangleEntitle">Bridge maintenance project</p>
                                <div class="p-business__arrow"></div>
                            </div>
                            <div class="p-business__triangleModal p-modal js-modal">
                                <div class="p-modal__inner l-inner">
                                    <div class="p-modal__container">
                                        <div class="p-modal__contents p-modal__contents--corporate">
                                            <div class="p-modal__close js-close"></div>
                                            <p class="p-modal__title">橋梁保全事業</p>
                                            <p class="p-modal__text c-text"><?php the_sub_field('popup-maintenance'); ?></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="p-business__triangleItem">
                            <div class="p-business__triangleCircle js-modalOpen">
                                <p class="p-business__triangleTitle">沿岸事業</p>
                                <p class="p-business__triangleEntitle">Coastal business</p>
                                <div class="p-business__arrow"></div>
                            </div>
                            <div class="p-business__triangleModal p-modal js-modal">
                                <div class="p-modal__inner l-inner">
                                    <div class="p-modal__container">
                                        <div class="p-modal__contents p-modal__contents--corporate">
                                            <div class="p-modal__close js-close"></div>
                                            <p class="p-modal__title">沿岸事業</p>
                                            <p class="p-modal__text c-text"><?php the_sub_field('popup-coastal'); ?></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    <?php
                    endwhile;
                    endif;
                    ?>
                </div>
            </div>
            <div class="p-business__headingWrap">
                <div class="p-business__headingInner">
                    <?php if (have_rows('business')) : ?>
                        <?php while (have_rows('business')) : the_row(); ?>
                            <div class="p-business__headingBlock">
                                <?php
                                $acf_row_image = get_sub_field('business-block-img');
                                $url = $acf_row_image['url'];
                                $alt = $acf_row_image['alt'];
                                if ($url) :
                                ?>
                                    <div class="p-business__headingBlockImg c-img">
                                        <img src="<?php echo $url; ?>" alt="<?php echo $alt; ?>">
                                    </div>
                                <?php endif; ?>
                                <div class="p-business__headingBlockWrap">
                                    <h3 class="p-business__headingTheme"><?php the_sub_field('business-title'); ?></h3>
                                    <p class="p-business__headingText c-text"><?php the_sub_field('business-text'); ?></p>
                                </div>
                            </div>
                        <?php endwhile; ?>
                    <?php endif; ?>
                </div>
            </div>
        </div>
        <div class="p-business__strength">
            <?php if (have_rows('strength')) : ?>
                <?php while (have_rows('strength')) : the_row(); ?>
                    <div class="p-business__inner l-inner">
                        <p class="p-business__entitle c-entitle c-entitle--capitalize">our strength</p>
                        <h2 class="p-business__title c-title">三井住友建設鉄構エンジニアリング<br class="u-mobile">の強み</h2>
                        <div class="p-business__local">
                            <div class="p-business__localItems">
                                <?php
                                $group = get_sub_field('strength-point');
                                foreach($group as $field) :
                                ?>
                                    <div class="p-business__localItem"><p><?php echo $field['strength-item']; ?></p></div>
                                <?php endforeach; ?>
                            </div>
                            <p class="p-business__localBottom"><?php the_sub_field('strength-theme'); ?></p>
                        </div>
                    </div>
                    <div class="p-business__headingWrap p-business__headingWrap--strength">
                        <div class="p-business__headingInner">
                            <div class="p-business__headingBlock">
                                <?php
                                $acf_row_image = get_sub_field('strength-block-img');
                                $url = $acf_row_image['url'];
                                $alt = $acf_row_image['alt'];
                                if ($url) :
                                ?>
                                    <div class="p-business__headingBlockImg c-img">
                                        <img src="<?php echo $url; ?>" alt="<?php echo $alt; ?>">
                                    </div>
                                <?php endif; ?>
                                <div class="p-business__headingBlockWrap">
                                    <h3 class="p-business__headingTheme"><?php the_sub_field('strength-title'); ?></h3>
                                    <p class="p-business__headingText c-text"><?php the_sub_field('strength-text'); ?></p>
                                </div>
                            </div>
                        </div>
                    </div>
                <?php endwhile; ?>
            <?php endif; ?>
        </div>
        <div class="p-business__results">
            <div class="p-business__inner l-inner">
                <p class="p-business__entitle c-entitle c-entitle--capitalize">construction results</p>
                <h2 class="p-business__title c-title">施工実績</h2>
                <?php if (have_rows('construction')) : ?>
                    <?php while (have_rows('construction')) : the_row(); ?>
                        <h3 class="p-business__resultsTheme"><?php the_sub_field('construction-title'); ?></h3>
                        <p class="p-business__headingText c-text"><?php the_sub_field('construction-text'); ?></p>
                        <div class="p-business__resultsItems">
                            <?php
                            $group = get_sub_field('construction-block');
                            foreach($group as $field) :
                            ?>
                                <div class="p-business__resultsItem p-record">
                                    <p class="p-record__theme"><?php echo $field['construction-item']['construction-item-theme']; ?></p>
                                    <div class="p-record__body">
                                        <?php
                                        $acf_row_image = $field['construction-item']['construction-item-img'];
                                        $url = $acf_row_image['url'];
                                        $alt = $acf_row_image['alt'];
                                        if ($url) :
                                        ?>
                                            <div class="p-record__img c-img">
                                                <img src="<?php echo $url; ?>" alt="<?php echo $alt; ?>">
                                            </div>
                                        <?php endif; ?>
                                        <div class="p-record__wrap">
                                            <p class="p-record__title"><?php echo $field['construction-item']['construction-item-title']; ?></p>
                                            <p class="p-record__text"><?php echo $field['construction-item']['construction-item-text']; ?></p>
                                            <a href="<?php echo $field['construction-item']['construction-item-link']; ?>" class="p-record__link">詳細を見る</a>
                                        </div>
                                    </div>
                                </div>
                            <?php endforeach; ?>
                        </div>
                    <?php endwhile; ?>
                <?php endif; ?>
                <div class="p-business__link">
                    <a href="<?php echo esc_url(home_url('/construction/')); ?>" class="c-link">実績一覧を見る</a>
                </div>
            </div>
        </div>
        <div class="p-business__development">
            <div class="p-business__inner l-inner">
                <p class="p-business__entitle c-entitle c-entitle--capitalize">technology development</p>
                <h2 class="p-business__title c-title">技術開発</h2>
                <?php if (have_rows('technology')) : ?>
                    <?php while (have_rows('technology')) : the_row(); ?>
                        <h3 class="p-business__resultsTheme"><?php the_sub_field('technology-title'); ?></h3>
                        <p class="p-business__headingText c-text"><?php the_sub_field('technology-text'); ?></p>
                        <div class="p-business__developmentItems">
                            <?php
                            $group = get_sub_field('technology-block');
                            foreach($group as $field) :
                            ?>
                                <div class="p-business__developmentItem p-develop">
                                    <p class="p-develop__title"><span><?php echo $field['technology-item']['technology-item-num']; ?></span><?php echo $field['technology-item']['technology-item-theme']; ?></p>
                                    <div class="p-develop__hover">
                                        <p class="p-develop__hoverTitle"><span><?php echo $field['technology-item']['technology-item-num']; ?></span><?php echo $field['technology-item']['technology-item-theme']; ?></p>
                                        <p class="p-develop__hoverText"><?php echo $field['technology-item']['technology-item-text']; ?></p>
                                    </div>
                                </div>
                            <?php endforeach; ?>
                        </div>
                    <?php endwhile; ?>
                <?php endif; ?>
                <div class="p-business__link">
                    <a href="<?php echo esc_url(home_url('/products/')); ?>" class="c-link">技術紹介を見る</a>
                </div>
            </div>
        </div>
        <?php include('template/related-business.php'); ?>
    </section>
</main>
<?php get_footer();